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 above canvas's game

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

No:47366

147

←

Prev Next

→

Ai pixel color wars idle.pixels auto .move,groop,b..ALL
Developer User18896｜Date and time 24/2/28 2:02:56
Build time 7.786 sec｜Game capacity 1.926KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

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

const teamColors = [
            'red', 'blue', 'green', 'yellow', 'purple'
        ];

const teamScores = {};

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

const getRandomColor = () => {
            return teamColors[Math.floor(Math.random() * teamColors.length)];
        };

const initializeTeams = () => {
            for (const color of teamColors) {
                teamScores[color] = 0;
            }
        };

const updateScore = () => {
            let scoreStr = '';

for (const color in teamScores) {
                scoreStr += `${color}: ${teamScores[color]} `;
            }

score.textContent = scoreStr;
        };

const startGame = () => {
            initializeTeams();

const centerTeam = getRandomColor();
            let cornerTeams = teamColors.filter(color => color !== centerTeam);

drawPixel(160, 160, centerTeam);

setInterval(() => {
                const x = Math.random() < 0.5 ? 0 : 319;
                const y = Math.random() < 0.5 ? 0 : 319;
                const color = cornerTeams[Math.floor(Math.random() * cornerTeams.length)];

drawPixel(x, y, color);
                teamScores[color]++;
                updateScore();
            }, 10);
        };

startGame();
    </script>
</body>
</html>
```