AR
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
開始行:
[[戻る>専門ゼミ]]
**Unityのインストール [#y88dea2d]
+以下のURLにアクセスし、インストールしたいバージョンのUni...
[[Unity-Download Archive:https://unity3d.com/jp/get-unity...
今回は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導入編）:h...
+開発者アカウントの作成
以下のURLにアクセスしてアカウントを作る.~
https://developer.vuforia.com/~
右上に「Register」というボタンがあるので,それをクリックす...
各項目を適当に埋めて登録する.~
+Licence Keyの登録
Licence Keyとは,アプリごとに固有でのもので,「このアプリは...
Vuforiaのサイトの上の方に「Develop」というタブがあるので,...
その中の「License Manager」タブをクリックすると,「Get Lic...
#ref(licencekey.png,,75%)~
(画像は古いものなので,「Add Licence Key」になっている.)~
今回はデモの作成なので,Project Typeは「Development」,Proj...
App Nameは適当に決めて大丈夫である.また,License Keyは「De...
+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の画面で,取り込みたいマーカ...
すると,プラットフォームを聞かれるので「Unity Editor」を指...
最後に「Download」ボタンをクリックすると,パッケージ化され...
**AndroidSDK(Android Studio)のダウンロード [#z7e3e2aa]
参考サイト:[[Unity2018インストールからAndriodビルドするま...
AndroidアプリをコンパイルするのにはAndroidSDKが必要である...
+下のサイトからAndroid Studioのインストーラをダウンロード...
[[Android Studio:https://developer.android.com/studio/?hl...
+インストールが終わったらAndroid Studioを起動し，Configur...
#ref(SDK1.png,,50%)~
+Appearance&Behaviour＞System Settings＞Android SDKと選択...
#ref(SDK2.png,,50%)~
その後，「SDK Platforms」タブの中にあるAndroid5.0以上にチ...
#ref(SDK3.png,,50%)~
その後，「SDK Tools」タブをクリックし，右下の「Show Packa...
#ref(SDK4.png,,50%)~
とりあえずNameの「20.0.0」以降をすべてチェックして，「App...
**JDKのダウンロード [#g27ed39e]
AndroidSDKと同時にJDKもインストールしなければならない．
+以下のサイトから，JDKのダウンロードボタンを押してダウン...
[[Java SE:https://www.oracle.com/technetwork/java/javase/...
「Accept Licence Agreement」にチェックをして，「Windows x...
#ref(JDK.png)~
あとは基本「Next」でOK．~
**Android NDKのセットアップ [#e5b4b66e]
Unityで「IL2CPP」を使用する場合に必要になるが，使用したほ...
以下のURLからzipファイルをダウンロードする(容量が大きい)．~
[[https://dl.google.com/android/repository/android-ndk-r1...
ダウンロードしたら適当な場所に解凍しておく．~
**ARアプリ [#a22616d4]
参考サイト:[[Unity2018インストールからAndriodビルドするま...
+パッケージのインポート~
Unityを起動し,適当な新規プロジェクトを作成する．Project n...
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 R...
#ref(app5.png,,50%)~
何かタブが出てきたらacceptをクリックする．~
+Licence Keyの設定~
HierarchyのARCameraをクリックすると,右側のInspectorに項目...
その中のVuforia Behaviour(Script)という項目の中に,「Open ...
#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 を Predefi...
#ref(app8.png,,50%)~
Hierarchyタブの Cube を選択し，Inspectorタブの Scale を全...
#ref(app9.png,,50%)~
+プロジェクトのビルド時の設定~
File＞Build Settingsと進む．すると以下のような画面になる．~
#ref(BuildSettings.png,,75%)~
「Platform」を「Android」に変更し，上の図のようにほかの項...
※上の画像に加えて「Development Build」にチェックを入れて...
変更したら「Switch Platforms」をクリックする.~
その後，下のPlayer Settingsをクリックすると，Unityエディ...
#ref(BuildSettings2.png,,75%)~
-「Package Name」は任意のものに変更する．(「unity.会社名....
-「Minimum API Level」と「Target API Level」は設定は任意...
※上の画像に加えて~
-「Android TV Compatibility」のチェックを外す.~
-「XR Settings」内の「Vuforia Augmented Realit」にチェッ...
の2点を行ってください.~
+実行~
Android端末をPCと接続する.~
接続したら，メニューバーのFileの中のBuild Setting...をク...
その後任意の名前を付けて保存するとアプリが自動で生成され...
#ref(result.JPG,,25%)~
**VRカメラ(Virtoba)用のアプリに変更する [#yf2040a3]
先程作ったアプリをVRカメラで見れるようにする.~
今回使用するカメラは，「Virtoba」というVRカメラである．ス...
今回はUnity側での操作のみを記述します.~
参考サイト:[[UnityでVR対応(Cardbord)したAndroidアプリを作...
+先程作ったプロジェクトを開き，File＞Build Settings＞Play...
Androidタブを選択後，「XR Settings」内の「Virtual Reality...
すると下にSDKを選択する項目が出てくる．今回は再生アプリと...
#ref(vr1.png,,75%)~
その後，「Other Settings」内の「Minimum API Level」を確認...
#ref(vr2.png,,75%)~
+メニューバーのFileの中のBuild Setting...をクリックする．...
~
~
~
...はずなんですけどアプリが起動しない~
~
**THETA SのWi-Fiストリーミング [#j45a5e59]
参考サイト:[[のしメモ:http://www.noshimemo.com/entry/2016...
#ref(noshimemo.png,,75%)~
+パッケージのダウンロード~
参考サイトの中に上の画像のような部分がある．赤線で囲んだ...
+THETA Sの接続~
THETAを起動して，Wi-Fiモードをオンにする．その後，PCとTHE...
+実行
Build and RunをクリックするとTHETAの映像がPC上で見ること...
終了行:
[[戻る>専門ゼミ]]
**Unityのインストール [#y88dea2d]
+以下のURLにアクセスし、インストールしたいバージョンのUni...
[[Unity-Download Archive:https://unity3d.com/jp/get-unity...
今回は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導入編）:h...
+開発者アカウントの作成
以下のURLにアクセスしてアカウントを作る.~
https://developer.vuforia.com/~
右上に「Register」というボタンがあるので,それをクリックす...
各項目を適当に埋めて登録する.~
+Licence Keyの登録
Licence Keyとは,アプリごとに固有でのもので,「このアプリは...
Vuforiaのサイトの上の方に「Develop」というタブがあるので,...
その中の「License Manager」タブをクリックすると,「Get Lic...
#ref(licencekey.png,,75%)~
(画像は古いものなので,「Add Licence Key」になっている.)~
今回はデモの作成なので,Project Typeは「Development」,Proj...
App Nameは適当に決めて大丈夫である.また,License Keyは「De...
+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の画面で,取り込みたいマーカ...
すると,プラットフォームを聞かれるので「Unity Editor」を指...
最後に「Download」ボタンをクリックすると,パッケージ化され...
**AndroidSDK(Android Studio)のダウンロード [#z7e3e2aa]
参考サイト:[[Unity2018インストールからAndriodビルドするま...
AndroidアプリをコンパイルするのにはAndroidSDKが必要である...
+下のサイトからAndroid Studioのインストーラをダウンロード...
[[Android Studio:https://developer.android.com/studio/?hl...
+インストールが終わったらAndroid Studioを起動し，Configur...
#ref(SDK1.png,,50%)~
+Appearance&Behaviour＞System Settings＞Android SDKと選択...
#ref(SDK2.png,,50%)~
その後，「SDK Platforms」タブの中にあるAndroid5.0以上にチ...
#ref(SDK3.png,,50%)~
その後，「SDK Tools」タブをクリックし，右下の「Show Packa...
#ref(SDK4.png,,50%)~
とりあえずNameの「20.0.0」以降をすべてチェックして，「App...
**JDKのダウンロード [#g27ed39e]
AndroidSDKと同時にJDKもインストールしなければならない．
+以下のサイトから，JDKのダウンロードボタンを押してダウン...
[[Java SE:https://www.oracle.com/technetwork/java/javase/...
「Accept Licence Agreement」にチェックをして，「Windows x...
#ref(JDK.png)~
あとは基本「Next」でOK．~
**Android NDKのセットアップ [#e5b4b66e]
Unityで「IL2CPP」を使用する場合に必要になるが，使用したほ...
以下のURLからzipファイルをダウンロードする(容量が大きい)．~
[[https://dl.google.com/android/repository/android-ndk-r1...
ダウンロードしたら適当な場所に解凍しておく．~
**ARアプリ [#a22616d4]
参考サイト:[[Unity2018インストールからAndriodビルドするま...
+パッケージのインポート~
Unityを起動し,適当な新規プロジェクトを作成する．Project n...
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 R...
#ref(app5.png,,50%)~
何かタブが出てきたらacceptをクリックする．~
+Licence Keyの設定~
HierarchyのARCameraをクリックすると,右側のInspectorに項目...
その中のVuforia Behaviour(Script)という項目の中に,「Open ...
#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 を Predefi...
#ref(app8.png,,50%)~
Hierarchyタブの Cube を選択し，Inspectorタブの Scale を全...
#ref(app9.png,,50%)~
+プロジェクトのビルド時の設定~
File＞Build Settingsと進む．すると以下のような画面になる．~
#ref(BuildSettings.png,,75%)~
「Platform」を「Android」に変更し，上の図のようにほかの項...
※上の画像に加えて「Development Build」にチェックを入れて...
変更したら「Switch Platforms」をクリックする.~
その後，下のPlayer Settingsをクリックすると，Unityエディ...
#ref(BuildSettings2.png,,75%)~
-「Package Name」は任意のものに変更する．(「unity.会社名....
-「Minimum API Level」と「Target API Level」は設定は任意...
※上の画像に加えて~
-「Android TV Compatibility」のチェックを外す.~
-「XR Settings」内の「Vuforia Augmented Realit」にチェッ...
の2点を行ってください.~
+実行~
Android端末をPCと接続する.~
接続したら，メニューバーのFileの中のBuild Setting...をク...
その後任意の名前を付けて保存するとアプリが自動で生成され...
#ref(result.JPG,,25%)~
**VRカメラ(Virtoba)用のアプリに変更する [#yf2040a3]
先程作ったアプリをVRカメラで見れるようにする.~
今回使用するカメラは，「Virtoba」というVRカメラである．ス...
今回はUnity側での操作のみを記述します.~
参考サイト:[[UnityでVR対応(Cardbord)したAndroidアプリを作...
+先程作ったプロジェクトを開き，File＞Build Settings＞Play...
Androidタブを選択後，「XR Settings」内の「Virtual Reality...
すると下にSDKを選択する項目が出てくる．今回は再生アプリと...
#ref(vr1.png,,75%)~
その後，「Other Settings」内の「Minimum API Level」を確認...
#ref(vr2.png,,75%)~
+メニューバーのFileの中のBuild Setting...をクリックする．...
~
~
~
...はずなんですけどアプリが起動しない~
~
**THETA SのWi-Fiストリーミング [#j45a5e59]
参考サイト:[[のしメモ:http://www.noshimemo.com/entry/2016...
#ref(noshimemo.png,,75%)~
+パッケージのダウンロード~
参考サイトの中に上の画像のような部分がある．赤線で囲んだ...
+THETA Sの接続~
THETAを起動して，Wi-Fiモードをオンにする．その後，PCとTHE...
+実行
Build and RunをクリックするとTHETAの映像がPC上で見ること...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
