Canvas 360 by 360 grid 36 sectors 9 sub sectors middle sector is ai pattern generator generats patterns for subsectors auto update's game

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

No:51892

←

Prev Next

→

Canvas 360 by 360 grid 36 sectors 9 sub sectors mi..ALL
Developer User18896｜Date and time 24/3/16 14:03:25
Build time 6.26 sec｜Game capacity 1.366KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

canvas.width = canvasSize;
    canvas.height = canvasSize;

const sectors = [];
    const patterns = ['⚪️', '⚫️', '🔴', '🔵', '🟡', '🟣', '🟠', '🟢', '⚪️'];

for(let i = 0; i < numSectors; i++) {
        const sector = {
            x: (i % 6) * sectorSize,
            y: Math.floor(i / 6) * sectorSize,
            subSectors: []
        }

for(let j = 0; j < numSubSectors; j++) {
            sector.subSectors.push(patterns[Math.floor(Math.random() * patterns.length)]);
        }

sectors.push(sector);
    }

function drawSectors() {
        ctx.clearRect(0, 0, canvasSize, canvasSize);

sectors.forEach((sector) => {
            ctx.strokeRect(sector.x, sector.y, sectorSize, sectorSize);

sector.subSectors.forEach((pattern, index) => {
                const x = sector.x + (index % 3) * (sectorSize / 3);
                const y = sector.y + Math.floor(index / 3) * (sectorSize / 3);

ctx.fillText(pattern, x + (sectorSize/6), y + (sectorSize/3));
            });
        });
    }

drawSectors();
</script>