AI game creator

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

No:49640

←

Prev Next

→

particle
Developer User21105｜Date and time 24/3/5 22:53:21
Build time 8.277 sec｜Game capacity 1.398KB｜

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>Particle game</title>
<style>
    #canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
<canvas id="canvas" width="400" height="400"></canvas>

let particles = [];

canvas.addEventListener('click', function(event) {
        const mouseX = event.clientX - canvas.getBoundingClientRect().left;
        const mouseY = event.clientY - canvas.getBoundingClientRect().top;

particles.push({ x: mouseX, y: mouseY, color: getRandomColor() });
    });

function getRandomColor() {
        const letters = '0123456789ABCDEF';
        let color = '#';
        for (let i = 0; i < 6; i++) {
            color += letters[Math.floor(Math.random() * 16)];
        }
        return color;
    }

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

particles.forEach(function(particle) {
            ctx.beginPath();
            ctx.arc(particle.x, particle.y, 5, 0, Math.PI * 2);
            ctx.fillStyle = particle.color;
            ctx.fill();
        });
    }

function update() {
        draw();
        requestAnimationFrame(update);
    }

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