Idle partical univers .univers is a canvas 520 by 520 .univers = 1 .groops of particals = elements .particals = 52 to the power of 52's game

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

No:47397

←

Prev Next

→

Idle partical univers .univers is a canvas 520 by ..ALL
Developer User18896｜Date and time 24/2/28 2:49:29
Build time 8.124 sec｜Game capacity 1.84KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Particle Universe Game</title>
</head>
<body>
    <canvas id="universeCanvas" width="520" height="520"></canvas>

const particleSize = 10;
        const numParticles = 52 ** 2;
        let particles = [];

for (let i = 0; i < numParticles; i++) {
            particles.push({
                x: Math.random() * universeCanvas.width,
                y: Math.random() * universeCanvas.height,
                color: `rgb(${Math.random() * 256},${Math.random() * 256},${Math.random() * 256})`
            });
        }

function drawParticles() {
            particles.forEach(particle => {
                ctx.fillStyle = particle.color;
                ctx.fillRect(particle.x, particle.y, particleSize, particleSize);
            });
        }

function updateParticles() {
            particles.forEach(particle => {
                let dx = Math.random() * 2 - 1;
                let dy = Math.random() * 2 - 1;

particle.x += dx;
                particle.y += dy;

if (particle.x < 0) particle.x = universeCanvas.width;
                if (particle.y < 0) particle.y = universeCanvas.height;
                if (particle.x > universeCanvas.width) particle.x = 0;
                if (particle.y > universeCanvas.height) particle.y = 0;
            });
        }

function gameLoop() {
            ctx.clearRect(0, 0, universeCanvas.width, universeCanvas.height);
            drawParticles();
            updateParticles();
            requestAnimationFrame(gameLoop);
        }

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