我正在使用新的 createjs,他们已经删除了翻转和 addflipframes。显然 scaleX=-1 应该更快,但现在当我想左右移动我的角色时,我得到了一个奇怪的延迟。我只是希望我的运动功能编码错误,或者只是 mousetrap.js 对 create.js 不友好
http://jsfiddle.net/w5uZF/8/这是带有测试游戏的jsFiddle。我只是在学习如何使用新系统。
这些是我的捕鼠器绑定:
Mousetrap.bind('a', function(){moveLeft();}, 'keydown');
Mousetrap.bind('d', function(){moveRight();}, 'keydown');
这些是我的运动功能:
function moveRight(){
var speed = 20;
sayaka.x += speed;
sayaka.scaleX= 1;
}
function moveLeft(){
var speed = 20;
sayaka.x -= speed;
sayaka.scaleX= -1;
}
我想如果我展示我是如何制作我的精灵的,它有 8 帧,那会很好。
var dataSayaka = {
images: ["http://i.imgur.com/rxDkp2Q.png"],
frames: {width:133, height:139, regX: 50, regY:50},
animations: {runRight:[0,1,2,3,4,5,6,7, "runRight"]}
};
var spriteSheetSayaka = new createjs.SpriteSheet(dataSayaka);
var animationSayaka = new createjs.Sprite(spriteSheetSayaka, "runRight");
sayaka = new createjs.Sprite(spriteSheetSayaka, animationSayaka);
我愿意接受任何建议和批评,因为我很想知道如何提高运动表现。
我尝试使用原生 Javascript 键事件来移动我的角色,但效果是一样的。当我左右移动时,角色的滞后情况很奇怪。