AI game creator

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

No:34954

←

Prev Next

→

particle
Developer User16397｜Date and time 24/1/12 21:26:47
Build time 9.416 sec｜Game capacity 1.984KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Particle Game</title>
</head>
<body>
    <canvas id="particleCanvas"></canvas>

canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

const particles = [];
        const particleSize = 10;
        const particleSpeed = 2;

class Particle {
            constructor(x, y) {
                this.x = x;
                this.y = y;
                this.speedX = Math.random() < 0.5 ? -particleSpeed : particleSpeed;
                this.speedY = Math.random() < 0.5 ? -particleSpeed : particleSpeed;
            }

update() {
                this.x += this.speedX;
                this.y += this.speedY;
                this.draw();

if (this.x < 0 || this.x > canvas.width || this.y < 0 || this.y > canvas.height) {
                    this.speedX = -this.speedX;
                    this.speedY = -this.speedY;
                }
            }

draw() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, particleSize, 0, Math.PI * 2, false);
                ctx.fillStyle = "rgba(255, 0, 0, 1)";
                ctx.fill();
                ctx.closePath();
            }
        }

function createParticles(x, y) {
            for (let i = 0; i < 5; i++) {
                particles.push(new Particle(x, y));
            }
        }

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

particles.forEach(particle => {
                particle.update();
            });
        }

canvas.addEventListener("click", (event) => {
            const x = event.clientX;
            const y = event.clientY;

createParticles(x, y);
        });

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