AI game creator

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

No:6888

189

←

Prev Next

→

Lego war simulator
Developer User3939｜Date and time 23/7/4 2:58:42
Build time 46.386 sec｜Game capacity 3.764KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>LEGO War Simulator</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <script>
    // Initialize game variables
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    document.body.appendChild(canvas);

canvas.width = window.innerWidth;
    canvas.height = window.innerHeight*0.7;

const player = {
      x: canvas.width / 2,
      y: canvas.height - 50,
      width: 50,
      height: 50,
      color: 'red',
      speed: 8
    };

const bullets = [];
    const enemies = [];

let enemySpawnTimer;

// Handle keyboard events
    const keys = {};
    document.addEventListener('keydown', (e) => keys[e.keyCode] = true);
    document.addEventListener('keyup', (e) => keys[e.keyCode] = false);

function createBullet(x, y) {
      bullets.push({ x, y, width: 10, height: 10, color: 'blue', speed: 5 });
    }

function createEnemy() {
      const x = Math.random() * (canvas.width - 50);
      const y = -50;
      const width = 50;
      const height = 50;
      const color = 'black';
      const speed = Math.random() * 2 + 2;

enemies.push({ x, y, width, height, color, speed });
    }

function handleEnemyMovement() {
      for (let i = enemies.length - 1; i >= 0; i--) {
        enemies[i].y += enemies[i].speed;

if (enemies[i].y > canvas.height) {
          gameOver();
        }
      }
    }

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

function drawBullets() {
      ctx.fillStyle = 'blue';
      for (let bullet of bullets) {
        ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
      }
    }

function drawEnemies() {
      for (let enemy of enemies) {
        ctx.fillStyle = enemy.color;
        ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
      }
    }

function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

function gameOver() {
      clearInterval(enemySpawnTimer);
      alert('Game Over! Reload the page to play again.');
    }

function update() {
      clearCanvas();

handlePlayerMovement();
      handleBulletMovement();
      handleEnemyMovement();
      handleCollisions();

drawPlayer();
      drawBullets();
      drawEnemies();
    }

enemySpawnTimer = setInterval(createEnemy, 2000); // Generate enemies every 2 seconds

setInterval(update, 1000 / 60); // Update game state 60 times per second
  </script>
</body>
</html>