Source/Fx/Fx.Transitions.js

   1 /*
   2 ---
   3
   4 name: Fx.Transitions
   5
   6 description: Contains a set of advanced transitions to be used with any of the Fx Classes.
   7
   8 license: MIT-style license.
   9
  10 credits:
  11   - Easing Equations by Robert Penner, <http://www.robertpenner.com/easing/>, modified and optimized to be used with MooTools.
  12
  13 requires: Fx
  14
  15 provides: Fx.Transitions
  16
  17 ...
  18 */
  19
  20 Fx.implement({
  21
  22         getTransition: function(){
  23                 var trans = this.options.transition || Fx.Transitions.Sine.easeInOut;
  24                 if (typeof trans == 'string'){
  25                         var data = trans.split(':');
  26                         trans = Fx.Transitions;
  27                         trans = trans[data[0]] || trans[data[0].capitalize()];
  28                         if (data[1]) trans = trans['ease' + data[1].capitalize() + (data[2] ? data[2].capitalize() : '')];
  29                 }
  30                 return trans;
  31         }
  32
  33 });
  34
  35 Fx.Transition = function(transition, params){
  36         params = Array.from(params);
  37         var easeIn = function(pos){
  38                 return transition(pos, params);
  39         };
  40         return Object.append(easeIn, {
  41                 easeIn: easeIn,
  42                 easeOut: function(pos){
  43                         return 1 - transition(1 - pos, params);
  44                 },
  45                 easeInOut: function(pos){
  46                         return (pos <= 0.5 ? transition(2 * pos, params) : (2 - transition(2 * (1 - pos), params))) / 2;
  47                 }
  48         });
  49 };
  50
  51 Fx.Transitions = {
  52
  53         linear: function(zero){
  54                 return zero;
  55         }
  56
  57 };
  58
  59 //<1.2compat>
  60
  61 Fx.Transitions = new Hash(Fx.Transitions);
  62
  63 //</1.2compat>
  64
  65 Fx.Transitions.extend = function(transitions){
  66         for (var transition in transitions) Fx.Transitions[transition] = new Fx.Transition(transitions[transition]);
  67 };
  68
  69 Fx.Transitions.extend({
  70
  71         Pow: function(p, x){
  72                 return Math.pow(p, x && x[0] || 6);
  73         },
  74
  75         Expo: function(p){
  76                 return Math.pow(2, 8 * (p - 1));
  77         },
  78
  79         Circ: function(p){
  80                 return 1 - Math.sin(Math.acos(p));
  81         },
  82
  83         Sine: function(p){
  84                 return 1 - Math.cos(p * Math.PI / 2);
  85         },
  86
  87         Back: function(p, x){
  88                 x = x && x[0] || 1.618;
  89                 return Math.pow(p, 2) * ((x + 1) * p - x);
  90         },
  91
  92         Bounce: function(p){
  93                 var value;
  94                 for (var a = 0, b = 1; 1; a += b, b /= 2){
  95                         if (p >= (7 - 4 * a) / 11){
  96                                 value = b * b - Math.pow((11 - 6 * a - 11 * p) / 4, 2);
  97                                 break;
  98                         }
  99                 }
 100                 return value;
 101         },
 102
 103         Elastic: function(p, x){
 104                 return Math.pow(2, 10 * --p) * Math.cos(20 * p * Math.PI * (x && x[0] || 1) / 3);
 105         }
 106
 107 });
 108
 109 ['Quad', 'Cubic', 'Quart', 'Quint'].each(function(transition, i){
 110         Fx.Transitions[transition] = new Fx.Transition(function(p){
 111                 return Math.pow(p, i + 2);
 112         });
 113 });