javascript - HTML5 Canvas を使用した外部矢印キーの開発

Question

html5、css、および少しの jquery を使用してゲームを開発しようとしています。

Safari ではなく Chrome と Firefox でゲームを動作させることができたことがあります。私の問題は、私の実験中、オブジェクトが動いていないことを除いてiPad2でゲームが動作することです。そのため、多くのスクリプトを使用せずに外部キー矢印を開発するソリューションを探していました。そして右。これに対する多くの解決策を探しましたが、適切にレンダリングされた動きが見つかりませんでした。動きをスムーズに処理する JavaScript を作成しようとさえしました。

node.jsまたはスムーズなジャンプを実現するのに役立つ利用可能なソースを使用して、モバイル経由で動きを処理する方法を探しています。

私は多くのリソースを探しましたが、ユーザーが操作できるようにコントロールをシンプルにしたいと考えています。

Chrome と Firefox はどちらも問題なく動作しますが、特に iPad 2 または 3 の Safari を除いて...

ここにいくつかのコントロールがあります。これで私の間違いはどこですか

var left, right;
    left = mie ? 1:0;
    right = 2;

    document.body.addEventListener('mousedown' , function (e) {
    console.log(e.button);
    if(key === left){
        dir = "left";
        player.isMovingLeft = true;
    } else if (key === right){
        dir = "right";
        player.isMovingRight = true;
    }

    if(key == 32) {
        if(firstRun === true)
            init();
        else
            reset();
    }
    };

    var left, right;
    left = mie ? 1:0;
    right = 2;

    document.body.addEventListener('mouseup' , function (e) {
        console.log(e.button);
        if(key === left){
            dir = "left";
            player.isMovingLeft = false;
        } else if (key === right) {
            dir = "right";
            player.isMovingRight = false;
        }
    };

//Accelerations produces when the user hold the keys
if (player.isMovingLeft === true) {
    player.x += player.vx;
    player.vx -= 0.15;
} else {
    player.x += player.vx;
    if (player.vx < 0) player.vx += 0.1;
}

if (player.isMovingRight === true) {
    player.x += player.vx;
    player.vx += 0.15;
} else {
    player.x += player.vx;
    if (player.vx > 0) player.vx -= 0.1;
}

// Speed limits!
if(player.vx > 8)
    player.vx = 8;
else if(player.vx < -8)
    player.vx = -8;