Partical rain each partical has a random color and random 8 bit frequencie rangeing from 40 to 10k whan hits the ground at 42 per second's game

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

No:47150

←

Prev Next

→

Partical rain each partical has a random color and..ALL
Developer User18896｜Date and time 24/2/27 10:15:29
Build time 7.08 sec｜Game capacity 1.867KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Particle Rain Game</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }

canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

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

class Particle {
            constructor() {
                this.x = Math.random() * canvas.width;
                this.y = 0;
                this.color = '#' + Math.floor(Math.random()*16777215).toString(16); // Random color
                this.frequency = Math.floor(Math.random() * (10000 - 40 + 1) + 40); // Random frequency between 40 and 10000 Hz
                this.speed = 2;
            }

update() {
                this.y += this.speed;
                if (this.y > canvas.height) {
                    this.y = 0;
                    this.x = Math.random() * canvas.width;
                }
                this.draw();
            }

draw() {
                ctx.beginPath();
                ctx.fillStyle = this.color;
                ctx.fillRect(this.x, this.y, 3, 3);
                ctx.closePath();
            }
        }

function createParticles() {
            for (let i = 0; i < 42; i++) {
                particles.push(new Particle());
            }
        }

function animate() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            particles.forEach(particle => {
                particle.update();
            });
            requestAnimationFrame(animate);
        }

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