読者です 読者をやめる 読者になる 読者になる

チルノをJavaScriptで歩かせるだけ03(移動)

移動処理

f:id:surume_Reflection:20161008115857p:plain

[Aキー][Dキー]で移動



#座標に描画するよう修正
var point = {x: 0, y: 0}; ctx.drawImage(image, point.x, point.y);

#キーイベント追加

        var key = [];
    //キーイベント
    window.addEventListener('keydown', key_down_e, true);   //キーアップ
    function key_down_e(event){
        var code = event.keyCode;
        switch (code) {
            case 87: key[0] = 1; break;//S
            case 83: key[1] = 1; break;//W
            case 65: key[2] = 1; break;//A
            case 68: key[3] = 1; break;//D
        }
    }
    window.addEventListener('keyup', key_up_e, true);   //キーダウン
    function key_up_e(event){
        var code = event.keyCode;
        switch (code) {
            case 87: key[0] = 0; break;//S
            case 83: key[1] = 0; break;//W
            case 65: key[2] = 0; break;//A
            case 68: key[3] = 0; break;//D
        }
    }

#これらのキーを押している場合画像を切り替える

コード追加予定...

surumereflection.hatenadiary.jp

チルノJavaScriptで歩かせるだけ
チルノをJavaScriptで歩かせるだけ01(描画) - Surume_Reflection
チルノをJavaScriptで歩かせるだけ02(歩行) - Surume_Reflection
チルノをJavaScriptで歩かせるだけ03(移動) - Surume_Reflection