Ai pixel color wars idle.pixels auto .move,groop,build,defend, learn,farm,mine,trade,multiply.canvas 320 by 320.5 teams randim color one in the middle 1 on each corner race to a random color pixel drop every 1 second winner grows show score for color's game

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

No:47362

←

Prev Next

→

Ai pixel color wars idle.pixels auto .move,groop,b..ALL
Developer User18896｜Date and time 24/2/28 1:59:13
Build time 11.589 sec｜Game capacity 2.615KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Ai Pixel Color Wars</title>
</head>
<body>
    <canvas id="canvas" width="320" height="320"></canvas>

const teams = ['Red', 'Blue', 'Green', 'Yellow', 'Purple'];
        let scores = {};

teams.forEach(team => scores[team] = 0);

const randomColor = () => Math.floor(Math.random() * 256);

const drawPixel = (x, y, color) => {
            ctx.fillStyle = color;
            ctx.fillRect(x, y, 1, 1);
        };

const updateScore = () => {
            ctx.fillStyle = 'black';
            ctx.font = '20px Arial';

let yOffset = 30;
            teams.forEach(team => {
                ctx.fillText(`${team}: ${scores[team]}`, 10, yOffset);
                yOffset += 30;
            });
        };

const getRandomColor = () => {
            return `rgb(${randomColor()}, ${randomColor()}, ${randomColor()})`;
        };

let middleColor = getRandomColor();
        let cornerColors = teams.map(() => getRandomColor());

drawPixel(160, 160, middleColor);
        drawPixel(0, 0, cornerColors[0]);
        drawPixel(0, 319, cornerColors[1]);
        drawPixel(319, 0, cornerColors[2]);
        drawPixel(319, 319, cornerColors[3]);

const interval = setInterval(() => {
            let randomX = Math.floor(Math.random() * 320);
            let randomY = Math.floor(Math.random() * 320);

let currentColor = ctx.getImageData(randomX, randomY, 1, 1).data;
            let closestDist = Number.MAX_VALUE;
            let closestTeam = '';

teams.forEach(team => {
                let teamColor = cornerColors[teams.indexOf(team)];
                let dist = Math.abs(teamColor[0] - currentColor[0]) +
                            Math.abs(teamColor[1] - currentColor[1]) +
                            Math.abs(teamColor[2] - currentColor[2]);

if (dist < closestDist) {
                    closestDist = dist;
                    closestTeam = team;
                }
            });

drawPixel(randomX, randomY, cornerColors[teams.indexOf(closestTeam)]);
            scores[closestTeam]++;
            updateScore();
        }, 1000);

setTimeout(() => {
            clearInterval(interval);
            let winner = Object.keys(scores).reduce((a, b) => scores[a] > scores[b] ? a : b);
            alert(`Winner is Team ${winner} with a score of ${scores[winner]}`);
        }, 60000);
    </script>
</body>
</html>