Partical life...canvas 360 grid 36 sectors 36 subsectors 36's game

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

No:51792

179

←

Prev Next

→

Partical life...canvas 360 grid 36 sectors 36 subs..ALL
Developer User18896｜Date and time 24/3/16 12:47:43
Build time 4.975 sec｜Game capacity 1.637KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Particle Life Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="360" height="360"></canvas>

const sectorSize = canvas.width / 36;
        const subSectorSize = sectorSize / 6;

const particles = [];

function init() {
            for (let i = 0; i < 10; i++) {
                const x = Math.random() * canvas.width;
                const y = Math.random() * canvas.height;
                particles.push({ x, y });
            }

animate();
        }

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

particles.forEach(particle => {
                ctx.beginPath();
                ctx.arc(particle.x, particle.y, 5, 0, Math.PI * 2);
                ctx.fill();

particle.x += Math.random() * 2 - 1;
                particle.y += Math.random() * 2 - 1;

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

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

requestAnimationFrame(animate);
        }

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