背景: 私は、主に携帯電話のブラウザーで再生される kineticjs を使用して、リアルタイムのマルチプレイヤー html5 キャンバス ゲームを開発しています。ゲームでは、毎秒のサーバーとのソケット通信、サーバーの応答に基づく kineticjs を使用した再描画とアニメーション、およびこれらすべてが重いグラフィック インターフェイス上で行われるなど、多くのことが行われています。ゲームはデスクトップ ブラウザでは問題なく機能しますが、携帯電話では動作が遅くなります。そのため、コードを最適化できるすべての方法を見つける必要があります。
私の質問、
サーバーから受信したばかりのサーバー応答に基づいて、画面の特定の部分を再描画する必要があるとしましょう。これらの再描画が必要な要素を別のレイヤーに保持して、再描画する必要がある要素を少なくする必要があります。私の場合、毎秒再描画する必要がありますが、これはパフォーマンスの向上につながりますか?
上記の答えが「はい」の場合、レイアウトを分割する最適なレイヤー数はいくつですか。画面上にさまざまなサーバー応答に基づいて再描画する必要があるさまざまな部分がたくさんあるため (すべて同時にではありませんが)、これらすべてを別々のレイヤーに配置する必要がある場合は、その方法を知る必要があります。上記のロジックを拡張することができます。たとえば、このすべての演習の目的であるパフォーマンスを犠牲にすることなく、10 の異なるレイヤーを使用できます。