Partical univers in a 3d cube's game

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

No:48706

←

Prev Next

→

Partical univers in a 3d cube
Developer User18896｜Date and time 24/3/2 20:32:19
Build time 5.816 sec｜Game capacity 1.578KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Particle Universe in 3D Cube</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

const particleCount = 2000000;
        let particles = [];

for (let i = 0; i < particleCount; i++) {
            const particle = {
                x: Math.random() * 400,
                y: Math.random() * 400,
                size: Math.random() * 4 + 1,
                speedX: Math.random() * 2 - 1,
                speedY: Math.random() * 2 - 1
            };
            particles.push(particle);
        }

function update() {
            ctx.clearRect(0, 0, 400, 400);

for (let i = 0; i < particles.length; i++) {
                const particle = particles[i];

particle.x += particle.speedX;
                particle.y += particle.speedY;

if (particle.x > 400 || particle.x < 0) {
                    particle.speedX *= -1;
                }
                if (particle.y > 400 || particle.y < 0) {
                    particle.speedY *= -1;
                }

ctx.beginPath();
                ctx.arc(particle.x, particle.y, particle.size, 0, Math.PI * 2);
                ctx.fillStyle = 'white';
                ctx.fill();
            }

requestAnimationFrame(update);
        }

update();
    </script>
</body>
</html>
```