Code a game where randomly colored dots try not to touch dots of other colors they try to clump into big shapes but can collide with each other creating a lifelike environment that I can watch also dots sometimes reproduce and if 2 dots of different colors touch they both die if all the dots die the simulation resets dots grow over time and at a certain size they reproduce ofk they can move and when they reproduce slightly different and the new dot spawns next to the other one they evolve too's game

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

No:48059

←

Prev Next

→

Code a game where randomly colored dots try not to..ALL
Developer User20679｜Date and time 24/3/1 8:04:44
Build time 9.708 sec｜Game capacity 2.418KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Colorful Dots Simulation</title>
</head>
<body>
    <canvas id="myCanvas" width="600" height="400"></canvas>

draw() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
                ctx.fillStyle = this.color;
                ctx.fill();
            }

move() {
                this.x += Math.random() * 2 - 1;
                this.y += Math.random() * 2 - 1;
            }

reproduce(dots) {
                if (this.reproduceCount >= 100) {
                    dots.push(new Dot(this.x + 10, this.y + 10, this.size, this.color));
                    this.reproduceCount = 0;
                }
            }
        }

// Create initial dots
        let dots = [];
        for (let i = 0; i < 10; i++) {
            let x = Math.random() * canvas.width;
            let y = Math.random() * canvas.height;
            let size = Math.random() * 5 + 5;
            let color = `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`;
            dots.push(new Dot(x, y, size, color));
        }

// Update function
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        
            for (let dot of dots) {
                dot.move();
                dot.draw();
                dot.reproduce(dots);

for (let other of dots) {
                    if (dot !== other) {
                        if (Math.abs(dot.x - other.x) < dot.size && Math.abs(dot.y - other.y) < dot.size) {
                            if (dot.color !== other.color) {
                                dots = dots.filter(item => item !== dot && item !== other);
                            }
                        }
                    }
                }
                
                dot.reproduceCount++;
            }

requestAnimationFrame(update);
        }

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