Canvas 720 by 720 grid 72 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:51897

←

Prev Next

→

Canvas 720 by 720 grid 72 sectors 9 sub sectors mi..ALL
Developer User18896｜Date and time 24/3/16 14:05:51
Build time 6.592 sec｜Game capacity 1.913KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pictogram Game</title>
</head>
<body>
<canvas id="myCanvas" width="720" height="720"></canvas>

function drawGrid() {
    for(let i = 0; i < numRows; i++) {
        for(let j = 0; j < numCols; j++) {
            const x = j * sectorSize;
            const y = i * sectorSize;
            ctx.strokeRect(x, y, sectorSize, sectorSize);

if (i !== 4 || j !== 4) {
                for(let k = 1; k < 3; k++) {
                    ctx.moveTo(x + k * subSectorSize, y);
                    ctx.lineTo(x + k * subSectorSize, y + sectorSize);

ctx.moveTo(x, y +k * subSectorSize);
                    ctx.lineTo(x + sectorSize, y + k * subSectorSize);
                }
            }
        }
    }
}

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

function update() {
    clearCanvas();
    drawGrid();
    let pattern = generatePattern();
    drawPictogram(pattern);
}

update();
</script>
</body>
</html>