setTimeoutまたはsetIntervalまたはrequestAnimationFrame

Question

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

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

requestAnimationFrameデバイスの速度に従ってゲームのアニメーションをスピードアップします。
setIntervalは、デバイスから別のデバイスへの遅延があることに私に衝撃を与えました。
setTimeoutキャンバスでの描画も遅くなります。

モバイルHTML5ゲームの経験者は、キャンバス上のアニメーションを開発するための3つの方法（または使用可能な他のテクニック）を、さまざまなモバイルデバイスで安定させるための最良の方法を教えてくれますか？

Answer 1

可能であれば、常に​​を使用してください。これはそのためです。 use a shim for supportでない場合は最善ですので、具体的な詳細を扱う必要はありません。

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

Answer 2

window.requestAnimFrame = function(){ 
    return (
     window.requestAnimationFrame  || 
     window.webkitRequestAnimationFrame || 
     window.mozRequestAnimationFrame || 
     window.oRequestAnimationFrame  || 
     window.msRequestAnimationFrame  || 
     function(/* function */ draw1){ 
      window.setTimeout(draw1, 1000/60); 
     } 
    ); 
}(); 
    window.requestAnimFrame(draw); 
})(); 

使用すべてのケース