我正在使用 Tweenjs 并遇到以下问题;
我已经建立了一个 createJS “容器”,其中有一个名为“myimage”的图形</p>
这个想法是将容器内的 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
容器内部。