【Unity】SDプロ生ちゃんを動かす！

2016/12/11 Sun [edit]

　以前、標準サイズのプロ生ちゃんを動かす方法を書いてみたのだが、その後、Unity エディタやモデルのバージョンアップに伴い、記事の内容がかなり古くなってしまったので、改めて記事を書き直してみることにした。

　せっかくなので当時のモデルには入ってなかった「SDサイズ」を動かしてみようと思う。内容的には標準サイズのプロ生ちゃんを動かす方法と変わらないので、SDプロ生ちゃんを動かした後、標準サイズのモデルに入れ替える方法も兼ねてやってみよう。最新版（掲載時点：Ver.3・2016/11/06）には Tシャツ姿なども入っているので、試しに動かしてみる。基本的には簡略のため、ほとんどがデフォルト状態のままいくので、微調整は各自で適当にやって欲しい。

※ Unity 5.5.0f3 / Windows10(x64) で確認

＞＞完成サンプル(別ウィンドウ)

■インポート等前準備
■動かすためのセットアップ
■標準サイズ（Tシャツ）のプロ生ちゃんに変更してみる
■ドラッグでアングルを変えられるカメラをセットアップする
■簡単なステージを作ってみる
■スカイボックスを設定する

■インポート等前準備

１．はじめに「暮井慧（プロ生ちゃん） MMD/Unity/FBX 公式データ」をダウンロードしよう。ニコニコのアカウントが必要なので、無ければ適当にアカウントを作れば良い。右側にある「ダウンロード」ボタンを押せば、zip がダウンロードできる。ダウンロードが完了したら解凍して、「Pronama-chan_Ver3＞Unity(Ver.3)」フォルダにある「PronamaChan_Ver3.unitypackage」を新しいプロジェクトにでもインポートしよう（SDだけなら「PronamaChanSD_Ver3.unitypackage」でも良い）。またエディタがUnity5.5以降なら「PronamaChanShaderForUnity5.5.unitypackage」(5.5用シェーダ)もインポートしても良いかも知れない。

２．次にモデルを動かすために、ユニティちゃんのオフィシャルサイトからユニティちゃんモデルのパッケージをダウンロードしよう。右上の「DATA DOWNLOAD」を押して、キャラクター利用のガイドラインの一番下まで行き、「ユニティちゃんライセンス」に同意すればダウンロードページへ行ける。ここから「ユニティちゃん 3Dモデルデータ」（掲載時点 Version 1.2 [UnityChan_1_2.unitypackage]）をダウンロードする。これも同じようにプロジェクトへインポートしよう。

３．準備ができたら、とりあえず動き回れる床を作りたいので、「GameObject＞3D Object」メニューから「Cube」などで床を作ろう。「Transform」で Y 軸とスケールだけ調整しよう。大きさなどは任意で良い。

４．次にプロ生ちゃんのモデルを配置しよう。プロジェクトエクスプローラで「PronamaChan＞Prefab＞SD＞Unlit」を開き、「PronamaChan_SD_dynamic_xxx.prefab」(xxx はスパッツなどのバリエーション)をヒエラルキーにドラッグ＆ドロップする。ちなみに「～_dynamic」は「揺れ物（髪やスカートなどの揺れ）」がセットアップされているプレファブだ。自力でセットアップするのは非常に大変なので、製作者様には本当に感謝としか言いようがない(笑)。位置だけは (0, 0, 0) にしておこう。ずれてしまった場合は Transform の Position で修正できる。

５．モデルを配置したら、「GameObject」メニューから「Create Empty」で空オブジェクトを作り、適当に名前を付け、Position を原点(0, 0, 0) に合わせよう。そしたらこの中に、先ほど配置したモデル「PronamaChan_SD_dynamic_xxx」(xxx はスパッツなどのバリエーション)をヒエラルキーでドラッグ＆ドロップして子要素にする。これは後でモデルだけ簡単に入れ替えるため措置だ。空オブジェクト（親）の名前は「PronamaChanSD_Locomotion」にしておいた。

６．また、カメラが少し遠いので、位置も調整しておこう。ここでは正面からにしておいた。シーンは適当な名前で保存しておく。

■動かすためのセットアップ

　前準備ができたら、ユニティちゃんパッケージには移動用アニメーターとスクリプトが付いているので、これを改造したものを使ってプロ生ちゃんを動かしてみよう。

＞＞サンプルのスクリプトをダウンロード
(Google Drive を利用。画面右上にあるダウンロードアイコンを押す)

１．まずはアニメーターから設定する。プロジェクトエクスプローラで「UnityChan＞Animatiors」フォルダを開き、「UnityChanLocomotions」を探そう。次に、ヒエラルキーから配置したモデル「PronamaChanSD_Locomotion」の子要素「PronamaChan_SD_dynamic_xxx」(xxx はスパッツなどのバリエーション)をクリックし、インスペクターの「Animator＞Controller」に見つけた「UnityChanLocomotions」（移動用アニメーター）を設定しよう。これはユニティちゃん用だが、表情レイヤー以外ならそのまま使える（今回は表情は固定のまま）。また「Apply Root Motion」のチェックは外しておく。

２．次に移動用スクリプトを設定しよう。ダウンロードしたサンプルの中に「UnityChanControlScriptWithRgidBodyForAny.cs」というファイルがある。これをインポートして、ヒエラルキーのモデルの親要素「PronamaChanSD_Locomotion」をクリックし、インスペクターにドラッグ＆ドロップしよう。これはユニティちゃん用のスクリプトを少しばかり改造したものだ。内容的にはアニメーターの取得を子要素まで拡げたり、衝突判定を無視するレイヤーの設定、ジャンプカメラの無効化くらいで、基本はほとんど変わってない。
※ Unity5 用のユニティちゃんスクリプトの修正パッチ「UnityChanScript_ver1.2.1_Unity5only.unitypackage」にも合わせてある。内容的には AnimatorStateInfo のプロパティ： nameHash (Unity4) → fullPathHash (Unity5) に変更されただけ。

３．スクリプトを追加したら、「Capsule Collider」も自動的に追加されたと思うが、インスペクターで「Center＞Y」と「Radius」あたりを調整しておこう。値は好きにして構わない。なお、サイズを調整するとき等はシーンギズモの真ん中の■を押して「平行投影モード」にした方がわかりやすい。もう一度押すと元に戻る。

平行投影モード

４．次にインスペクターで「Rigidbody」の「Constraints」の▼を開き、「Freeze Rotation」を全てチェックを入れておこう。これを入れておかないと、移動したとき、コケる(笑)。

５．最後に、カメラは固定で移動するとプロ生ちゃんが見えなくなってしまうので、カメラをキャラに追従させよう。一番簡単な方法は「Main Camera」を「PronamaChanSD_Locomotion」の子要素にしてしまう方法だ。ヒエラルキーで「Main Camera」を「PronamaChanSD_Locomotion」にドラッグ＆ドロップして、カメラの位置を調整するだけで良い。こうするとプロ生ちゃんと一緒にカメラも動く。これでとりあえずは目的達成だ。

走り出すプロ生ちゃん

　プレイボタンを押して動作を確認してみよう。上手くできていれば、カーソルキー上下で前進・後退、カーソルキー左右で旋回、移動中にスペースキーでジャンプ、停止中にスペースキーで伸びポーズをするハズだ（床が光っていてわかりずらいかも知れないが）。

■標準サイズ（Tシャツ）のプロ生ちゃんに変更してみる

　ここからはオマケになるが、せっかく色々なモデル（衣装）が入っているので、上記の完成した SDプロ生ちゃんを使って標準サイズのプロ生ちゃんも動かしてみよう。実際にはプロ生ちゃんではなくても、「ニコニ立体ちゃん」や「東北ずん子」などメカニムを使用しているモデルなら同じ方法で動かせる。

１．ヒエラルキーで先ほど作った「PronamaChanSD_Locomotion」を選択し、Ctrl - D で複製しよう。複製したらわかりやすいように名前を変更し、複製元のオブジェクトはインスペクタの一番上のチェックを外して非表示にしよう。

２．複製した方の子要素「PronamaChan_SD_dynamic_xxx」(xxx はスパッツなどのバリエーション)は削除し、プロジェクトエクスプローラで「PronamaChan＞Prefabs」以下から好きなモデルを選んで、先ほどの複製（ここでは「PronamaChanT_Locomotion」とする）にドラッグ＆ドロップして子要素にしよう。モデルによっては「Equipments Changer」(衣装変更)と「Blend Shape Value Changer」(表情変更)が付いているかもしれない。その場合はチェックを外しておこう。

アタッチされていたらチェックを外す

３．あとはSDプロ生ちゃんのときのセットアップと同じだ。追加したモデルに「UnityChan＞Animators」内のアニメーター「UnityChanLocomotions」を設定し、親オブジェクトの「Capsule Collider」を調整しよう。以下は設定例だが任意で良い。

４．最後にカメラがSDサイズのときの高さになっているので、Y軸だけ調整しよう。値は任意で良い。セットアップし終わったら、プレイして動くことを確認してみよう。他のモデルもこの方法で簡単に入れ替えられる。

■ドラッグでアングルを変えられるカメラをセットアップする

　上記のセットアップではカメラは移動ブジェクトの子要素になっていたため、アングルが固定されたままだった。せっかなので、以前「SmoothFollow に回転アングルと高さと距離の遠近機能を付けてみる」で作ったスクリプトをカメラに追加して、キャラの回りをドラッグでぐるりと眺めてみよう。

※ここからは元のSDサイズでやるので、「PronamaChanSD_Locomotion」をインスペクタで表示に、「PronamaChanT_Locomotion」を非表示にして下さい。

１．ヒエラルキーで先ほど作った「PronamaChanSD_Locomotion」をクリックし展開しよう。先ほどのままの場合、「Main Camera」が子オブジェクトになっていると思うが、これをドラッグして外に出してしまおう。

２．カメラをオブジェクトの外に出したら、ヒエラルキーで再び「PronamaChanSD_Locomotion」を選択し、右クリックから「Create Empty」で空の GameObject を追加しよう（子要素にする）。これをカメラの視点とするので、Y軸だけ調整し、名前を「TargetPos」とでも付けておこう（名前は任意）。

３．次に、ダウンロードしたアーカイブに「SmoothFollow2.cs」が入っているのでインポートして、カメラに追加しよう。追加したら先ほど作った視点用の空オブジェクト「TargetPos」を「Target」にドラッグ＆ドロップして設定しよう。その他のパラメタはデフォルトのままで良いが、ここではプロ生ちゃんを正面から見たいので「Pre Angle」（開始時のアングル）だけを 180度にしておく。後ろからにしたい場合は 0 のままで良い。

　これだけでとりあえずセットアップは完了だ。プレイして確認してみよう。ドラッグやホイールでアングルや距離が変えられるハズだ。またデフォルトでは[Z][X][C][V][B][N]キーでも操作できるようにしてある。設定パラメタの詳細・図解などは「SmoothFollow に回転アングルと高さと距離の遠近機能を付けてみる」を見て欲しい。

＞＞動作サンプル(別ウィンドウ)

■簡単なステージを作ってみる

　Unity Technology が提供している Sample Assets には便利なカメラスクリプトやマルチプラットフォームUI、パーティクルやエフェクト、車や飛行機などのモデル等も入っている。このアセット内にモックアップパーツのようなものも入っているので、プラットフォームゲームの仮置きにも良いかも知れない。
(※) 入っている素材は例とは少し異なるが、メニューから「Assets＞Import Package＞Prototyping」をインポートして使っても良い。

１．Ctrl - 9 で Asset Store を開き、検索ボックスに「Sample Assets」を入れて検索してみよう。「無料のみ」のボタンを押すと絞り込みやすい。リストが出たら「Sample Assets (beta) for Unity 4.6」を探して「ダウンロード」しよう。既に落としてあるなら「インポート」するだけで良い。
(※) Unity5.5 にアップグレードしたばかりのときは Asset Store にログインできない（エラーが出る）かも知れない。その場合は Unity エディタを再起動するとログインできるようになる。

２．インポートダイアログが出たら一旦ダイアログ下にある「None」ボタンを押して全てのチェックを外そう。全部入れても良いが、かなりの量があるので、今回はステージに使うパーツだけにする。スクロールバーで 2/3 過ぎたあたりに来たら、「Prototyping」というフォルダがあるので、そこにチェックを入れる。以下の階層のアセットは自動でチェックが入るので、あとはダイアログ下の「Import」ボタンを押して、エディタにインポートしよう。

３．インポートが終わったら、とりあえず床にテクスチャ（マテリアル）を貼ってみよう。プロジェクトエクスプローラで「Standard Assets＞Prototyping＞Materals」フォルダを開いて、「PrototypeGhecker」を Ctrl - D で複製しよう。複製したら「PrototypeGhecker 1」等の名前になっていると思うので、それをシーンビューの床（Cube）にドラッグ＆ドロップしよう。あとはインスペクタでタイリングのサイズなどを調整すれば良い（任意で良い）。
(※) プロ生ちゃんの壁紙などでも可。

４．あとはプロジェクトエクスプローラで「Standard Assets＞Prototyping＞Prefabs」フォルダ以下にあるオブジェクト（プレファブ）を適当に置くだけだ。配置するときはシーンギズモで平行投影モードにするか、レイアウトを 4分割（メニューから「Window＞Layouts＞4 Split」）にするのも良いかも知れない。また、Ctrl を押しながらオブジェクトを移動すれば、一定間隔でスナップしながら配置できる（スナップ量はメニューから「Edit＞Snap Settings...」で設定できる）。自由にステージを作ってみよう。

■スカイボックスを設定する

　最後にスカイボックスを設定してみよう。上記の「Sample Assets (beta) for Unity 4.6」にも Unity4 時代の Skybox が入っているが、せっかくなので別のスカイボックスを使ってみよう。

１．再び Ctrl - 9 で Asset Store を開き、検索ボックスに「Fantasy Skybox」を入れて検索し、「無料のみ」のボタンを押してみよう。リストが出たら「Fantasy Skybox FREE」を探して「ダウンロード」し、続けて「インポート」しよう。
(※) Unity5.5 にアップグレードしたばかりのときは Asset Store にログインできない（エラーが出る）かも知れない。その場合は Unity エディタを再起動するとログインできるようになる。

２．ダイアログが出たら「Import」ボタンでインポートしよう。インポートが終わったら、プロジェクトエクスプローラで「Fantasy Skybox FREE＞Materials」フォルダにある「Sunny 01A」を探そう。

３．見つけたらメニューから「Window＞Lighting」を開き、一番上にある「Enviroment Lighting」の「Skybox」に「Sunny 01A」を設定する。これでとりあえずは完成だ。

＞＞完成サンプル(別ウィンドウ)

　ほとんどの設定がデフォルトのままなので、色々変更・調整してみると良いだろう。特に Unity5 になってからはライティングやシェーダーの仕様が大幅に変更されたようで、そういう意味では今回はかなりいい加減だ、その辺はきちんと調べた方が良いかも知れない。とりあえず動かせれば良い人向けということで(笑)。

●樽と鉄筋でドンキーコングっぽいステージを作ってゲームらしく改造したらこんな感じ

＞＞プロ生ちゃん in Action Game! (別ウィンドウ)

プロ生ちゃん2面を追加。ついでに今後のためにもタイトル(?)っぽい画面＆ジャンプも作ってみた。クリアすると次ステージへいつでも行けるようになる。実は素材のテストやプリロードも兼ねてるんだけどね(笑)。ブラッククエリちゃんもいる。https://t.co/JO60T0bvVa pic.twitter.com/ctaPydFzA8
— ヽ｜∵｜ゝ(Fantom) (@fantom_1x) 2017年1月11日