3DS画面がでかくて花火の's game

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

No:49880

←

Prev Next

→

3DS画面がでかくて花火の
Developer User21141｜Date and time 24/3/6 16:32:40
Build time 6.93 sec｜Game capacity 1.447KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fireworks Game</title>
<style>
    body {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }
</style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

let fireworks = [];

canvas.addEventListener('click', (e) => {
            fireworks.push({
                x: e.clientX - canvas.offsetLeft,
                y: e.clientY - canvas.offsetTop,
                color: '#' + (Math.random() * 0xFFFFFF << 0).toString(16)
            });
        });

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

fireworks.forEach((firework, index) => {
                ctx.beginPath();
                ctx.arc(firework.x, firework.y, 3, 0, Math.PI * 2);
                ctx.fillStyle = firework.color;
                ctx.fill();

firework.y -= 2;

if (firework.y <= 0) {
                    fireworks.splice(index, 1);
                }
            });

requestAnimationFrame(drawFireworks);
        }

drawFireworks();
    </script>
</body>
</html>