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

No:9393

380

Saving the Rear from Explosion
Developer User1006｜Date and time 23/7/24 11:31:29
Build time 27.599 sec｜Game capacity 2.501KB｜

了解しました。以下にプログラムの実装例を示します。

リア充を爆発から救うゲーム

✿ 💣

このプログラムは、スマホの傾きを検出してプレイヤーを動かし、ボムとの接触を判定するゲームです。プレイヤーは✿の絵文字、ボムは💣の絵文字で表示されます。ゲーム画面の上には「リア充を爆発から救うゲーム」というタイトルが表示されます。ゲーム画面内にはプレイヤーとボムが配置されており、プレイヤーをスマホの傾けで操作してボムとの接触を避けるようにします。ボムをクリックした場合や、プレイヤーがボムに接触した場合は、alertでメッセージを表示し、ゲームがオーバーとなります。その後、ゲームをやり直すためにページをリロードしています。上記のコードをhtmlファイルに保存し、スマホのブラウザで開くとゲームがプレイ可能です。リア充を爆発から救いましょう！

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

了解しました。以下にプログラムの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>リア充を爆発から救うゲーム</title>
</head>
<body>
  <h1>リア充を爆発から救うゲーム</h1>

<div id="gameArea">
    <span id="player">✿</span>
    <span id="bomb">💣</span>
  </div>

<script>
    var player = document.getElementById("player");
    var bomb = document.getElementById("bomb");

// プレイヤーの初期位置
    var playerPos = 50;

// プレイヤーとボムの初期位置
    player.style.left = playerPos + "%";
    bomb.style.left = Math.random() * 90 + "%";

// ボムをクリックしたときの処理
    bomb.onclick = function() {
      alert("リア充が爆発しました！ゲームオーバーです。");
      location.reload(); // ゲームをやり直す
    };

// スマホの傾きを検出してプレイヤーを動かす
    window.addEventListener("deviceorientation", function(event) {
      // X軸の傾きを取得
      var tilt = event.beta;

// プレイヤーの位置を更新
      playerPos += tilt / 5;
      player.style.left = playerPos + "%";

// プレイヤーがボムに接触したか確認
      if (playerPos > bomb.offsetLeft && playerPos < (bomb.offsetLeft + bomb.offsetWidth)) {
        alert("リア充を救出しました！おめでとうございます。");
        location.reload(); // ゲームをやり直す
      }
    });
  </script>
</body>
</html>
```

このプログラムは、スマホの傾きを検出してプレイヤーを動かし、ボムとの接触を判定するゲームです。プレイヤーは✿の絵文字、ボムは💣の絵文字で表示されます。

ゲーム画面の上には「リア充を爆発から救うゲーム」というタイトルが表示されます。ゲーム画面内にはプレイヤーとボムが配置されており、プレイヤーをスマホの傾けで操作してボムとの接触を避けるようにします。

ボムをクリックした場合や、プレイヤーがボムに接触した場合は、alertでメッセージを表示し、ゲームがオーバーとなります。その後、ゲームをやり直すためにページをリロードしています。

上記のコードをhtmlファイルに保存し、スマホのブラウザで開くとゲームがプレイ可能です。リア充を爆発から救いましょう！