![見出し画像](https://assets.st-note.com/production/uploads/images/143776516/rectangle_large_type_2_8d1aaa76daff5f089141c1d76bf7dc97.png?width=1200)
建築ビジュアルCG大規模都市モデル~CESIUM ion+Sketchfab~
![](https://assets.st-note.com/img/1717738492166-euPPibkIWs.jpg)
こんにちは。STUDIO55技術統括の入江です。
今年になってCESIUM(セシウム)に関するニュースが飛び交っているのでまとめておきます。
今回は、Cesium ion(セシウムイオン) と Sketchfab(スケッチファブ) の統合についてお話します。
Sketchfabの統合
今年の4月17日に、Cesiumブログでこのようなお知らせがありました。
![](https://assets.st-note.com/img/1717738630975-gElLZrOC0F.png?width=1200)
3D地理空間プラットフォームのCesiumが、無料のSketchfabモデルのインポートをサポートするようになったという内容で、これにより、ユーザーは700,000を超える無料モデルをCesiumのプロジェクトにインポートし、正確な地理空間コンテキストに配置することができます。
![](https://assets.st-note.com/img/1717738669244-hjF5PIYSrK.png?width=1200)
Sketchfabの設定方法
CESIUM ionとの連携方法については、Sketchfabのブログで案内されていますので、ご参照ください。
![](https://assets.st-note.com/img/1717978471615-oTj9Aj2h8s.png?width=1200)
ブログの方法を踏まえて、以下に内容をメモしておきます。
CESIUM ionにログイン
CESIUM ionのウェブサイトにアクセスし、アカウントにログインします。
My Assetsに移動
ログイン後、ダッシュボードから「My Assets」に移動します。
Sketchfabリンクをアクティブにする
「My Assets」ページで、Sketchfabとのリンクをアクティブにします。
初回設定時には確認メッセージが表示されますので、「Link」をクリックして設定画面を表示します。
Sketchfabアカウントとの連携
画面の指示に従って、SketchfabアカウントをCESIUM ionにリンクさせます。
連携が完了すると、CESIUM ionの画面からSketchfabのコンテンツを閲覧・利用できるようになります。
これで、SketchfabのモデルをCESIUM ionでインポートし、3Dコンテンツの管理やプレゼンテーションに活用できるようになります。
![](https://assets.st-note.com/img/1717738819612-S4wG35Vzlo.png?width=1200)
こちらのSketchfabの建築モデルで試してみます。インポートしたアセットをCESIUM ionの3D地理空間に配置してみます。
![](https://assets.st-note.com/img/1717738847625-D3ChkzjIzZ.png?width=1200)
東京タワー近郊に配置してみました。
![](https://assets.st-note.com/img/1717762668325-HAOJfDzMxJ.png?width=1200)
データは光がベイクされていないテクスチャであるため、環境に馴染んでいない印象がありますが、ボリュームイメージを確認するには十分です。
![](https://assets.st-note.com/production/uploads/images/143257395/picture_pc_8aeb6fb6d254ba4af39dd2cc7ec0579f.gif?width=1200)
ちなみに、こちらはブルジュハリファと東京タワーの夢の競演。(笑)
![](https://assets.st-note.com/img/1717762803021-YKBPYkqFWC.png?width=1200)
さすがに828mは圧倒的な大きさですね。
東京都心のビル群にあると、その異常なまでの大きさがよくわかります。
![](https://assets.st-note.com/production/uploads/images/143257424/picture_pc_5f031a374f83569c7694060e42ba2a95.gif?width=1200)
Storiesには、距離、高さ、傾斜、面積を測定するための高精度な計測ツールが付属しています。これらのツールにアクセスするには、測定アイコンをクリックしてツールバーを展開して使用します。
![](https://assets.st-note.com/img/1718412060943-rBehG5X4O1.png)
ここでは、ブルジュハリファの高さを測定しています。
![](https://assets.st-note.com/img/1718412217332-gGrS7sMdQ7.png?width=1200)
このように見ると、なかなか壮観ですね。
![](https://assets.st-note.com/img/1718411849247-dD9t0On6Eq.png?width=1200)
また、Sketchfabにあるロボットやキャラクターなどのデータを使って、Cesium ionの空間上で簡単にジオラマ表現が可能です。(笑)
![](https://assets.st-note.com/production/uploads/images/144303529/picture_pc_f355f9b50fa15719369d650f57824721.gif?width=1200)
お遊び感覚で使用してみるのも面白いでしょう!
Sketchfabのモデルのインポート方法
改めて、SketchfabのモデルをCESIUM ionにインポートし、3D地理空間に配置する方法をメモしておきます。
Sketchfabからモデルをインポート
Sketchfabのウェブサイトで、使用したい建築モデルを選びます。
モデルの詳細ページで「Import」ボタンをクリックし、適切な3Dフォーマット(例えば、3D Tiles形式)でモデルをアップロードします。
CESIUM ionにモデルをアップロード
CESIUM ionが自動的にモデルを処理し、アセットとして登録します。
3D地理空間にモデルを配置
Storiesで作成したシーンで「Add asset」をクリックし、「My Assets」からモデルアセットを選択します。
CESIUM ionのシーンビルダーが開きますので、地理空間上でモデルを配置したい位置を指定します。
モデルの位置とスケールを調整
シーンビルダーで、モデルの位置をドラッグして希望の位置に配置します。
必要に応じて、スケールや回転を調整して、モデルが現実的な位置とサイズで表示されるようにします。
シーンを保存
配置が完了したら、シーンビルダーの「Save」ボタンをクリックしてシーンを保存します。
保存後、「Share」ボタンからリンクを取得し、他のユーザーとシーンを共有することもできます。
以上の手順で、SketchfabのモデルをCESIUM ionの3D地理空間に配置し、インタラクティブなプレゼンテーションやビジュアライゼーションに活用することができます。
独自の3Dモデルのインポート方法
CESIUM ionでは、Sketchfabからのモデルに加えて、独自の3Dモデルデータもインポートして表示することが可能です。
![](https://assets.st-note.com/img/1718150595765-8D2mUUoCVf.png)
以下に、独自の3DモデルデータをCESIUM ionにインポートして表示する手順を示します。
独自の3DモデルデータをCESIUM ionにインポートする手順
モデルデータの準備
3DモデルをGLTF、OBJ、FBXなどの一般的な3Dフォーマットで準備します。可能であれば、GLTF形式が推奨されます。
CESIUM ionにログイン
CESIUM ionのウェブサイトにアクセスしてログインします。
アセットのアップロード
ダッシュボードの「My Assets」ページに移動します。
「Upload Asset」ボタンをクリックします。
ファイル選択ダイアログが表示されるので、インポートしたい3Dモデルファイルを選択してアップロードします。
アセットの処理
CESIUM ionが自動的にモデルを処理し、アセットとして登録します。処理が完了すると、アセットの詳細ページが表示されます。
シーンにモデルを追加
アセット詳細ページで、「Add to Scene」ボタンをクリックします。
シーンビルダーが開きますので、地理空間上でモデルを配置したい位置を指定します。
モデルの配置と調整
シーンビルダーでモデルをドラッグして希望の位置に配置します。
必要に応じて、モデルのスケールや回転を調整して、現実的な位置とサイズで表示されるようにします。
シーンの保存
配置が完了したら、シーンビルダーの「Save」ボタンをクリックしてシーンを保存します。
保存後、「Share」ボタンからリンクを取得し、他のユーザーとシーンを共有することができます。
実際に、こちらの住宅モデルのデータを使って配置してみます。
![](https://assets.st-note.com/img/1718151238983-XJz7HEAJ6b.png?width=1200)
配置した状態が次の画像です。
![](https://assets.st-note.com/img/1718151772403-R6o4GSagqo.png?width=1200)
芝公園の児童遊園にある戸建てになっていますが(笑)、あくまで参考としてご覧ください。
住宅モデルデータはマテリアルをベイクしていないため、マテリアルなしのモデルデータとして読み込まれています。
※マテリアルを反映する場合、DCC側でベイク処理する必要があります。
![](https://assets.st-note.com/img/1717739330513-HooDZS3JFB.png?width=1200)
Cesium ion は正確な3D地理空間を提供します。取り込む3D建築モデルが正しいスケールで作成されていれば、そのまま正確なボリュームとして表示されます。
結論
このプロセスを通じて、CESIUM ionでは独自の3Dモデルデータを簡単にインポートし、地理空間上で表示・操作することが可能です。これにより、特定のプロジェクトやプレゼンテーションで必要なモデルデータを使用した建築ボリュームの検討が簡単にできるようになります。
CESIUM ion インポート形式のまとめ
GLTF/GLB: glTF(GL Transmission Format)は、JSONファイル形式で3Dモデルを記述するオープンスタンダードです。GLBはそのバイナリ形式です。
OBJ: WavefrontのOBJ形式は、多くの3Dモデリングツールでサポートされているテキストベースの3Dモデル形式です。
FBX: AutodeskのFBX形式は、広く使用されている3Dアセット交換フォーマットです。
DAE: COLLADAはKhronos Groupが開発したオープンスタンダードで、特定のベンダーやプラットフォームに依存しません。
その他の形式
3D Tiles: 大規模な3Dジオメトリデータを効率的にストリーミングおよびレンダリングするためのオープン規格。
KML/KMZ: Keyhole Markup Languageは、地理空間データを表現するXMLベースのフォーマット。KMZはKMLファイルの圧縮形式です。
GeoJSON: 地理空間情報を表現するJSONフォーマット。
CZML: Cesiumのカスタムフォーマットで、時間を含むダイナミックな地理空間データを表現します。
フォーマットと対応アセット
各フォーマットのアセット変換タイプの詳細一覧です。
![](https://assets.st-note.com/img/1718152197039-gILEyw5XZu.png?width=1200)
読み込み対応フォーマットに Zip があるのが面白いですね。
Zipアーカイブは、直接画面にドラッグ&ドロップでも読み込まれます。ただし、Zipの中身自体がインポート対応の拡張子である必要があります。
![](https://assets.st-note.com/img/1718152408770-gcat31o7gy.png)
*
Cesiumに関するニュースは、次回のコラムでも引き続きお伝えします。
お楽しみに!