2008年03月06日
アニメーションツールの解説(自己満足用)
あまり実用度が高くない、bvhアニメーションデータエフェクターですが、制作には無駄に時間が掛かりました( つд`) そこで、自分の苦労を正当化するため、ブログのネタとして役立ててしまおうという企画ですw
処理は全てクライアントのJavascriptで行っています。使用したJavascriptライブラリは以下の2つ。
Jvnさんの影響でjQueryを初めて使ってみました。jQueryは変わってるけど使いやすいライブラリでした。DOMを抽出するセレクタに特徴があるようです。また、グラフ描画用にFlotというjQueryプラグインを使っています。値の配列と、いくつかのパラメータを指定するだけで、きれいなグラフを作ってくれてかなり助かりました。
あと肝心のbvhのフォーマット情報ですが、TMPS Wiki さんが詳しく解説されていて参考にさせてもらいました。はっきりいってbvhは、分かってしまうと簡単なので、多分慣れてくればメモ帳で微調整することも可能だと思います。
他には特に難しいことはしてなくて、フォーマットを参考にしてひたすらJavascriptで計算しているだけです。まあ、それだけに2週間かかったんですが orz
ソースは、たいへん「やっつけ感」溢れる仕上がりになっているので、参考にしないでくださいね~ ^^;
処理は全てクライアントのJavascriptで行っています。使用したJavascriptライブラリは以下の2つ。
Jvnさんの影響でjQueryを初めて使ってみました。jQueryは変わってるけど使いやすいライブラリでした。DOMを抽出するセレクタに特徴があるようです。また、グラフ描画用にFlotというjQueryプラグインを使っています。値の配列と、いくつかのパラメータを指定するだけで、きれいなグラフを作ってくれてかなり助かりました。
あと肝心のbvhのフォーマット情報ですが、TMPS Wiki さんが詳しく解説されていて参考にさせてもらいました。はっきりいってbvhは、分かってしまうと簡単なので、多分慣れてくればメモ帳で微調整することも可能だと思います。
他には特に難しいことはしてなくて、フォーマットを参考にしてひたすらJavascriptで計算しているだけです。まあ、それだけに2週間かかったんですが orz
ソースは、たいへん「やっつけ感」溢れる仕上がりになっているので、参考にしないでくださいね~ ^^;
Posted by sabro at 01:18│Comments(2)
│アニメーション
この記事へのコメント
どうも
RSS リーダーに こちらが未登録だったjvnです
登録したつもりだったのに。。。
更新ないなぁと思って見にきたら。。
アニメに自然な揺らぎとは!
需要がありそうですね
たまにありますもんね、彫像みたいなアニメ。。
わーい
jQuery 仲間!
jQuery はやっつけでソースをかけるので重宝しますねww
RSS リーダーに こちらが未登録だったjvnです
登録したつもりだったのに。。。
更新ないなぁと思って見にきたら。。
アニメに自然な揺らぎとは!
需要がありそうですね
たまにありますもんね、彫像みたいなアニメ。。
わーい
jQuery 仲間!
jQuery はやっつけでソースをかけるので重宝しますねww
Posted by Jvn Writer
at 2008年03月13日 15:55

Jvnさんお久しぶり~^^
jQueryは、とっても使いやすかったです。
また面白いプラグインでもあれば教えてください ね~\(^_^)
jQueryは、とっても使いやすかったです。
また面白いプラグインでもあれば教えてください ね~\(^_^)
Posted by sabro at 2008年03月13日 21:22