はじめに
Geospatial Creator が盛り上がっているようなので、まずは簡単なサンプルシーンを触って、
サービスの理解を深めていきたいと思います。
本記事を読んでできること
Geospatial のサンプルを拡張して、Geospatial Creator を動かすこと。
Geospatial Creator for Unity を試してみた!
— Futo Horio (@Futo_Horio) May 11, 2023
神戸ハーバーランド付近 / 三ノ宮駅周辺#GeospatialAPI #Unity #GoogleIO pic.twitter.com/f6kBaBCEuW
検証環境
- Unity 2021.3.6f1
- AR Foundation 4.2.7
- ARCore XR Plugin 4.2.3
- ARKit XR Plugin 4.2.3
- ARCore Extensions 1.37.0
- Cesium for Unity 1.2.0
Geospatial Creator を試す方法
1. Unity プロジェクトの事前準備
以下の Getting started の手順に従い、 Unity プロジェクトの新規作成を行います。
※ Geospatial Creator は Unity 2021.3 以降でのサポートになるので注意してください。
Getting started with ARCore Extensions for AR Foundation
- Unity 2021.3 以降で 新規プロジェクト を作成します
- Build Settings から
iOS
もしくはAndroid
へ Switch Platform を実行します -
Window
>Package Manager
を選択します -
Add Package from git url .. を選択して、
https://github.com/google-ar/arcore-unity-extensions.git
を入力した後、Add ボタンをクリックします
※ 本記事の検証は、Android
プラットフォームを選択して進めています。
2. ARCore Extension セットアップ
※ 以降の手順でサンプルシーンが用意されていることが判明したので、
この手順は読み飛ばしていただいて問題ないです。
- Hierarchy パネルから
Main Camera
を削除します - Hierarchy パネル上で右クリックして 「AR Session」「AR Session Origin」「ARCore Extensions」を追加します
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F180432%2F21d6803c-cb2e-400f-00a4-44f985415658.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=b88fca19d00b4b29ab678585dc72649d)
- Hierarchy パネルから
ARCore Extensions
を選択します -
AR Core Extensions (Script)
の Inspector のフィールドに以下設定を追加します- Session -> AR Session
- Session Origin -> AR Session Origin
- Camera Manager -> AR Camera
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F180432%2F80d623e9-226c-bf55-3ff7-e631047933fe.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=5d416906262ad14e7d0f83357bcdcd73)
3. ARCore Geospatial API と Google Map Tiles API を有効化する
- Google Map Tiles API Page を開き、API を有効化する
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F180432%2F2d0cfa5a-915b-09ba-b499-e849480a5ce8.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=7a5e0d563eaab255a907859bdcfb2ce4)
- ARCore API Page を開き、API を有効化する
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F180432%2F8f4d6de8-dd20-5359-5ef4-2d68f2e21a5f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d7dff06414143be31811db927bb28027)
4. サンプルのダウンロード
- ナビゲーションから
Window
>Package Manager
を選択します -
Packages: In Project
を指定して ARCore Extensions を選択します -
Samples
タブを展開して、Geospatial Samples をインポートします
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F180432%2F13c095f7-f802-c6d3-1a5e-8e8f8acd1f1c.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=3ba428978fee1e9bfb0f9e2f8367bdce)
サンプルデータは、以下ディレクトリ配下にダウンロードされます。
Assets\Samples\ARCore Extensions\1.37.0\Geospatial Sample
5. サンプルシーンの拡張
- サンプルデータに含まれる
Geospatial
シーンを開きます - Edit > Project Settings ... > XR Plug-in Management を開きます
-
Android
タブを開き、Plug-in Providers のARCore
にチェックを入れます
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F180432%2F1b16e3a0-f7de-50e0-eeee-48fda18f752f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=bbbeca337d00026a6e1be0585c1c3ac6)
-
XR Plug-in Manageme > ARCore Extensinos
を開きます - Android Authentication Strategy を API Key に設定します
- Android API Key に コンソール画面で取得した API Key を入力します
- Optional Features の Geospatial にチェックを入れます
- Player Settings で以下の変更を行います
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F180432%2Fdd9b5c13-ccb1-a60a-ca3b-d6e2eaa0beb5.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=0421c507a0c1e98039b7208184383b7b)
- Cesium for Unity のリリースページから com.cesium.unity-1.2.0.tgz をダウンロードする
- Package Manager で Add package form tarball.. を選択してダウンロードしたファイルを指定します
-
Project Settings > XR Plug-in Management > ARCore Exteisions を開き、
Geospatial Creator にチェックを入れます - Geospatial Creator のウィザードが開かれるので Finish ボタンを押します
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F180432%2Ff1a6a21b-ab63-d932-83f5-418fb79bcb0d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=c838553caaeb2b937752234989de79a6)
- ナビゲーションから
GameObject > XR
を選択して AR Geospatial Creator Origin を追加します - AR Geospatial Creator Origin の Inspector から
Add Cesium Georeference Component ボタンを押します
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F180432%2F3d774867-e4e5-3524-0059-6987babf64d0.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=8c261dbf32842dbfdc2b77f4e839cbdf)
- Google Map Tiles API Key を入力します
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F180432%2Ffc08024f-28bb-4b81-30a8-ec59fafdc762.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=c415f0e699c174e125a940e248e11df9)
以上で Geospatial Creator in Unity を使う準備ができたので、
Unity Editor で ゲーム再生を行います。
実際に試してみる
経度と緯度を指定すると、実際に神戸の街並みを読み込むことができました!!!
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F180432%2F2e1ebfa2-9325-d126-56d8-11c3d9217b18.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=2fe69a196da561736666770b8bb166bc)