我正在开发一个基于 HTML5 画布的迷你游戏,但我似乎无法组织线性动画。
我正在使用此代码向画布添加“目标”对象:
var target = new Kinetic.Shape(function(){
var context = this.getContext();
context.drawImage(images.target, x, y, 2*radius, 2*radius);
context.beginPath();
context.rect(x, y, 2*radius, 2*radius);
context.closePath();
});
gameLayer.add(target);
我需要用线性动画为这个对象设置动画,试试这个代码:
var mx = x;
setInterval(function(){
mx -= 1;
target.setPosition(mx, y);
gameLayer.draw();
}, 500);
但是,它没有用!怎么了?