お手軽3DCGソフト「Poser」を使ったあれこれ。
DAZ 3D
Gifアニメ+JavaScriptで360度ｳﾏｳﾏ(ﾟ∀ﾟ)
2008年03月30日(日) 15:58

以前のJavaScriptのスライダーで360度表示 をGIFアニメでもやってみた。Naokiさんのところで配布されていたちびミクがかわいいかったので流行のアレ風。

本当は↑のサイズで作りたかったんだけど、ファイルサイズの上限にひっかかったのでちょっと小さくした。音楽は脳内補完で、ｳｯｳｯｰｳﾏｳﾏ(ﾟ∀ﾟ)♪

slider_img

IEだとなぜかGIFアニメの再生速度が遅い。Firefoxなら意図した速さで再生されます。アニメーションは初挑戦だったんですが、なんだか猫パンチみたいになってしまったｗ

作った手順のメモ。

1. Poserでループするアニメーションを作る
2. カメラ位置をずらしながらアニメーションを画像形式で書き出す(15回)
3. 各アングルの画像をフレームごとにJointogetherで一枚につなげる
4. つなげた各フレームの画像をGiamでGIFアニメにする
5. JavaScriptのスライダーで360度表示のコードで記事上に表示する

POZAKI | poserでみっくみく
ちびミクの配布はこちらの記事で知りました。かわいいレンダ画があります。
Sry Extra Blog: ちびみくさん　その2
フィギュアは「にあ☆みぃ互換」とのこと。これがフリーで配布されているのは太っ腹。

こんばんは。
アニメーションしながら回転してしまうというのは、すごいですね。
ちびみくさんの動きが、とてもかわいいです。
キャラクター自体のアニメーションのフレーム数 x カメラの回転分のレンダリングをしないといけないというのは、かなり大変そうですね。

実際にサーバーに置かれているのは横に15枚分つながった細長いアニメーショーンGIFのファイルなのですね。
GIFファイルをダウンロードして見させていただきましたが、15人のチビミクさんが一斉に踊っている様子というのも、とても面白いと思いました。
  • | 2008.03.31 02:10 |
  • mato #6XkXcwPI
  • URL
  • [ 編集 ]
こんばんわ〜。レスが遅くて申し訳ないです。
＞アニメーションのフレーム数 x カメラの回転分のレンダリング
レンダリングはライトの影をOFFにして時間を削っています。
とはいえ手作業で各アングルのレンダリングをするのはやっぱり面倒でした(^^;
＞15人のチビミクさんが一斉に踊っている様子
たしかにこれはこれで面白いですねｗ
アニメーションの機能は初めて使いましたが案外分かりやすくてよかったです。
  • | 2008.03.31 22:20 |
  • zack #v0W2OX1k
  • URL
  • [ 編集 ]
承認待ちコメント
このコメントは管理者の承認待ちです
  • | 2008.05.17 13:56 |
  • #
  • [ 編集 ]
Comment投稿
管理者にだけ表示を許可する

TrackBack URL

http://zack.20.dtiblog.com/tb.php/21-e6b735c5

 | ＨＯＭＥ | 

Designed by GALPOP BLOG + GALPOP.NET