@superviz/matterport-plugin NPM

SuperViz Matterport SDK Plugin

SuperViz provides a suite of programmable low-code Collaboration and Communication components, all synchronized with an advanced Real-time Data Engine, enabling real-time and asynchronous collaboration and communication within any JavaScript based application.

The SuperViz Matterport Plugin, when integrated, connects a Matterport scene to the SuperViz SDK, allowing avatars, pinned comments, and other collaborative features within the 3D environment for a shared participant experience.

Note: to use this package, you must also have the following minimum versions:

SuperViz SDK, minimum version 6.4.0
Matterport SDK Bundle, minimum version 3.1.77.2-1-g3baaac4893

Getting started

1. Installing SuperViz Matterport extension

The Presence3D component is not available from the @superviz/sdk package, instead, to use Presence 3D you must use the @superviz/matterport-plugin package.

To install the @superviz/matterport-plugin package with npm, run the following command:

npm install --save @superviz/matterport-plugin

Or with Yarn:

yarn add @superviz/matterport-plugin

2. Adding Matterport to SuperViz SDK

To add a Matterport Presence3D component, you can use the following code:

import { Presence3D } from '@superviz/matterport-plugin';

const matterportPresence = new Presence3D(mpSdk, {
  isAvatarsEnabled: true,
  isLaserEnabled: true,
  isNameEnabled: true,
  avatarConfig: {
    height: 0,
    scale: 1,
    laserOrigin: { x: 0, y: 0, z: 0 },
  },
});

sdk.addComponent(matterportPresence);

Please check the documentation for more information about the Presence3D component.