0

キャンバスで小さなゲームを設計しましたが、それにインターフェイスを追加したいと思います (サウンドの切り替えやその他の設定などのメニュー オプションを備えた標準的なものです)。

Angry Birds html5 (http://chrome.angrybirds.com) では、インターフェイスを処理するためのキャンバス以外の html 要素はありません。

ゲーム全体を html5 キャンバスで設計し、ユーザー インターフェイスを div などの html 要素を使用して css スタイルで完全に設計するのは悪い習慣でしょうか?

別の方法は、ユーザーが画面上のどこをクリックしたかを判断するために、なんらかの衝突システムを作成することだと思います。

誰かがここで私を正しい方向に向けて、私のキャンバス ゲームに最適な方法 (純粋なキャンバス、または html 要素を使用) を教えてくれることを期待していました。ここでの私の 100% の懸念はパフォーマンスです。両方のテストには数日かかり、非常に苦痛になるでしょう。enter code here

4

1 に答える 1

1

ユーザーがキャンバス上のどこをクリックしたかを判断することはそれほど難しくありません。ライブラリgeeを使用すると、非常に簡単になります。API の例に従ってジー キャンバスを作成し、常にマウス位置 (g.mouseX、g.mouseY) とマウス アクション (g.mousedrag、g.mousedown、g.mouseover、ecc...) にアクセスします。もちろん、アニメーション (g.draw) の自動更新も処理します。

あなたの質問について: UI をキャンバス内に作成するか、CSS を使用して外部に作成するかはあなた次第です。通常、ユーザー インターフェイスのパフォーマンスを気にする必要はなく、「より良いアプローチ」はありません。パフォーマンスは、コードの実装方法に依存します。インターフェースに使用しているテクノロジーに関係なく、不適切な実装はパフォーマンスの低下につながる可能性があります。

于 2012-04-06T02:29:58.297 に答える