見出し画像

「次世代の Mozilla Hubs」にてオリジナルのVR空間を制作してみる

VANGSOW LLC. 代表 湯浅桃太郎

前提

本記事はBuild-in-public（アプリやシステムなどを不完全でも公開して追加と改善を行うアジャイル思想）のコンセプトに沿って、やりたいゴールに向かって、制作過程を記事として公開する「コンテンツ版 Build-in-public」です。

ゴール

自社ブランディングされたVR空間を手に入れること

次世代の Mozilla Hubsを使用してメタバース空間を設定する

Mozilla Hubsのアカウント作成

まず最初に、Mozilla Hubsのウェブサイトにアクセスします。ウェブサイトにアクセスしたら、右上の'Go to Dashboard'ボタンをクリックします。

次に、メールアドレス、を入力するよう求められます。これらの情報を適切に入力したら、'ログインまたはアカウント登録'ボタンをクリックします。

Firefoxのアカウントを新規で登録する場合は、メールアドレスに確認コードが送信されます。そのメールに記載されているコードをフォームに貼り付け、認証を完了させます。

認証が完了したら、Mozilla Hubsのダッシュボード画面が表示され、ここからメタバース空間の設定や管理が可能となります。

Starterプランの'Create Free Hub'ボタンをクリックします。すると数分後に、https:// 文字列 .us2.myhubs.net/ という URLが自動的に発行されます。

URLをクリックすると、ルームを作成する画面が表示され、ここからメタバース空間の設定や管理が可能となります。

メタバース空間の初期設定とカスタマイズ

「ルームを作成する」ボタンをクリックして新しいルームを作成します。

新しいルームを作成したら、基本的なレイアウトやデザインを変更することができます。既存のテンプレートを使用することも、自分自身で3Dモデルをアップロードしてカスタムレイアウトを作成することも可能です。

3Dモデルをアップロードしてルームに追加することができます。モデルは、オンラインの3Dモデルマーケットプレースからダウンロードしたものを使用するか、自分で作成したものを使用することができます。

3Dモデルだけでなく、インタラクティブな要素もルームに追加することができます。例えば、ビデオスクリーンや音楽プレイヤーなどの要素を追加することが可能です。

2023.7.15更新
サービス対象エリアに日本が入っていないのが原因なのかエラーは解消されない

2023.7.28 追記
その後、カスタマーサポートから以下の連絡がきた！

I am emailing to follow up on the issue you were experiencing with the auto-pausing feature. We believe that a stable fix has been published and wanted to know if you are now able to un-pause your Hub?

You can un-pause your hub by navigating to the subscription dashboard and select your Hub url. You will have to wait while the backend restarts (between 1 - 3 minutes) and then you should be able to use your Hub as expected.

Please let me know if you have any questions and I would love to hear how it goes!

自動一時停止機能で発生した問題をフォローアップするためにメールを送信しました。安定した修正が公開されたと思いますが、ハブの一時停止を解除できるかどうか知りたいですか? ハブの一時停止を解除するには、サブスクリプション ダッシュボードに移動し、ハブの URL を選択します。バックエンドが再起動するまで待つ必要があります (1 ～ 3 分)。その後、ハブを期待どおりに使用できるようになります。 ご質問がございましたら、お知らせください。どうなるかぜひお聞きしたいです。

ダッシュボードにアクセスしてみると

エラーが解消されている！

その後、URLをクリックすると

バックエンドが再起動、待つこと数分

無事にルーム作成画面へ😀
（カスタマーサポートの方々、ありがとうございます！）



(以後、随時更新していきます。）

管理画面にて新たなシーンやアバターを追加する

ダッシュボードの管理画面（Admin Panel)をクリック

Mozilla hubsの管理画面が開く

左メニューのImport Content タブにてシーンやアバターを追加することが可能

まとめ

今回は、直接AWSを触ることなく、VR空間を立ち上げることができるCloudサービスを利用したが、手順自体はそこまで難しくなく進めることができる。オリジナルのロゴなどブランディングする場合は、現状月額＄79（最新はこちら）となるので、もう少し費用を抑える選択肢としては、AWS marketplaceからHubs Cloud を起動する以下のパターンを検討するのが良さそう。


よろしければサポートお願いします！ いただいたサポートは海外AI、DXツールトライアル活動費に使わせていただきます！