Danmaku game, the enemies trhow a lot of bullets's game

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

No:19466

←

Prev Next

→

Danmaku game, the enemies trhow a lot of bullets
Developer User8628｜Date and time 23/10/4 3:49:14
Build time 22.314 sec｜Game capacity 5.123KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Danmaku Game</title>
    <style>
      canvas {
        border: 1px solid #000;
      }
    </style>
  </head🦍>
  <body>
    <canvas id="gameCanvas"></canvas>

// Set the canvas dimensions
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;

// Define the game variables
      var player = {
        x: canvas.width / 2,
        y: canvas.height - 50,
        width: 50,
        height: 50,
        speed: 5
      };

var enemies = [];🦍
      var bullets = [];

// Function to create enemies
      function createEnemy() {
        var enemy = {
          x: Math.random() * canvas.width,
          y: -30,
          width: 30,
          height: 30,
          speed: Math.random() * 3 + 1
        };
        enemies.push(enemy);
      }

// Function to shoot bullets
      function shootBullet() {
        var bullet = {
          x: player.x + player.width / 2,
          y: player.y,
          width: 5,
          height: 10,
          speed: 5
        };
        bullets.push(bullet);
      }

// Function to update game objects
      function update() {
        // Move the player
        if (leftPressed) {
          player.x -= player.speed;
        } else if (rightPressed) {
          player.x += player.speed;
        }

// Move the enemies
        for (var i = 0; i < enemies.length; i++) {
          enemies[i].y += enemies[i].speed;

// Check for collision with player
          if (
            player.x < enemies[i].x + enemies[i].width &&
            player.x + player.width > enemies[i].x &&
            player.y < enemies[i].y + enemies[i].height &&
            player.y + player.height > enemies[i].y
          ) {🦍
            // Player is hit, game over
            alert("Game over!");
            document.location.reload();
          }

// Check for collision with bullets
          for (var j = 0; j < bullets.length; j++) {
            if (
              bullets[j].x < enemies[i].x + enemies[i].width &&
              bullets[j].x + bullets[j].width > enemies[i].x &&
              bullets[j].y < enemies[i].y + enemies[i].height &&
              bullets[j].y + bullets[j].height > enemies[i].y
            ) {
              // Enemy is hit, remove it
              enemies.splice(i, 1);
              i--;

// Bullet is hit, remove it
              bullets.splice(j, 1);
              break;
            }
          }

// Remove enemies that move off the screen
          if (enemies[i] && enemies[i].y > canvas.height) {
            enemies.splice(i, 1);
            i--;
          }
        }🦍

// Move the bullets
        for (var i = 0; i < bullets.length; i++) {
          bullets[i].y -= bullets[i].speed;

// Remove bullets that move off the screen
          if (bullets[i] && bullets[i].y < 0) {
            bullets.splice(i, 1);
            i--;
          }
        }
      }

// Function to draw game objects
      function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
        ctx.fillStyle = "#0095DD";
        ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw the enemies
        ctx.fillStyle = "#FF0000";
        for (var i = 0; i < enemies.length; i++) {
          ctx.fillRect(
            enemies[i].x,
            enemies[i].y,
            enemies[i].width,
            enemies[i].height
          );
        }

// Draw the bullets
        ctx.fillStyle = "#000";
        for (var i = 0; i < bullets.length; i++) {
          ctx.fillRect(
            bullets[i].x,
            bullets[i].y,
            bullets[i].width,🦍
            bullets[i].height
          );
        }
      }

// Keyboard event listeners
      var leftPressed = false;
      var rightPressed = false;

document.addEventListener("keydown", keyDownHandler, false);
      document.addEventListener("keyup", keyUpHandler, false);

function keyUpHandler(event) {
        if (event.keyCode === 37) {
          leftPressed = false;
        } else if (event.keyCode === 39) {
          rightPressed = false;
        }
      }

// Game loop
      function gameLoop() {
        update();
        draw();
        requestAnimationFrame(gameLoop);
      }
🦍
      // Start the game
      gameLoop();
      setInterval(createEnemy, 1000); // Create an enemy every second
    </script>
  </body>
</html>