タグ

ブックマーク / ponk.jp (1)

  • 画像を使ったジグソーパズルを作ってみよう - jQuery入門 - ポンクソフト

    変数selには現在選択されているピース番号が入ります(どれも選択されていないときは-1)。配列posは、少し分かりにくいですが、添え字のピース番号の現在位置が入ります。例えばpos[0]→12だった場合、完成したときに左上にあるべきピースが、現在は左下にある、ということになります。 ピースのシャッフル for (var i = 0; i < 16; i++) pos[i] = i; まず初期値として、完成形で配列posを作ります(添え字が中の値と等しい)。 for (var i = 16; i > 0; i--) { var j = Math.floor(Math.random() * i); swap(i - 1, j); } その後、配列posの中身がバラバラになるようにシャッフルしています。「Fisher-Yates」というアルゴリズムを使っていますので、詳しくはググってみてください

  • 1