Canvas 720 by 720 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:51896

←

Prev Next

→

Canvas 720 by 720 grid 36 sectors 9 sub sectors mi..ALL
Developer User18896｜Date and time 24/3/16 14:05:09
Build time 7.719 sec｜Game capacity 1.75KB｜

Script

←

Prev　Next

→ 　

Back　

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

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>Pattern Generator Game</title>
</head>
<body>
<canvas id="gameCanvas" width="720" height="720"></canvas>

const sectors = 36;
const subSectors = 9;
const sectorSize = canvas.width / sectors;
const subSectorSize = sectorSize / 3;
let patterns = new Array(subSectors);

function drawGrid() {
  ctx.fillStyle = '#FFFFFF';
  ctx.fillRect(0, 0, canvas.width, canvas.height);

ctx.strokeStyle = '#000000';
  for (let i = 0; i < sectors; i++) {
    ctx.beginPath();
    ctx.moveTo(i * sectorSize, 0);
    ctx.lineTo(i * sectorSize, canvas.height);
    ctx.stroke();
  }

for (let i = 0; i < sectors; i++) {
    ctx.beginPath();
    ctx.moveTo(0, i * sectorSize);
    ctx.lineTo(canvas.width, i * sectorSize);
    ctx.stroke();
  }
}

function update() {
  drawGrid();
  drawPatterns();
}

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