html

Javascriptで画像を分割してシャッフルする

HTML5のcanvasとJavascriptを使って画像データを9つのブロックに分割し、ブロックをシャッフルして表示してみる。

画像を分割してシャッフル表示

シャッフル前

シャッフル後

ソースコード

参照

道路標識の一覧 - 無料で使えるEPSフリー素材集

JavaScript で配列のシャッフル - HAM MEDIA MEMO

次回はこれをベースに8ピースパズルを作成予定。

www.segmentation-fault.xyz