A particle simulator with a 300 x 300 board with 1000 particles with 6 types which are red, green, blue, cyan, yellow and magenta, all with random properties, you can reset it making it all of the types with new properties's game

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

No:51326

170

←

Prev Next

→

A particle simulator with a 300 x 300 board with 1..ALL
Developer Burning human stench haha｜Date and time 24/3/11 19:18:48
Build time 8.559 sec｜Game capacity 1.862KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #board {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            position: relative;
        }
        .particle {
            width: 5px;
            height: 5px;
            position: absolute;
            border-radius: 50%;
        }
    </style>
</head>
<body>

function getRandomColor() {
        const colors = ['red', 'green', 'blue', 'cyan', 'yellow', 'magenta'];
        return colors[Math.floor(Math.random() * colors.length)];
    }

function resetParticles() {
        particles.forEach(particle => {
            particle.style.backgroundColor = getRandomColor();
            particle.style.left = Math.floor(Math.random() * 300) + 'px';
            particle.style.top = Math.floor(Math.random() * 300) + 'px';
        });
    }

for (let i = 0; i < 1000; i++) {
        createParticle();
    }

setInterval(() => {
        particles.forEach(particle => {
            particle.style.left = (parseInt(particle.style.left) + Math.floor(Math.random() * 6) - 3) + 'px';
            particle.style.top = (parseInt(particle.style.top) + Math.floor(Math.random() * 6) - 3) + 'px';
        });
    }, 100);

board.addEventListener('click', () => {
        resetParticles();
    });
</script>
</body>
</html>
```