Perfumeのダンスモーションデータと JavaScript でダンス♪

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

Pocket

最近話題の『Perfumeがダンスモーションデータを無償公開。サンプルコードはGitHubで提供』について 書きます.

このエントリーを見て, 早速使って遊んでみようと思ったのですがモーションデータが bvh で提供されていたのと, サンプルに JavaScript がなかったので bvh パーサを作ることから始めました.

ですが, 途中で Coffe Script で書かれた bvh パーサが公開されて, さらに Three.js を使って WebGL 上で動くサンプルも公開されてたので拝借させて頂きました.

何も作る必要がなくなったので, 公開されたサンプルのパラメータを少しイジって遊んでみた次第です.

よかったら見て下さい. Three.js 久々に使ったけど色々と忘れてる… 思い出したらもっと色々とイジってみようと思います.

screenshot

Demo Download

Reference

参考にしたというかガッツリ拝借させていただいたサイト.

私自身, 中の処理をちゃんと読んでいないので, 解説はまた改めてします.

こうやってクリエイターが遊べる素材が増えると楽しいですね. ももクロも公開してくんないかなぁ~w

TRACK BACK URL

POST COMMENT

メールアドレスが公開されることはありません。

COMMENT