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:47363

←

Prev Next

→

Ai pixel color wars idle.pixels auto .move,groop,b..ALL
Developer User18896｜Date and time 24/2/28 2:00:23
Build time 20.783 sec｜Game capacity 3.315KB｜

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="gameCanvas" width="320" height="320"></canvas>

const teams = ['red', 'blue', 'green', 'yellow', 'purple'];
        let scores = [0, 0, 0, 0, 0];

let playerColor = 'white';
        const teamColors = ['#FF0000', '#0000FF', '#00FF00', '#FFFF00', '#800080'];

let interval;

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

ctx.fillStyle = teams[0];
            ctx.fillRect(0, 0, canvas.width/2, canvas.height/2);

ctx.fillStyle = teams[1];
            ctx.fillRect(canvas.width/2, 0, canvas.width/2, canvas.height/2);

ctx.fillStyle = teams[2];
            ctx.fillRect(0, canvas.height/2, canvas.width/2, canvas.height/2);

ctx.fillStyle = teams[3];
            ctx.fillRect(canvas.width/2, canvas.height/2, canvas.width/2, canvas.height/2);

ctx.fillStyle = teams[4];
            ctx.fillRect(canvas.width/4, canvas.height/4, canvas.width/2, canvas.height/2);

ctx.strokeStyle = 'black';
            ctx.strokeRect(0, 0, canvas.width, canvas.height);

ctx.font = '20px Arial';
            for (let i=0; i<teams.length; i++) {
                ctx.fillStyle = teamColors[i];
                ctx.fillText('Score: ' + scores[i], 10, 30 + i*30);
            }
        }

function updateScores() {
            scores = [0, 0, 0, 0, 0];

let imgData = ctx.getImageData(0, 0, canvas.width, canvas.height);
            let data = imgData.data;

for (let i=0; i<data.length; i+=4) {
                let r = data[i];
                let g = data[i+1];
                let b = data[i+2];
                let alpha = data[i+3];

if (alpha === 255) {
                    for (let j=0; j<teamColors.length; j++) {
                        if (`rgb(${r}, ${g}, ${b})` === teamColors[j]) {
                            scores[j] += 1;
                        }
                    }
                }
            }
        }

function addRandomColorPixel() {
            let randomX = Math.floor(Math.random() * canvas.width);
            let randomY = Math.floor(Math.random() * canvas.height);
            
            let randomColor = teamColors[Math.floor(Math.random() * teamColors.length)];

ctx.fillStyle = randomColor;
            ctx.fillRect(randomX, randomY, 1, 1);
        }

canvas.addEventListener('click', (e) => {
            let mouseX = e.clientX - canvas.offsetLeft;
            let mouseY = e.clientY - canvas.offsetTop;
            
            playerColor = getColorAtPosition(mouseX, mouseY);
        });

interval = setInterval(() => {
            addRandomColorPixel();
            updateScores();
            drawGame();
        }, 1000);

</script>
</body>
</html>
```