シューティングゲームプレイヤーは、戦闘機を操作して、画面上の敵を殲滅します。十字キーの左右で、左右に移動。上で奥に移動、下で手前に移動します。SPACEで弾を発射します。段が、敵の戦闘機に当たると、敵は消滅します。全ての敵を消滅させるとクリアです。's game

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

No:3804

10387

←

Prev Next

→

シューティングゲームプレイヤーは、戦闘機を操作して、画面上の敵を殲滅します。十字キーの左右で..ALL
Developer anonymous｜Date and time 70/1/1 10:32:11
Build time unknown sec｜Game capacity 5.531KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>シューティングゲーム</title>
</head>
<body>

const playerWidth = 50;
    const playerHeight = 50;
    let playerX = canvas.width/2 - playerWidth/2;
    let playerY = canvas.height - playerHeight - 10;
    let playerSpeed = 10;

const bulletWidth = 5;
    const bulletHeight = 10;
    const bulletSpeed = 5;

let enemies = [];
    const enemyWidth = 30;
    const enemyHeight = 30;
    const enemySpeed = 2;
    const enemySpawnRate = 500;
    let lastSpawnTime = 0;

let isGameOver = false;
    let lastTime = 0;
    let score = 0;

function drawPlayer() {
      ctx.beginPath();
      ctx.rect(playerX, playerY, playerWidth, playerHeight);
      ctx.fillStyle = "blue";
      ctx.fill();
      ctx.closePath();
    }

let bullets = [];

function shoot() {
      let bulletX = playerX + playerWidth/2 - bulletWidth/2;
      let bulletY = playerY;
      bullets.push({x: bulletX, y: bulletY});
    }

function drawBullets() {
      for (let bullet of bullets) {
        ctx.beginPath();
        ctx.rect(bullet.x, bullet.y, bulletWidth, bulletHeight);
        ctx.fillStyle = "red";
        ctx.fill();
        ctx.closePath();
      }
    }

function drawEnemies() {
      for (let enemy of enemies) {
        ctx.beginPath();
        ctx.rect(enemy.x, enemy.y, enemyWidth, enemyHeight);
        ctx.fillStyle = "orange";
        ctx.fill();
        ctx.closePath();
      }
    }

let leftPressed = false;
    let rightPressed = false;
    let upPressed = false;
    let downPressed = false;

function drawScore() {
      ctx.font = "24px Arial";
      ctx.fillStyle = "black";
      ctx.textAlign = "left";
      ctx.fillText(`Score: ${score}`, 10, 30);
    }

function drawGameOver() {
      ctx.font = "48px Arial";
      ctx.fillStyle = "red";
      ctx.textAlign = "center";
      ctx.fillText("GAME OVER", canvas.width/2, canvas.height/2);
    }

function gameLoop(timestamp) {
      let deltaTime = timestamp - lastTime;
      lastTime = timestamp;

if (isGameOver) {
        drawGameOver();
        return;
      }

ctx.clearRect(0, 0, canvas.width, canvas.height);

spawnEnemy();
      handleCollisions();
      moveEnemies();
      drawEnemies();

movePlayer();
      drawPlayer();

moveBullets();
      drawBullets();

drawScore();

window.requestAnimationFrame(gameLoop);
    }

window.addEventListener("keydown", handleKeyDown);
    window.addEventListener("keyup", handleKeyUp);

gameLoop();
  </script>

</body>
</html>