canvas 2d に基づく html5 ゲームに取り組んでいます。多くの再描画に問題があります（30fpsにするため）。多くのオブジェクトを再描画する必要があります。ユニットのアニメーション (ユニットの上にある壁など) が原因です。これのパフォーマンスを改善し、オブジェクトごとに大量のキャンバス (約 200 キャンバス) を作成したいと考えています。それは良い解決策ですか？または、1 つのキャンバスに大量のオブジェクトを 1 秒あたり 30 回再描画します。以下に例を示します:(基本言語はロシア語) http://wpgame.cloudapp.net/Home/Game
こちらは2ユニット。ボックスの上にある最初のものは、ボックスの下にある 2 番目のものです。1 キャンバスを使用します。ユニットのアニメーションを描画するには、明確な長方形領域 (およびボックスへの影響) が必要であり、ボックスを再描画する必要があります。ボックスを再描画したくありません。そして解決策は次のとおりだと思います：ボックス用に2つのキャンバスといくつかのキャンバスを作成します。また、ユニットキャンバスのみ再描画を行います。しかし、それは遅くなる可能性があります。