ヽ｜∵｜ゝ(Fantom) の 開発blog？

　約1年2ヶ月前に Unity で「VRoid の衣装を発光させる」方法を書いたが、120 さんが発光設定できるツールを公開してくれたので、「Unity を使わずに、発光設定できるか？」を試してみた。


・VRMの光物設定するやつ (BOOTH - 120byte)

　結論を先に言うと「Unity 無しでも発光設定はできる」ことがわかった。ただ VRoid はデフォルトで発光設定が無効になっていて（テクスチャに黒塗りのマスク「Shader_NoneBlack.png」が当てられてるため、光らない）、これを入れ替えないといけないので、もう１つツールを使って、そのやり方も伝授しておこう。考え方自体は以前と同じなので、ここでは簡単な手順だけ書いておくことにする。


(※) VRM Emission Editor 20230528 / VRMLiveViewer 3.7.1 / Windows11(x64) で確認

---

■発光させるテクスチャをVRMから取り出す

　ここでは、発光させる VRoid は何でも良いが、以前私が Unity で発光設定したことある「CLCT for FUTURE」を例に、今回はツールだけで発光設定をやってみよう。VRoid Studio のプリセットに入っているので、適当なモデルに着させて、VRM エクスポートして欲しい。



　前述したが、VRoid の場合は、デフォルトでは黒塗りのマスク(Shader_NoneBlack.png)が当てられていて、そのままでは光らない。なので、ここでも 120 さんのツールを使わせて貰い、VRM からテクスチャを取り出そう。それを元に後述でマスクを作ることになる。「VRMテクスチャ差し替えるやつ」(VRM TextureReplacer)をダウンロードしよう。


・VRMテクスチャ差し替えるやつ

　ダウンロードしたら「VRM_TextureReplacer.exe」を起動して欲しい。起動したら「CLCT for FUTURE」を着せた VRM をツールにドロップしよう。このツールはモデルに設定されてるテクスチャを入れ替えるツールで、衣装の色を変えるとき等に便利だが、単に「Export」すれば、テクスチャを取り出すことができる。

　取り出すテクスチャは任意で良いが、要するに光らせたい部分があるテクスチャを右側の一覧から選んで、「Export」を押すだけだ。ここでは「N00_000_00_EyeIris_00_EYE」(目)、「N00_007_03_Tops_01_CLOTH_01」(トップス)、「N00_001_02_Bottoms_01_CLOTH」(ボトムス)、「N00_008_01_Shoes_01_CLOTH_02」(靴) 等、色々取り出してほしいが、テストするだけなら、とりあえず一番目立つ部分だけでも良いだろう(「目」などが簡単)。

---

■衣装の一部だけを発光させるマスク(エミッションマップ)を作る

　マスク(エミッションマップ)の作り方は以前書いた方法と同じだ。「光る部分を白または輝度の高い色(シアン等)」「それ以外を黒」にすることでマスク画像となる。PhotoShop や GIMP などを用いて、光らせたい部分だけを残し、他は黒で塗って欲しい。なお、透過してる部分も光らないので、「N00_000_00_EyeIris_00_EYE」(目) 等はそのままマスクに使っても良い(もちろん、目以外を黒塗りしても良い)。画像加工自体はテーマから外れるので、それぞれの画像編集ソフトのヘルプを見て、マスク画像を作って欲しい。以下はあくまで例となる。

---

■ツール(VRM Emission Editor)に読み込んで発光設定をする

　マスク(エミッションマップ)ができたら、発光設定をしてみよう。ここでは今回メインの「VRMの光物設定するやつ」(VRM Emission Editor) を使う。ダウンロードしたら、「VRM_EmissionEditor.exe」を起動し、発光させたいモデルをドロップしよう。


・VRMの光物設定するやつ

　モデルを「VRMの光物設定するやつ」に読み込んだら、右上のドロップダウンから、モデルに当てられているテクスチャの名前が選択できるようになる。ここでは目を光らせてみるとして「N00_000_00_EyeIris_00_EYE」を選択しよう。また「エミッションマップの読み込み」から、先ほど作ったマスク(エミッションマップ)で同名のものを読み込もう。



　デフォルト状態では光ってるのが確認しずらいかも知れない。その場合は、左上にある「Light」(ライト)を下げると良い。真っ暗にして、RGBと「光の強さ」を適当に上げれば、光ってるのが確認できると思う。



　あとはやり方は同じだ。対応する部位とマスク(エミッションマップ)を次々読み込んでいって、発光設定をすれば良い。全てが完了したら右下にある「VRM書き出し」からモデルを再エクスポートしよう。

---

■VRMLiveViewer に読み込んで発光させる

　発光設定したモデルを VRMLiveViewer で読み込んでみよう。ここでも背景が明るいと光っているのが確認しずらいので、Floor(床) や Sky(空) を無し(None) にしよう。またメインライトも太陽のアイコンを右クリックで消せるので、とりま真っ暗にすれば、発光設定した部分だけが色が付いてるのがわかる。綺麗に発光させるには「ポストエフェクト＞ブルーム」をオンにしよう。



　発光自体の強弱を調整するには「キャラクターのオプション＞MToon発光の設定」で調整できる。とりあえず簡単なのは [発光の補正] でスライダーを動かしてみることだ。ライトや他のエフェクトでも輝きの強さは影響受けるので、その都度設定すると良いだろう。



　ちなみに VRMLiveViewer では [発光モード] の設定により、点滅やランダム発光など、複雑な発光もできる。上手くやれば、派手な、サイバーな演出もできると思うので、挑戦してみて欲しい。








（関連記事）
【VRMLiveViewer】VRoid の衣装を発光させる (Unity)
【VRMLiveViewer】VRM（VRoid）をライブステージで踊らせるアプリを作ってみた
【VRMLiveViewer】魔法陣の床を作る
【VRMLiveViewer】GLTF モデルに影が付くように修正して、アプリで利用する
【VRMLiveViewer】GLBで背景モデルを自作する
【VRMLiveViewer】GLBで床を作る（FloorMake_Sample の解説）
【VRMLiveViewer】GLBで壁を作る（WallMake_Sample の解説）
【VRMLiveViewer】背景GLTFの設定リスト(使用例)

　今回はこれまでの3Dの背景で踊らせるのとはまた一味違う、2D動画を使ったPV/MV体験をしてみよう。VRM Live Viewer には以前から背景に動画を使う機能はあったが、元々は主にループ素材を再生するものだった。しかし v3.4 以降では再生開始を同期する機能が追加され、音楽再生と同時に動画も最初から再生できるようになった。この機能と「PVキット」と呼ばれるものを利用して、背景動画(主にアニメーション)とダンス,カメラ等を同期させ、まるで最初から完成されていたPV/MVを観ているような映像を楽しむ方法をやってみよう。

　この方法の場合、やることは定型処理みたいになるので、一度覚えてしまえば難しいことは何も無い。3D背景のように作り込むこともなく、簡単にハイクオリティなPV/MV体験ができるので、ぜひ挑戦してみて欲しい。凝った演出も多く、視聴するだけでもなかなかの感動モノだ。素材さえ見つければ、自分では作れないようなPVが即興的に観れるので、かなり楽しめるだろう。

　先んじて必要な設定を箇条書きにしてみると以下のようになる。

・mp4フォーマット
・動画の設定で[2D]モードにする
・ループ再生はオフ
・再生を音楽に同期をオン
・右サイドパネルの(Sync)Startをオン(デフォ)
・[影だけ床]を使うとき、影の濃さを少し調整(0.5～0.9前後)
・VMDカメラの設定で [Y拡縮] 等を使って、キャラが良い感じに映るように調整する

　上記の設定が自分でできるのなら、このチュートリアルをやる必要はないだろう。ここでは初心者でもわかるように詳細な手順を含めて書いておくので、既にできる人は興味ある部分だけで十分だと思う。


(※) VRMLiveViewer 3.4 / Windows11(x64) で確認

---

■mp4 フォーマットの動画を用意する (※avi からの変換が必要なときのみ)

※元から .mp4 がある場合は「アプリでPVキットを使ってみる」から始めて下さい。

　今回は、MAO様の簡易PV構築キットを使わせて頂こう。PVキットをアプリで利用する件については事前に許可を得てある。一般公開する際は「クレジット記載とリンク先は配布動画にする(ニコ動内ならコンテンツツリー登録など)」を守って貰えば、利用してもOKだそうだ。リンク先を配布動画にして欲しいのは、ブログの利用規約に目を通してからダウンロードする形をとって欲しいとのご本人たっての希望だ。各キットによって内容も少し違う場合もあるので、曲ごとに確認した方が良いだろう。といっても、これは他者の作品をお借りする上では当たり前のことなので、PVキットに限らず、全ての素材でやった方が良いだろう。



　ここでは例として「Brand New Workd」を使うことにしてるが、やり方に関しては他の曲でもあまり変わらないと思うので、好きなセットをダウンロードしても良い。元々 mp4 があるものはもちろん変換する必要は無い。例えば「ロキ」「[A]ddiction」「なでなで」等いくつかには mp4 版も最初から用意されている。そちらを試してみる場合は「アプリでPVキットを使ってみる」から始めて良い。ここからの手順はあくまで avi のみで配布されているときの mp4 への変換方法で、自分でできるのなら、この手順は読み飛ばしても良いだろう。

　ここでは昔から動画作成に使われる「AviUtil」を使う方法を紹介しておこう。他の変換ツールを使うのに慣れているのなら、わざわざこちらを使う必要も無い。要は mp4 に変換できるのなら何でも良い。AviUtil を選んだ理由はPVキットでの動画合成も AviUtil を使うことが想定されていることも多く、フリーソフトなので誰でも入手できるという点だ。とても高性能でネットでは情報も入り易いので、ダウンロードしておいても損は無いだろう。


1. まずは公式の「AviUtlのお部屋」から最新版をダウンロードしよう。掲載時点では v1.10 だったが、ここでやるのは avi → mp4 変換だけなので、それほどバージョンにこだわる必要はないだろう。とりま一番上のものをダウンロードすれば良い。



2. 導入に関してはこちらのサイトにも詳しく書かれているので参考にして欲しい。一緒に「拡張編集プラグイン」と呼ばれる「exedit93rc1.zip」(掲載時点：バージョンはその時の最新で良い)も入れておいた方が良いだろう。インストールは解凍した zip を好きな場所に移動し、拡張編集プラグインもその中に入れれば良い。

・AviUtlと拡張編集プラグインの導入方法



3. 今回は avi → mp4 変換する目的なので、mp4 の出力プラグインの「x264guiEx」も入れよう。これも先程のサイトに詳しく書かれているので、参照して欲しい。ただ、開発者のブログからダウンロードとなっているが、今では GitHub でも公開してるので(以前は OneDrive で公開してた)、直接そちらから最新の zip をダウンロードしても良い。解凍したら、参照先の解説にあるように「auo_setup.exe」を起動し、インストールすれば良い。バージョンによってやり方が違ってたり、エラーが出たりするなら、都度ググって情報を探して欲しい。

・x264guiExの導入方法と使い方
・rigaya / x264guiEx (GitHub)



4. 他には「Grass Valley Codec」と「Ut Video Codec」も入れておこう。これは avi でのコーデックだ。どちらもインストーラーがあるので、ダウンロードしてインストーラー(exe)を動かせば良いだけだ（※バージョンはその時の最新で良い）。

・Grass Valley Codec
・Ut Video Codec Suite (GitHub)



5. これで準備は整ってるハズなので、AviUtil を起動して、avi をドロップしよう。再生して映像が出てくればOKだ（ずっと真っ黒のままなら、コーデックのインストールに失敗している可能性がある→ググって情報を探して欲しい）。後は [ファイル] メニューから [プラグイン出力＞拡張 x264 出力(GUI) Ex] で適当な名前を付けて(同じ名前で良い) mp4 で保存し直せば、mp4 変換完了だ。


※前景/背景のように複数あるものは同時に利用できないので、拡張プラグインを使って合成してしまえば良い。プロジェクトファイルが添付されていれば、それを使うのが速いだろう。
※「かんたんMP4出力」というプラグインもあるが、なぜか上手く変換できないことがあったので、x264guiEx の方を紹介した（※x265 版もあるが、x264 の方が互換性が高い）

---

■アプリでPVキットを使ってみる

　mp4 の準備ができたら、アプリで再生する準備を整えよう。といっても冒頭に箇条書きした項目をやっていくだけだ。基本的には再生同期設定ができれば十分で、後はキャラクターの身長に合わせたカメラ設定や、影だけ床を使うときの設定などは任意で良い。


1. まずベースとなるステージを選択しよう。右サイドパネルの背景から [Plane] を選ぶか、v3.4 では左サイドパネルの設定アイコン、またはショートカットキーの [W] でツールパッドが開くので、少し下へスクロールして Stage: から [Plane] を選んで欲しい。また床(Floor:)は [影だけ床] にしよう。

　[影だけ床] を選択したら、背景が真っ暗になるが、これは [影だけ床] がプリセットの空(Skybox) を同時に使用できない制限があるからで(特殊なシェーダを用いてるため)、自動的に空(Sky:)が [(空なし/360)] になったからだ。なので正常な動作のため問題無い。ちなみに360度画像なら使えるので、別の機会に試してみると良い。

　また、ツールパッドは一番下にある [Alternate Show] にチェックを入れると、サイドパネルと入れ替わりで表示できるので、ツールパッドの上部をドラッグして右端などに持っていくと良い。

　ついでにキャラクターロードや同梱されている vmdモーションをロードしても良いだろう。これらもドロップだけで勝手に再生される。



2. ステージの用意ができたら、変換した mp4（※もちろん最初から mp4 のものでも良い）をアプリにドロップし、「2D動画の設定」を開こう。ただ、この動画の設定は 360モードになってる場合がある（アプリでは最後に使用したモードになっている）。その場合、設定パネルを開いて [2D] モードに変更すれば良い。必要な設定としては、[ループ再生] はオフと [再生を音楽に同期] にチェックを入れておくことだ。

　[フィット] は画面と動画のアスペクト比とが異なる場合、画面の幅か高さのどちらに合わせるかの設定だ。しかし、カメラを使うなら [高さ] の方が良いかも知れない(任意)。もし、音楽と動画がずれるのであれば [開始タイミング](秒) で微調整するのも良い(任意)。



　なお、再生開始で同期するには右サイドパネルの (Sync)Start にもチェックを入れておく必要がある(デフォ)。これをオフにした場合は音楽だけの再生となる。[Tab]キーでサイドパネルを確認できたら、[W]キーでツールパッドに戻すと良いだろう。



4. [影だけ床] の調整方法も書いておこう。この [影だけ床] の実体は透明な平面床で、文字通り影だけが表示される床だ。なので、影の調整はライトでする。「ライトの設定」を開いて、[メイン] タブのまま、回転や影の濃さなどを設定しよう。MMDのデフォルトでは 45 度(135=90+45)が多いみたいだ。 [影だけ床] は少し色が濃くなる傾向があるので、影の濃さを 0.5～0.9前後にするのも良い。元が平面床であるため、縦回転によっては影が切れてしまうこともあるが、その場合は床のサイズを広げる。この辺りは Tips のツイートを見た方が速いかも知れない。



5. 最後に同梱されている vmdカメラをアプリにドロップして再生してみよう。身長別にいくつか入っていれば、一番近いものを選ぶと良いだろう。カメラの設定アイコンが青になってれば vmd カメラが読み込まれているので、設定パネルを開いて、[Y 拡縮] でいい感じに画面にキャラクターが収まるように調整すれば良い。ちなみに入力ボックスにカーソルを当てたまま、[↑][↓]キーを押せば、一定量変化できるので、これで合わせるのも良いだろう。またカメラが停止してるなら、パネル上の再生ボタンでも開始できる(ただし、音楽は再生されない)。



　ちなみに、キャラクターの身長がわからない場合は、「モデルプロパティ」を開いて、おおよその身長を調べると良い。このデータは最大境界のものだが、Height (=Top-Bottom：一番上と一番下の差分) または Top (一番上) が身長に近くなる。最大境界は可視化にチェックを入れれば、T-Pose になってるときのバウンディングボックスであることがわかる。注意点としては帽子やアホ毛、ヒールのような靴底が出っ張ってるものも含むので、装飾品のあまり無いモデルで確認した方が良いだろう（※佐久間蒼乃さんの身長計をアプリにロードして T-Pose で測っても良い）。



　ここまでで設定は完了だ。同期設定が上手く行ってるなら、音楽開始と同時に動画も最初から再生されるだろう。少し問題があるとすれば、MMDの元モデルとの身長差が大きい場合、どうしても背景のイラストとの接地感は無くなってしまう点だが、これはある程度仕方ないだろう。VMDカメラで [Y 位置] をずらすして合わせることもできるが、他のカットで合わなくなるので、一曲通して再生するには難しい。また照明モーションも対応してないので、影の方向が一定なのもどうにもならない。


　とは言え、これをシーンとして保存しておけば、背景動画とモーション,カメラ等セットになっているものを入れ替えて、だいたい同じように設定すればすぐに楽しめるメリットもある。ポストエフェクトやパーティクルもかけられるので、ちょっとオリジナルに＋αして楽しむのも良いかもね。

　PVキット作者のMAO様からは、一般公開する際は「クレジット記載とリンク先は配布動画にする(ニコ動内ならコンテンツツリー登録など)」を守って貰えばOKだそうだ。リンク先を配布動画にして欲しいのは、ブログの利用規約に目を通してからダウンロードする形をとって欲しいとのご本人たっての希望で、各キットによって内容も少し違う場合もあるので、曲ごとに確認した方が良いだろう。

---

　余談だが「PV と MV ってどっちの呼び名の方が良いんだろう？」ってググってたら、『PV は Promotion Video の略で、宣伝用の映像』『MV は Music Video の略で楽曲に合わせた映像作品』と出てきたので、たぶんこういうのは MV の方が正しいのだろうな～、と思ってしまった。

　ただ、MMD って VPVP (Vocaloid Promotion Video Project) が中心で、MMD も元は『初音ミク専用のPV作成用ツール』(※初期のバージョンは初音ミク１体のみしか動かせなかった) と公式サイトにも書かれているので、PV の方の呼び名で定着してるのかもね（MAO様も英訳の方ではMVと書いてる）。まぁ、通例であるなら、そう呼ぶのも致し方あるまい(笑)。







（関連記事）
【VRMLiveViewer】背景をカスタマイズする (チュートリアル)
【VRMLiveViewer】GLTF モデルに影が付くように修正して、アプリで利用する
【VRMLiveViewer】背景GLTFの設定リスト(使用例)
【VRMLiveViewer】魔法陣の床を作る
【VRMLiveViewer】GLBで壁を作る（WallMake_Sample の解説）
【VRMLiveViewer】GLBで背景モデルを自作する
【VRMLiveViewer】VRM（VRoid）をライブステージで踊らせるアプリを作ってみた

　VRM Live Viewer にはβ版時代から背景 GLTF/GLB モデルを読み込む機能があったのだが、特に日本では GLTF/GLB フォーマットはあまり使われてなかったので、海外の3Dモデル共有サイト(主に Sketchfab)に頼るしかなかった（実際にはバーチャルキャスト で GLB は使われていたが、閉じたシステムのため、あまり一般普及しなかった）。

　しかし最近では(VRMLiveViewer 3.4時点)、BOOTH等にも GLB(GLTF)フォーマットの背景モデルも配布されるようになったため、改めて背景の変え方をチュートリアル的に書いておこう。

　ちなみに GLB と GLTF は同じ glTFフォーマットで、GLB はテクスチャ等を含めたアーカイブ形式のものである。実は VRM も同じ glTFフォーマットで、GLB と同じアーカイブ形式で人型に特化したフォーマットだ。なので、内部的に同じもののため、拡張子を .vrm → .glb にリネームすると、背景モデルとして読み込める（逆に背景モデルを VRM形式にして、シェイプキー等でギミックを入れてる例もある）。

　ここでは初心者でもわかるように詳細な手順を含めて書いておくので、簡単過ぎる人は興味ある部分だけ拾い読みで十分だろう。

---

◆その他のチュートリアル
・PVキットを使ってハイクオリティなPV/MV体験をする (チュートリアル)
・GLTF モデルに影が付くように修正して、アプリで利用する
・GLBで背景モデルを自作する
・GLBで床を自作する
・魔法陣の床を作る
・VRoid の衣装を発光させる
・VRMLiveViewer Tips #1 (～v3.4) [Twitterモーメント]
・VRMLiveViewer Tips #2 (v3.5) [Twitterモーメント]
・VRMLiveViewer Tips #3 (v3.5～) [Twitterまとめ用]

---

(※) VRMLiveViewer 3.4 / Windows11(x64) で確認

---

■背景の3Dモデルを読み込んでみる

　ここでは、プリメロ工房さんの「聖堂前ステージ」をサンプルに使わせて頂こう。無料でダウンロードできるが、できれば制作者のモチベにも繋がるので支援などもしてあげよう。クレジット等も要求されてはないが、自分の映像作品などに使用したなら、お店のリンクを貼るなり、制作者名なり出典を記載しておこう。特に大衆向けの配信サイト等で他者の作品を使いっぱなし貰いっぱなしというのはあまり宜しくない（自作発言してなくても、知らない人にはそう見えてしまうため）。できるだけの事で良いので、作ってくれた人のためになることしておこう。




1. まずベースとなるステージを選択しよう。右サイドパネルの背景から [Plane] を選ぶか、v3.4 では左サイドパネルの設定アイコン、またはショートカットキーの [W] でツールパッドが開くので、少し下へスクロールして Stage: から [Plane] を選んで欲しい。また床はいらないので、Floor: を [(床なし/3D)] にしよう。ちなみにベースに CRS FX 等ステージを使った場合は、そのままステージ上に配置する感じになる。

　また、ツールパッドの一番下にある [Alternate Show] にチェックを入れると、サイドパネルと入れ替わりで表示できるので、ツールパッドの上部をドラッグして右端などに持っていくと良い。



2. 先程ダウンロードした zip を解凍すると、いくつかのフォルダが出てくるので、とりあえずここでは「glbデータ」フォルダを開こう（他のフォルダは別形式やカスタマイズしやすい元データが入っている。親切！）。中には「ChurchAgora_A_Main.glb」「ChurchAgora_B_Add.glb」があると思うが(2022/7時点)、おおよそ「(モデル名)_A_～」「(モデル名)_B_～」のように順に追加していけば良いだろう。アプリで追加ロードする場合は [+] モードにする。[-] になっていたらクリックして、[+] になってることを確認したら、ファイルを順にドロップしていこう（または […] を押して、[背景モデル] から開いても良い）。

　ドロップした後にオブジェクトリストを開くと、２つのオブジェクトが表示されていればOKだ。通常は追加した順になる(並び換えはできる)。今のところ、並び順にあまり意味は無いが、シーンの保存名やリストエクスポート時に先頭の名前が使われる。ちなみに、オブジェクトと同じフォルダまたは「thumbnail」フォルダを作って、.glb と同じファイル名で .jpg or .png をサムネイルとして入れておけば、リスト上で表示される。大きさは 64x64px / 128x128px / 256x256px 等(2のn乗数)が最もメモリ効率が良く、高速だ（多くの 3D システムは同じ=OpenGL等の仕様）。



3. 人によってはロードしたオブジェクトが反対方向を向いてるかも知れない。アプリでは最後に編集した方向が引き継がれるので、自分の好きな方向に回転しよう。「オブジェクトの配置」アイコンから手入力できる。180 (度) を入れると、聖堂が背後になるだろう。ここではオブジェクトを２つ使ってるので(ChurchAgora_A, _B)、両方回転しておくと良い。なお、パネルの下にある移動アイコンでリストの順にオブジェクト切り替えができる。PC版なら、ショートカットの [Ctrl]+[Tab], [Ctrl]+[Shift]+[Tab] で移動するのも良いだろう。



　また v3.4 からはギズモが導入されているので、自由な位置に移動するのも良い。キャラクターを動かしても良いが、カメラを使う場合は位置が合わなくなるので、オブジェクトを上手く移動して、キャラクターは原点のままにしておけば、カメラやモーションも使い易い。今回の例のように、複数オブジェクトがセットになってるものは、複数配置パネルからギズモを開くと同時に移動できる。

---

■360度, スカイドーム（全天球）画像読み込んでみる

　ここでは ++skies; さんのスカイドーム（360度画像, 全天球画像とも言う）を使わせて貰おう。Web ページの [ダウンロード] から利用規約・ガイドライン等も目を通して欲しいが、比較的自由に使える素材だ。

　解像度も 8K～32K までとあり、フォーマット等も色々あるが、アプリで利用する分には PNG8 (.png で 8K) で十分だろう。もちろん PNG16K でも構わないが、メモリ使用量に注意して使って欲しい（=アプリが落ちたり、一部テクスチャロード失敗したりする場合は、メモリが足りない）。実際には 8K でもかなり大きいので、メモリに余裕が無ければ（or それほど空が重要でない背景であれば）、画像編集ソフトで 4K に落としても良いだろう（リサイズ，トリミング，色調補正，合成等は、規約上問題無い）。

　今回の例では「024 (青空)」と「033 (夕焼け)」を使わせて貰っている。好みで他のものを使っても良い。




1. ダウンロードした zip を解凍したら、.png ファイルをアプリにドロップしよう（または […] アイコンから [背景画像] から読み込んでも良い）。ロード完了したら、すぐに空に適用されると思うが、場合によっては [2D] モードになってるかも知れない（これも最後に使ったモードになる）。そのときは画像の設定パネルを開いて、[360] モードにして欲しい。



2. また、バーチャルなので完璧でなくても良いとは思うのだが、360度画像の太陽の位置と影の方向を合わせると、より臨場感が出る。これも自分好みで良いが、360度画像自体を回転、またはライトで光の方向を回転をして合わせると良いだろう。

---

■ライトで雰囲気を変えてみる

　ライトの回転を覚えたのなら、せっかくなので色も編集して、全体の雰囲気を変えてみよう。デフォルトでは光源色は真白になっているが、ここでは練習で夕焼けっぽくしてみる。上手くやればライトだけで夜の雰囲気にすることも可能だ。

　注意点としては、オブジェクトに使われているマテリアルが光の影響を受けない「Unlitシェーダ」を使っていないことが前提になる。もし Unlit が使われていたなら、こちらの記事で修正すれば使えるかもだが、今回のサンプルでは幸いそのまま使える。それではやってみよう。

(修正が必要な場合) GLTF モデルに影が付くように修正して、アプリで利用する


1. ライトの設定を開いて、メインライトの色をオレンジっぽくしてみよう。色は任意で良いが、少し夕方らしく影を長くしたいので、縦回転も 0 に近づけよう。0 になると光が真横から来るようになるが、少し暗めにもなるので、ここで光の強さも調整しても良い。メインライトはおおよそ太陽光のように考えて良い。



2. 次に [拡散光] のタブを押して欲しい。ここで明るさを 0 に近づけると、全体的に暗くなっていくのがわかる。また色とも連動していて、実際には [拡散光の明るさ] =「色の輝度」になっている。拡散光とは環境全体の明るさや色に相等し、メインライトとは異なり影はできない。完全に暗くするときには明るさを 0 にする必要があり、また屋内のように壁で囲まれメインライトでは影で暗くなってしまうような場合には、拡散光の調整で明るくすることもできる。ここでは先程のメインライトを少し強めにしたのと、拡散光の明るさを落としたのとで、光の当たってる所と影になってる部分で明暗が出てきたと思う。かなり雰囲気が出てきただろう。



3. もう１つ、キャラクターライトも使ってみよう。[キャラクター] タブを押し、使用をオンにすることで利用できる。これはキャラクターのみに当たる非現実的な光で、例えば真っ暗な背景でもキャラクターだけよく見えるような、バーチャルならではの都合の良い光だ(笑)。ただし床などに影は落ちないので注意（影を落としてるのはメインライト）。通常はメインライトと２重に当たると光が強くなり過ぎるので、少し弱くすることが多いだろう。ここでは少し黄色めの色にして、照り返しのようにしてる（任意で良い）。



4. 空とは色が合わなくなったので、最初にダウンロードした夕焼けの方の360度画像をアプリにドロップし、前述と同じように回転しよう。これで十分夕方の雰囲気が出たのではないだろうか。

---

■ポストエフェクトで少しリアルな感じにしてみる

　ライトだけでも十分雰囲気出せることがわかったと思うが、v3.1 以降からはポストエフェクトが導入されているので、もう少しリアルな映像にしてみよう。

　ちなみにポストエフェクトというのはレンダリング（=ここでは3D画面を計算して描画すること）完了した画像(映像)に、PhotoShop等画像編集ソフトで言うフィルタをかける機能だ。なので負荷が高く、GPUを積んでないハードウェアでは利用は難しい。またエフェクトによってハード要件（シェーダモデル、コンピュートシェーダサポート等）があるので、対応してないハードには効果が無いので注意（対応してない場合、エラーは出ず、単にスルーされる）。ハード要件の詳細はこちらの各エフェクトの「※要」の部分を見て欲しい。

　ここでは簡単にその効果を知ってもらうため、「ブルーム」と「環境遮蔽(アンビエントオクルージョン)」だけ紹介しておこう。基本的には各エフェクトとそのパラメータをオンにしてスライダーで調整するだけなので、他のエフェクトはマニュアルを見ながら自分で試して欲しい。


1. まずはポストエフェクト設定を開こう。[CRS FX]以外のステージでは使用がオフになっている。使用をオン(①)にすると種類が選べるようになるので、ドロップダウンから「環境遮蔽 (Ambient Occulusion)」（アンビエントオクルージョン. AO とも略される）を選択しよう(②)。各エフェクトごとにもオン(③)にする必要があり、各パラメータごとにも使用するものはオンにする必要がある(④,⑤)。これはポストエフェクトは負荷の高い処理であり、不要なものは少しでも外して軽くするためだ。

・環境遮蔽 (Ambient Occlusion) ※要：コンピュートシェーダー, シェーダーモデル 4.5 (Required: Compute shader support, Shader Model 4.5)

　環境遮蔽(アンビエントオクルージョン)とは簡単に説明すると「物体同士の隅になる所などの影を強調する」ようなエフェクトで、建物の窓枠や階段などの陰影も濃くなるので、リアル感が増す。

　パラメータの値は自分好みで構わないが、ここではスクショと同じようにしてみると良い。色もデフォルトでは黒だが、少し茶色（オレンジ色の輝度を下げたもの）っぽくして、背景の光源色に合わせて馴染ませている。暗い背景なら紫、アーティスティックな感じならピンクや赤にしてる人もいるね。屋内(部屋)みたいな所で使ってもかなり雰囲気が変わる。

　また、一緒にキャラクターにもかかるので、少しシェーディングされたようで、フィギュアっぽくなったんじゃないだろうか。この効果を好んで使う人も多い。少し顔色が悪く感じるので、ダーク系のキャラの方が合う気もするけどね(笑)。



2. もう１つ効果の分かり易いものとして「ブルーム」を追加してみよう。このエフェクトは「輝度の高い色を強調する」ので光り物や逆光、ネオンなどの発光にも重要なエフェクトだ。たぶん一番お世話になるものだろう。種類で「ブルーム(Bloom)」を選択したら、エフェクトをオンにし、適当にパラメータを設定して欲しい。とりあえずならスクショと同じにすれば良いだろう。

・ブルーム (Bloom) ※要：シェーダーモデル 3 (Required: Shader Model 3)



　ここまでできたら、ライトのみの画像と比較してみるのも良い。アプリ上で比較するには、ポストエフェクト自体の使用をオフにするのが簡単だ。

　今回はどちらかというと最低限の機能くらいしか使用してないので、慣れてきたら色々なエフェクト/パラメータをいじってみると良い。ここでは使わなかったが、「色調補正」も全体的な色を変更できるので、かなり有用だろう。キャラクターのみにフォーカスを当て、背景はぼかす「被写界深度」も好んで使われるようだ。ポストエフェクトは元々映像作品(映画)を作るためにも用いられる技術なので、凝れば凝るほど凄い映像にもなる。色々試してみると良い。

---

■フォグで空間を演出してみる

　最後に全体的にフワッとするようにフォグ(霧)を入れてみよう。ただここで使う「オーバーレイフォグ」は霧というより、物体にグラデーションをかけるようなエフェクトだ（Unity のデフォルトフォグ。便宜上オーバーレイと名付けた）。欠点としてプリセットの空(Skybox)にはかからないので、むしろ今回の例のように全天球(360度画像)を使ってる方が都合が良い（全天球はアプリで予め用意されている球状のオブジェクトであり、フォグもかかる）。

　フォグもポストエフェクトと同じように、フォグ全体のオン/オフ、個々のエフェクト(v3.4時点では１つしかないが）の選択とオン/オフをする必要がある。フォグをオンにしてオーバーレイフォグを選択したら(デフォ)、スクショのようにしてみると良い。モードはマニュアルを見て欲しいが、ここでは自由度の高い [直線的] にしておこう。[開始距離] は正の値だと離れた位置から開始、負の値だと背後から包まれる用に霧(グラデーション)が発生する。値はスライダーで任意で良い。

　カラーピッカーで色を調整するときには、S (彩度), V (輝度) の文字をクリックし(太字になる)、[↑][↓]キーで微調整することもできる。濃すぎる場合は V をクリックし、[↓]キーを何度か押せば、だんだん霧が晴れてくる。



　これで一応完成だ。ちょっと深めにフォグをかけたが、カメラを回して全体を確かめて欲しい。影や空にも色が付いたので空間を感じるようになったんじゃないだろうか。更にポストエフェクトの「被写界深度」を入れるともっと良いが、ぼかし方には個性が出るので、自分で好きに試して欲しい。

---

　他にはパーティクルを少量入れるのも良いね(枯れ葉とか)。カメラモーションを使いながら被写界深度を使いたいときは [自動フォーカス] を使う、などまだ色々知って欲しいポイントはあるが、モーメントに Tips として残してあるので、参考にしてみて欲しい。まぁ、機能はどんどん更新されるので、できればTwitter上でリアルタイムで観て欲しいけどね（新機能やコツなど不定期でツイートしてる）。また過去にやったデモの設定データは「設定集」として配布してるので、それを試すのも良い。

　少なくともマニュアルもチュートリアルも設定集も素材も必要な知識も押えるべきポイントも全ての機能も何もかも与えてあるので、学習しようと思えば誰でもできる状態になってるハズだ。しかも使ってる素材はなるべく汎用的で入手可能なものばかりだ。実は条件は世界中の人とあまり変わらず特別なことはしてない（v3.4のデモは過去データ[=設定集]を流用＆調整して、30分くらいで作ったものだ）。ここまで読んで理解できたのなら、もう十分な基礎はできてると思う。後は応用・拡張していくだけなので、このチュートリアルでも設定集でも好きに使っていじくり倒せば良い。まずは色を変えるでも光の強さを変えるだけでも十分だ。そのうちどこをいじれば良いかわかってくる。そこまで行ったら守破離だ。さぁ、私の屍を乗り越えてゆけ(笑)！

---

（※以降 2022/08/03 以降追記）
■練習問題

●これまで使ったパラメータだけで、再調整して夕方から夜にしてみよう。
（ヒント：主に色と光の強さを調整。キャラクターはマテリアル設定で差異が出るので気にしなくて良い）

　なお、画像では v3.4以降 の「影だけ床」を使い、[Y位置] を 0.04 にし(影の色を濃くするため)、パーティクルは設定集(パーティクル集)の「particle_キラキラ_2色(青と紫)_[2effect(s)]_in_CRS_FX.json」を調整したものを使っている。これらは任意で良い。

※360度画像(天の川の夜空)は VoxelKei様の「日本列島360(JPN360_9.jpg)」をお借りしてます。

※同じでなくても雰囲気を夜にできれば合格です。


※この設定(回答例)は「背景効果設定集」(20220731_背景カスタマイズチュートリアル(夜))に入ってます。


●夕方 or 夜 の設定を元に、他の背景モデルを使って、実際に楽曲に当てはめてみよう

　やってみた「夕方」または「夜」の設定を元に、他の背景モデルに入れ替えて、実際に何からの楽曲で踊らせてみよう。内容は問わない。

　なお、動画ではポストエフェクトに色調補正を加え [トーンマッピング] に [ACES] を使っている。パーティクルは設定集(パーティクル集)の「particle_キラキラ_2色(青と紫)_[2effect(s)]_in_CRS_FX.json」を少しフワフワと浮遊感があるように再調整している。また、v3.4以降の「影だけ床」を使い、[Y位置] を 0 にして(影の色を濃くするため)、玉座の間は [Y位置] を -0.01 にしている（Zファイティングを避けるため）。

※背景モデルはプリメロ工房様の「玉座の間」をお借りしてます。

※なんかいい感じになれば合格です。



※この動画の設定は「背景効果設定集」(20220804_Conqueror_チュートリアル夜応用(光と闇の玉座の間))に入ってます。

---

◆その他のチュートリアル
・PVキットを使ってハイクオリティなPV/MV体験をする (チュートリアル)
・GLTF モデルに影が付くように修正して、アプリで利用する
・GLBで背景モデルを自作する
・GLBで床を自作する
・魔法陣の床を作る
・VRoid の衣装を発光させる
・VRMLiveViewer Tips #1 (～v3.4) [Twitterモーメント]
・VRMLiveViewer Tips #2 (v3.5) [Twitterモーメント]
・VRMLiveViewer Tips #3 (v3.5～) [Twitterまとめ用]

---

（関連記事）
【VRMLiveViewer】PVキットを使ってハイクオリティなPV/MV体験をする (チュートリアル)
【VRMLiveViewer】GLTF モデルに影が付くように修正して、アプリで利用する
【VRMLiveViewer】背景GLTFの設定リスト(使用例)
【VRMLiveViewer】魔法陣の床を作る
【VRMLiveViewer】GLBで壁を作る（WallMake_Sample の解説）
【VRMLiveViewer】GLBで背景モデルを自作する
【VRMLiveViewer】VRM（VRoid）をライブステージで踊らせるアプリを作ってみた

---

※このページは「VRM Live Viewer のメインページ」の関連ページです。
主によくある質問やその解決法（トラブルシューティング）をQ&A方式で掲載しています。

それ以外の使用方法（ヘルプ）などはメインページの目次から探してみて下さい。
＞＞ VRM Live Viewer メインページ目次

その他の情報は、以下に掲載されています。
・既知の問題（不具合など）
・補足説明
・バージョンによる差異について
・更新履歴（アップデート・修正情報）
・背景をカスタマイズする (チュートリアル)
・背景GLTFの設定リスト(使用例)
・GLBで背景モデルを自作する

---

※VMD関連の不具合・ボーン対応の問題などは以下の既知の不具合(VMD関連)の考慮、VMD修正ツールの導入などを検討してみて下さい。

・既知の不具合(VMD関連)
・VMDの修正ツール紹介 (VMDTMS, VMD Retarget)

---

■よくある質問・トラブルシューティング

・パスワードがわかりません。
・パスワードを入力しましたが、正常に解凍できません。
・What's the password?
・I entered the password, but I can't unzip successfully.
・〇〇の機能はありますか？
・アンチウィルスソフトにブロックされて起動できません。
・Android で外部ファイルが読み込めません。
・フルスクリーン画面で観たいのですが…
・アプリを起動するとウィンドウサイズが極小となって利用できません。
・vmd ロードでボーンとモーフのモーションが同時に読み込めません。
・vmd ロードで表情とリップが同時に読み込めません。
・vmd ファイルがロードできません。なぜかスルーされます。
・vmd によっては足がおかしな方向に曲がってしまいます。
・カメラモーション(vmd) はどうやって読み込むんですか？
・VRM を読み込もうとすると「fail to create avatar」と出て、ロードに失敗します。
・VRM が想定していた表示と違います。メッシュが破綻してたり、テクスチャの表示がおかしかったりします。
・VRM のボーン構成変更やシェーダ仕様、IK、パーフェクトシンク、ダイナミックボーン等、機能を追加して欲しいです。
・Unity や Blender で追加した機能が VRM で反映されません。
・なぜか、影が落ちなくなりました。
・ポストエフェクトの一部の機能が使えません。
・アプリでポストエフェクトを使ったとき、他のツールなどで正しく表示されないことがあります。
・VRoid でキャラクターのオプション設定の発光が効きません。
・プリセット素材で商用利用できますか？
・自分で用意した素材・権利を買い取った素材などで、営利利用(PV/MV制作)できますか？
・THE SEED ON LINE と連携しないのですか？
・Steam には出さないのですか？
・お金を払いたいんですが、無料版しかないのですか？

---

[Q] パスワードがわかりません。

[A] 「はじめにお読み下さい.txt」に書いてあります。この方式にしたのは「利用規約を読まない」「利用規約を理解してない」理由からによる規約違反の多発を防ぐためです。数ヶ月におよぶ調査の末、規約違反を繰り返す人は「そもそも読んですらいない」事が原因の１つとわかってます。普段から利用規約に目を通し、理解できる人なら、誰でも簡単にわかるようになってます。

　つまり「読んで」「理解する」ことを前提に書かれています。最初から最後まで順に読んで下さい。飛ばし読みをしたらわかりません。普通に読んで理解していけば、誰にでもわかります。「探そう」「見つけよう」とすれば、かえってわからないかも知れません。

　本文の解凍の指示に従ってパスをそのままコピペして下さい。パス入力時は「Show password」等のオプションをオンにし、最後の1文字まで入力されていることを確かめて下さい。前後に余計な空白(改行/タブ)などがあると無効になります。

※99.8%くらいの人が普通に解凍できてます。難しく考える必要はありません。特にひねりもなく、クイズでもありません。真面目に読んで、頭で理解していれば、普通に書いてあります。
※パスワード自体の質問は受付ません(「パスわからない」「パス教えて」等)。勿論不具合的な相談は受付ます。ただし、一方的なクレーマーは無視します。しつこい場合は規約を守る意思無しと判断し、永久Banとなる場合があるので注意して下さい。
※日本語が利用できない環境などの場合にはエラーが出ることがあります。その場合は英語パス版(en)で解凍して下さい。アプリの内容は全く同じものです（↓以降の内容も参考にして下さい）。

---

[Q] パスワードを入力しましたが、正常に解凍できません。

[A] 古いバージョンの解凍ソフトだと開かない場合もあるようです。なるべく最新版の解凍ソフトを使って下さい。

・7-Zip
・Lhaplus
・LhaForge

また、言語環境により(日本語言語パックが無い等)、日本語が認識できない場合もあるかも知れません。その場合は英語パス版で試して下さい。

・英語パス版ダウンロード (※内容は同じです。パスは英語で入力して下さい)

※稀に、固有の環境依存：言語/入力/OS/CPU/アンチウィルス等が原因の場合もあります。エラー等が出た場合は、ググってみたり、アンチウィルスがメッセージ出してる場合は、チェック除外する等してみて下さい。

---

[Q] What's the password?

[A] It is written in "Read this first.txt". This method is used to prevent frequent violations of the terms of use due to reasons such as "not reading the terms of use" or "not understanding the terms of use". After several months of research, we know that one of the reasons why people who repeatedly violate the rules is that they don't even read it in the first place. Anyone who regularly reads and understands the terms of use can easily realize it.

　In other words, it is written on the premise of "reading" and "understanding". Please read from beginning to end. You don't understand if you skim. If you read and understand it normally, you will be able to realize it. If you try to "search" and "find", you may not find it.

　Please copy and paste the password as it is according to the instructions for unzipping the text. When entering the password, please turn on the option such as "Show password" and make sure that you have entered the last character (including "."(period)). It will be invalid if there are extra blanks (line breaks/tabs) before and after.

* About 99.8% of people can unzip normally. It doesn't have to be difficult. There are no special trick questions, nor is it a quiz. If you read it seriously and understand it in your mind, it will appear in the text normally.
* We do not accept questions about the password itself ("I don't know the password", "What's the password?", etc.). Needless to say, we accept inconvenient consultations. However, ignore unsolicited complaints. Please note that if you are persistent, it may be judged that you have no intention of following the rules and you may be permanently banned.
* An error may occur in environments where Japanese cannot be used. In that case, unzip it with the English pass version (en). The contents of the application are exactly the same (please refer to the contents after ↓).

---

[Q] I entered the password, but I can't unzip successfully.

[A] It seems that it may not open if it is an old version of unzip software. Please use the latest version of unzip software.

・7-Zip
・Lhaplus
・LhaForge

Other case, depending on the language environment (there is no Japanese language pack, etc.), Japanese may not be recognized. In that case, please try with the English pass version.

・Download English pass version (*The content is the same. Enter the password in English)

* In rare cases, it may be caused by a specific environment: Language / Input / OS / CPU / Antivirus, etc. If you get an error, try googling it, or if the antivirus is issuing a message, try excluding the check.

---

[Q] 〇〇の機能はありますか？

[A] 全ての機能のヘルプがメインページに掲載されています。こちらのページ内を検索（[Ctrl]+[F]）してみて下さい。

・VRM Live Viewer メインページ目次

---

[Q] アンチウィルスソフトにブロックされて起動できません。

[A] アンチウィルスはその定義や方式によって誤認識する場合があります。特に Unity製ゲーム等ではそのライブラリに含まれている dll 等などが誤認識される例がよくあります（有名ゲームが Avast でウィルス認定されるということが昔からある）。
　その場合はアンチウィルスソフトの「除外ファイル」（「無視ファイル」などソフトによって表記は異なる）等、ウィルススキャン対象から外して下さい。

　ちなみに VRM Live Viewer は基本的にローカル機能ばかりで、ネット接続する機能は VRoidHub連携のみです（pixiv公式のSDK利用）。またアプリ本体は完全個人開発のため、ローカルビルドのみです（UnityエディタからローカルHDDに直接クリーンアップビルドのみ）。配布も個人用の GoogleDrive と BOOTH のみなので、ウィルス混入する可能性は極めて低いです（逆に言えば、それ以外で配布されているものがあった場合は注意して下さい）。

---

[Q] Android で外部ファイルが読み込めません。

[A] Android ではファイルのアクセス方法によって結果が異なることがあります。こちらの注意点を確認して下さい。また、アプリのベースとなっている Unity のバージョンによって、バンドルされている Android SDK のバージョンが異なるため、ファイルのアクセス権などの挙動が異なることがあります（この辺りはアプリで制御しているわけでなく、Android OS と SDK の仕様に依存されます）。

　また Android 11 以降、セキュリティ強化の仕様変更で、メディアファイル(画像・音楽等)以外の外部ファイルがデフォルトでは読み込めない仕様になりました。Android 11 (API 30) 以降でメディアファイル(画像/音楽 等)以外をアプリで使うの方法で試してみて下さい。VRMLiveViewer v3.7以降で権限付与されてます。

・Android 11 (API 30) 以降でメディアファイル(画像/音楽 等)以外をアプリで使う
・Android 11で画像やデータが消えた、アクセスできない、の原因はアクセス権限の変更、対処法アリ

---

[Q] フルスクリーン画面で観たいのですが…

[A] 「設定＞画面の設定」から、フルスクリーン/ウィンドウモードの切り替えができます(PC版のみ)。また [F12] キーがショートカットキーとなっており、押すたびにモードの切り替えができます。

---

[Q] アプリを起動するとウィンドウサイズが極小となって利用できません。

[A] モニタ依存の不具合(?)のようです。起動時のウィンドウサイズは Unity 依存の機能であり、アプリで制御できません（恐らく相性・仕様により、起動時に解像度が取得できないモニタがあるのだと思う）。
　この現象が出た場合は、[F12] キーを押してみて下さい。PC版にはショートカット機能があり、[F12] がフルスクリーンとウィンドウモードの切り替えになってます。フルスクリーンのまま利用して下さい（次回もフルスクリーンで起動します）。

---

[Q] vmd ロードでボーンとモーフのモーションが同時に読み込めません。

[A] vmd で表情を追加ロードしたい場合は、ボーンモーションを先にロードしてから表情(モーフ)モーションをロードする必要があります。逆はできません（その場合は「先にVMDモーション(ボーン)をロードする必要があります」(VMD motion (bone) must load first)のエラーが出ます）。

　また「表情のみ」と書いてある vmd にもボーンが含まれている場合もあります（よくあるのは「左目」「右目」「両目」ボーンや追加ボーン等）。その場合は対応できないボーンは無視され（ヒューマノイド標準ボーン以外のもの）、Aスタンスになることがあります。アプリでは表情はモーフデータのみで、ボーンデータには対応してません。ヒューマノイド標準ボーン以外を取り除けば利用できる場合があります。

---

[Q] vmd ロードで表情とリップが同時に読み込めません。

[A] 表情とリップは元々１つの「モーフデータ」です。MMD では編集を前提としてデータが配布されているため、ものによっては表情とリップを分けてあることがあります。これは作者様が編集の便宜を図って、小分けに保存してくれているだけで、vmd の仕様ではありません。「表情＆リップ」のファイルを使うか、MMD上で表情とリップを統合したファイルを利用して下さい（MMDで適当なモデルに表情とリップを読み込み、「編集＞表情フレームすべて選択」で vmd を保存すれば良い）。

---

[Q] vmd ファイルがロードできません。なぜかスルーされます。

[A] ファイルが上手く読み込めなかった場合は、ログビューでエラーが出てないか確認して下さい。エラーが出ている場合は、ファイルに何らかの原因があります。

　エラーが出てない場合は、対応できないデータや、極端にデータが少ないものは部分データとみなされ、無視されている場合があります。

　VMD データというのは「ボーン(モーション)、モーフ(表情・リップ)、カメラ、照明、セルフシャドウ、IK・モデル表示」が統合されたファイルです。読み込んでみるまで内容はわかりません（ファイル名はあくまでも人間用です）。ロードに成功した場合、ログビューに「Motion(モーション), Camera(カメラ)」のように表示されます。対応できないデータは単に無視されます（エラーは出ません）。

　ただし、MMDでは元々VMD データを編集するのが前提で配布されているため、「目のボーンのみ」「指のボーンのみ」のように一部のボーンで vmd ファイルが作られている場合があります。アプリではこういった部分データを統合する機能はないため、ヒューマノイド(人ボーン)としてデータが足りない場合は認識されません。またキーフレームが最初の１つしか入っておらず、値が0のみのようなデータも空データとみなされるため、認識されません。ポーズのように１フレームであっても人ボーンのデータがある程度入っている必要があります（誤って部分ボーンファイルをドロップしても無視するようになってるため）。

　また Android 11 以降、セキュリティ強化の仕様変更で、メディアファイル(画像・音楽等)以外の外部ファイルがデフォルトでは読み込めない仕様になりました。Android 11 (API 30) 以降でメディアファイル(画像/音楽 等)以外をアプリで使うの方法で試してみて下さい。VRMLiveViewer v3.7以降で権限付与されてます。

---

[Q] vmd によっては足がおかしな方向に曲がってしまいます。

[A] vmd のシュミレート機能はあくまで VRM 仕様で vmd モーションデータを機械的に当てたものです。MMD ではボーン構造に依存したデータで作られていることが多々有り、完全な互換ができるものではありません。特に足の破綻は顕著でデータ自体を修正しないと直せない場合もあります（これはMMDであっても同じです）。vmd 利用で問題になる現象については「既知の不具合」にもその考え方や修正法なども掲載してあるので、そちらを参照して下さい。

・既知の不具合 (VMD関連)

　また有志によるVMD修正ツールも配布されています。VRMとPMXでのボーン構造の差異（主に捩れボーン、準標準ボーン等）を VRM標準のヒューマノイドボーンに統合してくれる VMDTMS、VRMとPMXモデルのボーンの初期角度の差異を軽減してくれる VMD Retarget 等が公開されています。こういった外部ツールで解消できる場合もあります。

・VMDの補正ツール 紹介 (VMDTMS, VMD Retarget)

※不具合の出たモーションでわざと動画やスクショを作成してはいけません。なぜなら前述してるように、本来MMD同士であっても完全な互換性があるわけでなく、データを修正・モデルを調整することがMMDの前提になっています(だから"改変可"となっている。最初から動作保証はされていない)。配布されている時点でそれは完成されたものであり、不具合はありません。利用規約にもあるとおり「関係各者様に迷惑をかけない使い方」が要求されていることを忘れてはいけません。よって『自分で解決できない問題をあたかも他人のせいにしてはいけません』(本来MMDは誰もが自力で調整・解決手段を模索し、完成を披露するために配布されているわけで、不具合動画をさらすのは本来の使い方でも"常識的な使い方"でもない。きちんとした考え方を身に付ければ手間がかかっても修正はできるし、カメラ等で上手く誤魔化す事もできる。ましてや批難や嘲笑は"中傷目的"に該当する可能性があるため確実に不可)。それらは関係各者様を不快にし、ご迷惑をかける行為そのものに他なりません。

---

[Q] カメラモーション(vmd) はどうやって読み込むんですか？

[A] 「ファイル読込」「モーションを開く」ボタン、またはファイルドロップでも読み込めます（基本的にどこからでも読み込めます）。

　vmd ファイルというのはボーンやモーフ、カメラ等、複数の種類のモーションを含んだファイルフォーマットです。つまりは読み込んでみるまで中身はわかりません（人の目にはファイル名で判断できますが、コンピュータにはわかりません）。ロードが成功した場合は「ログビュー」で [Motion](ボーン), [Face](表情モーフ), [Camera](カメラ) 等、何のモーションを含んでいるか判断できます（対応できないものは無視されます）。

---

[Q] VRM を読み込もうとすると「fail to create avatar」と出て、ロードに失敗します。

[A] UniVRMでのモデル生成(Unity での Avatar生成)に失敗してます。
　これはボーン構造が認識できないというエラーで、例えば階層構造がおかしいとか(余計なTransformが入ってるとか)、必須ボーンが無い、重複してるボーン名がある、無名ボーン(空文字)がある、ヒエラルキー上の順番が不正である等の原因が考えられます。

・UniVRMのヒューマノイド概要(ボーン構造)

　特に独自に装飾品等を追加したときには、同じ階層内での順番に注意して下さい。上記のドキュメント(リンク先)に『LowerLegの最初に見つかる祖先ボーンがUpperLegであるなど』とあるように、ボーンの検出は階層内で「最初に見つかる」Transform なので、追加したものを同階層の先頭に置くと上手く認識できなる可能性があります。その場合は、必須ボーン等は先頭に置き、装飾品等は最後に置いた方が無難です。

---

[Q] VRM が想定していた表示と違います。メッシュが破綻してたり、テクスチャの表示がおかしかったりします。

[A] VRMそのものの不具合に関しましては、正式な窓口として本家の UniVRM 開発に Issue を立てて改善して貰って下さい（[New Issue]でバグ報告のテンプレがあります）。
　既にリリースされている最新バージョンでは修正されている可能性があります。最新版で確認の上、バグ報告をして下さい。

・UniVRM Issue
・UniVRM Release

　アプリではただ単に UniVRM から生成される VRM を動かしてるだけなので、VRM の構築（メッシュやテクスチャ、法線などの生成）は全て UniVRM の中で行われます。
　ただVRM系アプリは、それが使っているバージョンがバラバラなので、VRMLiveViewerの場合は、ヘルプ([?]アイコン)＞クレジットから、使われている UniVRM のバージョンを確認して下さい。

・バージョンによる差異について

　なお「画面の設定」でグラフィック品質が低い場合、メッシュは破綻しやすくなります。なるべく [Ultra] (最高品質) で確認して下さい（※高品質ほどハードウェアの負荷が上がるので注意して下さい）。

・画面の設定

---

[Q] VRM のボーン構成変更やシェーダ仕様、IK、パーフェクトシンク、ダイナミックボーン等、機能を追加して欲しいです。

[A] よく勘違いされますが、VRMLiveViewer はあくまで VRM の仕様のまま動作をさせるだけのものであり、VRM 自体の開発・仕様変更・機能追加は行っておりません（VRM は標準規格であり、仕様変更した場合"元"VRM になる [= VRChat や cluster は純粋な VRM でなく、実際には変換された各アプリ独自のフォーマットであり、他アプリに対して互換性は無くなる]）。

　VRM 自体の仕様変更・機能要望は、直接 UniVRM 開発に Issue を立てて(New Issue)相談してみて下さい。

・UniVRM 開発 (Issue)

---

[Q] Unity や Blender で追加した機能が VRM で反映されません。

[A] これもよく勘違いされることですが、VRM は汎用フォーマットであり、内包している素材はテクスチャ(画像)のみで、ボーンやマテリアル、シェーダ等の情報は単なるデータとして保存されています（だからクロスプラットフォーム[=プラットフォームに依存しないデータ]なのです）。

　Unity や Blender 内で利用している分には、Unity なり Blender なりの独自フォーマットで保存されているので、色々な機能が保持されていますが、VRM として出力した時点で、VRM が利用できるデータのみに削ぎ落とされてしまいます。それを VRM 対応他のアプリで読み込んでも削ぎ落とされたデータは拾うことはできません。

　従って VRM フォーマット自体にその情報を保持させ、更に各アプリで対応するという二段構えの仕様変更が必要となります（画像フォーマットに例えるなら、gif フォーマットは複数枚の画像と表示長さ[Duration]を保持できるのでアニメーションできるが、jpg は１枚の画像の情報のみなのでアニメーションできない。jpg だけでアニメーションするには jpg フォーマット自体を複数枚保持と表示長さを保存できるように仕様変更し、各アプリで対応する必要がある）。

　VRMLiveViewer はあくまで VRM をロードした後に動作されるだけのアプリであって、VRM の内部仕様等は変更できません。VRM 自体の仕様変更・機能要望は、直接 UniVRM 開発に Issue を立てて(New Issue)相談してみて下さい。

・UniVRM 開発 (Issue)

---

[Q] なぜか、影が落ちなくなりました。

[A] 影を落とすにはいくつか注意すべき点があります。以下の設定を確認してみて下さい。

・モデルのシェーダに MToon(VRM のみ)または Standardシェーダを使ってる必要があります。Unlitシェーダでは影が落ちません。
・「メインライト」の設定で [光の強さ] が 0 ではなく、[影の濃さ] も 0 でない必要があります。また[縦回転] がマイナス方向の場合、床には影が落ちません（この場合、下から上へ光が当たるので、天井などには影が落ちます）。
・「キャラクターライト」の設定で [独立した光源] がオフになってる必要があります（＝影が落ちるのはメインライトのため、キャラクターライトを独立した光源にすると背景には影が落ちません）。
・「画面の設定」の設定で品質を [Medium] 以上にする必要があります。[Low] または [Very Low] では影が落ちません。

---

[Q] ポストエフェクトの一部の機能が使えません。

[A] 同梱の「ReadMe_ポストエフェクト機能について.txt」やヘルプの冒頭にも記載してありますが、ポストエフェクトは主に GPU の機能を使うものもあり、必要なシェーダモデルや深度テクスチャ、コンピュートシェーダをサポートしてないハードウェアでは利用できません（特にスマホではハードウェアの性能上、対応できない場合もあります＝基本的にポストエフェクト機能はハイエンド機器または性能が高めのミドルレンジ向けのため。全てのハードウェアでの利用が保証されているわけではありません）。この場合は対応しているハードウェアを使う以外無いのでご了承下さい。

---

[Q] アプリでポストエフェクトを使ったとき、他のツールなどで正しく表示されないことがあります。

[A] VRMLiveViewer ではUnity公式のパッケージ以外の機能は使ってません。他のツールの独自機能については対応できないので、ググるなどして情報を集めて下さい。
　なお、ポストエフェクトは GPU の機能を使う場合も多く、それは他のアプリでも同様です。複数のアプリで利用した場合、競合やリソースの取り合い、２重に効果がかかるなどの現象も考えられます。その場合はどちらかのポストエフェクトをオフにするなどしてみて下さい。

---

[Q] VRoid でキャラクターのオプション設定の発光が効きません。

[A] アプリで発光させるには以下の条件が必要です。

1. マテリアルが発光するように設定されている → 「VRoid の衣装を発光させる」参照
2. ポストエフェクトのブルームをオンにする → アプリでオン
3. 発光色の輝度を上げる → 「キャラクターのオプション設定」の [発光の補正] で調整

　残念ながら、VRoid はデフォルト状態で衣装の発光が無効化されています(VRoid Studio v1.20 時点)。VRoid で衣装を発光させるには、Unity や Blender 等を使って、マテリアルを発光できるように編集する必要があります。簡単に説明すると、デフォルト状態では衣装に「全て黒塗りのマスク(Shader_NoneBlack.png)」が当てられているため、発光しません。このマスクを発光する部分を白塗りまたは元のテクスチャ(輝度が高い部分)にし、発光しない部分は黒塗りにします。それを元の全て黒塗りのマスク画像「Shader_NoneBlack.png」と入れ替えることで発光できるようになります。詳しいやり方は「VRoid の衣装を発光させる」にあるので参考にして下さい。

・VRoid の衣装を発光させる
・ポストエフェクト - ブルーム
・キャラクターのオプション設定

---

[Q] プリセット素材で商用利用できますか？

[A] 基本的に商用利用は避けた方が無難ですが、利用方法により商用利用の範囲とならない場合もあります。
プリセットに関しては、公式で配布されている素材を利用させて頂いているだけなので、詳しい内容・利用方法は以下の公式サイトで確認して下さい。

(ユニティちゃん：CRS/KAGURA, Unite In The Sky 関連)
・ユニティちゃん FAQ
・ユニティちゃんライセンス条項

(ミライ小町：Mirai 関連)
・ご利用にあたって
※『非商用にかぎり二次創作にご利用いただけます』とあるので、全面的に商用利用はできません。

　どちらでも Twiiter のような SNS での投稿は基本的に問題ありません。youtube やニコ動などの動画配信サイトではクレジットを表記した方が良いでしょう。
　「ユニティちゃん」(CRS) の場合は公式で色々利用例が書かれているので、確認して下さい。基本的には『前年度の年商が1000万円以下の個人および団体の場合、UCLで許諾されます』とあるように、UCL表記で許諾される場合が多いようです。特殊な使い方など判断できない場合はお問い合わせ等してみて下さい（私は素材の権利者ではないので、最終的な判断は下せません）。

　「Plane」「Floating」「Crystal Stage」ステージなどは単なる Unity アセットのため、商用利用は問題ありません。ただし、一般配布されている素材をロードして利用する場合は、その利用規約に従う必要があります。基本的に無料で配布されている素材は商用利用禁止が多いので注意して下さい（必要なら、各作者様に問い合わせて下さい）。

---

[Q] 自分で用意した素材・権利を買い取った素材などで、営利利用(PV/MV制作)できますか？

[A] VRMLiveViewer アプリ自体は営利・非営利どちらでも利用可です。

　営利利用不可というのはあくまで、プリセットのユニティちゃん(*利用範囲による)やミライ小町(*営利不可)を使った場合、または一般配布の素材が営利不可である場合(=利用規約に準ずる)です（ブログ、ReadMeに紹介してるMMDモーションも含む）。

　全て自分で用意したものや権利を買い取ったもの、または営利利用可能な素材だけで構成するなら問題ありません（要するに無料配布のものを勝手に有料に利用すると法律にも触れるので、きちんと権利者間で了承が得られているのなら、問題は無いのです）。

---

[Q] THE SEED ON LINE と連携しないのですか？

[A] TSO には 2019/7 と 2020/3 に２度ほど問い合わせてますが、どちらも『現在は提携企業と一部の人のみであり、一般向けSDKは開発中』との事でした。しかしもうそれから数年経っています。その間の VRoidHubの連携アプリ一覧 と TSOの連携アプリ一覧 を見てみれば一目瞭然ですが、恐らくTSOは関連企業・関係者のみと考えた方が良いでしょう。

　私自身も現在のバージョンでは機能が複雑化し、複数のSDKの管理は手に負えないと考えています（SDKで仕様変更があると、本体も仕様変更を余儀なくされ、それが複数あると、アプリ自体の開発が滞るほど時間を取られることがあるため＝v2.xがマイナーバージョン1桁で終了し、数ヶ月に渡りv3α→v3.x正式版となったのはそのため）。なので、これ以上手を広げない可能性が高いです。

---

[Q] Steam には出さないのですか？

[A] TSOと同じ理由で SDK を増やすと更新・管理が煩雑になるため、出すことはありません。

　また利用規約違反の大半は海外ユーザーであり、Steam のような海外利用者が多いプラットフォームで利用すると、規約違反が多発する恐れがあります。なるべく目の届く範囲で配布するためにも(パス付きzipのためにも)、出品することは無いと思います。

---

[Q] お金を払いたいんですが、無料版しかないのですか？

[A] 元々趣味・遊び・実験的に作ったアプリであったのと、プリセット素材に「ユニティちゃん」(Unity Technology Japan)や「ミライ小町」(Bandai Namco Research)のアセットを含んでいます。これらの素材は基本的に商用利用は禁止です（正確にはユニティちゃんアセットの場合はオフィシャルライセンスで商用利用もできます。また使い方により、一定以上の年商額を満たさない場合、UCL表記で許諾されます）。
　対価を要求する行為・煽り等は規約違反と疑われる可能性があるため有料販売はしません。金額が要求されている場合は詐欺なので注意して下さい（以前 BOOTH に虚偽の商品が販売されていたことがあります。値段が付いている(= \0 でDLできない)場合は購入しないで下さい）。

---

（関連記事）
【VRMLiveViewer】VRM（VRoid）をライブステージで踊らせるアプリを作ってみた
【VRMLiveViewer】補足説明
【VRMLiveViewer】バージョンによる差異について
【VRMLiveViewer】更新履歴（アップデート・修正情報）
【VRMLiveViewer】背景GLTFの設定リスト(使用例)
【VRMLiveViewer】GLBで背景モデルを自作する
【VRMLiveViewer】GLTF モデルに影が付くように修正して、アプリで利用する
【VRMLiveViewer】魔法陣の床を作る
【VRMLiveViewer】VRoid の衣装を発光させる

　あくまで現時点の VRoidStudio v1.4.2 でのやり方となるが、衣装の基本色・かげ色以外のマテリアルの設定(シェーダーカラー)の方法が見つからなかったので、Unity と UniVRM を使って VRoid を発光させる方法をやってみよう。もし、今後のバージョンアップで発光の設定が付いた場合は置き換えて欲しい。



　ちなみにマテリアルの発光(Emission) の設定は UniVRM 0.79 以降であれば使える。VRM Live Viewer の場合は v3.0α 以降となる。アプリで使っている UniVRM のバージョンを知りたい場合は「ヘルプ＞クレジット」で使ってるバージョンが出てくるので、それ以降のものなら問題無い。

　今回は Hula Flat Works さんの サイバーウェア(V1.0～) を利用させて貰い、その方法を学習しよう。

　もちろん他者の素材を利用する際には利用規約を確認し、その範囲内での利用に留めて欲しい。サイバーウェアの利用規約によると『データ改変は可ですが、改変したものを再配布・販売は禁止です。』とあるので、自分用として遊ぶだけなら問題無いだろう。もちろん再配布等はしてはいけない。

　できれば、製作者のモチベに繋がるので、支援などもしてあげよう。お店用のタグなどがあれば付けてあげたり、お店を宣伝してあげるのも良い。ご厚意とはいえ、無料で貰いっぱなしというのもあまり宜しくない(笑)。

　また至極当然だが、無料配布されているものにあれこれ要望押し付けたり・文句言ったりするのもやめよう。少し考えてみればわかるが、企業や商売でやってるならともかく、それらは業務として対価を貰ってるわけではない。個人の趣味だったり楽しみでやってたりするものも多いのだ。顔が見えない分忘れがちだが、自分が欲しいという理由で赤の他人に無料奉仕を要求し、その貴重な創作活動の時間を奪うのは最も良くない(一般人に意見を言い、その要求をタダで呑んで貰う権利などはじめから無い)。クリエーターには伸び伸びと自由に創作活動して貰うのが一番良い（もちろん、本人が意見・要望を公募してるのなら別だが）。



　ここでは Unity 自体触ったことない人でもできるように細かく書いているので、簡単過ぎる人は必要な部分だけで十分だと思う。実際には以前の魔法陣の作り方とやり方はあまり変わらない。考え方だけわかれば、色々応用できるだろう。

※追記：VRoid Studio での作業はかえって複雑と考え、Unity のみに変更しました。


(※) Unity 2020.3.26f1 / UniVRM 0.89 / VRoid Studio 1.4.2 / Windows11(x64) で確認

---

■着せ替えて VRM エクスポートする

　まずは、Hula Flat Works さんの サイバーウェア(V1.0～) をダウンロードさせて頂こう。zip を解凍すると、衣装のテクスチャや .vroid ファイル等が入っている。
※掲載当時は Ver1 でしたが、バージョンによってデザインが異なる場合があります。



　詳しい内容は添付の README.txt にも書いてあるが、とりあえず .vroid ファイルを VRoid Studio で読み込み、各衣装パーツを「新規アイテム」として保存し、キャラを着せ替えよう。この辺りがわからないなら VRoid の公式チュートリアルを見て欲しい。


　着せ替えたら、「VRMエクスポート」で .vrm として保存する。以降は Unity での作業となる。

---

■発光する部分だけのマスクを作る

　ここからは Unity と UniVRM (v0.79 以降) での編集となる。インストールなどは公式や過去記事にあるので参考にして欲しい。

　Unity のインストールからはじめる場合はこちらの記事を参考にして欲しい。
　また、vrm インポート/エクスポートするには UniVRM も必要なので、一緒にインポートしておこう。

・Unity のインストール
・UniVRM のインポート


1. まずは先ほど作った .vrm をメニューから「VRM0＞Import」（※バージョンによって表記が違う場合有り）でインポートしよう。保存先を聞かれるので、適当に新しいフォルダを作って指定した方が良いだろう。インポートが完了すれば、指定フォルダにプレファブができる。




2. プレファブができたら、ヒエラルキーにドラッグドロップしよう。今回は発光を確認するためにも、ライトを暗くした方がわかりやすいと思う。「Directional Light」をクリックしたら、インスペクタで「Transform＞Rotation＞X」を 0 (真っ暗にしたいなら -90)、「Light＞Intensity」を 0 にすると良い。




3. 衣装のマテリアルはおおよぞ「Body」にあてられてるので、ヒエラルキーで階層を開き、インスペクタで「～Body～」「～Shoes～」「～Tops～」「～Bottoms～」となってるものをクリックしてみよう。Project ビューでマテリアルが指し示されるので、クリックするとマテリアルの設定が表示される。




4. マテリアルの「Textrue」に割り当てられている画像がプレビューされているが、ここをクリックすると Project ビューでの画像が指し示される。ここでは光る部分（シアンのライン）を持ったテクスチャを編集したいので、「～Body～」「～Shoes～」「～Tops～」「～Bottoms～」をそれぞれクリックすると、「_10」「_12」「_13」「_14」(.png)であることがわかる。右クリックで「Show In Explorer」をするとエクスプローラが開くので、画像をクリックすると確認できるだろう。



5. 先程のシアンのラインを持ったテクスチャのマスク(エミッションマップ)を画像編集ソフト(PhotoShopやGIMPなど)で開こう。ここでは画像編集自体はテーマから外れるので割愛するが、マスクの作り方としては「光る部分を白または輝度の高い色(シアン等)」「それ以外を黒」にすることでマスク画像となる。ここでは例として「_13.png」の発光する部分のみをシアンに塗りつぶした画像を作ってみたが、「_13_mask.png」とでも名前をつけて保存しよう。同じように「_10」「_14」でもマスク画像を作って欲しいが、「_12」は元々光ってる部分しかない透過画像となってるので、その場合は必要無い。

---

■Unity でマテリアルの発光を設定する

1. マスク画像が完成したら、元画像のあったフォルダでも良いので、「_10_mask.png」「_13_mask.png」「_14_mask.png」（※名前は任意）をエクスプローラから Project ビューにドロップなどしてコピー(インポート)しよう。Import Settings は Generate Mipmap は外し、Max Size などは元の画像の設定を見て、合わせれば良いと思う。



2. マスク画像のインポートが完了したら、それぞれのマテリアルに割り当てよう。例えば「_13_mask.png」なら靴なので「～Shoes～」となっていたマテリアルだ。クリックしてインスペクタに設定が表示されたら、「Emission」の横の小さな○をクリックして、「_13_mask.png」を選択するか、マスク画像をドラッグドロップで割り当てる。



3. 色は発光色となるので、任意で良いが、ここではわかりやすくするためシアンにしている。また Intensity(輝度の強さ) を 1 以上にしておくとわかりやすい（白の場合は輝きが強くなる傾向があるので、Intensity = 0.5 くらいでも良い）。ちなみにカラーピッカーを開き直した時、色の値と Intensity が変わってたりするが、これは Unity の仕様なので気にしなくて良い（Intensity が 1 以上になると、色の値が 191 以下で Instensity が再計算される）。



4. これを同じように「_10」「_14」でもやっていく。「_12」に関しては元が透過画像なので、Emission 横の○からデフォルトのマスク(Shader_NoneBlack：黒塗り)を外す(None にする）か、「_12」をそのままマクスとして割り当てても良い。

　すべて割り当てたら、シアンのラインだけ色が付いてるようになるだろう。設定はこれで完了だ。




5. 最後にヒエラルキーでプレファブ(VRM)のルートを選択して、メニューから「VRM0＞Export UniVRM-0.XX.X」(X はバージョン)を実行して、.vrm として再エクスポートすれば完成となる（プレファブ名がデフォルト名となる）。




　あとはエクスポートした .vrm を VRM Live Viewer (※v3.1 以降) にドロップして、[CRS FX] ステージで確かめて欲しい。発光に必要なのは「ポストエフェクト＞ブルーム」だ。これをオンにして、強さを 1 以上に上げれば、他のステージや自作ステージでも使える。パラメータの意味などはこちらを参考にして欲しい。

・ポストエフェクト - ブルーム

---

　今回は発光の設定を Unity でやってしまったが、考え方がわかれば、たぶん Blender でも同様のことができるだろう。その辺は未検証なので、自分で試してみて欲しい。

　また、目を光らせたいときも同じ考え方でできる。ただ、白は輝きが強くなる傾向があるので、輝度を弱めにしておいた方が良いみたいだ。また輝きはライトの強さにも影響されるので、明るい背景で使うときは輝度に注意しよう。









（関連記事）
【VRMLiveViewer】ツールを使って、VRoid の衣装を発光させる
【VRMLiveViewer】VRM（VRoid）をライブステージで踊らせるアプリを作ってみた
【VRMLiveViewer】魔法陣の床を作る
【VRMLiveViewer】GLTF モデルに影が付くように修正して、アプリで利用する
【VRMLiveViewer】GLBで背景モデルを自作する
【VRMLiveViewer】GLBで床を作る（FloorMake_Sample の解説）
【VRMLiveViewer】GLBで壁を作る（WallMake_Sample の解説）
【VRMLiveViewer】背景GLTFの設定リスト(使用例)