AI game creator

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

No:11048

130

←

Prev Next

→

shooting game
Developer User4771｜Date and time 23/8/7 0:14:25
Build time 49.105 sec｜Game capacity 4.392KB｜

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>
    #game-container {
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <canvas id="game-canvas"></canvas>
  </div>

// ゲームオブジェクト
    const canvas = document.getElementById('game-canvas');
    const context = canvas.getContext('2d');
    let playerX = (gameWidth - playerSize) / 2;
    let playerY = gameHeight - playerSize - 10;
    let bullets = [];
    let enemies = [];
    let score = 0;

// ゲーム初期化
    function initGame() {
      canvas.width = gameWidth;
      canvas.height = gameHeight;
      document.addEventListener('keydown', handleKeyDown);
      setInterval(updateGame, 10);
      setInterval(spawnEnemy, 1000);
    }

// ゲーム更新
    function updateGame() {
      updatePlayer();
      updateBullets();
      updateEnemies();
      handleCollision();
      drawGame();
    }

// プレイヤーの更新
    function updatePlayer() {
      if (keys.ArrowLeft && playerX > 0) {
        playerX -= playerSpeed;
      }
      if (keys.ArrowRight && playerX < gameWidth - playerSize) {
        playerX += playerSpeed;
      }
    }

// 弾丸の更新
    function updateBullets() {
      bullets.forEach((bullet, index) => {
        bullet.y -= bulletSpeed;
        if (bullet.y < 0) {
          bullets.splice(index, 1);
        }
      });
    }

// 敵の更新
    function updateEnemies() {
      enemies.forEach((enemy, index) => {
        enemy.y += enemySpeed;
        if (enemy.y > gameHeight) {
          enemies.splice(index, 1);
        }
      });
    }

// 当たり判定の処理
    function handleCollision() {
      bullets.forEach((bullet, bulletIndex) => {
        enemies.forEach((enemy, enemyIndex) => {
          if (
            bullet.x < enemy.x + enemySize &&
            bullet.x + bulletSize > enemy.x &&
            bullet.y < enemy.y + enemySize &&
            bullet.y + bulletSize > enemy.y
          ) {
            bullets.splice(bulletIndex, 1);
            enemies.splice(enemyIndex, 1);
            score++;
          }
        });
      });
    }

// ゲームの描画
    function drawGame() {
      context.clearRect(0, 0, gameWidth, gameHeight);
      context.fillStyle = 'black';
      context.fillRect(playerX, playerY, playerSize, playerSize);
      bullets.forEach(bullet => {
        context.fillRect(bullet.x, bullet.y, bulletSize, bulletSize);
      });
      enemies.forEach(enemy => {
        context.fillStyle = 'red';
        context.fillRect(enemy.x, enemy.y, enemySize, enemySize);
      });
      context.fillStyle = 'black';
      context.font = '24px Arial';
      context.fillText(`Score: ${score}`, 10, 30);
    }

// 新しい弾丸を撃つ
    function shoot() {
      if (bullets.length < bulletLimit) {
        bullets.push({
          x: playerX + (playerSize - bulletSize) / 2,
          y: playerY - bulletSize
        });
      }
    }

// 敵の生成
    function spawnEnemy() {
      const enemyX = Math.random() * (gameWidth - enemySize);
      enemies.push({
        x: enemyX,
        y: -enemySize
      });
    }

// キーボードの入力を記録
    const keys = {};
    function handleKeyDown(event) {
      keys[event.key] = true;
      if (event.key === ' ') {
        shoot();
      }
    }
    function handleKeyUp(event) {
      keys[event.key] = false;
    }

// ゲーム開始
    initGame();
  </script>
</body>
</html>
```