jquery - jQueryは画像のsrc属性を変更します

Question

現在、ブラウザベースのゲームを作ろうとしています。しかし、少し質問があります。以下のコードを開いて調べてください。

http://jsfiddle.net/thisizmonster/YVz6L/4/

1. キーボード入力を処理するより良いソリューションはありますか?
2. 移動中はランニングソルジャーとイメージチェンジ。しかし、あなたが見ることができるように、私の兵士は走っていませんが、キーを押すのを止めた後、走り始めます. なぜそれが起こっているのですか？

Answer 1

1）キーダウンでキャラクターを動かし、キーアップでキャラクターを止める方がいいのではないかと思います。ただし、すべての要素がメソッドをサポートしているわけではないため、注意が必要です。フォーム要素が画面外に配置され（例：position：absolute; left：-999px;）、ページが読み込まれるときにフォーカスが与えられる例を見てきました。次に、フォームフィールドはキー押下を受け入れ、キーハンドラーがそれに割り当てられます。

2）イメージsrcを実行イメージに常にリセットしているためです。つまり、最初のフレームに移動し続けます。キーが押されている間にカウンターをインクリメントし、カウンター== 1の場合にのみ画像を変更することで、これを回避できます。また、キーのリリースを検出する必要があるため、画像を元に戻してリセットできます。 0にカウンターします。