Voronoi Jigsaw

React と Konva で作成したブラウザ上で動作するジグソーパズルゲームです。ボロノイ図という手法でパズルピースを毎回ランダムに生成しています。いまさらジグソーパズル…と思うかもしれませんが、人によっては案外ハマる…かも。

以下の GitHub Pages のページにビルド版を公開していますので、ブラウザで下記 URL へアクセスするだけでプレイできます。
https://ikuron523.github.io/voronoi-jigsaw/

ソースコードも GitHub で公開しています。MIT ライセンスで公開していますので、ソースコードの改変なども自由に行って頂いてかまいません。
https://github.com/ikuron523/voronoi-jigsaw

ジグソーパズルの元絵は、お手持ちの画像ファイルを自由に選択してください。適当な画像ファイルが手元にない、という場合のために、5つほどビルトイン画像を用意してあります。ピースの数は、10個、30個、60個、100個から選択可能です。

元絵とピースの数を選択するとパズルをスタートできます。基本的な操作は、ドラッグ＆ドロップでピースを画面中央の正しい位置に置くだけです。マウスのホイール、またはピンチイン・ピンチアウトで、画面をズームイン／ズームアウトできます。画面のどこにいるか分からなくなった場合は、画面右上の「Reset View」を押すとデフォルト位置に戻ります。

元絵を忘れてしまった場合は、画面左上の「Hint」ボタンで元絵を3秒間見ることができます。ヒントを見れる回数はピースの数に応じて変わります。

ジグソーパズルなので、やはり画面が小さいとプレイしにくいです。一応、スマホブラウザでも動作しますが、PC ブラウザやタブレットの利用をお勧めします。