Pixel wars idle.random color pixels auto move, hunt, mine, farm, multiply, build ,live and die on a 320 by 320 canvas's game

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

No:47306

147

←

Prev Next

→

Pixel wars idle.random color pixels auto move, hun..ALL
Developer User18896｜Date and time 24/2/28 0:34:58
Build time 9.051 sec｜Game capacity 2.287KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

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

const pixelSize = 3.2;
        const pixelGridWidth = canvas.width / pixelSize;
        const pixelGridHeight = canvas.height / pixelSize;

let pixels = [];

function createPixel(x, y, color) {
            return {
                x,
                y,
                color,
                alive: true
            };
        }

function drawPixel(pixel) {
            ctx.fillStyle = pixel.color;
            ctx.fillRect(pixel.x * pixelSize, pixel.y * pixelSize, pixelSize, pixelSize);
        }

function updatePixels() {
            const newPixels = [];

pixels.forEach(pixel => {
                if (pixel.alive) {
                    // Move
                    pixel.x += Math.floor(Math.random() * 3 - 1);
                    pixel.y += Math.floor(Math.random() * 3 - 1);

// Stay within canvas bounds
                    pixel.x = Math.min(Math.max(pixel.x, 0), pixelGridWidth - 1);
                    pixel.y = Math.min(Math.max(pixel.y, 0), pixelGridHeight - 1);

// Divide and multiply
                    if (Math.random() < 0.01) {
                        newPixels.push(createPixel(pixel.x, pixel.y, pixel.color));
                    }

drawPixel(pixel);
                }
            });

// Combine new pixels with existing pixels
            pixels = [...pixels, ...newPixels];
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            updatePixels();
            requestAnimationFrame(gameLoop);
        }

// Initialize pixels
        for (let i = 0; i < 100; i++) {
            pixels.push(createPixel(Math.floor(Math.random() * pixelGridWidth), Math.floor(Math.random() * pixelGridHeight), '#' + Math.floor(Math.random()*16777215).toString(16)));
        }

// Start game loop
        gameLoop();
    </script>
</body>
</html>