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 | AI game creator

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

No:48046

34

Code a game where randomly colored dots try not to..ALL
Developer User20679｜Date and time 24/3/1 7:56:16
Build time 9.833 sec｜Game capacity 2.425KB｜

→ 　

0　

0　

[PR]現在の売れ筋グッズランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Dot Simulation Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

let dots = [];
        let dotSize = 5;
        let dotColors = ["red", "blue", "green", "purple", "orange"];
        
        // Function to generate random dots
        function createDot() {
            let x = Math.random() * canvas.width;
            let y = Math.random() * canvas.height;
            let color = dotColors[Math.floor(Math.random() * dotColors.length)];
            dots.push({ x, y, color });
        }
        
        // Function to draw dots on canvas
        function drawDots() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            dots.forEach(dot => {
                ctx.fillStyle = dot.color;
                ctx.beginPath();
                ctx.arc(dot.x, dot.y, dotSize, 0, Math.PI * 2);
                ctx.fill();
            });
        }
        
        // Function to update dot positions and behaviors
        function updateDots() {
            dots.forEach(dot => {
                dot.x += Math.random() * 2 - 1;
                dot.y += Math.random() * 2 - 1;
                
                // Check for collision with other dots
                dots.forEach(otherDot => {
                    if(dot !== otherDot) {
                        if(Math.abs(dot.x - otherDot.x) < dotSize && Math.abs(dot.y - otherDot.y) < dotSize) {
                            if(dot.color !== otherDot.color) {
                                dots = dots.filter(item => item !== dot && item !== otherDot);
                            }
                        }
                    }
                });
                
                // Check for reproduction
                if(Math.random() < 0.001 && dots.length < 100) {
                    createDot();
                }
            });
        }
        
        // Function to start the game loop
        function gameLoop() {
            updateDots();
            drawDots();
            requestAnimationFrame(gameLoop);
        }
        
        // Generate initial dots
        for(let i = 0; i < 50; i++) {
            createDot();
        }
        
        // Start the game loop
        gameLoop();
    </script>
</body>
</html>