16
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

法政大学情報科学部Advent Calendar 2021

Day 21

3DモデルをBlenderで.pmxから.fbx形式に変換しUnityで動かすまで

Last updated at Posted at 2021-12-23

#はじめに
この記事は 法政大学情報科学部 Advent Calendar 2021 の21日目の記事です。
どうもこんちにちは、HirokiLuckyです!
今回は初投稿ということで、大好きなUnityに関する投稿をしたいと思いまーす

さて、Unityで3Dモデルを使いたいと思った時に、拡張子が違くて困った経験はありませんか?
Unityでは.fbx形式にモデルを変換しなければいけないため正直面倒くさいです。
私は前に原神の3Dモデルを使わせていただこうと思ったときに、.pmx形式のモデルだったので様々な記事を参考にして何とか使えるようにしたことを覚えています...
(MMDからの拡張子変換に関するの文献はあるのにBlenderのはあんまりなくないですか?)
今回はその時の苦労をこの記事にまとめたいと思います。

#モデルのダウンロード
モデルをダウンロードしてくる。今回私は原神のモデルをダウンロードして進めていきます。
原神のモデルは公式でも配布されていますが、bilibili(まとめサイトに飛びます)で多くのモデルが配布されています!
※bilibiliを利用する場合は上記先よりモデルのバージョンのURLに飛び、「模型下裁」のような場所でダウンロードすることができます。
image.png↑公式ダウンロードページ
image.png
↑bilibiliダウンロードページ

#Blenderで拡張子を変換しよう
zipファイルをダウンロードして解凍(フォルダ先の指定などはありません)出来たらBlenderで変換していきましょう!

ここで行うことをあげると、

  1. アドオン「mmd_tools」を追加する
  2. インポートし、テクスチャを貼り付け直す
  3. 拡張子変換する

##アドオン「mmd_tools」を追加する
Blenderでモデルをインポートしたくても__初期設定のBlenderでは.pmx形式をインポートすることができない__ので.pmx形式をインポートできるようにするアドオンを追加していきましょう。

GitHub > Code > Download ZIP

image.png

この順番でmmd_toolsのzipファイルをダウンロードし、解凍しましょう。
次に、この解凍したフォルダを、

\blender\2.90\scripts\addons

の下に配置しましょう。
これだけではまだ__有効化されていない場合がある__ので、Blender側でも有効化していきましょう。

Blenderを起動 > 編集 > preferences...

image.png

この順番で「Blenderプリファレンス」を展開しましょう。

Object: mmd_tools にチェックを付けて有効化します。
image.png

さて、インポートできるようになっているか確認してみましょう

ファイル > インポート > MikuMikuDance Model(.pmd, .pmx)

MikuMikuDance Model(.pmd, .pmx) が追加されていたら成功です!

##インポートし、テクスチャを貼り付け直す
それでは!モデルをインポートしてみましょう!

ファイル > インポート > MikuMikuDance Model(.pmd, .pmx)

から、先ほどダウンロードした.pmx形式のモデルをインポートしてみましょう。
今回私はディルックを使わせていただきました
image.png

おお!すげえ。でもこれだけじゃ物足りねえよなあ!ということで、テクスチャが貼られているか確認しましょう!
下記の図より、__右上にある4つの○の内、右から2番目を選択__してみてください。

image.png
image.png

色がつきましたね!
でも、顔にテクスチャが張られていませんね...(ピンク紫のようになっているところ)
配布先などによるのですが、テクスチャの参照が上手くできる場合とできない場合があります。
今回は貼り付けられていない場所があるので貼り付けていきましょう!

モデルを選択(クリック)、オレンジ色の枠が出るようにしましょう。

image.png

次に右のマテリアルプロパティを選択しましょう。
image.png

すると、現在貼られているテクスチャが表示されます(瞼、眼白、眼晴みたいなのがあるとこ)。
※表示されていない場合は、上の画像の▶プレビューの上のマテリアルテクスチャと同じマークを選択してみてください。
上の画像だと瞼、眼白にテクスチャが張られていないようです(ピンク紫だからです)。
そのテクスチャを選択した状態で下にスライドしていくと MMD Texture という項目があります。その中の Texture に正しいテクスチャを追加します。
また追加してもピンク紫の場合は MMD Texture 項目の一番下にある「Use Shared to...」という項目にチェックが入っている場合があるので、チェックを外してみてください。
image.png

すると...

image.png

でも、まだボーン(四角錐みたいなやつ)が邪魔?安心してください。消せますよ!
モデルによって名前は違いますが、体のようなマークがついていたりするものの一番右にある目のマークをクリックしてみましょう!
image.png

image.png
WRYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY!!!!!!

##拡張子を変換しよう
さて、拡張子変換はいたって簡単です、パパっと拡張子変換をしちゃいましょう!

ファイル > エクスポート > FBX(.fbx)

フォルダ選択まで来たら右にオブジェクトタイプを選ぶところがあるので、いらないところは省いちゃいましょう!カメラ、ランプは必要ではないと思いますが、__最低限アーマチュアとメッシュは選択__しておきましょう。
※複数選択する場合はshiftを押しながら選択します
image.png

(適当なフォルダ)> FBXをエクスポート

.fbx形式のモデルが出力されたか確認できたら成功です!

#Unityでモデルを動かせるようにしよう
.fbx形式のモデルを作れたら、Unityにモデルを入れてみましょう!
__.fbxファイルとテクスチャ情報が入っているフォルダ__をprojectの中にドラック&ドロップしてモデルをいれてください
※テクスチャ情報が入っているフォルダは後で使いますので必ず入れましょう
image.png

そしてScene内に、今入れたモデルをドラック&ドロップして入れてみましょう

image.png

なんか、緑とか水色のものがある...
これらは手のパーツなどで判定する際などに必要なものなのですが見えなくすることができます。
左のヒエラルキー内にある、今入れたモデルの▶を展開してみましょう
image.png
image.png

かなりの部品からなっていますね...
今回の場合、000_上半身~069_bz_6_1(armとmesh以外)を選択し、
インスペクター上部の__チェックを外しましょう__
image.pngimage.png

これでちゃんとモデルが見えるようになりました!
さて、準備はできたのでやることを挙げていきます

・テクスチャを貼り付けよう
・Rigを設定する

##テクスチャを貼り付けよう

※Unityでのテクスチャの貼り付け方は私の自己流ですので、他も調べてみると良きかもです。

Unityで使うためために.fbxにしましたが、テクスチャはそのまま持ってこれないようです。
なので、Unity内でもテクスチャを貼り付けましょう。
先ほど__Projectに入れたモデル__を選択するとモデルのインスペクターが右に出ます。
Materialsからテクスチャをそれぞれ入れていきましょう。
image.png

手作業で入れても良いですが、せっかくなので自動で入れてみましょう。
__Locationが「Use Embedded Materials」__となっていることを確認し、
__Materialsの「Extract Materials」__をクリックしてみましょう。
その後、__モデルのテクスチャをまとめてあるフォルダを選択__すると、テクスチャが入っている!?

image.png

しかし、先ほど選んだテクスチャフォルダを見てみましょう。
image.png

先ほど追加されたテクスチャはどうやらこのフォルダに追加され、
.fbxにした時にデフォルトで真っ白になってしまうみたいですね...
真っ白になってしまったなら、また設定すればいいわけです!(簡単なのでご安心ください)

真っ白になってしまったテクスチャを選び、インスペクターを表示しましょう
image.png
上の画像で赤で囲まれた部分に注目してみましょう。
実はここに画像を入れられるんです!
ということで、テクスチャ画像をそれぞれに入れていきましょう!
どの画像?と詰まったらBlenderを参考にするとどれがどれかが分かりやすいです
※キャラクター等によりますが、Detail Albedo x2にベースとなる画像をいれ、Normal Mapには影などのテクスチャを入れるようです。

試しに衣服を入れると、しっかり色がついていますね!
image.png
image.png

全て適用してみるとちゃんと全体塗れていますねえ!

##Rigを設定する
さて、やっと動かすための設定を行う時が来ました!!
では早速、モデルのマテリアルを設定したインスペクターを開き「Rig」というタグに移動します

image.png

__Animation Type を humanoid に変更__し、Apply を押し変更を適用

image.png

適用後エラーが発生する場合がありますが、ここでは気にしなくて大丈夫です。
Configure」を選択し、下の画像のような画面に遷移します。

image.png

それではまずインスペクター(右側にあるやつ)から修正していきましょう。
ここでは、どの部分がどのパーツと対応しているかを示すのですが抜けていたり、赤くエラーを吐いていることが大半なので、正しいパーツを入れていきましょう。
※キャラなどによってもうできあがっている場合があります。その場合は飛ばしても大丈夫です。私の環境では原神の万葉のモデルは最初から出来上がっていました。
image.png
上の画像のようにエラーは吐いていなくても間違っている場合(人差指と親指が逆)や左右対称のパーツを配置することに気を付けてください。また変更後は Apply することをお忘れなきよう


原神のモデルを使用している場合、下記のように配置してみました(中国語ワカラナイ)
image.png
image.png
image.png


image.png

それでは次は左側です。異常なほどエラー吐いているのですが何時間かかるんでしょうかねえ。
とりあえず騙されたと思って、先ほど直していたインスペクターの下のほうにある
Pose > Enforce T-Pose  に設定してみて下さい。
image.png

image.png

なんということでしょう!エラーが綺麗になくなりました!
では Apply 後に Done で終了していきましょう!

image.png

エラーも消えていますね!
ここまで来たらもうモデルの設定は終了です!お疲れ様でした!

#モデルを動かしてみよう
では、最後にモデルを動かしてみましょう!
今回私が使うのは、unity-chan! を使います。もっとも基本的で無料かつモデルを動かすのに必要なものが全て入っているので、モデルを動かすテストのみなら十分だと思います!オススメです

アセットをパッケージマネージャでダウンロード、インポートできたら早速使ってみましょう!
モデルを動かす際に最低限必要と言われているのが、Locomotion、モデル、スクリプトの3つと言われています。
モデルは今までのものを使うとして、Locomotionはどのように状態が遷移をするか示したものです。
image.png

unity-chan!では、
Asset > unity-chan! > unity-chan!Model > Art > Animations > Animators に入っています

いくつかありますが、上の画像のものを使用するとWASD(デフォでは矢印だけだったかも...)で動きます。
これをインスペクター内の Animator > Controller に指定することで Locomotion を設定できます。
image.png

スクリプトですが、これは○○キーを押したら○○の値が変わるなどを(もちろん他にもたくさん書いていますが...)書いています。

unity-chan!では、
Asset > unity-chan! > unity-chan!Model > Scripts に入っています。
今回は Unity Chan Control Script With Rigit Body を使っています。
これをコンポーネントとして追加してあげましょう。(ただドラック&7ドロップするだけです)

image.png


RigitBody を入れている場合、念のため Mass(質量)をある程度人間の体重くらいにしておき、
Freeze Rotation にチェックを入れておきましょう。
※ここにチェックを入れない場合、ちょっとのことでモデルが回転し宙を舞ったりします。

image.png

またカメラはモデルが見やすいように各自で設定してください

以上で実行をしてみると...

image.png

動きましたあああああああああああああああああああああ!
おつかれさまでしたあああああああああああああああああ!

#おわりに
ここまで読んでくださった方、本当にお疲れ様でした!そして何よりありがとうございました!
割と長い説明にはなってしまいましたがモデルは動かせるようになったでしょうか...
それでは楽しいUnity開発ライフをっ!!!
書いてて楽しかったので、また新しいの書くかも...

参考文献:
bilibiliモデルダウンロードまとめサイト
bilibiliモデルダウンロード
公式モデルダウンロード
mmd_tools
unity-chan!

16
13
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
16
13

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?