javascript - Jquery 更新関数を作成しますか?

Question

javascript/jqueryで更新関数を作成するにはどうすればよいですか?

更新関数は、ゲームの各ステップで実行される関数です。たとえば、1 秒間に 60 回実行されます。ゲーム開発でよく使われます。

jqueryでこのようなものを作成するにはどうすればよいですか?

Answer 1

おそらく関数を使用する必要がありsetIntervalます。

ただし、requestAnimationFrameブラウザ ゲームの開発用に設計されており、必要に応じて 1 秒あたり 60 回の呼び出しを実行できるため、代わりに使用することをお勧めします。

Answer 2

なぜjQuery？1000/60数ミリ秒の頻度で関数を呼び出すだけです。

setInterval(function() {
  ...
}, 1000/60)

Answer 3

それは部分的にあなたのレンダリング方法に依存します。（たとえば）<canvas>要素で「ゲーム」をレンダリングする場合は、 requestAnimationFrame（javascriptネイティブ関数）を使用することをお勧めします。

詳細については、この役立つ記事を参照してください。

Answer 4

この場合、SetIntervalが役立ちます。

あなたはそれをこのように使うことができます-

var timer = setInterval(callback,delay);

このコードは、ミリ秒callbackごとに名前が付けられた関数を実行しdelayます。

タイマーを停止するには、このメソッドを使用できますclearInterval()。

clearInterval(timer);

前述したように、間隔はミリ秒単位で定義されるため、コールバックを1秒間に60回実行するには、delayパラメーターとして16ミリ秒または17ミリ秒を渡す必要があります。