AI game creator

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

No:52499

218

←

Prev Next

→

Merge Game
Developer User18896｜Date and time 24/3/22 11:27:17
Build time 8.969 sec｜Game capacity 1.214KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Merge Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

// Set up initial game state
    let boxes = [
      { x: 50, y: 50, value: 2 },
      { x: 150, y: 50, value: 2 },
      { x: 250, y: 50, value: 2 }
    ];

// Draw function
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      boxes.forEach(box => {
        ctx.fillStyle = "#00f"; // blue color
        ctx.fillRect(box.x, box.y, 50, 50);
        ctx.fillStyle = "#fff"; // white color
        ctx.font = "24px Arial";
        ctx.fillText(box.value, box.x + 20, box.y + 30);
      });
    }

draw();

canvas.addEventListener("click", (event) => {
      const clickX = event.clientX - canvas.getBoundingClientRect().left;
      const clickY = event.clientY - canvas.getBoundingClientRect().top;

boxes.forEach(box => {
        if (clickX >= box.x && clickX <= box.x + 50 && clickY >= box.y && clickY <= box.y + 50) {
          box.value *= 2;
        }
      });

draw();
    });
  </script>
</body>
</html>