canvas - マウストラップを使用した Createjs が遅くなる理由を知りたいです。(jsfiddle 提供)

Question

私は新しい createjs を使用していますが、flip と 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 キー イベントを使用してキャラクターを動かそうとしましたが、結果は同じでした。左右に移動するとキャラクターが遅れるのがおかしいです。