世界で一番簡単なARアプリ作成を体験しよう！


2016年=VR元年。

現時点でAR、VRに本気で取り組んでいる企業（や個人）はまだ少ないんじゃないでしょうか？そう、今ならアーリーアダプタになれるのです。

**いつやるの？今で...(ry**

でも「AR/VRって気になるけど、なんかすごいスキルがないといけないんじゃ？」と二の足を踏んでいるのかもしれません。僕もそうでした。しかししかししかし！世の中というものは常に進化していて、「誰でも」「簡単に」ARアプリを体験できるライブラリが存在します。

本日は、[Vuforia](https://developer.vuforia.com/)を使って、ARをサクッと体験するまでの道のりを説明します。

所要時間、30分未満。

## 準備しておくもの
- ワクワクした気持ち
- Unity

## Unityのプロジェクトを作成する
まずは適当に3Dのプロジェクトを作成します。

![スクリーンショット_2016-09-14_20_26_14.png](https://qiita-image-store.s3.amazonaws.com/0/44007/484a1193-f279-03ac-eb95-7d2e92a8abfd.png "スクリーンショット_2016-09-14_20_26_14.png")

## Vuforiaのアカウントを取得する
[Vuforia](https://developer.vuforia.com/)のアカウントを取得、ログインまで済ませておきましょう。

![スクリーンショット 2016-09-14 20.29.59.png](https://qiita-image-store.s3.amazonaws.com/0/44007/de51ef71-907b-3bb8-9dfe-3736b831c528.png "スクリーンショット 2016-09-14 20.29.59.png")

## SDKの入手
Downloadから、Unity用のSDKファイルを入手しましょう。

![スクリーンショット_2016-09-14_20_32_07.png](https://qiita-image-store.s3.amazonaws.com/0/44007/e56c8082-f6ad-dbbb-a62d-3cbddbe3f79b.png "スクリーンショット_2016-09-14_20_32_07.png")

## ライセンスキーの発行
Developから、Add License Keyで作っていきます。

![スクリーンショット_2016-09-14_20_33_59.png](https://qiita-image-store.s3.amazonaws.com/0/44007/896b41ec-1d92-fcc7-fdf5-91b9492aa4bf.png "スクリーンショット_2016-09-14_20_33_59.png")

こんな感じで入力すればOK。あとはNEXT押して確認画面でOKすれば出来上がり。

![スクリーンショット_2016-09-14_20_37_39.png](https://qiita-image-store.s3.amazonaws.com/0/44007/ad30a68d-44c7-654b-7e69-a8d7c30ed30a.png "スクリーンショット_2016-09-14_20_37_39.png")

ね。

![スクリーンショット_2016-09-14_20_40_33.png](https://qiita-image-store.s3.amazonaws.com/0/44007/4ecde93e-49cd-9116-44c3-a387911ba139.png "スクリーンショット_2016-09-14_20_40_33.png")

これでLicenseが発行されているので、メモっておきます。あとでUnity側で使いますからね。

![スクリーンショット_2016-09-14_20_42_24.png](https://qiita-image-store.s3.amazonaws.com/0/44007/a0320505-e81d-65d2-d551-faf8b1d59af6.png "スクリーンショット_2016-09-14_20_42_24.png")

## データベースの登録
続けて、Target Managerからデータベースを登録していきます。

![スクリーンショット_2016-09-14_20_44_21.png](https://qiita-image-store.s3.amazonaws.com/0/44007/2747ed57-88b0-c9d4-f823-9e2736e5826c.png "スクリーンショット_2016-09-14_20_44_21.png")

なんか適当に名前つければデータベースの登録自体は終わり。

![スクリーンショット 2016-09-14 20.47.32.png](https://qiita-image-store.s3.amazonaws.com/0/44007/8b33bfd4-4a79-46a9-e6d5-01fb851eebf0.png "スクリーンショット 2016-09-14 20.47.32.png")

## ターゲットの登録
最後に、先ほど作成したデータベースにターゲットを登録すればおしまいです！

Add Targetを押して作成します。

![スクリーンショット_2016-09-14_20_48_16.png](https://qiita-image-store.s3.amazonaws.com/0/44007/df5889c6-4bd0-4451-b28c-d09fb0033219.png "スクリーンショット_2016-09-14_20_48_16.png")

今回はこんな感じの設定にしています。ターゲットにする画像は基本なんでもいいんですが、今回はUnityちゃんの公式ロゴを使っています。ここはお好きな画像で大丈夫。

![スクリーンショット_2016-09-14_20_49_59.png](https://qiita-image-store.s3.amazonaws.com/0/44007/7a7ba674-bbdd-fb8c-0d64-f5d515fdb5cd.png "スクリーンショット_2016-09-14_20_49_59.png")

できましたね！

![スクリーンショット_2016-09-14_20_50_17.png](https://qiita-image-store.s3.amazonaws.com/0/44007/f820c5b1-459f-4505-b024-276344a5098a.png "スクリーンショット_2016-09-14_20_50_17.png")

あとは作ったのをチェックしてダウンロード！

![スクリーンショット_2016-09-14_20_50_41.png](https://qiita-image-store.s3.amazonaws.com/0/44007/cf66c478-1a29-bf12-d679-95850caf9556.png "スクリーンショット_2016-09-14_20_50_41.png")

形式はUnity Editorを選びましょう。

![スクリーンショット 2016-09-14 20.50.52.png](https://qiita-image-store.s3.amazonaws.com/0/44007/264edb85-a643-0987-11ee-0461f92340f9.png "スクリーンショット 2016-09-14 20.50.52.png")

## Unityに組み込む
### SDKの読み込み
Assets > Import Package > Custom Packageから、先ほど落としてきたSDKを読み込みましょう。

### データベースの読み込み
上に同じ。データベースも同様に読み込みます。

## Assetsの配置
さて、ここからようやくUnityに触り始めます。

先ほど読み込んだAssetの中から、AR CameraとImage Targetをヒエラルキーにぽいっちょします。んで、もともとあったMain Cameraは要らない子なので、削除。

![スクリーンショット_2016-09-14_21_04_17.png](https://qiita-image-store.s3.amazonaws.com/0/44007/222e1eb0-571a-1c10-4a4c-f90a8ef5c501.png "スクリーンショット_2016-09-14_21_04_17.png")

次のAR Cameraのインスペクタにさっき取得したライセンスキーを入れて、チェックボックスを二箇所チェック、ぽちー。

![スクリーンショット_2016-09-14_21_09_12.png](https://qiita-image-store.s3.amazonaws.com/0/44007/3e455ce6-4749-8c53-ba34-44215b10be06.png "スクリーンショット_2016-09-14_21_09_12.png")

Image Targetのインスペクタで自分の作ったやつをセレクトボックスで選択、ぽちぽちー。

![スクリーンショット_2016-09-14_21_11_21.png](https://qiita-image-store.s3.amazonaws.com/0/44007/109aa442-c65b-9a91-d897-8f97efb175e4.png "スクリーンショット_2016-09-14_21_11_21.png")

## 表示するAssetの読み込み
Unityちゃんだと芸がないので、今回は[プロ生ちゃん](http://pronama.azurewebsites.net/pronama/3d-model/)を使用！（大して変わらない）これをImage Targetの子になるように配置してあげます。

ここまで出来れば！あとは実行するだけ！

![スクリーンショット_2016-09-14_21_21_15.png](https://qiita-image-store.s3.amazonaws.com/0/44007/452121f8-f470-9119-5acf-1c5d72debc76.png "スクリーンショット_2016-09-14_21_21_15.png")

## いざ、表示！
スマホ用にビルドしてもいいんですが、めんどくさいのでPCでそのまま動かしてみます（スマホ用にビルドする場合は、SDKとか入れないといけないので、あしからず）。PCにカメラがついてない人は諦めてスマホ用にビルドしてくださいませ。。。

![スクリーンショット_2016-09-14_21_25_24.png](https://qiita-image-store.s3.amazonaws.com/0/44007/8b5234a5-eda8-269e-8506-687befec59ad.png "スクリーンショット_2016-09-14_21_25_24.png")

※激しくモザイクを入れさせていただきました

ライトとか当ててないんであれですが、ちゃんと表示されましたね！うーん！プロ生ちゃんかわいい！スカートの中はどうな...(ry

## おわりに
サクッと作れると、すごいの作るぞっていうモチベーションも上がりますよね。ようこそ、楽し楽しいARの世界へ。