javascript - 如何将变量传递给 createjs Tween 函数

Question

我希望能够将变量传递给 createjs Tween 函数:

function openPanel(id, pos) {
    //alert("This panel is: "+id+" and is pos: "+pos);
    createjs.Tween.get(id, {
        loop: false
    }).to({
        pos: 50
    }, 500, createjs.Ease.getPowInOut(4));
}

id 和 pos 变量都是字符串 - 值出现在警报中，但 Tween 未触发。有什么想法吗？

谢谢

Answer 1

好的。如果我理解正确的话，您希望能够将属性名称以及要对其进行补间的对象的 id 传递给补间。

我不确定您如何通过字符串 id 查找对象(因为这不是 EaselJS 内部执行的操作)，因此我编辑了您的代码以处理对象引用:

var myShape = new createjs.Shape();
// .... etc.
openPanel(myShape, "x");

function openPanel(target, prop) {
    var tweenProps = {};
    tweenProps[prop] = 50; // dynamic property access.

    createjs.Tween.get(target, {
        loop: false
    }).to(tweenProps, 500, createjs.Ease.getPowInOut(4));
}

如您所见，我使用动态属性访问(通过方括号)来设置补间值对象，然后将其传递给 to() 调用。