Afk pixel space invaders player auto moves and shoots random color enemy pixels's game

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

No:48508

←

Prev Next

→

Afk pixel space invaders player auto moves and sho..ALL
Developer User18896｜Date and time 24/3/2 12:00:35
Build time 6.113 sec｜Game capacity 1.676KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Pixel Space Invaders</title>
  <style>
    canvas {
      background: black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let playerX = canvas.width / 2;
    let playerY = canvas.height - 30;
    let playerWidth = 10;
    let playerHeight = 10;
    
    let enemies = [];
    for (let i = 0; i < 10; i++) {
      let enemy = {
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height / 2,
        width: 10,
        height: 10,
        color: '#' + Math.floor(Math.random()*16777215).toString(16)
      };
      enemies.push(enemy);
    }
    
    function drawPlayer() {
      ctx.fillStyle = 'white';
      ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
    }
    
    function drawEnemies() {
      enemies.forEach(function(enemy) {
        ctx.fillStyle = enemy.color;
        ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
      });
    }
    
    function movePlayer() {
      playerX = Math.random() * canvas.width;
    }
    
    function moveEnemies() {
      enemies.forEach(function(enemy) {
        enemy.y += 1;
        
        if (enemy.y > canvas.height) {
          enemy.y = Math.random() * canvas.height / 2;
        }
      });
    }
    
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      drawEnemies();
      
      moveEnemies();
      movePlayer();
      
      requestAnimationFrame(draw);
    }
    
    draw();
  </script>
</body>
</html>