• かちびと.net

    jQuery+html5のcanvasで作られた、動画を再生したまま遊べるパズルのサンプルが凄いので勢いでご紹介。新年早々スゴイの見せてくれました。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

jQuery+html5のcanvasで作られた、動画を再生したまま遊べるパズルのサンプルが凄い

スポンサーリンク

新年早々度肝を抜かれたサンプル。
有名なんですかね。僕は初見でした。
HTML5のcanvasで作成された動画
パズルです。動画を再生したままパズ
ルで遊ぶことが出来る、というデモ。
jQueryも使っているみたいです。まだ
まだ色々な可能性を秘めていますね。

FirefoxでもiPhoneでも確認したんですが見れませんでした。ブラウザのバージョン確認していませんけど、僕はChromeで確認したので、最新のChromeをご利用でしたら見れると思います。

HTML5 VIDEO PUZZLE


動画が再生されています。適当にドラッグすると


部分的に動かせますが、周りの動画も切り取った動画も再生されたまま。


Randomize Piecesでパスル開始です。ランダム配置されても動画は再生されています。


単純に「おおおー!」ってなりましたw以下が解説とデモです。ぜひ御覧くださいー!

Html5 video puzzle – proof of concept / demo

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services