普通のシューティングゲーム今から作成するシューティングゲームは以下の条件を守って作成してください条件　自分のキャラクターは下付近に配置してください　自分のキャラクターは弾を撃てるようにしてください　敵は上から降ってくるようにしてください　敵の降ってくる速度を最初は遅いですがだんだん早くなるようにしてください　自分のキャラクターに触れたらパワーアップするアイテムをたまに上から降ってくるようにしてください's game

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

No:31007

←

Prev Next

→

普通のシューティングゲーム今から作成するシューティングゲームは以下の条件を守って作成してください ..ALL
Developer User14989｜Date and time 23/12/24 20:25:39
Build time 37.891 sec｜Game capacity 5.388KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>シューティングゲーム</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
  </style>
</head>
<body>
  <script>
    const canvas = document.createElement('canvas');
    const context = canvas.getContext('2d');
    document.body.appendChild(canvas);
    
    // ゲームの設定
    const gameWidth = window.innerWidth;
    const gameHeight = window.innerHeight;
    canvas.width = gameWidth;
    canvas.height = gameHeight;
    
    const playerWidth = 30;
    const playerHeight = 30;
    const playerSpeed = 5;
    const bulletSize = 10;
    const bulletSpeed = 10;
    const enemySize = 20;
    const enemySpeed = 2;
    const powerUpSize = 20;
    const powerUpSpeed = 1;
    
    let playerX = (gameWidth - playerWidth) / 2;
    let playerY = gameHeight - playerHeight;
    let bullets = [];
    let enemies = [];
    let powerUps = [];
    let score = 0;
    
    // イベントリスナーの設定
    document.addEventListener('keydown', (event) => {
      if (event.keyCode === 37) {
        // 左キー
        playerX -= playerSpeed;
      } else if (event.keyCode === 39) {
        // 右キー
        playerX += playerSpeed;
      } else if (event.keyCode === 32) {
        // スペースキー
        let bulletX = playerX + playerWidth / 2 - bulletSize / 2;
        let bulletY = playerY - bulletSize;
        bullets.push({x: bulletX, y: bulletY});
      }
    });
    
    // ゲームのメインループ
    function mainLoop() {
      // 背景を描画
      context.fillStyle = '#000';
      context.fillRect(0, 0, gameWidth, gameHeight);
      
      // プレイヤーを描画
      context.fillStyle = '#fff';
      context.fillRect(playerX, playerY, playerWidth, playerHeight);
      
      // 弾を描画
      context.fillStyle = '#f00';
      bullets.forEach(bullet => {
        context.fillRect(bullet.x, bullet.y, bulletSize, bulletSize);
        bullet.y -= bulletSpeed;
      });
      
      // 敵を描画
      context.fillStyle = '#0f0';
      enemies.forEach(enemy => {
        context.fillRect(enemy.x, enemy.y, enemySize, enemySize);
        enemy.y += enemySpeed;
        
        // 敵と弾の当たり判定
        bullets.forEach((bullet, index) => {
          if (bullet.x + bulletSize >= enemy.x && bullet.x <= enemy.x + enemySize &&
              bullet.y <= enemy.y + enemySize && bullet.y + bulletSize >= enemy.y) {
            bullets.splice(index, 1); // 弾を削除
            enemies.splice(enemies.indexOf(enemy), 1); // 敵を削除
            score += 1; // スコアを加算
          }
        });
        
        // プレイヤーと敵の当たり判定
        if (playerX + playerWidth >= enemy.x && playerX <= enemy.x + enemySize &&
            playerY <= enemy.y + enemySize && playerY + playerHeight >= enemy.y) {
          playerPowerUp(); // プレイヤーをパワーアップ
          enemies.splice(enemies.indexOf(enemy), 1); // 敵を削除
        }
      });
      
      // パワーアップアイテムを描画
      context.fillStyle = '#00f';
      powerUps.forEach(powerUp => {
        context.fillRect(powerUp.x, powerUp.y, powerUpSize, powerUpSize);
        powerUp.y += powerUpSpeed;
        
        // プレイヤーとパワーアップアイテムの当たり判定
        if (playerX + playerWidth >= powerUp.x && playerX <= powerUp.x + powerUpSize &&
            playerY <= powerUp.y + powerUpSize && playerY + playerHeight >= powerUp.y) {
          playerPowerUp(); // プレイヤーをパワーアップ
          powerUps.splice(powerUps.indexOf(powerUp), 1); // パワーアップアイテムを削除
        }
      });
      
      // スコアを表示
      context.fillStyle = '#fff';
      context.font = '24px sans-serif';
      context.fillText('Score: ' + score, 10, 30);
      
      // ゲームオーバー判定
      if (playerY < 0 || playerY > gameHeight) {
        gameOver();
        return;
      }
      
      // 次のフレームをリクエスト
      requestAnimationFrame(mainLoop);
    }
    
    // プレイヤーをパワーアップ
    function playerPowerUp() {
      playerWidth += 10;
      playerX -= 5;
    }
    
    // ゲームオーバー処理
    function gameOver() {
      // ゲームオーバー画面を表示
      context.fillStyle = '#000';
      context.fillRect(0, 0, gameWidth, gameHeight);
      context.fillStyle = '#fff';
      context.font = '48px sans-serif';
      context.fillText('Game Over', gameWidth / 2 - 120, gameHeight / 2);
    }
    
    // 敵を生成
    function createEnemy() {
      const enemyX = Math.random() * (gameWidth - enemySize);
      const enemyY = -enemySize;
      enemies.push({x: enemyX, y: enemyY});
    }
    
    // パワーアップアイテムを生成
    function createPowerUp() {
      const powerUpX = Math.random() * (gameWidth - powerUpSize);
      const powerUpY = -powerUpSize;
      powerUps.push({x: powerUpX, y: powerUpY});
    }
    
    // 敵生成のインターバル設定
    let enemyInterval = setInterval(createEnemy, 2000);
    
    // パワーアップアイテム生成のインターバル設定
    let powerUpInterval = setInterval(createPowerUp, 10000);
    
    // ゲーム開始
    mainLoop();
  </script>
</body>
</html>