three.jsで遊んでみる（15）
MMDでサポートされてるけど まだ対応してなかったスフィアマップをやってみました。 スフィアマップというのは、 テクスチャの貼り方の技法の一つで、 環境マッピングとか呼ばれてます。 擬似的な周囲環境の映り込みを再現する手法で、 金属のような光沢とかを表現できたりします。 環境マッ ...
three.jsで遊んでみる（20）
今回は、 three.jsのMeshにおける境界球(bounding sphere)の 扱いに気になる所を見つけたので、 それについて書いてみたいと思います。 three.jsではMeshを作る際に、 geometryとmaterialを渡すのですが、 geometryに境界球が ...
three.jsで遊んでみる（16）
今回は、 MMDのモーションファイルであるVMDでサポートしている カメラおよびライトのモーションに対応してみました。 実装は割りとあっさり行けたのですが、 テストするのに良さげなデータを見つけるのにちょっと手間取りました。 結局、 PMDEditorに付いているPmmSplit ...
three.jsで遊んでみる（４）
前回で書いたように、 MMDなデータをBlender経由でthree.jsで扱えるjsonへ変換するのは どうもうまく行かない感じです。 そこで自前で変換ツールを作ることにしました。 Blenderのimporterやexporterは参考になるので、 pythonで作ってみるこ ...
three.jsで遊んでみる（５）
前回の続きです。 次は頂点モーフによる表情アニメでもやろうとかと思ったのですが、 BoneによるSkinningと頂点モーフが 現状のthree.jsでは共存できないことが分かりました。 シェーダー関連をいじってどうにかしないといけない感じです。 なんか手間ヒマ掛かりそうなので、 ...
three.jsで遊んでみる（６）
前回の続きです。 頂点モーフによる表情アニメを実現すべく、 シェーダーとかいじってみたりしてました。 だいたい期待した通りな感じになってくれたのですが、 なぜかShadowMapがおかしくなる・・・。 そんな折、 ふとthree.jsのGitHubを覗いてみると、 リビジョンが ...
three.jsで遊んでみる（９）
前回からだいぶ日が経ってしまいましたが、 ミクさんに物理演算を適用すべくチマチマやっておりました。 ただ残念ながら期待したようにはなってくれてません。 よく分からなかったり、うまく行ってくれなかったり、 自分の力不足な所が大きいと思うのですが、 JavaScriptでは荷が重いの ...
three.jsで遊んでみる（11）
うまく行かずに半ば諦めて、 これで〆にしますとか前々回で書きましたが、 やり方を変えてみたら良い感じになってくれました。 微妙にまだうまく行ってない気もしますが(^_^;) とりあえずは目標に達せたかと思ってます。 それでは順を追って書いてみます。 まずは、 physi.jsを ...
three.jsで遊んでみる（12）
前回、ちょっと書いてましたが、 physi.jsを使わない実装に整理＆最適化してみました。 ソース的にはなんかスッキリできたように思います。 あとシェーダーのコードは外部ファイルを読み込むように変えました。 この方が修正とかしたい時に扱いやすいので。 （JavaScriptにはh ...
three.jsで遊んでみる（14）
この回で、 拘束条件とボーン位置合わせな剛体に関して ナンかうまく行かない感じのことを書きましたが、 どうすれば改善できるかが少し見えて来ました。 それは、 拘束条件の BT_CONSTRAINT_STOP_ERP パラメータの調整です。 以前試みた時は、極端な値でやっていたせい ...