Vuforiaであそぼう！

Vuforiaであそぼう！
<a href="http://qiita.com/ayumegu/items/fce21e35f6c9fac0a83d" target="_blank">Vuforiaであそぼう！ その2</a>
<a href="http://qiita.com/ayumegu/items/5b72a91cdd6ec247883a" target="_blank">Vuforiaであそぼう！ その3</a>
<a href="http://qiita.com/ayumegu/items/a9c8218cbe187bb0c445" target="_blank">Vuforiaであそぼう！ その4</a>

昔ちょっと遊んだ時に<a href="http://befool.co.jp/blog/ayumegu/unity-study-vuforia/" target="_blank">記事</a>を書いたんだけど、
あれから約２年の歳月が流れてやり方が微妙に変わっていたので試してみる。

<a href="https://developer.vuforia.com/" target="_blank">Vuforiaのサイトはこちら</a>

Unityのバージョンは5.4系
開発環境はmac
Vuforiaのバージョンは 6

ここからsdkとかサンプルを落としてきて・・・
まずはsdkのパッケージをインポート！

<img width="194" alt="スクリーンショット 2016-09-02 12.32.03.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/53394730-a298-0c2a-f268-d08f7901b10c.png">


どうやらアプリごとにapp keyが必要なので作成
<a href="https://developer.vuforia.com/targetmanager/licenseManager/licenseListing" target="_blank">app key</a>

それからTarget Managerでマーカーの設定をして、Download Database でUnity Editorでダウンロード。
そしてunityにインポート
<img width="500" alt="スクリーンショット 2016-09-02 13.15.33.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/2d91e016-391b-f5e0-a6db-b35af9efcfd2.png">
<img width="300" alt="スクリーンショット 2016-09-02 13.15.39.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/d3202bab-e3f7-707c-a8af-c0f8f5438797.png">

サンプルもいっぱいあってどれ試すか迷っちゃうね。
<img width="400" alt="スクリーンショット 2016-09-02 13.57.57.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/5b38e0c1-04f7-e65f-e667-67e4c1ab9088.png">

##適当にデモを動かしてみる(ペンギンのやつ)
なんか色々サンプルあったけど名前の可愛さからこれにしてみる！
ベストプラクティスの中のペンギンです。coreからやるべきなんでしょうけど、ペンギンが早く見たい！ということでこれ
vuforia-samples-practices-unity-6-0-114の中にあったPenguin-6-0-114!

インポートしたらシーンが3つあります。
<img width="169" alt="スクリーンショット 2016-09-02 13.20.22.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/99843169-849a-9f64-65e1-a41d13cc3810.png">

BuildSettingでシーンを3つ設定して、Vuforia-2-Penguinのシーンを開き
ヒエラルキーのARCameraのインスペクタにapp keyを入れるところがあるのでセットする。
<img width="440" alt="スクリーンショット 2016-09-02 13.31.11.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/306024d0-543a-7317-0324-8c5b29896040.png">

ちなみにこの設定をしないで起動するとこんな風になります。
<img src="https://qiita-image-store.s3.amazonaws.com/0/46444/ab7a43c7-9a42-410b-213e-1b915c1f53e6.png" width="400px"/>

はい、ちゃんとappkeyをセットしてiosにビルドしてみました。
起動して、ソーダ缶取れって言われたからUnityEditor上のソーダ缶をカメラに表示されている線に合うように合わせると・・・
<img width="188" alt="スクリーンショット 2016-09-02 13.51.48.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/2c72ecd6-3cdd-3d76-eafe-a941a867c96b.png">

缶が凍ってペンギンでてきました〜　これ普通のマーカーのじゃないから普通の基本のをやってみよう。
<img src="https://qiita-image-store.s3.amazonaws.com/0/46444/8fcf8df0-827d-4655-816f-06c4e743de0f.png" width="500px"/>


##なんか作ってみる
基本のマーカーから3Dモデル召喚するやつをやってみる。
デモをいろいろ試したかったんだけどiosの実機転送に時間かかって脱線しちゃうので・・・。

まずは新規シーンを作成して、デフォルトであるカメラを削除。
そしたらVuforia/Prefabs/ARCameraをヒエラルキーにドロップ
もう一つImageTargetもヒエラルキーにドロップ
<img width="203" alt="スクリーンショット 2016-09-02 15.03.30.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/f6f5dae0-f959-dc8b-8710-3445cc4015c6.png">

ARCameraにApp keyをペってする
ImageTargetのインスペクターのDatabaseやImage Targetを自分のやつに修正
<img width="310" alt="スクリーンショット 2016-09-02 15.14.25.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/eaf956b3-1e70-597c-8dee-b26e7cbc7226.png">

ImageTargetの子に3Dモデルを配置
ARCameraのDatabase Load Behaviourで 使用するDatabaseにチェック入れるのを忘れずに
<img width="318" alt="スクリーンショット 2016-09-02 15.10.42.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/630d8e34-3544-d59f-cfc7-7e997137b271.png">

ヒエラルキーはこんな感じ
<img width="173" alt="スクリーンショット 2016-09-02 15.30.42.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/871b8be9-2110-2a50-1dec-c011d86606c2.png">

では実機にビルド〜
<img width="355" alt="スクリーンショット 2016-09-02 15.09.30.png" src="https://qiita-image-store.s3.amazonaws.com/0/46444/8abaac79-326a-34dc-f7c8-a9e44a570dba.png">

iphone端末からpcにうつっているマーカーであゆめぐちゃん召喚できました〜。
<img src="https://qiita-image-store.s3.amazonaws.com/0/46444/b39c5844-4472-9fcb-1ef3-42529c3c7cd4.png" width="400px">

２年前と一番変わったのはモデリング技術だねw(こちら2年前に遊んだ時のあゆめぐちゃん)
<img src="https://qiita-image-store.s3.amazonaws.com/0/46444/d97260db-7570-3ed0-d4d9-aa22ee36778a.jpeg" width="400px">

さて、召喚までは準備段階だよね。
ここからなにしようかなっと・・・机の上を行進するあゆめぐちゃんが作りたい！
とりあえず今回は一度ここで切り上げ。