ITエンジニア/デザイナ向けにオープンソースを毎日紹介

画像を切り離してパズルにするといったソフトウェアはいくつも存在します。これはこれで面白いのですが、Web上でやっても大きなインパクトはなさそうです。

その自動生成パズルの最新版とも言えるのがHTML5 Video Puzzleです。なんと動画を切り離してパズルにしてしまうソフトウェアです。

HTML5 Video Puzzleの使い方

こちらが基本形。動画なので刻々と内容が変わっていきます。
こちらが基本形。動画なので刻々と内容が変わっていきます。

挑戦中。かなり重たいのでご注意…
挑戦中。かなり重たいのでご注意…

こんな細かくすることも。
こんな細かくすることも。

自動で組み立ててくれる機能もあります。
自動で組み立ててくれる機能もあります。

HTML5 Video Puzzleはパズルのピースが動くという面白さがあります。さっきまであったはずの目印が消えたりする面白さがあります。ぜひ挑戦してみてください。

HTML5 Video PuzzleはHTML5/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

HTML5 Video Puzzle

graymouser/vid-puzzle

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2