鬼ごっこ変態が襲ってくる's game

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

No:23810

←

Prev Next

→

鬼ごっこ変態が襲ってくる
Developer User11141｜Date and time 23/11/3 17:47:48
Build time 83.056 sec｜Game capacity 3.422KB｜

Script

了解いたしました。以下に、鬼ごっこのゲームの実装例を示します。

このプログラムでは、プレイヤーが鬼に追いかけられる鬼ごっこのゲームを実装しています。スマートフォンの傾きを利用してプレイヤーの位置を操作し、鬼に捕まらないように画面内を逃げ回ることが目的です。プレイヤーを操作するには、スマホを傾ける操作を行ってください。ゲームは自動的に開始され、プレイヤーが鬼に接触するとゲームオーバーとなり、再度スタートすることができます。なお、プログラム内では絵文字を使用してプレイヤーと鬼を表現していますが、表示されない場合は使用しているブラウザや環境によっては絵文字がサポートされていない可能性があります。その場合は他の絵文字や画像などに置き換えて表示することができます。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解いたしました。以下に、鬼ごっこのゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>鬼ごっこ</title>
  <style>
    body {
      font-size: 36px;
      text-align: center;
      padding-top: 200px;
    }
  </style>
</head>
<body>
  <script>
    // プレイヤーの初期位置
    let playerX = window.innerWidth / 2;
    let playerY = window.innerHeight / 2;

// 鬼の初期位置
    let demonX = Math.random() * window.innerWidth;
    let demonY = Math.random() * window.innerHeight;

// プレイヤーを描画
    const playerSpan = document.createElement("span");
    playerSpan.innerHTML = "😀";
    playerSpan.style.position = "fixed";
    playerSpan.style.left = playerX + "px";
    playerSpan.style.top = playerY + "px";
    document.body.appendChild(playerSpan);

// 鬼を描画
    const demonSpan = document.createElement("span");
    demonSpan.innerHTML = "👹";
    demonSpan.style.position = "fixed";
    demonSpan.style.left = demonX + "px";
    demonSpan.style.top = demonY + "px";
    document.body.appendChild(demonSpan);

// ゲームループ
    function gameLoop() {
      // プレイヤーの位置を更新
      playerSpan.style.left = playerX + "px";
      playerSpan.style.top = playerY + "px";

// 鬼の位置を更新
      demonSpan.style.left = demonX + "px";
      demonSpan.style.top = demonY + "px";

// プレイヤーと鬼の距離を計算
      const distance = Math.sqrt(Math.pow(playerX - demonX, 2) + Math.pow(playerY - demonY, 2));
      
      // プレイヤーと鬼が一定の距離以内に接触した場合、ゲームオーバー
      if (distance < 50) {
        alert("鬼に捕まりました！ゲームオーバー！");
        window.location.reload();
      }

// ゲームループを繰り返す
      requestAnimationFrame(gameLoop);
    }

// スマホの傾きイベントを取得
    window.addEventListener("deviceorientation", function(event) {
      // プレイヤーの位置を更新
      playerX += event.gamma;
      playerY -= event.beta;

// プレイヤーが画面外に出ないように制限
      if (playerX < 0) playerX = 0;
      if (playerX > window.innerWidth) playerX = window.innerWidth;
      if (playerY < 0) playerY = 0;
      if (playerY > window.innerHeight) playerY = window.innerHeight;
    });

// ゲームループを開始
    gameLoop();
  </script>
</body>
</html>
```

このプログラムでは、プレイヤーが鬼に追いかけられる鬼ごっこのゲームを実装しています。スマートフォンの傾きを利用してプレイヤーの位置を操作し、鬼に捕まらないように画面内を逃げ回ることが目的です。プレイヤーを操作するには、スマホを傾ける操作を行ってください。

ゲームは自動的に開始され、プレイヤーが鬼に接触するとゲームオーバーとなり、再度スタートすることができます。

なお、プログラム内では絵文字を使用してプレイヤーと鬼を表現していますが、表示されない場合は使用しているブラウザや環境によっては絵文字がサポートされていない可能性があります。その場合は他の絵文字や画像などに置き換えて表示することができます。