8パズル作成
4×4=16の空白ブロックありにして15パズル作成
これを3×3=9の8パズルへ改造
定数にしてあるため、簡単に改造できる
改造するのは
var BLOCK_W =106;
var BLOCK_H = 106;
これは、正方形にしたいから縦横は同じ大きさ
var ROW_COUNT=3;
var COL_COUNT=3;
分割が3×3=9にしたいから
両方とも3を指定
もし、24パズル作成したいなら
var BLOCK_W=64;
var BLOCK_H=64;
var ROW_COUNT=5;
varCOL_COUNT=5;
となる
ちなみに、縦横の幅は
canvasのサイズが320たったときの
設定
これを
320 / 3 = 106
320 / 5 = 64
で計算した結果になる
canvasの値を計算するようにすれば
もっと楽にできるようにもできます