Web ゲームを始めたのですが、最適な方法を知りたいです。
ゲームは上から見た六角形のフィールドで、回転/傾斜させることができます。
それを行う最良の方法は何ですか？私がやろうとしていたのは、キャンバスを使用し、2D 変換を使用して 3D 回転をシミュレートすることでした。問題は次のとおりです。
私が考えることができる2つの方法があります：
キャンバスのみを使用。これは、非常に幅広いブラウザのサポートを意味し、癖がほとんどなく、通常は「問題なく動作する」ということです。潜在的な問題: あなたが言及したようなローエンド マシンでのパフォーマンス。しかし、ゲームのローテーションはゲームプレイにとって重要なのでしょうか? そうでない場合は、遅いスマートフォンでオフにすることを検討できます. ゲームプレイにとって重要でない場合、ユーザーはおそらくその機能を見逃すことはありません.
キャンバスと CSS3 変換の組み合わせ (回転キューブの例)。純粋なキャンバス ソリューションよりも優れたパフォーマンスを提供できます。潜在的な問題: 技術の「混合」が必要です。これは常に、予期しない問題や癖に遭遇するリスクを意味します。
www.kineticjs.com をご覧ください。
Canvas は、SVG のようにパスごとに DOM に書き込むわけではないため、何百もの図形を描画するための方法です。
1000 年代にプログラムで図形を描画する例がいくつかあります。最近、ここで同様のアニメーションに使用しました。