Question

Docu说：

时间轴Timeline类同步多个补间并允许他们作为一个群体受到控制。

但没有示例如何使用它。如果我用

创建时间轴

var tl = createjs.Timeline();

不再渲染任何形状。

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

Answer 1

创建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结合使用 - 它们可以很好地协同工作。

Answer 2

我有一个例子：

//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毫秒时淡出

如何在tweenjs中使用时间轴

2 个答案: