Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Using the Matterport API, Igloo we have developed an integration for viewing Matterport spaces in 360 degrees.

Info

This tutorial requires a session called Matterport to have been setup using the Desktop UI. See the tutorial: Desktop UI - Using the Matterport App .

Tutorial Video

...

Creating Loading a Matterport Layer

...

Press the Add Content button in the Canvas Toolbar and select Load. In the Load Content dialog, select the Templates tab and select Matterport360 Content Library.

Image Added

Select the session named ‘Matterport’.

This creates a new layer using the settings defined in the template layer. In this case, the layer type is a Composition layer.

A Composition layer is a collection of multiple layers which are treated as a single layer. In the Matterport template, the multiple layers consist of 6 WebViews, arranged to form a cubemap. In the Effects tab, the Cubemap to Equirectangular and True Perspective effects are both included.

Info

No interaction is possible with any of the constituent layers which make up a composition.

...

will load a Composition layer pointing to the Igloo Matterport Service URL and with appropriate settings to display across the whole canvas.

...

Creating a Control Layer

The ICE Control Panel has a Matterport tab which provides a controller and navigation page. The url for this page is Create a new WebView and set the URL to http://localhost:9060127.0.0.1:800/matterport/control . An orbitview is displayed This displays the Matterport control screen showing an orbitview in the upper half of the control page and floorplans . A Floorplan can be generated in the lower sectionhalf of the page. Navigation can be made by clicking on the disc positions in either the floorplan or the orbitview.

...

Use Edit mode to resize and position the control layer to a suitable area of the canvas, on top of the Matterport layer.

...

Additional Layers

An additional endpoint is available to display the orbitview only, http://localhost:9060127.0.0.1:800/matterport/orbitview. This endpoint also allows the Matterport dollshouse mode to be viewed.

...

Next Section: Returning to the Homescreen Canvas UI - Canvas Sharing (Video Conferencing)