以下は簡単なゲームの例です。
🎯
上記のコードは、クリックするとスコアが増えてランダムな位置に移動する簡単なゲームです。ゲームは1枚のHTMLファイルとして実装されており、JavaScriptは`script`タグで囲まれています。ゲームは実行開始されているため、ブラウザで開くとすぐに遊ぶことができます。スマートフォンの操作に対応しており、スコアは絵文字で表示されます。
詳細:
- ゲーム画面には`target`というIDを持つ`div`要素があり、絵文字の
🎯で表示されます。
- `getRandomPosition`関数は、ゲーム画面内のランダムな位置を返すための関数です。ウィンドウサイズと`target`要素のサイズに基づいて位置を計算します。
- `setRandomPosition`関数は、`target`要素をランダムな位置に移動させるための関数です。`getRandomPosition`関数を使用してランダムな位置を取得し、`target`要素のスタイルを変更します。
- `increaseScore`関数は、スコアを増やすための関数です。スコアを取得し、1増やして表示します。また、`setRandomPosition`関数を呼び出して`target`要素を新しい位置に移動します。
- `target`要素のクリックイベントに`increaseScore`関数を割り当てています。
- 初期の位置をランダムに設定するために、`setRandomPosition`関数を最初に呼び出しています。
以上が簡単なゲームの例です。このコードをコピーしてHTMLファイルとして保存し、ブラウザで開くことでゲームをプレイすることができます。