我正在尝试使用烧瓶图像创建动画。我想倒烧瓶,然后把烧瓶换成空的,然后把烧瓶放回原来的位置。我现在的代码如下所示:
var renderPour = function (flask, index){
// Using a Motion Guide
curX = flask.x;
curY = flask.y;
createjs.Tween.get(flask)
.wait(2000*index)
.to({x:100, y:90, rotation:-100}, 700, createjs.Ease.quadOut)
.to({image:'/assets/empty_flask'+(index+1)+'.svg'}, 0)
.to({x:curX, y:curY, rotation:0}, 700, createjs.Ease.quadOut);
}
根据文件,它说
Non-numeric properties will be set at the end of the specified duration.
所以我希望图像 src 属性会改变。但是当我运行我的代码时,位图就消失了,我在那里有一个“不可见”的位图。我知道它仍然存在,因为我有一个跟踪所有位图的数组,它仍然存在,我只是看不到它。当我在控制台中检查图像的 src 值时,它已更改且正确。
我做了一些研究,猜测可能是因为舞台没有更新。这是我的更新阶段代码:
createjs.Ticker.setFPS(60);
createjs.Ticker.on("tick", tick);
createjs.MotionGuidePlugin.install();
function tick(event) {
stage.update(event);
console.log('x: ', flaskArr[1].x, 'y', flaskArr[1].y);
}
我也尝试在控制台中运行 stage.update() ,但位图仍然不可见。
此外,动画的后半部分似乎仍在工作,除了 Bitmap 没有根据日志显示。
我想知道是否有正确的方法来替换 TweenJs 中的图像?还是有另一种方法来替换动画中间的图像?非常感谢!