メタバース「Spatial」とは？

自由度の高い空間と、ボクセルではない高品質なアセットで人気のメタバース空間Spatialでは、好きな画像（360画像）を背景に設定することができます。（基本、無料で利用可能です）

私が運営する空間（コチラ）では、渋谷区の宮下公園付近のGoogleストリートビューの画像を背景に使っています。

※ただし、Spatialで用意されいる空間を使う場合には、背景の差し替えはできません。背景を変更できるのは、自分のオリジナルの建築物や空間をお持ちの方のみとなります。

安心してください、公式推奨の方法です

Spatialにおける背景は「Skybox（スカイボックス）」と呼ばれています。Skyboxの差し替えの方法は、公式からレクチャー動画が出ていますので、コチラを見ながら作業を進めることもできます。

公式からの動画「カスタムSkyboxの設定方法」※コチラの動画に沿って、Googleストリートビューの画像をSkyboxに設定することができます。

Skyboxは、手持ちの360画像（全方位画像とも）または、Adobe Stock（Adobeが運営する素材提供サービス：コチラ）などで提供されている360画像を使って、カスタマイズすることが可能です。

ここでは、Googleストリートビューの好きな場所の画像を、Spatialの背景「Skybox」に設定する方法を解説したいと思います。

Googleストリートビューの画像を使うための準備

(1)「Street View Download 360」というツールをダウンロードします

コチラのダウンロードページから、ダウンロードすることができます。（WindowsとMacに対応しています）

ダウンロードしたアプリ「Street View Download 360」は、このような見た目をしています。

(2)Googleストリートビューで目的のポイントのURLをコピーできるように表示しておきます。

画面上に表示されるURLの欄をコピーするだけ、非常に簡単です。

(3)Skyboxの構成フォルダをダウンロードしておきます。

Skyboxの構成フォルダはコチラからダウンロードすることができます。

ここでは、Zipフォルダの方をダウンロードしておいてください。

ダウンロードして解凍をすると、下記のファイルが中に入っています。

Skyboxは、この3つのファイルから出来上がっていることが分かります。

ここまでで、準備は終了です。

Googleストリートビューの画像を取得し、Skybox化

ストリートビュー画像のダウンロード

「Street View Download 360」にて、必要な情報を設定していきます。

➀「Panorama Download」モードになっていることを確認➁「Path to save the file」にて保存場所を設定（保存ファイル名は「Street View 360.jpg」にします）➂GoogleストリートビューのURLを貼付します➃「Resolution」は初期設定「13312 × 6656」のままでOK➄上記の設定が完了したら、「Download Panorama」ボタンを押す

➄まで完了すると、➁で設定したフォルダへ「Street View 360.jpg」というファイルが生成されます。

※下記は渋谷区の宮下公園付近のストリートビューの画像です。こんな形で360画像をダウンロードすることができます。

Skyboxの構成ファイルの準備

ここまでの流れ「(3) Skyboxの構成フォルダをダウンロード」にて、Skyboxを構成するファイルが3つだということを学びました。上記でダウンロードしたストリートビューの画像を、「texture.jpg」と名前を変更して、基本セットを作成します。

※「.gltf」「.bin」ファイルはそのままでOKです。

作成したSkyboxをアップロード用にレンダリング

ここまでで作成した基本セットを、アップロード用のファイルへレンダリングを行います。コチラの「GLTF to GLB Packer」へアクセスし、基本セット3点を選択し、ドラッグ＆ドロップで画面へアップロードします。

アップロードが完了すると、「out.glb」というファイルが生成されます。この「out.glb」がSpatialの背景設定に必要なファイルとなります。

Spatialへのアップロード

さて、いよいよSpatialの空間へSkyboxをアップロードしていきます。

ここでは、渋谷宮下公園付近の背景を、アメリカのマイアミの画像へと差し替えてみます。

1. >Spatialの下部に表示されている「＋」から「out.glb」をアップロードします。
2. >目の前に「out.glb」が球体となって出現すればOKです。球体をクリックして、「背景」ボタンを押します（画像の下部の赤丸箇所）
3. >「Skybox」という選択肢を選ぶと…背景が差替わります。

さっきまで渋谷にいた空間が、マイアミへ！こんな感じで、自分の好きな地点をメタバース空間の背景にすることができます。