ゲームツクール第1回 unity x vuforiaでarカメラを作ろう!
Post on 23-Jun-2015
1.282 views
DESCRIPTION
ゲームツクール第1回で作ったVuforia ARカメラの作り方をまとめています。TRANSCRIPT
![Page 1: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/1.jpg)
ゲームツクール!第1回復習資料
2013/9/28 FAGStudio 荒川巧也
Unity × Vuforia =ノーコーディングでARカメラを作ろう!
( for iOS/Andorid )
![Page 2: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/2.jpg)
Unity4入門のご紹介
・・一生懸命書きましたので宣伝しておきます(笑)
Unityを初めて触る人がUnityの基本操作を学べる本。mecanimなどのUnity4の新機能をサポート。
![Page 3: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/3.jpg)
コッコと不思議の塔のご紹介
iOS/Androidで絶賛無料配信中!!Unityで作られたゲームです!
![Page 4: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/4.jpg)
ゲームツクール!第1回の復習
Unity × Vuforia =ノーコーディングでARカメラを作ろう!
( for iOS/Andorid )
![Page 5: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/5.jpg)
Vuforiaって何だ?米Qualcomm社が提供するミドルウェア。Qualcommは通信技術を研究する企業として有名ですが、モバイル技術も積極的に研究しています。
![Page 6: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/6.jpg)
1.Vuforiaをダウンロードしよう
https://developer.vuforia.com/ にアクセスする。
![Page 7: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/7.jpg)
2.アカウント登録しよう
右上の「Register」をクリックする。
クリックする
![Page 8: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/8.jpg)
3.アカウント登録について
パスワードはアルファベットの大文字・小文字・数字を混ぜて8文字以上にする必要があります。
開発ターゲットにしているプラットフォームを選択。Android/iOS両方ターゲットにしている場合は、両方にチェックを入れる。
![Page 9: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/9.jpg)
「Download the SDK」 をクリックしてSDKの ダウンロード画面へ飛 びます。
4.SDKをダウンロード①
![Page 10: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/10.jpg)
5.SDKダウンロード②
「Unity Extension」を選択。
クリックしてダウンロード。
![Page 11: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/11.jpg)
6.SDKダウンロード③
① 1番下まで下げる。
ライセンス規約を承諾する画面になります。
② I agree をクリック「vuforia-unity-android-ios-2-6-7.unitypackage」ダウンロード開始されます。
![Page 12: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/12.jpg)
7.ターゲットとなるイラスト登録①
Target Managerをクリックする
![Page 13: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/13.jpg)
8.ターゲットとなるイラスト登録②
Create Databaseをクリック。
![Page 14: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/14.jpg)
9.ターゲットとなるイラスト登録③
データベースの名前を設定します。*ここではHiyokoと登録してみました。
![Page 15: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/15.jpg)
10.ターゲットとなるイラスト登録④
「Hiyoko」(Database名)をクリックします。
![Page 16: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/16.jpg)
11.ターゲットとなるイラスト登録⑤
Add Target をクリック。
![Page 17: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/17.jpg)
12.ターゲットとなるイラスト登録⑥
Targetとなるイラストの名前を登録します。
Targetとなる物体の形を選択します。今回はSingle Imageを選択します。
Targetとなる物体の面積を入力します。今回は419としました。
Targetとなる画像を設定します。
Addをクリックします。
![Page 18: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/18.jpg)
13.ターゲットとなるイラスト登録⑦
Targetが登録されました。
![Page 19: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/19.jpg)
14.ターゲットとなるイラスト登録⑧
① チェックを入れます。
② Download Selected Targetsをクリックします。
![Page 20: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/20.jpg)
15.ターゲットとなるイラスト登録⑨
① Unity Editorを選択
② Createを選択
Hiyoko(イラスト名).unitypackageが生成されてダウンロードが開始されます。
![Page 21: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/21.jpg)
16.Unityを起動します。
*写真はUnity Proですが、無料版Unityで問題 ありません。
![Page 22: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/22.jpg)
17.ダウンロードしたUnityPackageをインポートする
Assets → Import Package→ Custom Package
1. vuforia-unity-android-ios-2-6-7.unitypackage
2. Hiyoko.unitypackage
上記1.と2.のUnitypackageをインポートする。
![Page 23: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/23.jpg)
18.UnityPackageをインポート完了
インポート完了
![Page 24: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/24.jpg)
19.AR Cameraを設定する①
Qualcomm Augmented Reality → Prefabs →AR Camera
![Page 25: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/25.jpg)
20.AR Cameraを設定する②
① Main Camera削除
② ARCameraをHierarchy Viewに入れる
![Page 26: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/26.jpg)
21.ImageTargetを設定する
ImageTargetをHierarchy Viewに移動
![Page 27: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/27.jpg)
こんなかんじになりましたか?
![Page 28: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/28.jpg)
22.ARCameraの位置調整
Position X 0, Y 420, Z 0*任意で調整していただいてOKです。
ARCameraでImage Targetを見下ろします。
![Page 29: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/29.jpg)
23.ARCameraの位置調整
ImageTarget →Image Target Behaviour→ Data Set (Emptyをイラスト名に変える)
![Page 30: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/30.jpg)
Game Viewで見るとこんなかんじになる
![Page 31: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/31.jpg)
3Dモデルをインポートしてください
アセットストアから無料素材インポートしてください。Cubeなどプリミティブ素材を使ってもOKです。
![Page 32: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/32.jpg)
24.3Dモデルをセットする
ImageTargetの子オブジェクトになるように3Dモデルをセットします。*3Dオブジェクトのサイズの調整 も行ってください。
![Page 33: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/33.jpg)
25.Directional Lightを追加
![Page 34: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/34.jpg)
26.ARCameraの設定
ARCamera →Data Set Load Behaviour→ Load Data Set (イラスト名)にチェック→Activateにチェック
![Page 35: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/35.jpg)
27.BuildSettingあとはiOS/Androidにビルドのみです。
![Page 36: ゲームツクール第1回 Unity x VuforiaでARカメラを作ろう!](https://reader035.vdocuments.net/reader035/viewer/2022081720/55893fe0d8b42abb5b8b466c/html5/thumbnails/36.jpg)
28.完成
この資料に目を通していただきありがとうございました。