#author("2019-02-21T08:52:30+00:00","","") #author("2019-02-21T08:54:18+00:00","","") [[戻る>専門ゼミ]] **Unityのインストール [#y88dea2d] +以下のURLにアクセスし、インストールしたいバージョンのUnityを選ぶ.~ [[Unity-Download Archive:https://unity3d.com/jp/get-unity/download/archive]]~ 今回はUnity 2018.3.4f1(64bit)を使用している. バージョンを選んだら,「ダウンロード(Win)」の中から「Unityインストーラー」を選びインストールする. +インストーラーを起動し,インストールを進める. #ref(Unityinstall.png,,75%)~ 上の画面では、作成したいアプリのOSをチェックしておく.~ -Vuforia Augmented Reality Support -Microsoft Visual Studio for Unity -Windows Store .NET Scripting Backer -Windows Store IL2CPP Scripting Backer -WebGL Build Support -Android Build Support -iOS Build Support ↑この辺をダウンロードしておくといいかもしれない ** Vuforiaの導入 [#z753d6dd] 参考サイト:[[UnityでARアプリを作りたい(Vuforia導入編):https://qiita.com/hey_cube/items/d12fa91abd6f7826dd78]] +開発者アカウントの作成 以下のURLにアクセスしてアカウントを作る.~ https://developer.vuforia.com/~ 右上に「Register」というボタンがあるので,それをクリックすると登録画面に移動する.~ 各項目を適当に埋めて登録する.~ +Licence Keyの登録 Licence Keyとは,アプリごとに固有でのもので,「このアプリは無料版/有料版のVuforiaを使っている」ということを示すためのものである.~ Vuforiaのサイトの上の方に「Develop」というタブがあるので,それをクリック, その中の「License Manager」タブをクリックすると,「Get License Key」というボタンが表示されるので,それをクリックすると,以下のような画面が表示される.~ #ref(licencekey.png,,75%)~ (画像は古いものなので,「Add Licence Key」になっている.)~ 今回はデモの作成なので,Project Typeは「Development」,Project DetailsのDeviceは「Mobile」にする.~ App Nameは適当に決めて大丈夫である.また,License Keyは「Develop - No Change」一択なのでそれを指定する. +Targetの登録 Targetとは,いわゆるARマーカーというものである.任意の画像を指定して,マーカーにする.~ 先ほどの「Develop」タブの中にある「Target Manager」タブをクリック.~ すると,「Add Database」というボタンが表示されるので,それをクリックすると,以下のような画面が表示される.~ #ref(target.png,,75%)~ Nameは適当な名前を入力し,Typeには「Device」を指定する.~ 「Create」ボタンを押すと新規のDatabaseが作成される.~ 先ほど作成したDatabaseの名前が画面に表示されているはずなので,それをクリック.~ すると,「Add Target」というボタンが表示されるので,それをクリックすると,以下のような画像が表示される.~ #ref(target2.png,,75%)~ Typeとは,マーカーの形状のことである.ここではSingle Imageを指定する.~ マーカーとして使用したい画像をFileに指定する.今回は以下の画像を使用するので,保存する. #ref(AR.png)~ Widthはマーカーの横幅の大きさを表す.ここでは100を指定する. Nameは適当に決めて大丈夫である. 最後に「Add」ボタンを押すとTargetがDatabaseに登録される. +Databaseのパッケージ化 先ほどTargetを登録したDatabaseの画面で,取り込みたいマーカーの左側にチェックを付けて,「Download Database(xx)」ボタン(xxはチェックを入れたTargetの数)をクリック. すると,プラットフォームを聞かれるので「Unity Editor」を指定する. 最後に「Download」ボタンをクリックすると,パッケージ化されたDatabaseがダウンロードできる.~ **AndroidSDK(Android Studio)のダウンロード [#z7e3e2aa] 参考サイト:[[Unity2018インストールからAndriodビルドするまでの手順:https://qiita.com/taroyan/items/2ff7f6aadd640221bde5]]~ AndroidアプリをコンパイルするのにはAndroidSDKが必要である.Android Studioというツールをインストールすると,同時にAndroidSDKもインストールされる.~ +下のサイトからAndroid Studioのインストーラをダウンロードし,インストールする.~ [[Android Studio:https://developer.android.com/studio/?hl=ja]]~ +インストールが終わったらAndroid Studioを起動し,Configure>SDK Managerと選択する.~ #ref(SDK1.png,,50%)~ +Appearance&Behaviour>System Settings>Android SDKと選択し,「AndroidSDKLocation」の欄にSDKのパスが設定されているので,これを覚えておく.~ #ref(SDK2.png,,50%)~ その後,「SDK Platforms」タブの中にあるAndroid5.0以上にチェックを入れて,Applyをクリックし,ダウンロードする.~ #ref(SDK3.png,,50%)~ その後,「SDK Tools」タブをクリックし,右下の「Show Package Details」をチェックして,リスト内の「Android SDK Build-Tools 28」を展開する.~ #ref(SDK4.png,,50%)~ とりあえずNameの「20.0.0」以降をすべてチェックして,「Apply」してダウンロード開始する.(必要そうなバージョンを全部入れる)~ **JDKのダウンロード [#g27ed39e] AndroidSDKと同時にJDKもインストールしなければならない. +以下のサイトから,JDKのダウンロードボタンを押してダウンロードする.~ [[Java SE:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html]]~ 「Accept Licence Agreement」にチェックをして,「Windows x64」をダウンロードする. #ref(JDK.png)~ あとは基本「Next」でOK.~ **Android NDKのセットアップ [#e5b4b66e] Unityで「IL2CPP」を使用する場合に必要になるが,使用したほうがいいので設定しておく.~ 以下のURLからzipファイルをダウンロードする(容量が大きい).~ [[https://dl.google.com/android/repository/android-ndk-r16b-windows-x86_64.zip]]~ ダウンロードしたら適当な場所に解凍しておく.~ **ARアプリ [#a22616d4] 参考サイト:[[Unity2018インストールからAndriodビルドするまでの手順:https://qiita.com/taroyan/items/2ff7f6aadd640221bde5]]~ +パッケージのインポート~ Unityを起動し,適当な新規プロジェクトを作成する.Project nameは任意,Templateは3Dを選択する.すると,新規プロジェクトが作成される.~ HierarchyタブのMain Cameraは今回使用しないため,削除する.~ #ref(app1.png,,50%)~ +SDKなどの設定~ メニューのExit>Preference>External Toolsと選択する.下図の赤枠を埋める. #ref(ExternalTools.png)~ それぞれのファイルがある場所を指定する.デフォルトだと以下のようになるはずである.~ SDK:C:\Users\各ユーザー名\AppData\Local\Android\Sdk~ JDK:C:\Program Files\Java\jdk1.8.0_171~ NDK:自分がzipファイルを展開した場所~ +AR CameraとImage Targetの作成~ 次に,下記を選択して追加する.~ GameObject > Vuforia > AR Camera~ GameObject > Vuforia > Camera Image > Camera Image Target~ #ref(app2.png,,50%)~ Importするかどうか聞かれたらImportしておく.~ 次に表示するモデルを作成する.~ 今回はGameObject > 3D Object > Cubeを使用する.~ #ref(app3.png,,50%)~ その後,CubeをImageTargetに対してドラック&ドロップすることで,下記図のようになる.~ #ref(app4.png,,50%)~ 次にAR使用の設定を行う.~ Edit > Project Settings > Playerを選択する.~ Inspectorタブを選択し,XR Settings の Vuforia Augmented Reality Supported にチェックを入れる.~ #ref(app5.png,,50%)~ 何かタブが出てきたらacceptをクリックする.~ +Licence Keyの設定~ HierarchyのARCameraをクリックすると,右側のInspectorに項目が出てくる.~ その中のVuforia Behaviour(Script)という項目の中に,「Open Vuforia Engine Configuration」というタブがあるのでクリックする.すると,詳細ページが開く.そこにApp License Keyという入力欄がある.~ #ref(app6.png,,50%)~ ここで、Vuforiaのサイトで作成したLicense Keyのページを開く.~ そこには「Please copy the license key below into your app」というメッセージとともに英文字列が表示されているはず.~ その文字列をコピーし,先ほどのApp License Keyの入力欄にペーストする.~ +Databaseのインポート~ 先ほどダウンロードしたDatabaseを開き,インポートする.~ #ref(app7.png,,50%)~ +Image Targetの設定~ HierarchyタブのImage Targetを選択する.~ Inspectorタブの Image Target Behaviour の Type を Predefined に変更し,DatabaseとImage Targetを設定する.~ #ref(app8.png,,50%)~ Hierarchyタブの Cube を選択し,Inspectorタブの Scale を全て1にする.~ #ref(app9.png,,50%)~ +プロジェクトのビルド時の設定~ File>Build Settingsと進む.すると以下のような画面になる.~ #ref(BuildSettings.png,,75%)~ 「Platform」を「Android」に変更し,上の図のようにほかの項目も変更する.~ ※上の画像に加えて「Development Build」にチェックを入れてください.~ 変更したら「Switch Platforms」をクリックする.~ その後,下のPlayer Settingsをクリックすると,Unityエディターの右側の「Inspector」が「PlayerSettings」に切り替わる.その中のAndroidタブを選択し,「Other Setttings]内の設定を以下のように変更する.~ #ref(BuildSettings2.png,,75%)~ -「Package Name」は任意のものに変更する.(「unity.会社名.ゲーム名」にするのが一般的らしい)~ -「Minimum API Level」と「Target API Level」は設定は任意.(今はAndroid 5.0としている)~ ※上の画像に加えて~ -「Android TV Compatibility」のチェックを外す.~ -「XR Settings」内の「Vuforia Augmented Realit」にチェックを入れる.~ の2点を行ってください.~ +実行~ メニューバーのFileの中のBuild Setting...をクリックし,Build and Runをクリックする.~ Android端末をPCと接続する.~ 接続したら,メニューバーのFileの中のBuild Setting...をクリックし,Build and Runをクリックする.~ その後任意の名前を付けて保存するとアプリが自動で生成される.~ ※生成中にSDKのアップデートを求められる場合があるので,その場合はアップデートしてください.~ #ref(result.JPG,,25%)~ **VRカメラ(Virtoba)用のアプリに変更する [#yf2040a3] 先程作ったアプリをVRカメラで見れるようにする.~ 今回使用するカメラは,「Virtoba」というVRカメラである.スマホに連動左折設定は本体の説明書かネットで調べてみてください.~ 今回はUnity側での操作のみを記述します.~ 参考サイト:[[UnityでVR対応(Cardbord)したAndroidアプリを作成する:https://qiita.com/sotatsu_takamura/items/057490eea46f7202c05f]]~ +先程作ったプロジェクトを開き,File>Build Settings>PlayerSettingsと進む.~ Androidタブを選択後,「XR Settings」内の「Virtual Reality Supported」にチェックを入れる.~ すると下にSDKを選択する項目が出てくる.今回は再生アプリとしてGoogleのCardbordを利用するので,Cardbordを選択する.~ #ref(vr1.png,,75%)~ その後,「Other Settings」内の「Minimum API Level」を確認する.CardbordはAPIレベルが最低19出ないといけないので,それ以下の場合は19以上に設定する.~ #ref(vr2.png,,75%)~ +メニューバーのFileの中のBuild Setting...をクリックする.その後,Build and Runをクリックするとアプリが自動で生成される.~ ~ ~ ~ ...はずなんですけどアプリが起動しない~ ~ **THETA SのWi-Fiストリーミング [#j45a5e59] 参考サイト:[[のしメモ:http://www.noshimemo.com/entry/2016/04/21/183439]]~ #ref(noshimemo.png,,75%)~ +パッケージのダウンロード~ 参考サイトの中に上の画像のような部分がある.赤線で囲んだ部分をクリックすると,パッケージのダウンロードページに移動するので,ダウンロードする.ダウンロードしたパッケージをUnityにインポートしたらUnity側の設定は終了である.~ +THETA Sの接続~ THETAを起動して,Wi-Fiモードをオンにする.その後,PCとTHETAをWi-Fiで接続させる.PC側でWi-Fi検索をするとTHETAのWi-Fiが出てくるので選択する.パスワードの入力が求められるので,THETAの底に書いてある「XS」に続く数字8桁を入力する.これで接続は完了である.~ +実行 Build and RunをクリックするとTHETAの映像がPC上で見ることができる.