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 thery reproduce's game

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

No:48042

←

Prev Next

→

Code a game where randomly colored dots try not to..ALL
Developer User20679｜Date and time 24/3/1 7:51:08
Build time 9.225 sec｜Game capacity 3.056KB｜

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>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <canvas id="myCanvas" width="800" height="600"></canvas>

class Dot {
            constructor(x, y, color, size) {
                this.x = x;
                this.y = y;
                this.color = color;
                this.size = size;
            }

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

grow() {
                this.size += 0.01;
            }
        }

function createDot() {
            const x = Math.random() * canvas.width;
            const y = Math.random() * canvas.height;
            const color = colors[Math.floor(Math.random() * colors.length)];
            const size = 5;
            const dot = new Dot(x, y, color, size);
            dots.push(dot);
        }

function updateDots() {
            const newDots = [];

for (let dot of dots) {
                dot.grow();

for (let otherDot of dots) {
                    if (dot !== otherDot) {
                        const distance = Math.sqrt((dot.x - otherDot.x) ** 2 + (dot.y - otherDot.y) ** 2);

if (distance < dot.size + otherDot.size) {
                            if (dot.color === otherDot.color) {
                                if (dot.size > otherDot.size) {
                                    dot.size += 5;
                                    otherDot.size = 0;
                                } else {
                                    otherDot.size += 5;
                                    dot.size = 0;
                                }
                            } else {
                                dot.size = 0;
                                otherDot.size = 0;
                            }                       
                        }
                    }
                }

if (dot.size > 20) {
                    createDot();
                }

if (dot.size > 0) {
                    newDots.push(dot);
                }
            }

dots = newDots;
            
        }

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

for (let dot of dots) {
                dot.draw();
            }
        }

function gameLoop() {
            updateDots();
            drawDots();
        }

setInterval(gameLoop, 1000 / 60);

for (let i = 0; i < 100; i++) {
            createDot();
        }
    </script>
</body>
</html>