lib/yuilib/3.13.0/anim-curve/anim-curve.js

   1 /*
   2 YUI 3.13.0 (build 508226d)
   3 Copyright 2013 Yahoo! Inc. All rights reserved.
   4 Licensed under the BSD License.
   5 http://yuilibrary.com/license/
   6 */
   7
   8 YUI.add('anim-curve', function (Y, NAME) {
   9
  10 /**
  11  * Adds support for the <code>curve</code> property for the <code>to</code>
  12  * attribute.  A curve is zero or more control points and an end point.
  13  * @module anim
  14  * @submodule anim-curve
  15  */
  16
  17 Y.Anim.behaviors.curve = {
  18     set: function(anim, att, from, to, elapsed, duration, fn) {
  19         from = from.slice.call(from);
  20         to = to.slice.call(to);
  21         var t = fn(elapsed, 0, 100, duration) / 100;
  22         to.unshift(from);
  23         anim._node.setXY(Y.Anim.getBezier(to, t));
  24     },
  25
  26     get: function(anim) {
  27         return anim._node.getXY();
  28     }
  29 };
  30
  31 /**
  32  * Get the current position of the animated element based on t.
  33  * Each point is an array of "x" and "y" values (0 = x, 1 = y)
  34  * At least 2 points are required (start and end).
  35  * First point is start. Last point is end.
  36  * Additional control points are optional.
  37  * @for Anim
  38  * @method getBezier
  39  * @static
  40  * @param {Array} points An array containing Bezier points
  41  * @param {Number} t A number between 0 and 1 which is the basis for determining current position
  42  * @return {Array} An array containing int x and y member data
  43  */
  44 Y.Anim.getBezier = function(points, t) {
  45     var n = points.length,
  46         tmp = [],
  47         i,
  48         j;
  49
  50     for (i = 0; i < n; ++i){
  51         tmp[i] = [points[i][0], points[i][1]]; // save input
  52     }
  53
  54     for (j = 1; j < n; ++j) {
  55         for (i = 0; i < n - j; ++i) {
  56             tmp[i][0] = (1 - t) * tmp[i][0] + t * tmp[parseInt(i + 1, 10)][0];
  57             tmp[i][1] = (1 - t) * tmp[i][1] + t * tmp[parseInt(i + 1, 10)][1];
  58         }
  59     }
  60
  61     return [ tmp[0][0], tmp[0][1] ];
  62
  63 };
  64
  65
  66 }, '3.13.0', {"requires": ["anim-xy"]});