2

文档 说：

Timeline Timeline 类同步多个补间并允许将它们作为一个组进行控制。

但没有示例如何使用它。如果我创建一个时间线

var tl = createjs.Timeline();

不再呈现任何形状。

Timeline 是 TweenMax 中的一个很棒的功能，我也喜欢在画布中使用它。

4

2 回答 2

3

创建一个Timeline不应该影响形状的渲染 - 您能否提供更多代码或进一步解释您正在尝试做什么？

的用法Timeline非常简单：

    var timeline = new createjs.Timeline(); //create the Timeline
    timeline.addTween(tween, tween2); // add some tweens
    timeline.setPaused(true); // pause all tweens 
    timeline.setPosition(300); // set position on all tweens ...

但是，如果您更习惯 GSAP，您可以将 GSAP 与 EaselJS/CreateJS 结合使用——它们可以很好地协同工作。

于 2016-02-26T15:00:08.030 回答
1

我有一个例子：

//First Tween on rav4 object

var ravScaleTween = new createjs.Tween.get(rav4)
        .wait(350)
        .to({scaleX:1, scaleY:1, x:ravEndPoint.x, y:ravEndPoint.y}, 1500, createjs.Ease.quadOut);

//Second Tween on rav4 object

var ravAlphaTween = new createjs.Tween.get(rav4)
        .wait(350)
        .to({alpha:1}, 400);

//Create Timeline class

var ravTimeLine = new createjs.Timeline();
ravTimeLine.addTween(ravScaleTween,ravAlphaTween);

rav4 对象开始缩放并移动到 x 和 y 位置（1500 毫秒），因为 rav4 对象的 alpha 在 400 毫秒处逐渐消失

于 2016-06-22T23:59:48.840 回答