ARコンテンツを作ってみよう

先ほどダウンロードしたARマーカー画像，モデル，モーション，モデルを使って，ARコンテンツを作っていきましょう．

素材の導入

1.ARマーカーとVuforiaをUnityに導入する

Asset>Import Package>Custum Package...をクリックし，ファイルを追加してきます． 追加するファイルは以下の2つです．

• (AutumnAR).unitypackage : ARマーカーファイル
• vuforia-unity-android-ios-3-x-x.unitypackage : SDKパッケージ

2つのパッケージを追加すると，ファイル構成は以下のようになります．

2.初音ミクのモデル・音楽データ・モーションデータをUnityに導入する

モデルや音楽のデータを入れておくファイルを作りましょう．

Projectタブ内のAssetsフォルダの上で右クリックをして，Create->Folderをクリックし，Resourcesという名前のフォルダを作成して下さい．

フォルダができたら，Resourcesフォルダの中にドラッグアンドドロップでモデルデータ，音楽データ・モーションデータを入れて下さい．

音楽データについての注意

デフォルトでは音楽データの3D Soundというオプションにチェックがついています．

ここにチェックが入っているときちんと音楽が鳴らないのでチェックを外して下さい．

チェックを外したら，Applyボタンを押してください．

3.MMD4Mecanimを導入する

先ほどダウンロードしたMMD4Mecanimのファイルに，

MMD4Mecanim.unitypackageというファイルがあります．

これを1と同じ手順でUnityに読み込ませて下さい．

以上で素材の導入は終了です．

モデルとモーションを変換する

モデルとモーションを変換して，ミクに登場してもらいましょう．

Resources→Lat式ミクVer2.31フォルダのにはモデルを構成する様々なデータが入っています．この中で，Unityのアイコンの『Lat式ミクVer2.31_Nomal.MMD4Mecanim.asset』というファイルを探して下さい．

このとき，Inspectorタブに利用規約が表示されます． きちんと読んで利用規約に同意してから使用するようにしましょう．

利用規約に同意すると，このような画面に移行します．

モデルデータは指定されているので，モーションデータを指定しましょう．

nekomimi_latというモーションデータを探し出し，指定して下さい．

指定ができたら，下のProcessボタンをクリックして，モデルが変換できるまで待って下さい．

とうとうミクを登場させることが出来ました！

カメラを動かしてもっと間近で見ましょう．

しかし少しモデルが暗く見づらいですね．

GameObjectタブからDirectionalLightを選び，光源を設置しましょう．

ミクが明るく見えるようになりました！

ただでさえ天使のミクさんをさらに天使にするコツ

今のままではモデルのエッジ(縁)が目立ちますね．

このエッジを滑らかにして，モデルをよりキレイに見せる方法を紹介します．

EditタブからProjectSetting→Quallityをクリックして下さい．

Inspectorsタブに，チェックボックスが沢山並んでいる部分があります． Levelが6つあり，下に行くほど素材をキレイに表示することが出来ますが，PCや端末のリソース(バッテリー，メモリ，etc...)を消費します．

生協指定PCは十分にリソースが確保されているはずですので，一番下のFantasticを指定しましょう．

このとき，FantasticオプションのAnti Aliasingを『8x Multi Sampling』(最高レベル)に指定してください．

どの端末をFantasticにするかはみなさんのもつ端末に任せます．

iPhoneを使っている人はiOSアプリ，Android端末(Xperia,GALAXY,ARROWSなど)を使っている人はAndroidアプリのクオリティをFantasticにしてください．

このままでは，ミクは動いてくれません．

変換したモーションを，ミクに設定する必要があります．

ミクの素材が入ったLat式ミクVer2.31のフォルダの中で右クリックをして，Create->Animator Controllerをクリックしてください．

Animator Controllerを作ったら，名前をつけてください．自由につけてかまいません．思いつかなければ「nekomimi」でよいでしょう．

Animator Controllerを作成すると，Sceneタブの横にAnimatorタブが出来ます．これをクリックして，アニメーションを設定する画面を開いて下さい．

次に，初音ミクのモデルデータの右側にある小さな矢印をクリックし，モーションの名前のついたファイル(Nullではない)を探します．今回の場合は，nekomimiという名前が付いています．

これをAnimatorタブの中にドラッグ・アンド・ドロップしてください．

これでアニメーションファイルの設定は終了です．

次にミクにこのファイルを設定しましょう．

Hierarchyタブの中にあるミクのモデルをクリックし，Inspectorタブを見ると，Animatorというオプションを確認できます．

ここのcontrollerという場所に，先ほど作ったAnimator Controllerをドラッグ・アンド・ドロップしてください．

これでミクにモーションファイルを設定することが出来ました．

最後に，音楽データを設定してミクに踊ってもらいましょう．

Animatorオプションの下に，5つのボタンが並んでいます．

ここの『Anim』というボタンをクリックして，Audio ClipにResourcesフォルダに置いておいた音楽ファイルをドラッグ・アンド・ドロップして下さい．

これでミクに関する全ての設定が終わりました． 上にある再生ボタンを押して，ミクが踊るかどうか確認して下さい．

ARで表示出来るようにする

次に，この踊るミクをARで表示できるようにしていきましょう．

あと一息です．頑張っていきましょう！

Asset＞Qualcomm Reality＞Prefabsの中にある

• ARCamera
• ImageTarget

というファイルを，Hierarchyフォルダに追加して下さい．

※初音ミクのモデルが白い板に埋まってしまっている人は，Hierarchyタブで初音ミクのモデルを選択し，緑の矢印をドラッグして板の上に乗るように調整して下さい．

ImageTargetは，どういった画像をマーカーとして使うか，その画像を認識した時どのようなコンテンツを表示するかをまとめて指定できるプログラムです．

ARCameraは，ImageTargetで指定した画像を見つけ出すためのプログラムです．

ImageTargetの設定

私達が作りたいものは，

• 初音ミクの画像を読み込んだら
• 初音ミクにダンスを踊ってもらう

アプリです．初音ミクの画像と，初音ミクのモデルデータをImageTargetに設定しましょう．

画像の設定

HierarchyタブでImageTargetを選択し，Inspectorタブの中のImageTarget Behaviors内，Datasetオプションを自分で作ったマーカーの名前に変更する．(例ではAutumnAR)

これで画像の設定は終了です．

コンテンツの設定

Hierarchyタブの初音ミクのモデルデータを，ImageTargetにドラッグ・アンド・ドロップします．

このままでは，ミクが小さすぎて全くみえないので，大きさを調整します．

モデルデータを選択した状態でInspectorタブの中で，Transformオプションの中のScaleをXYZ共に0.5に設定しましょう．

これでモデルの設定は終了です．

ね？簡単でしょ？

最後にHierarchyからMain Cameraを削除し，ARCameraの位置を調整して，終了です．

※Unityをインストールして30日間は，UnityPro(有料版，13万程度)の機能を使用することが出来ます．

この30日間の間であれば，PCのインカメラを使用してARの挙動を確認することが出来ますので，試してみてください．