HTML5ゲームにボタンを追加する方法 - ダミー

ビデオ: AdMob Rewarded Video - Mobile Ads Garage #7 2025

キーボードは、標準ブラウザで入力する最も簡単な方法の1つですが、ほとんどのモバイルデバイスにはキーボードがありません。最初の問題は、キーボードがないときにユーザー入力を取得する方法を理解することです。

<！ - 1 - >

GameButtonのカスタムボタンオブジェクトは、標準のHTMLボタンの機能から始まりますが、ゲームに適したトリックを追加します。通常のマウスまたはタッチコントロールでボタンをアクティブにすることができ、両方のタイプのデバイスで再生できるゲームに最適です。ボタン。 htmlページには、実際にボタンが表示されています：

ボタン。 html var btnMove; varゲーム。 varボール;関数init（）{ゲーム=新しいシーン（）;ゲーム。 setSize（200,200）;ボール=新しいスプライト（ゲーム、 "redBall.png"、25、25）;玉。 setSpeed（0）;玉。 setPosition（100、100）; btnMove =新しいGameButton（ "Move"）; btnMove。 setPos（70,150）; btnMove。 setSize（60、30）; ゲーム。 start（）;} //終了するinit関数update（）{ゲーム。 clear（）; checkButtons（）; ボール。 function checkButtons（）{ if（btnMove。isClicked（））{ ボール。 setSpeed（3）; } else { ボール。 setSpeed（0）; } // end if } // end checkButtons 通常通り、新しく面白い要素は太字で示しています。ゲームにゲームボタンを追加する方法は次のとおりです。

<！ - 2 - >

ボタンの変数を作成します。

他のゲーム要素と同様に、まずボタンを参照する変数を作成します。

GameButtonオブジェクトを構築します。
init（）メソッドでGameButtonオブジェクトを構築します。単一のパラメータは、ボタンのキャプションを示します。

ボタンのサイズと位置を設定します。
あなたのゲームプレイがモバイルデバイス上でどのように機能するかを少し考えてみましょう。あまりにも多くの視界を遮ることなく、プレイヤーが簡単に手が届く場所にボタンを置きます。ゲームの熱中に押されるほどボタンを大きくしたい場合もあります。（オンスクリーンボタンは、タブレットベースのゲームの方がはるかに優れています。）

<！ - 3 - >
更新中にボタンの状態を確認します（）。
update（）関数の実行中に通常キーボードの状態を確認するのと同じように、関数を呼び出してボタンの状態を確認することもできます。もちろん、この関数を書く必要があります。

ボタンのisClicked（）メソッドを読み込みます。
ボタンが現在押されている場合、isClicked（）の値はtrueです。ボタンが現在押されていない場合、isClicked（）はfalseを返します。このメソッドを使用して、各ボタンの現在の状態を判断し、それに応じて動作させます。

キーボードのようにボタンを操作します。
ボタンをテストすると最終的にブール（真または偽）値が返されるため、ボタンのチェックは通常、キーボードのチェックのように非常によく感じられます。

必要なときにだけボタンを追加することを検討してください。
必要に応じて、タッチスクリーンが利用可能な場合にのみボタンを表示（およびテスト）するようにゲームを設計することができます。 Sceneオブジェクトにはtouchableという特別な変数があります。この変数は、ライブラリがタッチスクリーンを検出した場合はtrue、そうでない場合はfalseです。この変数を使用して、再生環境に適応するカスタムインターフェイスを生成することができます。

通常は、インタフェースに複数のボタンを追加します.1つは、ユーザが使用すると予想される各キー（矢印やスペースバーなど）を置き換えるものです。このようにして、画面上に仮想キーボードを作成することができます。快適なゲーム体験を得るには、各キーのサイズと位置をテストする必要があります。