12
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

MIERUNEAdvent Calendar 2022

Day 19

Cesium for Unity クイックスタート

Last updated at Posted at 2022-12-18

これは MIERUNE AdventCalendar 2022 19日目の記事です。
昨日は @satoshi7190 さんによる MapLibre GL JSで魔法陣を出現させる でした。

結構最近Cesium for Unityがリリースされたので

Cesium for Unityのクイックスタートをやっていきます

英語が読める方は公式の方が詳しいと思いますのでおすすめです

前提条件

  • Unity2021.3.2f1以降のバージョンがインストールされていること
  • Cesium ionのアカウントを持っていること(これは地物のデータを参照するのに必要とのこと)

プロジェクトを新規作成してCesium for Unityパッケージをインポートする

  1. UnityHubを起動して新しいプロジェクトを作ります

  2. この時、3D(URP)のテンプレートを選択します

    • HDRPでも動作するようですが、標準の3Dテンプレートではレンダリングが正しく機能しないとのことです
      スクリーンショット 2022-12-19 3.49.15.png
  3. メニューの[Edit] > [Project Settings...]に移動してプロジェクト設定を開きます。

  4. Package Manaerを開きます
    スクリーンショット 2022-12-19 3.58.24.png

  5. 以下の設定で新しくスコープレジストリを追加します

  1. 次にメニューの[Window] > [Package Manager] でパッケージマネージャーを開きます
  2. Package ManagerでPackagesのドロップダウンリストからMy Resistriesを選択します
  3. Cesium for Unityが表示されるので、installします
    スクリーンショット 2022-12-19 4.08.52.png
  4. TextMeshProのインストールを促すダイアログが出る場合はインストールします
  5. TextMeshProのインストールについては割愛します

Cesium ionに接続する

  1. メニューにCesiumが増えていますので、[Cesium] → [Cesium]でCesiumのウインドウを開きます
    スクリーンショット 2022-12-19 4.19.49.png
  2. Connect to Cesium ionのボタンを押下します
  3. ブラウザで認証するURLなどが書かれているので接続すると下記のような画面になります
    スクリーンショット 2022-12-19 4.21.59.png
  4. Allowボタンを押すと認証され、Cesiumウインドウが以下のようになります
    スクリーンショット 2022-12-19 4.29.05.png
  5. 次にプロジェクトのアクセストークンを作成します
  6. Tokenのボタンを押して、トークンのウインドウを開き、「Create New Project Default Token」のボタンを押すと、新しいトークンが生成され、Cesium ionのアカウントに追加されます

地形をシーンに追加する

  1. Cesiumウインドウの「Cesium World Terrain + Bing Maps Aerial imagery」の横にある+ボタンを押下します
  2. するとHierarchyウインドウにCesiumGeoreferenceオブジェクトおよび、Cesium World Terrainが追加されます
    スクリーンショット 2022-12-19 4.50.55.png
    スクリーンショット 2022-12-19 4.50.47.png

メインカメラの設定

  1. メインカメラのデフォルトの設定だと、あまり遠くのオブジェクトを見るように設定されていません
  2. HierarchyウインドウでMainCameraを選択し、Clipping Planesの値を変更します
  3. Nearを1に、Farを1,000,000に設定すると、地平線の方まで地形が見えるようになります
    スクリーンショット 2022-12-19 5.01.30.png
    スクリーンショット 2022-12-19 5.01.39.png

3D建物をシーンに追加する

公式のクイックスタートではシカゴを表示していましたが、今回は東京を表示してみたいと思います

  1. HierarchyウインドウのCesiumGeoreferenceを選択して、Inspectorウインドウに表示されている座標を以下に変更します
    Latitude: 35.681236
    Longitude: 139.767125
    Height: 1000
    スクリーンショット 2022-12-19 5.08.47.png
  2. 座標を入力すると、シーンは東京駅付近を表示します
  3. 次にCesiumウインドウで「Cesium OSM Buildings」の右にある+をクリックします
  4. するとOSMの建物データが読み込まれます
    スクリーンショット 2022-12-19 5.18.32.png

感想

以上、Cesium for Unityのクイックスタートでした
想像以上に簡単に3DTilesを扱う事が出来て感動しています
Cesium 3D Tilesetというコンポーネントがポイントで、こいつを自在に操ることができるかどうかが鍵です

ちなみにPlateauのテクスチャ付き建物データもサクッと載せれました
開発用のシーンビューはレンダリングが厳しい感じですがゲームビューは全く問題無し、空撮したかのようなショットが撮れました
ある程度Unityのカメラのコントロールの腕は必要ですが、これは便利だなと思いました
スクリーンショット 2022-12-19 5.29.32.png
スクリーンショット 2022-12-19 5.36.01.png

明日は@kntoshiyaさんです!お楽しみにー

12
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?