公式に配布されているデータを使ってPerfumeっぽい棒人間を踊らせまくっているのが「Perfume x Canvas」です。HTML5では「Canvas」というタグを使うことで、HTMLとJavaScriptだけでオブジェクト描画ができるようになっていますが、これを使って3Dっぽく動かしています。 「Perfumeのモーションデータ」というのがどういうものか、公式サイトに行くとムービーが流れるようになっています。 Perfume official global website(音量注意) http://www.perfume-global.com/ サイト左上にマウスカーソルを持って行くとメニューが表示され、その中の「ダウンロード」をクリックすると…… モーションデータのダウンロードページが表示されます。「You agree to our terms」の横のチェックボックスにチェックを入
![PerfumeのモーションデータをHTML5のCanvasで3Dっぽく動かした「Perfume x Canvas」](https://cdn-ak-scissors.b.st-hatena.com/image/square/d79665f3e59134bc391691db73e82bf6cfea09b9/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2012%2F04%2F04%2Fperfume-canvas%2Fsnap0028.png)