Partical rain each partical has a random color play a random 8 bit frequencie rangeing from 40 hertz to 10k hertz whan hits the ground's game

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

No:47154

←

Prev Next

→

Partical rain each partical has a random color pla..ALL
Developer User18896｜Date and time 24/2/27 10:17:26
Build time 6.107 sec｜Game capacity 2.012KB｜

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>
</head>
<body>
    <canvas id="canvas" style="border:1px solid black;"></canvas>

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

function randomColor() {
            return '#' + Math.floor(Math.random()*16777215).toString(16);
        }

function generateParticle() {
            const particle = {
                x: Math.random() * canvas.width,
                y: 0,
                speed: Math.random() * 3 + 1,
                color: randomColor(),
                frequency: Math.random() * 9960 + 40
            }

particles.push(particle);
        }

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

particles.forEach(particle => {
                ctx.fillStyle = particle.color;
                ctx.fillRect(particle.x, particle.y, 5, 5);
                particle.y += particle.speed;

if(particle.y > canvas.height){
                    particle.y = 0;
                }
            });

requestAnimationFrame(draw);
        }

function playSound(frequency){
            const oscillator = new OscillatorNode(audioContext);
            oscillator.frequency.setValueAtTime(frequency, audioContext.currentTime);
            oscillator.connect(audioContext.destination);
            oscillator.start();
            oscillator.stop(audioContext.currentTime + 0.1);
        }

let audioContext = new AudioContext();

setInterval(() => {
            generateParticle();
        }, 100);

setInterval(() => {
            const randomParticle = particles[Math.floor(Math.random() * particles.length)];
            playSound(randomParticle.frequency);
        }, 200);

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