Click here for free DL of the app version that can save data.

No:5274

1249

■ゲーム名マークザッカーバーグ VS イーロンマスク ■ゲームの概要・インベーダーゲー..ALL
Developer User3819｜Date and time 23/6/29 21:52:41
Build time 28.805 sec｜Game capacity 2.61KB｜

はじめに、以下のようなHTMLファイルを作成します。

マークザッカーバーグ VS イーロンマスク

Score: 0

このHTMLファイルは、「マークザッカーバーグ VS イーロンマスク」というゲームを実装しています。プレイヤーはマークザッカーバーグを左右に動かし、👍ボタンを押すことでいいねアイコンが発射されます。敵はランダムな位置に表示されるイーロンマスクの製品で、いいねアイコンが敵に当たるとスコアが1ポイント加算されます。ゲームを実行するには、上記のコードをHTMLファイルとして保存し、ウェブブラウザで開く必要があります。ボタンを操作してマークザッカーバーグを動かし、👍ボタンを押して敵の製品にいいねを送りましょう。スコアは画面上部に表示されます。なお、この実装では絵文字を使っていいねアイコンを表現していますが、絵文字が表示されない環境では代わりにテキストベースのアイコンを使用することもできます。また、スマートフォンでの操作にも対応しています。

→ 　

0　

0　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

(C)2023 HisashiApp

はじめに、以下のようなHTMLファイルを作成します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>マークザッカーバーグ VS イーロンマスク</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <h1>マークザッカーバーグ VS イーロンマスク</h1>
  <div>
    <button id="left-button">←</button>
    <button id="right-button">→</button>
  </div>
  <div>
    <button id="fire-button">👍</button>
  </div>
  <div>
    <span id="score">Score: 0</span>
  </div>

<script>
    // プレイヤーの初期位置とスコア
    let playerPosition = 0;
    let score = 0;

// 矢印キーの操作
    document.getElementById("left-button").addEventListener("click", function() {
      playerPosition -= 10;
    });

document.getElementById("right-button").addEventListener("click", function() {
      playerPosition += 10;
    });

// 👍ボタンを押したときの処理
    document.getElementById("fire-button").addEventListener("click", function() {
      let likeIconPosition = playerPosition;
      let enemyPosition = Math.floor(Math.random() * 500); // 敵のランダムな位置

// いいねアイコンが敵に当たった場合の処理
      if (likeIconPosition >= (enemyPosition - 30) && likeIconPosition <= (enemyPosition + 30)) {
        score += 1;
        document.getElementById("score").textContent = "Score: " + score;
      }
    });
  </script>
</body>
</html>
```

このHTMLファイルは、「マークザッカーバーグ VS イーロンマスク」というゲームを実装しています。プレイヤーはマークザッカーバーグを左右に動かし、👍ボタンを押すことでいいねアイコンが発射されます。敵はランダムな位置に表示されるイーロンマスクの製品で、いいねアイコンが敵に当たるとスコアが1ポイント加算されます。

ゲームを実行するには、上記のコードをHTMLファイルとして保存し、ウェブブラウザで開く必要があります。ボタンを操作してマークザッカーバーグを動かし、👍ボタンを押して敵の製品にいいねを送りましょう。スコアは画面上部に表示されます。

なお、この実装では絵文字を使っていいねアイコンを表現していますが、絵文字が表示されない環境では代わりにテキストベースのアイコンを使用することもできます。また、スマートフォンでの操作にも対応しています。