Partical life nanovese...canvas 360 by 360 grid 9 sectors 9 subsectors 9. midle sector is ai partical generator each subsectors is randomly red white blue yellow black's game

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

No:51851

←

Prev Next

→

Partical life nanovese...canvas 360 by 360 grid 9 ..ALL
Developer User18896｜Date and time 24/3/16 13:40:55
Build time 6.073 sec｜Game capacity 1.893KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Particle Life NanoVerse</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="360" height="360"></canvas>

const sectorSize = 40;
        const subSectorSize = 10;
        
        const colors = ['red', 'blue', 'white', 'yellow', 'black'];

const grid = [];
        for (let i = 0; i < 9; i++) {
            grid[i] = [];
            for (let j = 0; j < 9; j++) {
                grid[i][j] = Math.floor(Math.random() * colors.length);
            }
        }

function generateParticles() {
            grid[4][4] = Math.floor(Math.random() * colors.length);
        }

drawGrid();

canvas.addEventListener('click', function(event) {
            const x = Math.floor(event.offsetX / subSectorSize);
            const y = Math.floor(event.offsetY / subSectorSize);
            grid[y][x] = (grid[y][x] + 1) % colors.length;
            drawGrid();
        });

setInterval(updateSubsectors, 2000);
        setInterval(generateParticles, 3000);
    </script>
</body>
</html>