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

No:41322

←

Prev Next

→

Eat burger
Developer User18502｜Date and time 24/2/6 22:17:02
Build time 10.237 sec｜Game capacity 2.461KB｜

Script

Sure! Here's an example of a simple burger eating game implemented as a single HTML file using JavaScript:

Burger Eating Game

This code sets up a simple burger eating game where the player needs to click on the burger pictogram displayed on the canvas to score points. The score is displayed on the top left corner of the screen, and the burger image is randomly positioned whenever it's clicked. The game runs continuously with the `update` function being called every 10 milliseconds. Note that you would need to replace `"emozi_himawari.png"` with the actual file path of a burger pictogram image file.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple burger eating game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Burger Eating Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
  </style>
</head>
<body>
  <h1>Burger Eating Game</h1>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Load burger image
    burgerImage.src = "burger.png";

// Burger object
    var burger = {
      x: 0,
      y: 0,
      size: 64
    };

// Mouse click handler
    function handleClick(event) {
      var rect = canvas.getBoundingClientRect();
      var mouseX = event.clientX - rect.left;
      var mouseY = event.clientY - rect.top;

// Check if click is inside the burger area
      if (
        mouseX >= burger.x &&
        mouseX <= burger.x + burger.size &&
        mouseY >= burger.y &&
        mouseY <= burger.y + burger.size
      ) {
        // Increase score and randomly reposition burger
        score++;
        burger.x = Math.random() * (canvas.width - burger.size);
        burger.y = Math.random() * (canvas.height - burger.size);
      }
    }

// Game update function
    function update() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw burger
      ctx.drawImage(burgerImage, burger.x, burger.y, burger.size, burger.size);

// Draw score
      ctx.fillStyle = "black";
      ctx.font = "20px Arial";
      ctx.fillText("Score: " + score, 10, 30);
    }

// Start game processing
    function startGame() {
      document.addEventListener("click", handleClick);
      setInterval(update, 10);
    }

// Start the game when the page is loaded
    window.onload = startGame;
  </script>
</body>
</html>
```

Note that you would need to replace `"burger.png"` with the actual file path of a burger pictogram image file.