3D素材をBlenderで編集しつつUnityに取り込む話


フリーで使用出来る3DCGのモデリングツールの決定版とも言える[Blender](http://www.blender.org/)で作成したモデルは、簡単にUnityに読み込んで使用できます。

今回は、Blenderを介して、配布されている3DモデルをUnityに読み込ませましょう。

この話の肝は、配布されているちょっとだけ破綻しているモデルをBlenderでささっと直してUnityで使えるってことです。Unityだけだと破綻の修正は辛いですからね。

というわけでBlenderの話が9割です。

今回使う素材は、[こちら](http://thefree3dmodels.com/stuff/characters/beautiful_girl/14-1-0-763)の女の子モデルです。

![モデル](http://thefree3dmodels.com/_sf/7/05002000.jpg)

このモデルは複数のファイル形式で配布されています。

コレをBlenderに読み込み、破綻箇所などを修正した上でBlender形式ファイルを作成してUnity上に読み込みます。

## 何はともあれファイルをゲット

上記の素材モデルファイルを[ダウンロード](http://thefree3dmodels.com/stuff/characters/beautiful_girl/14-1-0-763)します。
ダウンロードは上の画像の下にあるダウンロードボタンからダウンロードします。
![DL](https://www.dropbox.com/s/9wco0op13y2eyxj/Screen%20Shot%202012-12-26%20at%2014.20.39.png?dl=1)

ダウンロードした7zファイルを解凍すると、同じモデルが色々な形式で保存されています。
![解凍](https://www.dropbox.com/s/p3nrbn82vdfjmd3/Screen%20Shot%202012-12-26%20at%2014.43.51.png?dl=1)

デフォルトのBlenderでimport出来る形式では、objファイルの他に3dsファイルも同梱されています。

今回はObjファイルをBlenderで読み込みます。

## BlenderにImportする

Blenderで新規に開いたフィールドにCubeなどデフォルトで配置されているObjectがある場合は、オブジェクトを削除しておきましょう。

フィールドがキレイになったら、
File>import>Wavefront(.obj)
![import](https://www.dropbox.com/s/o0z0fm0c95ri31e/Screen%20Shot%202012-12-26%20at%2014.51.32.png?dl=1)
とメニューを選択してファイルセレクタを開きます。

解凍したBeautifulGirl.objを選択しましょう。

無事Importすることができましたね。（何故か倒れていますが。気になる場合は、3DView上でR,Xとタイプし、マウスドラッグで引き起こしてください）
![loaded](https://www.dropbox.com/s/dmvum2nbbt710ec/Screen%20Shot%202012-12-26%20at%2014.49.26.png?dl=1)

Outlinerを見てください。

通常右側に表示されていますが、もし表示されていなければ、各タブの左にあるドロップダウンリストからOutlinerを選んで表示させてください。(3DViewはこの先で使うので閉じないように)
![Outliner](https://www.dropbox.com/s/o8sl9mbc9ktfubv/Screen%20Shot%202012-12-26%20at%2014.50.15.png?dl=1)

Meshとか、Mesh.001と言うのがImportした部品です。Meshのツリーを開くと、頭(head)、手1(hand01)、手(hand)、髪(hair)、足(foot)、脚(legs)、胴体(torso)というパーツで構成されていることが分かります。
![Outliner Meshes](https://www.dropbox.com/s/hy281tub72ij90y/Screen%20Shot%202012-12-26%20at%2014.50.36.png?dl=1)

## テクスチャの貼り付け

3DViewの下メニューで、表示の方法をテクスチャ付きにしておきましょう。
![テクスチャ表示](https://www.dropbox.com/s/yf54s5ay8mslqm7/Screen%20Shot%202012-12-26%20at%2016.45.46.png?dl=1)

Outlinerから、白い逆三角形アイコン付きでリストされている項目(head等)を選ぶと、EditModeでオブジェクトを選択した状態になります。

EditModeではパーツごとに頂点や面や頂点を結ぶ線などを詳細に編集できます。

テクスチャは、パーツごとに貼り付けて行きます。

EditModeの状態で、3DView上でAを押すと、全選択↔選択解除の切り替えができます。

全選択![all](https://www.dropbox.com/s/xs4m4pn4vg05tan/Screen%20Shot%202012-12-26%20at%2015.49.02.png?dl=1)選択解除![nothing](https://www.dropbox.com/s/i9ppkq0obckkitb/Screen%20Shot%202012-12-26%20at%2015.49.19.png?dl=1)

テクスチャの指定は、全選択の状態で行います。

テクスチャの指定のためには、UV/ImageEditorを開く必要があります。

まず以下の画像のように、各パネルウィンドウの右上のシマシマ三角をドラッグして、ウィンドウの分割を行います。
![ドラッグする部分](https://www.dropbox.com/s/0kjeynlyslj14sw/Screen%20Shot%202012-12-26%20at%2015.54.23.png?dl=1)

するとこのようにパネルウィンドウが複製され、画面が分割されます。
![増えるパネル](https://www.dropbox.com/s/slg75inb5ywk74w/Screen%20Shot%202012-12-26%20at%2016.03.56.png?dl=1)

分割して増えたウィンドウの下にあるアイコンからドロップダウンリストを開き、UV/ImageEditorを選択します。
![Panel](https://www.dropbox.com/s/xud3unswd9n1z28/Screen%20Shot%202012-12-26%20at%2016.04.12.png?dl=1)

EditModeで正しく前選択されている場合、図のように展開図のような線がUV/ImageEditorに表示されます。
![テクスチャ台紙](https://www.dropbox.com/s/d7qgic2jk9fu1nr/Screen%20Shot%202012-12-26%20at%2016.33.18.png?dl=1)

線が表示されていれば、テクスチャ画像を選択します。
UV/ImageEditorの下部メニューから、
Image>Open Image
でファイルセレクタを起動します。
![テクスチャ選択](https://www.dropbox.com/s/pqfhglv19fx1zqm/Screen%20Shot%202012-12-26%20at%2016.26.42.png?dl=1)

テクスチャはパーツごとに分かれていますので、適切なテクスチャを各パーツに貼り付けてください。（手のテクスチャは両手とも共有です）

## 破綻の解決

貼り付け終わったら、破綻がないかチェックしてみましょう。
![貼り付け終わり](https://www.dropbox.com/s/op2fxdhbikos96s/Screen%20Shot%202012-12-26%20at%2017.06.37.png?dl=1)

女性の右の額で一部髪の毛のテクスチャが表示されていないはずです。
![破綻部分](https://www.dropbox.com/s/61gr71swqi085sn/Screen%20Shot%202012-12-26%20at%2017.07.16.png?dl=1)

この部分は、他の面と比べると、表と裏が逆になっています。
なので、それを裏返せばちゃんと表示されるはずです。

Editモードにした状態で、下のメニューから下のアイコンをクリックして面選択モードにします。
![面選択](https://www.dropbox.com/s/ke0n4kym41jrdgs/Screen%20Shot%202012-12-26%20at%2017.10.20.png?dl=1)

3DView上でAキーを何度か押して、全選択解除しておきましょう。
破綻した部分の面を選択(右クリック)します。
![破綻した面を選択](https://www.dropbox.com/s/bqp4lwsuepwiayx/Screen%20Shot%202012-12-26%20at%2017.16.37.png?dl=1)

3DView上に表示されてるMeshToolsを使用します。表示されていない場合はTキーで表示できます。
![MeshTool](https://www.dropbox.com/s/2p5kkgy7ge9d84t/Screen%20Shot%202012-12-26%20at%2017.18.45.png?dl=1)

MeshToolsをスクロールすると、Normalsのメニューがありますので、Flip Directionをクリックします。
![Normals](https://www.dropbox.com/s/1l0n175ch1ywqkk/Screen%20Shot%202012-12-26%20at%2017.23.05.png?dl=1)

破綻が直りました。
![直った](https://www.dropbox.com/s/p9aq8o0mg3oze23/Screen%20Shot%202012-12-26%20at%2017.26.36.png?dl=1)

## UnityにBlenderのファイルを読み込む

Unityへの読み込みは簡単なのでテキストで説明していきます。

Unityは、Blenderの表示ファイル形式である.blend形式のファイルをインポートできますので、普通に保存してしまいます。

保存した.blendファイルをUnityのAssetにドラッグ＆ドロップでコピーします。

テクスチャファイルもフォルダごと移動しましょう。

このとおり読み込む事ができました。
![Unity](https://www.dropbox.com/s/u9lcy94gtot6qdv/Screen%20Shot%202012-12-26%20at%2014.34.34.png?dl=1)
(手のテクスチャだけ何故かDDS形式のファイルがUnityで読み込めないのでPNGに出力して使いました)

3方向から
![3方向](https://www.dropbox.com/s/lhdsst41hud1lot/Screen%20Shot%202012-12-26%20at%2017.52.04.png?dl=1)

## 余談

Blenderでウィンドウの分割で増えたウィンドウを消すには統合を行います。統合の方法は、元のパネルウィンドの方(境界線に近い方)のシマシマ三角をドラッグして増えた方のパネルウィンドウに重ねることで統合方向を選択できます。

統合方向の選択状態では、消える方のパネルウィンドウが暗くなって、矢印が表示されます。
![統合選択](https://www.dropbox.com/s/og5n5bemcspvclo/Screen%20Shot%202012-12-26%20at%2016.12.55.png?dl=1)
この状態で、ドラッグしたままパネルウィンドウにポイントを移して統合の方向を選択します。

分かりづれーよね。

たくさん増えちゃった分割ウィンドウを統合させるには順序があったりしてややこしいです。