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

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
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 | AI game creator

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

No:9610

139

←

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>
```