AI game creator

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

No:9609

←

Prev Next

→

midget tank
Developer User4369｜Date and time 23/7/26 11:48:58
Build time 47.329 sec｜Game capacity 5.291KB｜

Script

了解しました。以下に1枚のHTMLファイルで実装された豆戦車のゲームのサンプルを示します。

🚀

このゲームは、「🚀」の絵文字で表される豆戦車を操作し、スペースキーで弾を発射して赤い敵を倒すという簡単なゲームです。スマートフォンでも操作可能です。左右の矢印キーで戦車を移動し、スペースキーで弾を発射します。ゲームエリア内にはランダムに敵が出現し、倒すことで得点が加算されます。敵がゲームエリアの底部に到達するとゲームオーバーです。また、最大で同時に出現する敵の数は10体までです。このゲームはHTMLファイルとして保存し、ウェブブラウザで開くことで遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解しました。以下に1枚の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>
    #gameArea {
      position: relative;
      width: 100%;
      height: 100vh;
      background-color: #ddd;
    }
    #player {
      position: absolute;
      left: 50%;
      bottom: 20px;
      transform: translateX(-50%);
      font-size: 30px;
    }
    .bullet {
      position: absolute;
      width: 10px;
      height: 10px;
      background-color: black;
    }
    .enemy {
      position: absolute;
      width: 40px;
      height: 40px;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="gameArea">
    <div id="player">🚀</div>
  </div>

let bullets = [];
    let enemies = [];
    let gameLoop;

function movePlayer() {
      if (isPlayerMovingLeft && parseInt(player.style.left) > 0) {
        player.style.left = parseInt(player.style.left) - 5 + 'px';
      }

if (isPlayerMovingRight && parseInt(player.style.left) + player.offsetWidth < gameArea.offsetWidth) {
        player.style.left = parseInt(player.style.left) + 5 + 'px';
      }
    }

function spawnEnemy() {
      const enemy = document.createElement('div');
      enemy.className = 'enemy';
      enemy.style.left = Math.random() * (gameArea.offsetWidth - enemy.offsetWidth) + 'px';
      gameArea.appendChild(enemy);
      enemies.push(enemy);
    }

function shoot() {
      const bullet = document.createElement('div');
      bullet.className = 'bullet';
      bullet.style.left = parseInt(player.style.left) + player.offsetWidth / 2 + 'px';
      bullet.style.top = gameArea.offsetHeight - player.offsetHeight + 'px';
      gameArea.appendChild(bullet);
      bullets.push(bullet);
    }

function isColliding(a, b) {
      return a.getBoundingClientRect().left < b.getBoundingClientRect().right &&
             a.getBoundingClientRect().right > b.getBoundingClientRect().left &&
             a.getBoundingClientRect().top < b.getBoundingClientRect().bottom &&
             a.getBoundingClientRect().bottom > b.getBoundingClientRect().top;
    }

function gameLoopFunction() {
      movePlayer();
      moveEnemies();
      moveBullets();
      checkCollisions();
      if (enemies.length < 10 && Math.random() < 0.02) {
        spawnEnemy();
      }
    }

function startGame() {
      gameLoop = setInterval(gameLoopFunction, 16);
    }

function stopGame() {
      clearInterval(gameLoop);
    }

document.addEventListener('keydown', function(event) {
      if (event.key === 'ArrowLeft') {
        isPlayerMovingLeft = true;
      }

if (event.key === 'ArrowRight') {
        isPlayerMovingRight = true;
      }

if (event.key === ' ') {
        shoot();
      }
    });

document.addEventListener('keyup', function(event) {
      if (event.key === 'ArrowLeft') {
        isPlayerMovingLeft = false;
      }

if (event.key === 'ArrowRight') {
        isPlayerMovingRight = false;
      }
    });

startGame();
  </script>
</body>
</html>
```

このゲームはHTMLファイルとして保存し、ウェブブラウザで開くことで遊ぶことができます。