Make a game about fighting vs units and summoning units's game

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

No:51717

1952

←

Prev Next

→

Make a game about fighting vs units and summoning ..ALL
Developer anonymous｜Date and time 70/1/1 9:25:37
Build time unknown sec｜Game capacity 1.537KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Unit Battle Game</title>
<style>
  body {
    text-align: center;
    font-family: Arial, sans-serif;
  }
  canvas {
    border: 2px solid black;
  }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>

const playerUnits = [];
  const enemyUnits = [];

class Unit {
    constructor(x, y, type) {
      this.x = x;
      this.y = y;
      this.type = type;
      this.health = 100;
    }

draw() {
      ctx.fillStyle = this.type === 'player' ? 'blue' : 'red';
      ctx.fillRect(this.x, this.y, 20, 20);
    }

attack() {
      // Add attack logic here
    }
  }

function summonUnit(type) {
    const x = Math.floor(Math.random() * 400);
    const y = Math.floor(Math.random() * 400);

if (type === 'player') {
      const playerUnit = new Unit(x, y, 'player');
      playerUnits.push(playerUnit);
    } else {
      const enemyUnit = new Unit(x, y, 'enemy');
      enemyUnits.push(enemyUnit);
    }
  }

// Game loop
  function gameLoop() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);

playerUnits.forEach(unit => unit.draw());
    enemyUnits.forEach(unit => unit.draw());

requestAnimationFrame(gameLoop);
  }

// Initial summons
  summonUnit('player');
  summonUnit('enemy');

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