html - setTimeout または setInterval または requestAnimationFrame

Question

HTML5 ゲームの場合、モバイル デバイス用のキャンバス アニメーションを使用します。

各デバイスと他のデバイスの間で速度が異なるいくつかのパフォーマンスの問題に直面しています。

requestAnimationFrameは、デバイスの速度に応じてゲームのアニメーションを高速化します。
setIntervalは、デバイスから別のデバイスへの遅延があることにショックを受けました。
setTimeoutは、キャンバスへの描画も遅くなります。

以前にモバイル HTML5 ゲームの経験があった人は、さまざまなモバイル デバイスで安定してキャンバス上でアニメーションを開発するための 3 つの方法 (または利用可能な場合は他の手法) の最良の方法を教えてくれますか?

Answer 1

requestAnimationFrameそれが意図されているので、可能な場合は常に使用してください。そうでない場合は、サポートにシムを使用するのが最善です。そのため、特定の詳細に対処する必要はありません。

実際に使用されている方法に関係なく、アニメーションまたはゲームロジックを同じ速度で実行するには、時間ベースのアニメーションと物理学などの時間ベースの計算を使用する必要があります。