‘DAE’ タグのついている投稿

BVH File Sketch

2014.01.06 09:33 PM

daijima.jp Lab | BVH File Sketch

昨年のクリスマスに行ったPerfumeのドームコンサートと大晦日の紅白がすごく良かった。
この期に及んでPerfumeファンになったので、以前作ったドブえもんのPerfumeダンスを晒してみよう。
その名もDobume。
※骨格がありえない曲がり方をしたり、腕が体にめり込んだりするのはご愛敬。
※Dobumeはノッチのパートを踊っています。

少し古いネタですが「Perfume global site project #001」からモーションキャプチャーデータを拝借しました。
http://www.perfume-global.com

WebGLでBone Animation

2013.03.13 07:43 PM

daijima.jp Lab | WebGL Bone Animation Sketch

ここのところWebGLを試していたんですが、その時作ったスケッチを晒してみようと思います。

※Safariで閲覧する場合はWebGLを有効にしてください。SafariのWebGLの有効化方法
※WebGLがサポートされていないブラウザでは閲覧できません。(IEやスマホブラウザ等)
※画面ドラッグでカメラ移動
※マウスホイールでカメラズーム
※Qボタンでアニメパターン1再生
※Wボタンでアニメパターン2再生
※Eボタンでアニメパターン3再生
※3Dライブラリはthree.jsを使用しました。
※気持ち悪いスケッチで申し訳ありません。

以下、ざっくりですが技術的なこと。
キャラクターのモデリング、ボーン設定、ボーンアニメーション作成はBlenderを使用。
BlenderでUV画像をエクスポートしてそれを元にPhotoshopでテクスチャ作成。
ボーンアニメーション付きモデリングデータをCollada形式でエクスポート。
※Blenderにthree.js用のアドオンをインストールするとモデリングデータをjson形式でエクスポートすることもできるんですが、いざthree.jsで読み込んだところ、表示が崩れてしまってうまくいかなかったので今回はCollada形式でエクスポートしてthree.jsで読み込みました。

three.jsを使えばいわゆるFlash用の3Dライブラリ(Away3D/Alternativa3Dなど)ライクに、わりと簡単に3D表現はできるようです。ボーンアニメーションもそれなりにすんなり実装できました。

現時点で大半のスマホブラウザでWebGLをサポートしていないというのが、いまひとつWebGLが流行らない原因なのだとは思いますが、近い将来多くのスマホブラウザでWebGLがサポートされるようになれば、大いに活用できるAPIになり得ると思います。

いずれにせよ、FlashのStage3D、WebGL、Unity、openFrameworks、etc..、様々な技術的なアプローチがあるとは思いますが、案件の特性に応じてアプローチ方法を選択して自在に開発できる準備をしておくのが肝要なんだと思います。

Blenderでモデリング

2010.10.28 03:26 PM

Blenderでモデリングの練習。
Twiiterアイコンとして使わせてもらっているドブえもんを3D化してみた。

Dobuemon ~With Suneo’s Theme~ – wonderfl build flash online

わりとキモいです。ごめんなさい。
ついでにスネオのテーマを添えてみました。

3Dソフトの扱いはド素人かつ完全に我流。とはいえ、俺、モデリング下手くそ。
自分を戒めて今後頑張る意味で晒してみる。
モデリング自体はとても楽しい作業なので、三日坊主にせず、今後も時間を見つけて続けていきたい。なので、ざっくりとした目標をたててみる。半年後にこれを見て、クオリティのひどさに顔を赤らめるくらいのスキルアップはしたいところ。(現時点でも十分恥ずかしさはありますが。。)

あとは、メッシュをいじってフェイスアニメーションを入れたかったんだけど、ColladaにうまくExportできなかったので、あとでやる気が出たら、Pythonなどいじったりして頑張ってみる。