My digital universe..each partical has a north and south pole particals spin clock wise or anti clock wise vertical or horazontal particals groop or repel on contact (north attracts south repels north),(south attracts north repels south).particals are mass whan grooped creat element depending on the structure canvas 360 by 360 3600 particals's game

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

No:51341

100

←

Prev Next

→

My digital universe..each partical has a north and..ALL
Developer User18896｜Date and time 24/3/11 23:56:17
Build time 13.019 sec｜Game capacity 2.417KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Particle Universe</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>

<body>
    <canvas id="gameCanvas" width="360" height="360"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        const particleSize = 10;

let particles = [];

class Particle {
            constructor(x, y, polarity, spin) {
                this.x = x;
                this.y = y;
                this.polarity = polarity;
                this.spin = spin;
            }

move() {
                if (this.spin === 'clockwise') {
                    if (this.polarity === 'north') {
                        this.x += 1;
                    } else {
                        this.y += 1;
                    }
                } else {
                    if (this.polarity === 'north') {
                        this.y -= 1;
                    } else {
                        this.x -= 1;
                    }
                }
            }

draw() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, particleSize, 0, Math.PI * 2);
                ctx.fillStyle = this.polarity === 'north' ? 'blue' : 'red';
                ctx.fill();
            }
        }

function createParticle() {
            const x = Math.floor(Math.random() * canvas.width);
            const y = Math.floor(Math.random() * canvas.height);
            const polarity = Math.random() < 0.5 ? 'north' : 'south';
            const spin = Math.random() < 0.5 ? 'clockwise' : 'anticlockwise';

return new Particle(x, y, polarity, spin);
        }

function init() {
            for (let i = 0; i < 3600; i++) {
                particles.push(createParticle());
            }
        }

function update() {
            particles.forEach(particle => {
                particle.move();
                particle.draw();
            });
        }

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

requestAnimationFrame(gameLoop);
        }

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

</html>