TweenJS多个目标上的多个补间

时间:2017-02-15 18:24:02

标签: javascript createjs tweenjs

我正在使用Tweenjs并遇到以下问题;

我已经设置了一个createJS“容器”,里面有一个名为“myimage”的图形

想法是将容器内的myimage补间到新的x和y位置。然后应将容器旋转一个角度。

目前我有两个功能如下:

function moveMyimage(){


Createjs.Tween.get(myimage)
                .to({x: 100, y: 200}, 1500, createjs.Ease.quadInOut)
                .wait(1000)

}

Function rotateContainer(){

Createjs.Tween.get(container)
              .to({rotation: 180}, 2500, createjs.EasequadInOut)


}

目前,每个功能(用于测试目的)都链接到一个单独的按钮,可用于触发它们。他们自己工作得很好。

但是,如果我尝试将它们组合在一个函数中

function moveMyimage(){


Createjs.Tween.get(myimage)
                .to({x: 100, y: 200}, 1500, createjs.Ease.quadInOut)
                .wait(1000)

Createjs.Tween.get(container)
              .to({rotation: 180}, 2500, createjs.EasequadInOut)


}

我发现myimage在容器内移动得很好,但是然后将其应用于容器,而不是将其应用于容器内的myimage

0 个答案:

没有答案