0>Make a stupid cake with useless buttons's game

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

No:45280

←

Prev Next

→

0>Make a stupid cake with useless buttons
Developer WinnerWiener1332｜Date and time 24/2/20 10:34:37
Build time 5.681 sec｜Game capacity 1.46KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Stupid Cake Game</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('canvas');
        const ctx = canvas.getContext('2d');

let cakeSize = 100;

function drawCake() {
            ctx.fillStyle = 'brown';
            ctx.fillRect(150, 150, cakeSize, cakeSize);
        }

function drawButtons() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(50, 300, 50, 50);

ctx.fillStyle = 'red';
            ctx.fillRect(150, 300, 50, 50);

ctx.fillStyle = 'green';
            ctx.fillRect(250, 300, 50, 50);
        }

function handleClick(event) {
            const x = event.offsetX;
            const y = event.offsetY;

if (x >= 50 && x <= 100 && y >= 300 && y <= 350) {
                cakeSize += 10;
            }

if (x >= 150 && x <= 200 && y >= 300 && y <= 350) {
                cakeSize -= 10;
            }

if (x >= 250 && x <= 300 && y >= 300 && y <= 350) {
                alert("You win! 🎉 Now you have a stupid cake!");
            }
        }

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

drawCake();
            drawButtons();
        }

canvas.addEventListener('click', handleClick);

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