![見出し画像](https://assets.st-note.com/production/uploads/images/85729642/rectangle_large_type_2_f00bd25402f7c4f9111e181bf7873db6.jpeg?width=800)
カッパちゃん3Dモデルのグッズ化計画(6)~Unityでテクスチャのシェーダー調整~
■おさらいと予定
こんにちは、もにゃです!メモ(5)からちょっと間が空きました( ゚Д゚)ノ
ぎっくり腰をやったり、メタバースのメモを書いたりしてました。
予定では8月中に、カッパちゃんグッズの試作を作るつもりでいたのですが・・・おかしいね?( ゚Д゚) 思ってたより上手くいってないぞ!!
とりあえずカッパちゃんを任意のポーズに出来て、静止画が撮影出来れば良いのです。―――が、今の所MMDのように「コレだ!」という感じに出来てない(;´∀`)
メモ(1)から確認してきたのは以下で・・・
<確認済み・保留中>
・メタセコでポリゴン移動でポーズ
→可能だが形の歪み変形がでる可能性があり保留
・メタセコでポージングしx形式出力、MMDでアクセサリとして読み込み
→可能だが形の歪み変形がでる+サイズ感調整が必要
・VR(仮想空間メタバース)でポーズ
→VR機器が無いので決まった動きしか出来ずポーズ不可
<今後の予定>
・メタセコでボーン入れてポーズ
→ボーン入れ勉強し直し
・Unityでポーズ
→テクスチャ調整を調査中
→ポーズのやり方お試し
・・・という感じです(´・ω・`)
ぶっちゃけVRは最初から無理かなとは思ってましたが、Unityが想像以上に難しいというか操作性がどうしても合わないというか。あと何よりかにより英語がね・・・うん。ほんっとに苦手なので、もう英語ってだけで脳みそが拒否するのでね・・・(´;ω;`)ウゥゥ
テクスチャの件と、ポージングの件・・・Unityの英語と操作性の問題でぶっちゃけ気が遠い(´・ω・`)
ここはもう諦めてメタセコのボーン入れやっちゃおうかな~!!モーフも入れられる筈だしなーーー!と思ってしまうのですよねぇ(;゚Д゚)
ちな、メタセコでボーン入れの勉強したの何時だったかな~って見たら、モデリング51日目でした。
メタセコ付属モデルにボーン入れて、ポージングさせたやつ!コレコレ!
![](https://assets.st-note.com/img/1661766938127-8e9voX1GoV.jpg)
Unityが難しく無いならそれでやるんでも良かったけど、あの操作性と英語に苦戦するならもうメタセコで良いのでは?!ライティングはイマイチだけど試作品はそれでいけるやろ!!・・・と言う事で早速メタセコでボーン、モーフに入りたい・・・
ところなのですが、中途半端が嫌いなもにゃさん(;´∀`) 途中で放置している「Unityのテクスチャ調整」について作業してからのが良いと思う。
途中で投げ出すの嫌いなのですよ(==;) 絶対後で気になっちゃう。
ということで、ちょっとやってみます。
■Vroid→blender経由FBX出力→Unityでテクスチャ調整(再々挑戦)
では再々挑戦です!
あ、その前に。前回テクスチャが予想と違う感じになってしまったのはこちら(↓)の作業です。この「再挑戦」の「再々挑戦」となります。
さて改めまして。
環境は、
作業PC:Win8
導入:
・metasequoia4(今回ここでは使わないけど)
・blender 2.93win-x64
・blenderアドオン「VRM Add-on for Blender」
・blenderアドオン「Cats Blender Plugin」
・Unity 2018
・Unity Hub
・Vroid β版
0、事前に
メモ(4)でやりましたが、blenderにアドオン「VRM Add-on for Blender」と「Cats Blender Plugin」が入ってるのが前提です!
1、Vroid(VRM形式)をblenderにインポート
メモ(5)に引き続き、サクラちゃんVRMをblenderにインポートします。
![](https://assets.st-note.com/img/1661774645296-vgu0S0AHu3.jpg?width=800)
2、テクスチャの確認と照明変更
【3Dビューのシェーディング】の「v」を押しカラーを「テクスチャ」に照明を「フラット」する。
![](https://assets.st-note.com/img/1661775816307-av3BHdlF9p.jpg)
![](https://assets.st-note.com/img/1661775118762-A7969IpUZa.jpg?width=800)
3、アドオン「Cats」適応
(UIを白くしたら見えにくいけど)「<」からプラグインメニューを出し、「CATS」タブの「モデル補正」をする。
![](https://assets.st-note.com/img/1661776059873-Ygog7O4lzw.jpg)
![](https://assets.st-note.com/img/1661775295870-p0G3PS7Xz1.jpg)
4、Armatureも含めて出力を有効にする
―――ハイ!これはメモ(4)ではやってない作業です。
参考にしたのはこちら(↓)
.Blenderには、VRMファイルの入出力が出来る「VRM Importer」というアドオンを使って、VRMファイルをインポートします。出力に関しても、このアドオンで行えます。出力時は、Armatureも含めて出力しないと、ボーンやウェイトの設定が反映されないので注意が必要です。ボーンやシェイプなどの設定が飛んでいるので、Unityで設定し直さなければいけないという記述をよく見かけますが、これが原因です。Armatureの項目の目のマークを開かせておいて下さい。この状態で出力すると、自動的にボーン関連の設定が反映されたVRMファイルが出力されるので、blendファイル経由でUnityにデータを渡して、ゴチャゴチャと設定し直す手間が大幅に減ります。
――とあり、【Armatureも含めて出力】とある!
確認してみると、既に目のマークが入っていて有効になってる模様。これが外れてると色々な設定が無いまま出力されてしまう様です。なるほど( ゚Д゚)
![](https://assets.st-note.com/img/1661776716132-bNgdvcbHNO.jpg?width=800)
5、テクスチャを内包したFBXファイル保存
blenderメニュー→ファイル→エクスポート→FBX選択、blenderファイルビューダイアログで「パスモードを自動からコピーに変更し、横の箱アイコン押して有効にする」ことで、テクスチャを埋め込める。
![](https://assets.st-note.com/img/1661776500641-6rsRxnaugz.jpg)
FBX形式で保存しましたので、blenderは終了です。
6、Unity2018にインポートし、テクスチャを表示させる
Unity2018に新規プロジェクトを作り、FBX形式サクラちゃんをインポート。
まだモデルは真っ白です。
![](https://assets.st-note.com/img/1661777833931-QvT0WMOmPL.jpg?width=800)
サクラちゃんモデルを選択し、「インスペクター」タグを「Materials」に変更。テクスチャ欄の「テクスチャを抽出」を押す
![](https://assets.st-note.com/img/1661778098591-Q7EDS7XNhs.jpg?width=800)
テクスチャファイル出力フォルダを選択するウィンドウが出たら「フォルダの選択」を押す。
![](https://assets.st-note.com/img/1661778236505-iMrIoDFq45.jpg?width=800)
テクスチャ画画像にインポートされ、モデルに反映されました!
![](https://assets.st-note.com/img/1661778343724-TR58HCX9H3.jpg?width=800)
7、Sceneにモデルを置いて確認する
まず床を作ります。
![](https://assets.st-note.com/img/1661779381896-BrhP3T1Eu3.jpg)
SceneにサクラちゃんモデルをD&Dし、位置xyzをゼロにして中央に置きます。
![](https://assets.st-note.com/img/1661779433477-lGHt0knN3H.jpg?width=800)
8、テクスチャを調整する
まずは、前回UniVRMを使ってインポートしたVRM形式の画像と並べて比較してみましょう!
![](https://assets.st-note.com/img/1661779552637-tcHSlmTjV4.jpg?width=800)
ハイ!テクスチャの設定が全然違う( ゚Д゚)ノ
UniVRMで呼び出した方はVroid設定をそのまま使って表示されているらしく綺麗です。
blenderを経由したFBX形式モデルは、アドオンのCATSをやったにも関わらず透過部分は真っ黒だし髪は白いし・・・CATSの時の画像と違いすぎるよーー!(;゚Д゚)ノ
んで、これを調整していかねばなりません。
まず参考にさせて頂いたのがコチラ(↓)です。
目の周りがパンダみたいに白目になったり、白髪化したりしているのでシェーダーを設定します。
シェーダーをスタンダードでRendering ModeをOpaqueからCutOut
あるいは
Unlit/Transparent Cutout
あるいは
VRM/Unlit Tecture(目など)
や
VRM/UnlitCUtout
暗いのは
Toon Lit VRChat/Mobile/Toon Litが万能
―――とのこと。
ちょっとやってみようと思ったところ・・・マテリアル無しになってるwww アセット欄に有る球体にテクスチャが表示されてるのがマテリアルの筈なんだけど、どうやらテクスチャは表示してるけどちゃんと抽出されていない感じ?
![](https://assets.st-note.com/img/1661780720261-d9N23Wa5R5.jpg?width=800)
てことは「マテリアル抽出」をやってみればいいのかな?
![](https://assets.st-note.com/img/1661780774267-3kvShwNFQV.jpg)
と、やってみると・・・マテリアルがテクスチャに適応されました!
![](https://assets.st-note.com/img/1661780982871-72Q9QkoKQw.jpg?width=800)
マテリアルの球体を選択すると、シェーダーが選べるようになってる!
これで作業が出来ます。
![](https://assets.st-note.com/img/1661781037982-vm2mVdFy7M.jpg?width=800)
・・・が、このままだとテクスチャとマテリアルがずらっと並んで分かり難いのでtexフォルダとMaterialフォルダを作ってそれぞれ収納します。
![](https://assets.st-note.com/img/1661781343314-LFyTHsLH7t.png?width=800)
では1つずつマテリアルのシェーダーを確認していきます!
シェーダー「standard」のまま、その下の「Rendering Mode」を「CutOut」にしたら、衣装が透過しました!
![](https://assets.st-note.com/img/1661781919951-uvMm5ZcCMA.jpg?width=800)
変更していきましたが・・・う~ん(;゚Д゚)
UniVRMで呼び出したモデルのような感じになりませんし、髪の毛や眉毛、睫毛が白いままです。
![](https://assets.st-note.com/img/1661782592694-6jb55npbmS.jpg)
![](https://assets.st-note.com/img/1661782957629-oIpDeGg5iE.jpg)
解説サイトさんを見ると、プルダウンの選択肢に「Unlit/Transparent Cutout」「VRM/Unlit Tecture」「VRM/UnlitCUtout」とあるのですが・・・それらが無いのですよねぇ(;゚Д゚)
![](https://assets.st-note.com/img/1661783111285-gchxirkCE8.jpg)
これは、シェーダーを追加したりするのでは?
と思い、他の方の解説を見てみますがイマイチわかりません(;゚Д゚)
こちら(↓)の解説で・・・
「Opaque」が透過無しの通常のシェーダー、「Cutout」が透過部分を切り抜くシェーダー、「Transparent」が半透明を表現するシェーダーとなります。
とあったので、本来はこの選択肢でやるようです。
・・・で、このサイトで書かれていた髪の処理が・・・白になっている元のテクスチャを、blenderの時点で色変えしていました!!
![](https://assets.st-note.com/img/1661783595720-tooO2wFnWv.jpg?width=800)
ああああああああ(;゚Д゚) もしかしてそれしないと色出ないの?!そうなのかー!
・・・と思ってたら、Unityを一緒にいじっていた相方が材質に色をつける方法を発見www
Main Maps アルベドの横の四角を押したらカラーパレット出て、色を選んだら・・・髪がピンクになった°˖☆◝(⁰▿⁰)◜☆˖°
![](https://assets.st-note.com/img/1661783811988-7IYIg9Ul0N.jpg?width=800)
髪と頭皮はこれで良いかもです。
・・・が、眉毛、睫毛はダメっぽいwww
![](https://assets.st-note.com/img/1661784200772-bUlrc0op0j.jpg)
ギリやれてこんな感じでしょうか・・・でもイマイチですね(;´∀`)
やはりこれはテクスチャの画像処理をした方が良いのかもしれません。
![](https://assets.st-note.com/img/1661784408257-FpP5M3UVLF.jpg)
調べていると、アニメ系のTOONシェーダーを使う場合の事が書かれた記事を発見!
・・・が、なんか難しい事書いてるーーー(><;)
え、これちょっと理解するのは、今は無理! なので、シェーダーについては今回は先送りします!無理!とりあえずテクスチャの透過が直せたから今回はそれでよし!
一応確認で、カッパちゃんモデルを確認。
・・・おやぁ? シェーダーが綺麗に見えてるね?!(;゚Д゚)
前回メモ(4)の時は白かったり黒かったりしたような・・・( ゚Д゚)?
![](https://assets.st-note.com/img/1661786086775-ubPSPDHtSS.jpg?width=800)
とりあえずシェーダーは大丈夫そうです。が、何故か左のモデル、ポリゴンのゴツゴツ感があるんですよねぇ(;゚Д゚)
いや~・・・何が何やらわかりませんwww
メタセコからFBX出力した方は大丈夫なので、やる時はそっちでやらねばですね・・・(´・ω・`)
■テクスチャの調整<追記>
実は、別メモでMMDモデル(PMX形式)をVRM形式に変換し、メタバース用アバターにする・・・というのを書いていたんです。
そこで作業をまとめててですね・・・
実は、シェーダーがTOON系の綺麗なのにできてるんですよ!こちらでは!
同じ様な事が出来るはずなのに・・・なんで出来ないのかなぁ~(;´∀`)
やり方あるんだろうけど、それがわからないもにゃさんであった遠い目
ほんっと分かり難い・・・Σ( ゚Д゚)ハッ
まてよ?!シェーダー変更するためのインスペクター選ぶ「元」が違う・・・?!
アセット内マテリアルフォルダの、球体のマテリアルを選択して、それのインスペクターから選ぼうとしてたけど―――
![](https://assets.st-note.com/img/1661921140894-i66D4CsroW.jpg?width=800)
アバター化するためにVRMモデル調整してる時・・・ヒエラルキーのモデル名の▼ツリーからフォルダを選んで・・・インスペクターに・・・あったぁああああああ( ゚Д゚)!!!
![](https://assets.st-note.com/img/1661921343635-eF1pX1ht3W.jpg?width=800)
あったよ!!ここでシェーダー選べるんだ~~~~ヾ(*´∀`*)ノ
やったー!
![](https://assets.st-note.com/img/1661921510795-yi6S6vqjbw.jpg)
んで、もしVRM形式にするなら、アバターの時と同じでUniVRMパッケージ入れればVRMのTOONも使えるってことだね?!うおお( *´艸`)
やっと理解したよぉおおおお!!!
![](https://assets.st-note.com/img/1661922182149-pt2lHJekOq.jpg)
ハイ!アニメっぽいシェーダーに出来ました!よかった!
テクスチャの調整はこれで出来るようになったーーーーーヾ(*´∀`*)ノ
■Unityでポーズをつける(惨敗!!!)
では、ポーズをつける方法を勉強します( ゚Д゚)ノ
これが出来ないとカッパちゃんグッズ化には使えませんからね!
1、Rigをヒューマノイドに変更
まずは、ヒューマノイドボーンにします。
Vroidを調整する際の解説でも必ず行われており、これをやらないと不具合がでるっぽい。
アセットでモデルを選択し、インスペクターRigのアニメーションタイプをヒューマノイドにし、適用する。
![](https://assets.st-note.com/img/1661786902287-wO7yNh8bxR.jpg)
下の「設定」を押す
![](https://assets.st-note.com/img/1661922514366-zzpmJkw8yj.jpg?width=800)
ボーンの状態が見れるが、ここが緑だったらOK( ゚Д゚)ノ
![](https://assets.st-note.com/img/1661922616761-SV4jO2Nosh.jpg)
この窓を閉じるのは、「三」押して「look」を押す
![](https://assets.st-note.com/img/1661922657361-KuIsmLQHV9.jpg)
2、背景を作る
続いて、背景を作ります。
参考にしたのはこちら(↓)
床を作った時と同じく、平面を作ります。
![](https://assets.st-note.com/img/1661787467488-CGq16zUfJu.jpg?width=800)
2つ目の平面を回転させて、z軸を下げます。
背後に、白い平面ができました。
![](https://assets.st-note.com/img/1661787482667-a9IqnN5isB.jpg)
![](https://assets.st-note.com/img/1661787563991-8RNdRlUtGy.jpg?width=800)
背景平面用のマテリアルを作ります。
アセット内を右クリック→作成→マテリアル。名前はまぁ適当にw
![](https://assets.st-note.com/img/1661787728189-V3R4Tjcs53.jpg?width=800)
マテリアルを選択して、Shaderを「Standard」から「Unlit→Color」にする
![](https://assets.st-note.com/img/1661787904520-pXSfBOs9r0.jpg?width=800)
四角を押すとカラーパレットが出るので任意の色にする
![](https://assets.st-note.com/img/1661788027682-3kkP4TlSD5.jpg)
2個目平面を選択して、マテリアルをインスペクターにD&Dすると、背景平面に色がつく
![](https://assets.st-note.com/img/1661789270706-EGrYktDxCr.jpg?width=800)
![](https://assets.st-note.com/img/1661789374751-NlVgl33RTL.jpg?width=800)
3、カメラを移動する
ヒエラルキーのカメラを選択して、カメラ移動してモデルを撮影出来る位置にする
![](https://assets.st-note.com/img/1661789667412-aEex4bSTkd.jpg?width=800)
ゲームタブで画面確認。カメラ位置調整していく。
![](https://assets.st-note.com/img/1661789771114-dRFIzI8Lr1.jpg?width=800)
ヒエラルキーのライトをクリックして、光源(太陽)の位置を移動・回転させる。
![](https://assets.st-note.com/img/1661790001368-EO5xcGcmpj.jpg?width=800)
ゲームタブでライト確認。
なんか、画像が拡大されてたっぽい。バーを一番左にすると1倍で、カメラビュート同じになるね・・・今気づいたw
![](https://assets.st-note.com/img/1661790155364-mAGHMgoMbJ.jpg?width=800)
4、ポーズを取らせるため、Bone Toolを追加する
さて、やっとポーズを取らせる準備です。
検索するとこちら(↓)の記事を発見。
ポーズをつけるための拡張機能「BoneTool」をマイアセットに追加する
をやったのだけど、なんでかインポートできないのですね~( ゚Д゚)
「マイアセットに追加」を押して、Unity IDでログイン→ログイン後に「Unityで開く」をおすとUnityにインポートされる
![](https://assets.st-note.com/img/1661864765449-N1MwJnHxgo.jpg?width=800)
――とあるのですが、Unityでプロジェクトを開いてもインポートもDLも出来ない~(;´∀`)
メニュー「ウィンドウ」からも出来ない~~~~!!
んで、もう一つ見つけた方法(こちら↓)
「animation rigging」をインポートするらしいんだけどそれは2019かららしく・・・2018には無い模様(;´∀`)
――ていうか、他にも検索したんだけど・・・
やり方が全然分からない(><;)
え、ボーン動かすのだけでこの分からなさーーーーーー!!!
ダメだ・・・これはダメです。もにゃさんの手に負えません(´;ω;`)ウゥゥ
とりあえずいったん保留で・・・(><;)
ていうかほんとうにわからん!!もっと分かりやすくしてくれUnityよーーー!!!
―――ということで(;´∀`)
Unityさんは・・・形式変換、テクスチャ調整などは出来るようになりましたが・・・ボーン動かしてポージングが出来ないです。
それだとカッパちゃんグッズ化では使えない!!
他のやり方を探す事も視野に入れますが、とりあえずはここでいったん切り上げとします。
次は、メタセコでボーンとモーフ入れやって、メタセコで動かして静止画撮影を目指してみたいと思います。
メモ(7)に続く!!!
■Unityでモデルのサイズ変更(追記)
折角画像にしたのでこちらでも!
まずは見本のカッパちゃんヾ(*´∀`*)ノ
中央に小さくいるのは、メタセコから出力したFBX形式モデルです。
んで足しか見えてない巨大なのがメタセコからblenderを経由しFBX形式にしたカッパちゃん!サイズが!
![](https://assets.st-note.com/img/1662022061032-7BnNQPaylo.jpg?width=800)
ヒストリー欄で、blender経由カッパちゃんを選択します。
インスペクター欄に拡大/縮小のスケールを入力できる欄があるのでxyz全て「0.01」にしました!
![](https://assets.st-note.com/img/1662022061032-GsXcZ9fEJR.jpg?width=800)
いやデカいよwww 流石にデカすぎだよwww