Code a game of randomly colored dots chasing each other trying to form structures while some dots run away from others's game | AI game creator

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

No:48031

41

Code a game of randomly colored dots chasing each ..ALL
Developer User20679｜Date and time 24/3/1 7:40:09
Build time 10.689 sec｜Game capacity 2.946KB｜

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

<script>
    // Set up canvas
    const canvas = document.createElement('canvas');
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
    document.body.appendChild(canvas);
    const ctx = canvas.getContext('2d');
    
    // Generate random colors
    const getRandomColor = () => {
        const r = Math.floor(Math.random() * 256);
        const g = Math.floor(Math.random() * 256);
        const b = Math.floor(Math.random() * 256);
        return `rgb(${r}, ${g}, ${b})`;
    }
    
    // Define dot class
    class Dot {
        constructor(x, y, color) {
            this.x = x;
            this.y = y;
            this.color = color;
            this.radius = 10;
            this.speed = 2;
            this.angle = Math.random() * Math.PI * 2;
        }
        
        draw() {
            ctx.beginPath();
            ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
            ctx.fillStyle = this.color;
            ctx.fill();
        }
        
        move() {
            this.x += this.speed * Math.cos(this.angle);
            this.y += this.speed * Math.sin(this.angle);
        }
        
        checkBoundaries() {
            if (this.x - this.radius < 0 || this.x + this.radius > canvas.width) {
                this.angle = Math.PI - this.angle;
            }
            if (this.y - this.radius < 0 || this.y + this.radius > canvas.height) {
                this.angle = -this.angle;
            }
        }
        
        chase(dot) {
            const deltaX = dot.x - this.x;
            const deltaY = dot.y - this.y;
            this.angle = Math.atan2(deltaY, deltaX);
        }
    }
    
    // Create random dots
    const dots = [];
    for (let i = 0; i < 10; i++) {
        const x = Math.random() * canvas.width;
        const y = Math.random() * canvas.height;
        const color = getRandomColor();
        const dot = new Dot(x, y, color);
        dots.push(dot);
    }
    
    // Game loop
    const gameLoop = () => {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Randomly move dots
        dots.forEach(dot => {
            dot.move();
            dot.checkBoundaries();
            dot.draw();
        });
        
        // Chase nearest dots
        for (let i = 0; i < dots.length; i++) {
            const dot = dots[i];
            let nearestDot = null;
            let minDistance = Infinity;
            for (let j = 0; j < dots.length; j++) {
                if (i !== j) {
                    const distance = Math.sqrt(Math.pow(dots[j].x - dot.x, 2) + Math.pow(dots[j].y - dot.y, 2));
                    if (distance < minDistance) {
                        nearestDot = dots[j];
                        minDistance = distance;
                    }
                }
            }
            dot.chase(nearestDot);
        }
        
        requestAnimationFrame(gameLoop);
    }
    
    gameLoop();
</script>