THREE.JS THREE-VRM をいじってみた



pixiv様提供のVRMで遊んでみた
リンク
vroid
three-vrm

vroidのvroid studioでサンプルの女の子を少しいじくって
three-vrmのbasic.htmlサンプルをphp化してローカルファイルを読めるようにしました

まじかる☆ですくとっぷ
で踊らせてみた


奥が深そうだからこれでもっと遊んでみようかな


第1弾


てす子


てす子 ポニーテール


美彩


美月


天音

レイカ

第2弾


マッチョ伊東

自称20歳

みぃにゃん

夏菜

アイスちゃん

めぐ

のんたん

第3弾


キャロット03号

メル

ねむ

デミちゃん

うさぴょん

イヴレプリカ

第4弾


お稲荷さん

ねこむすめ

正式モデルノービス

正式モデルロイド05号

ちび正式モデルロイド05号

正式モデルALICE06号

第5弾


まお

ちびまお

結衣

ちび結衣

レオナ

ちびレオナ



- VRM ロードテスト - .php

- VRM ロードテスト - .zip



てす子 モーション.htm

てす子 モーション.zip



vroidのモーションテスト
three.jsのwebgl_loader_mmd.htmlサンプルのロードURLを変えただけ
こんな感じか

あちゃー顎の部分が黒くなっちゃった
エラーログ見たところ多分MIME-TYPEが.wasmを認識してないからだと思うんだけれど
このHPはレンタルサーバーでやってるから.htaccessでMIME-TYPEを追加しようにも
サーバー管理者がAddTypeディレクティブを認めてないみたい
サーポートに連絡してどうにかしてくれって頼んでるけれど
THREE.JSを使ってはいけませんと言われるのならば
安いとこの専用サーバーに引っ越そうかな
安いけれど高いなぁ
企業活動じゃなくて趣味なのになぁ
むしろ自宅サーバー作ろうかな

- VRM BVHテスト - .htm

- VRM BVHテスト - .zip



BVHモーションファイルを読めるようにした
スカイボックスは
["~px","~nx","~py","~ny","~pz","~nz"]
でファイル名が終わるイメージファイルを6つ読み込めば適用できます

なかなかいい感じ♪

鏡音リン(偽物)が説明する #VRoidStudio のデータを動かしてみよう @YouTube
動かす手順
1.VRoidStudioで.vrmファイルにエクスポート
2.VRM2PMXConverterで.pmxファイルにコンバート
3.MikuMikuDanceで読み込んでごにょごにょで動かす
全て無料ソフトで出来ます





THREE.JSプログラミング講座
3Dプログラミング講座
NAS6LIB
THREE.JSテスト解説・THREE.JS使い方
THREE.JS examplesをいじってみた(フレネル反射透過シェーダー)
THREE.JS (半透明シェーダー)
THREE.JS 3D演算で必要な計算(具体例)★とても重要★
THREE.JS THREE-VRM をいじってみた

<<prev 3D演算で必要な計算(具体例) : 工事中 next>>





戻る