My digital univers.0 = off,negitive,south,spin backwards,cold. 1 = on,posative,north,spin forwad,hot. Each partical has two sectors each containing 0 or 1 which osilate at random frequencies which determins tje color of the partical. 1 is atracted to 1 and repels 0 particals groop to make elements useing mass enagie friction force gravatie.canvas 300 by 300 30000 particals's game

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

No:51021

137

←

Prev Next

→

My digital univers.0 = off,negitive,south,spin bac..ALL
Developer User18896｜Date and time 24/3/10 12:00:56
Build time 5.161 sec｜Game capacity 1.973KB｜

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 http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Digital Universe Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>

const particles = [];

class Particle {
            constructor(x, y) {
                this.x = x;
                this.y = y;
                this.color = Math.round(Math.random());
                this.frequency = Math.random() * 2;
            }

update() {
                if (Math.sin(this.frequency) > 0) {
                    this.color = 1;
                } else {
                    this.color = 0;
                }

this.frequency += 0.01;
            }

draw() {
                ctx.fillStyle = this.color === 1 ? 'red' : 'blue';
                ctx.fillRect(this.x, this.y, 2, 2);
            }
        }

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

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

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

requestAnimationFrame(animate);
        }

createParticles();
        animate();
    </script>
</body>

</html>