HTML5を使った、動画パズル。<video>の表示を<canvas>にコピーして、パズルピース毎に描画する処理を30fpsで繰り返し実行している。

NAT のブックマーク 2011/08/14 11:16

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/27969977/comment/NAT" data-user-id="NAT" data-entry-url="https://b.hatena.ne.jp/entry/s/alexw.me/playground/canvas.html" data-original-href="https://alexw.me/playground/canvas.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Falexw.me%2Fplayground%2Fcanvas.html" data-user-icon="/users/NAT/profile.png">html5 canvas video puzzle game - alexw.me/playground</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/html5">html5</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/javascript">javascript</a>]</li></ul><br><p style="clear: left">HTML5を使った、動画パズル。&lt;video&gt;の表示を&lt;canvas&gt;にコピーして、パズルピース毎に描画する処理を30fpsで繰り返し実行している。</p><a class="datetime" href="https://b.hatena.ne.jp/NAT/20110814#bookmark-27969977"><span class="datetime-body">2011/08/14 11:16</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

html5 canvas video puzzle game - alexw.me/playground

alexw.me2011/01/05

Randomize Pieces Pause Toggle original Currently works with chrome and firefox(even though for somereason, doesn't repeat in firefox) This is Proof of concept, please don't spam me about validation...

8 人がブックマーク・1 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

html5 canvas video puzzle game - alexw.me/playground

はてなブックマーク

公式Twitter

はてなのサービス