AI game creator

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

No:44828

←

Prev Next

→

Potato
Developer User19483｜Date and time 24/2/19 10:25:56
Build time 4.394 sec｜Game capacity 1.282KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Puzzle Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    const pictograms = [
      { image: '🚗', x: 50, y: 50 },
      { image: '🚲', x: 200, y: 50 },
      { image: '🚁', x: 50, y: 200 },
      { image: '✈️', x: 200, y: 200 }
    ];
    
    canvas.addEventListener('click', function(e) {
      const rect = canvas.getBoundingClientRect();
      const mouseX = e.clientX - rect.left;
      const mouseY = e.clientY - rect.top;
      
      pictograms.forEach(pictogram => {
        if (mouseX >= pictogram.x && mouseX <= pictogram.x + 50 &&
            mouseY >= pictogram.y && mouseY <= pictogram.y + 50) {
          alert('You clicked: ' + pictogram.image);
        }
      });
    });
    
    function drawPictograms() {
      pictograms.forEach(pictogram => {
        ctx.fillText(pictogram.image, pictogram.x, pictogram.y);
      });
    }
    
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPictograms();
      requestAnimationFrame(gameLoop);
    }
    
    gameLoop();
  </script>
</body>
</html>
```