ソラマメブログ

2008年03月06日

アニメーションツールの解説(自己満足用)

あまり実用度が高くない、bvhアニメーションデータエフェクターですが、制作には無駄に時間が掛かりました( つд`) そこで、自分の苦労を正当化するため、ブログのネタとして役立ててしまおうという企画ですw

処理は全てクライアントのJavascriptで行っています。使用したJavascriptライブラリは以下の2つ。

Jvnさんの影響でjQueryを初めて使ってみました。jQueryは変わってるけど使いやすいライブラリでした。DOMを抽出するセレクタに特徴があるようです。また、グラフ描画用にFlotというjQueryプラグインを使っています。値の配列と、いくつかのパラメータを指定するだけで、きれいなグラフを作ってくれてかなり助かりました。

あと肝心のbvhのフォーマット情報ですが、TMPS Wiki さんが詳しく解説されていて参考にさせてもらいました。はっきりいってbvhは、分かってしまうと簡単なので、多分慣れてくればメモ帳で微調整することも可能だと思います。

他には特に難しいことはしてなくて、フォーマットを参考にしてひたすらJavascriptで計算しているだけです。まあ、それだけに2週間かかったんですが orz

ソースは、たいへん「やっつけ感」溢れる仕上がりになっているので、参考にしないでくださいね~ ^^;



同じカテゴリー(アニメーション)の記事画像
bvhアニメーションデータエフェクター公開
QAvimatorでアニメーション - チュートリアル動画
同じカテゴリー(アニメーション)の記事
 bvhアニメーションデータエフェクター公開 (2008-03-04 02:12)
 アニメーションに自然な揺らぎを追加したい (2008-02-12 23:20)
 QAvimatorでアニメーション - チュートリアル動画 (2008-02-11 13:10)

この記事へのコメント
どうも
RSS リーダーに こちらが未登録だったjvnです
登録したつもりだったのに。。。
更新ないなぁと思って見にきたら。。

アニメに自然な揺らぎとは!
需要がありそうですね
たまにありますもんね、彫像みたいなアニメ。。

わーい
jQuery 仲間!
jQuery はやっつけでソースをかけるので重宝しますねww
Posted by Jvn WriterJvn Writer at 2008年03月13日 15:55
Jvnさんお久しぶり~^^
jQueryは、とっても使いやすかったです。
また面白いプラグインでもあれば教えてください ね~\(^_^)
Posted by sabro at 2008年03月13日 21:22
上の画像に書かれている文字を入力して下さい
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。