2013年3月15日プログラミングMMD,three.js

Thumbnail of post image 100
MMDでサポートされてるけど まだ対応してなかったスフィアマップをやってみました。 スフィアマップというのは、 テクスチャの貼り方の技法の一つで、 環境マッピングとか呼ばれてます。 擬似的な周囲環境の映り込みを再現する手法で、 金属のような光沢とかを表現できたりします。 環境マッ ...

2013年6月26日プログラミングMMD,three.js

Thumbnail of post image 092
今回は、 three.jsのMeshにおける境界球(bounding sphere)の 扱いに気になる所を見つけたので、 それについて書いてみたいと思います。 three.jsではMeshを作る際に、 geometryとmaterialを渡すのですが、 geometryに境界球が ...

2013年3月31日プログラミングMMD,three.js

Thumbnail of post image 023
今回は、 MMDのモーションファイルであるVMDでサポートしている カメラおよびライトのモーションに対応してみました。 実装は割りとあっさり行けたのですが、 テストするのに良さげなデータを見つけるのにちょっと手間取りました。 結局、 PMDEditorに付いているPmmSplit ...

2012年9月20日プログラミングMMD,three.js

Thumbnail of post image 170
前回で書いたように、 MMDなデータをBlender経由でthree.jsで扱えるjsonへ変換するのは どうもうまく行かない感じです。 そこで自前で変換ツールを作ることにしました。 Blenderのimporterやexporterは参考になるので、 pythonで作ってみるこ ...

2012年9月29日プログラミングMMD,three.js

Thumbnail of post image 120
前回の続きです。 次は頂点モーフによる表情アニメでもやろうとかと思ったのですが、 BoneによるSkinningと頂点モーフが 現状のthree.jsでは共存できないことが分かりました。 シェーダー関連をいじってどうにかしないといけない感じです。 なんか手間ヒマ掛かりそうなので、 ...

2012年10月11日プログラミングMMD,three.js

Thumbnail of post image 151
前回の続きです。 頂点モーフによる表情アニメを実現すべく、 シェーダーとかいじってみたりしてました。 だいたい期待した通りな感じになってくれたのですが、 なぜかShadowMapがおかしくなる・・・。 そんな折、 ふとthree.jsのGitHubを覗いてみると、 リビジョンが ...

2012年11月22日プログラミングMMD,three.js

Thumbnail of post image 141
前回からだいぶ日が経ってしまいましたが、 ミクさんに物理演算を適用すべくチマチマやっておりました。 ただ残念ながら期待したようにはなってくれてません。 よく分からなかったり、うまく行ってくれなかったり、 自分の力不足な所が大きいと思うのですが、 JavaScriptでは荷が重いの ...

2013年2月15日プログラミングMMD,three.js

Thumbnail of post image 152
うまく行かずに半ば諦めて、 これで〆にしますとか前々回で書きましたが、 やり方を変えてみたら良い感じになってくれました。 微妙にまだうまく行ってない気もしますが(^_^;) とりあえずは目標に達せたかと思ってます。 それでは順を追って書いてみます。 まずは、 physi.jsを ...

2013年2月24日プログラミングMMD,three.js

Thumbnail of post image 122
前回、ちょっと書いてましたが、 physi.jsを使わない実装に整理&最適化してみました。 ソース的にはなんかスッキリできたように思います。 あとシェーダーのコードは外部ファイルを読み込むように変えました。 この方が修正とかしたい時に扱いやすいので。 (JavaScriptにはh ...

2013年3月8日プログラミングMMD,three.js

Thumbnail of post image 013
この回で、 拘束条件とボーン位置合わせな剛体に関して ナンかうまく行かない感じのことを書きましたが、 どうすれば改善できるかが少し見えて来ました。 それは、 拘束条件の BT_CONSTRAINT_STOP_ERP パラメータの調整です。 以前試みた時は、極端な値でやっていたせい ...