AI game creator

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

No:39351

←

Prev Next

→

Merge Game
Developer User17617｜Date and time 24/1/28 3:59:11
Build time 10.802 sec｜Game capacity 2.627KB｜

Script

Sure! Here's an example of a simple game called "Merge Game" implemented as a single HTML file using JavaScript and enclosed within script tags. The game is designed for smartphone operation and uses pictograms for visuals.

This implementation creates a simple merge game where you can click on the canvas to add new objects with a value of 2. When two objects with the same position and value overlap, they merge and their value doubles. The score is incremented by the merged value. The game canvas is a 400x600 rectangle where the objects are displayed as colored rectangles with their respective values.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Merge Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

function drawObjects() {
      ctx.clearRect(0, 0, gameCanvas.width, gameCanvas.height);

for (let i = 0; i < objects.length; i++) {
        const obj = objects[i];
        const size = 50;

ctx.beginPath();
        ctx.rect(obj.x, obj.y, size, size);
        ctx.fillStyle = '#ffcc99';
        ctx.fill();
        ctx.stroke();
        ctx.closePath();

ctx.font = '20px Arial';
        ctx.fillStyle = 'black';
        ctx.fillText(obj.value, obj.x + 20, obj.y + 30);
      }
    }

// Event listeners
    gameCanvas.addEventListener('click', function(event) {
      const rect = gameCanvas.getBoundingClientRect();
      const mouseX = event.clientX - rect.left;
      const mouseY = event.clientY - rect.top;

objects.push({ x: mouseX, y: mouseY, value: 2 });
      mergeObjects();
      drawObjects();
    });

// Game start
    init();
  </script>
</body>
</html>
```