A game in which many people are chasing you and you have to run away from them. You win if you can run away for 30 seconds.'s game

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

No:9610

←

Prev Next

→

A game in which many people are chasing you and yo..ALL
Developer User4400｜Date and time 23/7/26 15:37:55
Build time 33.246 sec｜Game capacity 4.072KB｜

Script

了解しました。以下に、指定された要件に基づいて作成されたJavaScriptを含むHTMLファイルを実装します。

🏃

このHTMLファイルは、スマートフォンでも操作可能な逃げるゲームです。プレイヤーを表す絵文字「🏃」が中央に表示され、プレイヤーは矢印キー（上下左右）で移動させることができます。プレイヤーを追いかける敵を表す絵文字「👤」が定期的にランダムな位置に生成され、プレイヤーとの距離に応じて追いかけてきます。プレイヤーが敵と接触するとゲームオーバーとなり、画面に「Game Over」と表示されます。制限時間は30秒間で、制限時間内にプレイヤーが敵と接触せずに逃げきれば勝利となり、画面に「Victory!」と表示されます。ゲームを再度プレイするには「Start」ボタンをクリックします。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、指定された要件に基づいて作成されたJavaScriptを含むHTMLファイルを実装します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>逃げるゲーム</title>
  <style>
    #player {
      font-size: 3em;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .enemy {
      font-size: 2em;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="player">🏃</div>

let score = 0;
      let isGameOver = false;

function moveEnemies() {
        enemies.forEach(function(enemy) {
          const xDiff = parseFloat(enemy.style.left) - parseFloat(player.style.left);
          const yDiff = parseFloat(enemy.style.top) - parseFloat(player.style.top);
          const distance = Math.sqrt(xDiff * xDiff + yDiff * yDiff);

if (distance < 5) {
            gameOver();
          }

const angle = Math.atan2(yDiff, xDiff);
          const xMove = Math.cos(angle) * 0.01;
          const yMove = Math.sin(angle) * 0.01;

enemy.style.left = `${parseFloat(enemy.style.left) - xMove}%`;
          enemy.style.top = `${parseFloat(enemy.style.top) - yMove}%`;
        });

if (!isGameOver) {
          requestAnimationFrame(moveEnemies);
        }
      }

function startGame() {
        isGameOver = false;
        score = 0;
        player.style.top = '50%';
        player.style.left = '50%';
        document.querySelectorAll('.enemy').forEach(function(enemy) {
          enemy.parentNode.removeChild(enemy);
        });
        enemies.length = 0;
        document.getElementById('score').textContent = score;
        document.getElementById('gameover').style.display = 'none';
        moveEnemies();
        setTimeout(gameOver, 30000);
      }

function gameOver() {
        isGameOver = true;
        document.getElementById('gameover').style.display = 'block';
      }

document.getElementById('start').addEventListener('click', startGame);

setInterval(createEnemy, 1000);
    });
  </script>
</body>
</html>
```