Ice cream maker game Make ice cream to earn money's game

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

No:24493

←

Prev Next

→

Ice cream maker game Make ice cream to earn money
Developer User11630｜Date and time 23/11/9 13:25:44
Build time 60.847 sec｜Game capacity 2.032KB｜

Script

Sure! Here's an example of an ice cream maker game implemented as a single HTML file:

This example sets up a simple ice cream maker game where the goal is to click on different ice cream flavors to earn money. The game uses pictograms (emojis) to represent the ice creams. Each click on an ice cream flavor adds its price to the total money earned, which is displayed on the canvas.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of an ice cream maker game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Ice Cream Maker Game</title>
</head>
<body>
  <canvas id="canvas" width="400" height="600"></canvas>

let money = 0;

// Canvas setup
    const canvas = document.getElementById('canvas');
    const ctx = canvas.getContext('2d');

// Game logic
    function drawIceCream(x, y, img) {
      ctx.font = '48px serif';
      ctx.fillText(img, x, y);
    }

function drawIceCreams() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

for (let i = 0; i < iceCreams.length; i++) {
        const iceCream = iceCreams[i];
        drawIceCream(50, 80 * (i + 1), iceCream.img);
        ctx.fillText(`${iceCream.name}: $${iceCream.price.toFixed(2)}`, 100, 80 * (i + 1) + 10);
      }

ctx.fillText(`Money earned: $${money.toFixed(2)}`, 10, canvas.height - 10);
    }

function handleClick(e) {
      const rect = canvas.getBoundingClientRect();
      const x = e.clientX - rect.left;
      const y = e.clientY - rect.top;

for (let i = 0; i < iceCreams.length; i++) {
        if (x >= 50 && x <= 90 && y >= 80 * (i + 1) - 40 && y <= 80 * (i + 1) + 10) {
          money += iceCreams[i].price;
          break;
        }
      }

drawIceCreams();
    }

// Game initialization
    canvas.addEventListener('click', handleClick);
    drawIceCreams();
  </script>
</body>
</html>
```