Matterport Metaverse Integration

Matterport provides an all-in-one 3D data platform that enables anyone to turn a space into an accurate and immersive digital twin which can be used for designing, building, operating, promoting, and understanding any space.

Matterport scans produce a 3D mesh and 360 panoramas, both of which can be used in the Hyperspace Metaverse Platform allowing participants to co-collaborate in the environments using avatars, audio, video, holograms and chat.

Furthermore Matterport exported environments can be enhanced with 3D and 2D content in Hyperspace to provide richer experiences.

Additionally Matterport embeds can be linked into Hyperspace Metaverse spaces and worlds as popups for more traditional interaction.

Matterport Spaces in Hyperspace

Where to find Matterport SDK Key

Where to find Matterport scene ID

Using Matterport 3D Mesh in the Hyperspace Engine

Enhancements

Branding Images

First person perspective

Embed Matterport Player as a Popup

Import 360 panorama

Matterport Spaces in Hyperspace

From Dashboard Spaces, click Create new space, toggle Advanced on, Select Matterport, and click Create Space.

Hyperspace through its Interoperable Metaverse initiative enables the use of Matterport scenes as Spaces in Hyperspace.

Hyperspace uses the Matterport player in combination with the Hyperspace engine to enhance Matterport with rich capabilities such as:

  • Multiuser 3D avatars
  • Video avatars
  • Chat
  • Whispers
  • Announcements
  • Participants list
  • Reporting

To use your own Matterport scene in Hyperspace follow these steps

Create new space and select the Matterport template

Launch the space

From the top toolbar select the Pencil+ icon and choose Show items list

In the Show items list

  1. Edit the Scene configuration item
  2. On the Metadata field click the Edit JSON button

  1. Enter your Matterport sdk_key Matterport SDK Key (see instructions on where to find your Matterport SDK key below)
  2. Enter the mid the Matterport Model ID of your scene (see instructions on where to find your Matterport scene ID below)
  3. Click Save

Click the Save item button

Reload the space and the Matterport scene will appear.

Known issues

  • Can’t use 3D items, Mediabords or Bots from Hyperspace – to use these elements see Matterpak OBJ export for using Matterport meshes in the Hyperspace engine.
  • 3D & video avatars do not rotate
  • 3D & video avatars do not appear in immersive VR view mode
  • Avatars landing on the same 360 node will be visually overlapping

Where to find Matterport SDK Key

See the Matterport guide here Matterport SDK Key

Visit the Matterport dashboard settings

  1. Choose Settings option from the side menu
  2. Choose the Developer Tools tab

Note you will require Developer Tools Production Access

  1. Scroll down to the SDK Key Management section
  2. Click Add an SDK key
  3. Under Domains click Add
  4. Enter the domain app.hyperspace.mv
  5. Enter the domain app.learnbrite.com
  6. Click the Copy button

Where to find Matterport Model ID

Visit the Matterport dashboard https://my.matterport.com/models

  1. All Spaces
  2. Click the three dots action menu
  3. Choose Share & Invite

Click Copy link

The link will be copied to your clipboard

Example

https://my.matterport.com/show/?m=7ABCDyEFGHe

The highlighted code is the mid or Matterport Model ID

Using Matterport 3D Mesh in the Hyperspace Engine

By exporting the 3D Matterport mesh and using it in the Hyperspace engine you will gain access to all the Hyperspace features. The 3D mesh is just the raw 3D mesh, when importing it it does not utilize the 360 images produced by Matterport, therefore the quality of the experience is not as realistic as using the hybrid Matterport player and Hyperspace engine as described above.

The choice needs to be made between visual quality and feature richness.

Matterport supports export of a scanned 3d mesh in OBJ format.

Take a look at the example here.

Following the blank template guide and storage guide you may use your Matterport scan as a multi participant shared experience in the metaverse.

Login to Matterport

Choose the property you’d like to export

  1. Choose Downloads
  2. Download the MatterPak

Save the MatterPak zip file to your computer.

Unzip the MatterPak zip file into a local folder.

Upload the unzipped folder to your Hyperspace Storage.

Once uploaded

  1. Navigate into the folder you uploaded
  2. Find the .obj file
  3. Click the globe icon to copy the link to your clipboard

Login to the Hyperspace Dashboard

Create a new space using the Blank template

Enter the newly created space

  1. Click the Pencil+ icon in the top right toolbar
  2. Choose Add content

  1. Paste the .obj link from Storage, the Import button will appear automatically
  2. Click the Import button

Wait for the 3D item to load in the space.

By default Matterport scans use a different rotation. Both the rotation and scale will need to be adjusted.

Hover over the newly added 3d scan and click the settings icon.

Set the rotation to

{"x":-1.5708,"y":0,"z":0}

Set the scale to

{"x":1,"y":1,"z":1}

Set sceneryStatic to true

Set freeTeleport to true

Set receiveShadow to true

Click Save item

Note the floor level may not be as expected. After Save item, use the Show advanced transform controls to adjust.

Drag the translate controls vertically and horizontally until your avatar is in the correct position.

Click Stop editing in the top left corner.

Click and hold on the floor to free teleport anywhere you wish.

Enhance the space by adding more hotspots, sitting hotspots and 2D or 3D content.

Invite others to join you in the space.

Enhancements

Branding Images

Consider downloading one of the matterport photos for the Hyperspace splash screen background and thumbnail image in the Hyperspace Dashboard.

First person perspective

The experience can be more upclose if you use the First person camera view.

A user can change this at any time using the Goggles icon.

Third person

First person

The view mode can be set to first person by default in the space’s settings.

Embed Matterport Player as a Popup

In some scenarios you may only want to temporarily view Matterport scenes in an existing Hyperspace scene. In this way you can link 3d items or posters to launch the Matterport player as an overlay which can be interacted with and then dismissed to return to the main 3D scene.

Grab your Matterport embed code and add it to a space

https://support.matterport.com/s/article/Embed-a-Matterport-3D-Model?language=en_US

Import 360 panorama

Take a look at the example here.

On the Matterport Downloads page scroll to the bottom to find the equirectangular 360 panorama pictures.

Click the download button

Create a new space in the Hyperspace Dashboard using the 360 template.

Upload the 360 image to Storage.

Enter the new 360 space and Add panorama on the Pencil+ menu

Paste the Storage link and click Save

How useful was this article?

Click on a star to rate it!

We are sorry that this article was not useful for you!

Let us improve this article!

Tell us how we can improve this article?