という感じで表示させてみるとiが進めば一行ずつjが進めば列が表示。 連続で全てのタイルを並べて、数字を入れます。 数字を入れる関数。 function initializeGrid() { for (let i = 0; i < size * size - 1; i++) { grid.push(i + 1); } grid.push(0); // 空のタイル } draw()関数にも文字を ...
あまり、使いどころはないかもですが、gridで画像をタイル状に並べます。単純なタイル状にするのではなくて、こんな感じで、タイル状に並べます。 .grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; grid-template-areas: "item-a item-a item-a" "item-b item-c ...