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 the new dot spawns next to the other one also each time a cell reproduces it chang's game

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

No:48045

←

Prev Next

→

Code a game where randomly colored dots try not to..ALL
Developer User20679｜Date and time 24/3/1 7:55:35
Build time 8.607 sec｜Game capacity 2.513KB｜

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="gameCanvas" width="800" height="600"></canvas>

let dots = [];
        const dotSize = 10;

function Dot(x, y, color) {
            this.x = x;
            this.y = y;
            this.color = color;
            this.size = 1;
            this.age = 0;

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

this.age++;

if (this.age % 50 === 0 && this.size < 10) {
                    this.size++;
                }

if (this.age % 100 === 0 && Math.random() < 0.2 && dots.length < 100) {
                    dots.push(new Dot(this.x, this.y, this.color));
                }

if (this.size >= 4) {
                    let newDot = new Dot(this.x + 20, this.y + 20, this.color);
                    dots.push(newDot);
                }
            }

this.collide = function(otherDot) {
                const distance = Math.sqrt((this.x - otherDot.x) ** 2 + (this.y - otherDot.y) ** 2);
                return distance < (this.size + otherDot.size);
            }
        }

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

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

dots.forEach(dot => {
                dot.move();
                drawDot(dot);
            });

for (let i = 0; i < dots.length; i++) {
                for (let j = i + 1; j < dots.length; j++) {
                    if (dots[i].color !== dots[j].color && dots[i].collide(dots[j])) {
                        dots.splice(j, 1);
                        dots.splice(i, 1);
                        j--;
                        i--;
                    }
                }
            }

requestAnimationFrame(update);
        }

for (let i = 0; i < 10; i++) {
            let dot = new Dot(Math.random() * canvas.width, Math.random() * canvas.height, `rgb(${Math.random()*255},${Math.random()*255},${Math.random()*255})`);
            dots.push(dot);
        }

update();

</script>
</body>
</html>