0>Invade America simulator's game

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

No:45249

←

Prev Next

→

0>Invade America simulator
Developer WinnerWiener1332｜Date and time 24/2/20 9:58:17
Build time 10.451 sec｜Game capacity 2.005KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Invade America Simulator</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

let invaders = [];
      let player = { x: 200, y: 550, width: 50, height: 50 };

canvas.addEventListener('mousemove', (e) => {
        player.x = e.clientX - canvas.offsetLeft - player.width / 2;
      });

function createInvader() {
        const invader = { x: Math.random() * (canvas.width - 50), y: 0, width: 50, height: 50, speed: Math.random() * 2 + 1 };
        invaders.push(invader);
      }

function drawPlayer() {
        ctx.fillStyle = 'blue';
        ctx.fillRect(player.x, player.y, player.width, player.height);
      }

function drawInvaders() {
        ctx.fillStyle = 'red';
        invaders.forEach(invader => {
          ctx.fillRect(invader.x, invader.y, invader.width, invader.height);
        });
      }

function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        createInvader();
        moveInvaders();
        drawPlayer();
        drawInvaders();
        checkCollisions();
        requestAnimationFrame(gameLoop);
      }

gameLoop();
    </script>
  </body>
</html>