Fly freely through the sky and enjoy the exhilarating action!'s game

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

No:1083

106

←

Prev Next

→

Fly freely through the sky and enjoy the exhilarat..ALL
Developer User3240｜Date and time 23/6/18 2:23:25
Build time 54.422 sec｜Game capacity 5.51KB｜

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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>空を飛び回るアクションゲーム</title>
    <style>
      canvas {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <canvas id="game-canvas"></canvas>
    <script>
      const canvas = document.getElementById('game-canvas');
      const ctx = canvas.getContext('2d');
      const screenWidth = window.innerWidth;
      const screenHeight = window.innerHeight;
      const playerRadius = 20;
      const enemyRadius = 50;
      const enemyCount = 10;
      let playerX = screenWidth / 2;
      let playerY = screenHeight / 2;
      const playerSpeed = 6;
      const enemySpeed = 2;
      const enemyHealth = 3;
      const bulletSpeed = 10;
      const bulletRadius = 5;
      let bullets = [];
      let enemies = [];
      let score = 0;
      
      function drawCircle(x, y, radius, color) {
        ctx.beginPath();
        ctx.arc(x, y, radius, 0, Math.PI * 2);
        ctx.fillStyle = color;
        ctx.fill();
      }
      
      function drawPlayer() {
        drawCircle(playerX, playerY, playerRadius, 'yellow');
      }
      
      function drawBullet(x, y) {
        drawCircle(x, y, bulletRadius, 'white');
      }
      
      function moveBullets() {
        for (let i = 0; i < bullets.length; i++) {
          bullets[i].y -= bulletSpeed;
          drawBullet(bullets[i].x, bullets[i].y);
        }
      }
      
      function moveEnemies() {
        for (let i = 0; i < enemies.length; i++) {
          enemies[i].y += enemySpeed;
          
          if (enemies[i].health < enemyHealth) {
            drawCircle(enemies[i].x, enemies[i].y - 60, 10, 'red');
          }
          
          if (Math.random() < 0.03) {
            const bullet = {
              x: enemies[i].x,
              y: enemies[i].y + enemyRadius,
            };
            
            bullets.push(bullet);
          }
          
          drawCircle(enemies[i].x, enemies[i].y, enemyRadius, 'red');
        }
      }
      
      function checkCollisions() {
        for (let i = 0; i < bullets.length; i++) {
          const dx = bullets[i].x - playerX;
          const dy = bullets[i].y - playerY;
          const distance = Math.sqrt(dx * dx + dy * dy);
          
          if (distance < playerRadius + bulletRadius) {
            playerX = screenWidth / 2;
            playerY = screenHeight / 2;
            bullets = [];
            enemies = [];
            score = 0;
            alert('Game over!');
          }
        }
        
        for (let i = 0; i < enemies.length; i++) {
          const dx = enemies[i].x - playerX;
          const dy = enemies[i].y - playerY;
          const distance = Math.sqrt(dx * dx + dy * dy);
          
          if (distance < playerRadius + enemyRadius) {
            playerX = screenWidth / 2;
            playerY = screenHeight / 2;
            bullets = [];
            enemies = [];
            score = 0;
            alert('Game over!');
          }
          
          for (let j = 0; j < bullets.length; j++) {
            const bulletDx = bullets[j].x - enemies[i].x;
            const bulletDy = bullets[j].y - enemies[i].y;
            const bulletDistance = Math.sqrt(bulletDx * bulletDx + bulletDy * bulletDy);
            
            if (bulletDistance < bulletRadius + enemyRadius) {
              enemies[i].health--;
              bullets.splice(j, 1);
              if (enemies[i].health === 0) {
                enemies.splice(i, 1);
                score += 10;
              }
            }
          }
        }
      }
      
      function update() {
        ctx.clearRect(0, 0, screenWidth, screenHeight);
        ctx.fillStyle = 'lightblue';
        ctx.fillRect(0, 0, screenWidth, screenHeight);
        
        drawPlayer();
        moveBullets();
        moveEnemies();
        checkCollisions();
        
        ctx.fillStyle = 'black';
        ctx.font = 'bold 24px Arial';
        ctx.fillText(`Score: ${score}`, 20, 40);
        
        requestAnimationFrame(update);
      }
      
      function onKeyDown(event) {
        if (event.key === 'ArrowLeft') {
          playerX -= playerSpeed;
        }
        if (event.key === 'ArrowRight') {
          playerX += playerSpeed;
        }
        if (event.key === 'ArrowUp') {
          playerY -= playerSpeed;
        }
        if (event.key === 'ArrowDown') {
          playerY += playerSpeed;
        }
        if (event.key === ' ') {
          const bullet = {
            x: playerX,
            y: playerY - playerRadius,
          };
          
          bullets.push(bullet);
        }
      }
      
      for (let i = 0; i < enemyCount; i++) {
        const enemy = {
          x: Math.random() * screenWidth,
          y: -50 - Math.random() * 500,
          health: enemyHealth,
        };
        
        enemies.push(enemy);
      }
      
      window.addEventListener('keydown', onKeyDown);
      
      update();
    </script>
  </body>
</html>

ゲームの操作方法:
矢印キーでプレイヤーを移動
スペースキーで弾を発射

ゲームの目的:
プレイヤーは空を飛び回り、敵を撃破し高得点を目指す

ゲームのルール:
敵を倒すと得点が入る
プレイヤーが敵の弾や敵に当たるとゲームオーバー
ゲームオーバー後は再度プレイ可能