Partical life nanovese...canvas 360 by 360 grid 9 sectors 9 subsectors 9. midle sector is ai partical generator each subsectors is randomly red white blue yellow black auto update canvas's game

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

No:51852

←

Prev Next

→

Partical life nanovese...canvas 360 by 360 grid 9 ..ALL
Developer User18896｜Date and time 24/3/16 13:41:18
Build time 5.941 sec｜Game capacity 1.88KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Partical Life NanoVerse</title>
</head>
<body>
    <canvas id="particlesCanvas" width="360" height="360"></canvas>

const colors = ['red', 'white', 'blue', 'yellow', 'black'];
        
        const particles = [];

// Create particles in each subsector
        for (let x = 0; x < 9; x++) {
            for (let y = 0; y < 9; y++) {
                const color = colors[Math.floor(Math.random() * colors.length)];
                particles.push({
                    x: Math.floor(Math.random() * 40) + (x * 40),
                    y: Math.floor(Math.random() * 40) + (y * 40),
                    color: color
                });
            }
        }

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

function updateParticles() {
            particles.forEach(particle => {
                particle.x += Math.random() - 0.5;
                particle.y += Math.random() - 0.5;

if (particle.x < 0) {
                    particle.x = 0;
                } else if (particle.x > 320) {
                    particle.x = 320;
                }

if (particle.y < 0) {
                    particle.y = 0;
                } else if (particle.y > 320) {
                    particle.y = 320;
                }
            });
        }

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

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