requestAnimFrame を使用して簡単なアニメーションを描画するためのベスト プラクティスに従いました:
http://jsfiddle.net/paul/XQpzU/2/light/
残念ながら、この例 (Chrome、Firefox、および IE) でもアニメーションに遅れがあります。
ソースコードの説明があります: http://paulirish.com/2011/requestanimationframe-for-smart-animation/
スローダウンせずにhtml5で簡単なアニメーションを表示するソリューションは何ですか?
複雑なアニメーションにはダブル バッファ技術を使用して、保存、復元などの遅い機能を回避します。良い記事 http://www.felinesoft.com/blog/index.php/2010/09/accelerated-game-programming-with-html5-and-canvas/
「requestAnimFrame」を使用しても、パフォーマンスが向上するわけではありません。この場合、特定の時間にコードをレンダリングするかどうかを決定するのはブラウザであり、ユーザーではありません。私の経験では、必要な FPS にタイマーを設定する方がよいことがわかりました。PhoneGap for Android を使用してゲームを作成したとき、私は悪い経験をしました。さまざまな手法を試しましたが、2 つのキャンバスを使用してパスを再利用し、遅い変換機能を回避するのが最善でした。