tween.js - 设置默认缓动值

Question

我正在使用https://github.com/sole/tween.js/并创建了很多补间 - 有没有办法为.easing属性设置默认值，所以我不必每次都声明它？

Answer 1

我不知道这个库，但是看了一下代码，遗憾的是它似乎并没有为此创建。 实际上，如果查看源代码，easing构造函数中的TWEEN.Tween函数是私有的。 您可以自己更改库的代码，也可以修改构造函数。 实现这一目标的一种简单方法是通过用创建TWEEN.Tween对象的函数替换它来覆盖构造函数，运行easing函数并返回创建的补间。 必须在TWEEN库之后和代码之前包含以下代码。

TWEEN.origTween = TWEEN.Tween;
TWEEN.Tween = function (options){
    var res = new TWEEN.origTween(options);
    res.easing(TWEEN.Easing.Elastic.InOut);
    return res;
};

您可以通过调用新定义的“构造函数”中的其他方法，进一步采用该示例并自己实现其他一些“默认”值。 请注意，默认值可以随时使用.easing方法进行更改，就像您现在所做的那样，即使在构造函数的修饰之后也是如此。

这是一个工作小提琴，默认缓动功能设置为TWEEN.Easing.Elastic.InOut

http://jsfiddle.net/5fgn2/

正如您所看到的，通过取消注释easing调用，如果需要，您仍然可以更改它。