Overview

Introduction

The SuperViz for Three.js integration is designed to seamlessly integrate SuperViz Collaboration into Three.js application.

The integration consists of two main components:

• Presence3D: Automatically Implements Avatars, Mouse Pointers and Presence Controls into a Three.js application.
• Contextual Comments: Automatically Implements a Contextual comments feature into a Three.js application.

Before you start

General knowledge on how to use Three.js is required.

Language support

The Three.js integration is available in two different Packages: Javascript and React.

• Javascript SDK: We support both Javascript with a package and JavaScript with CDN. You can use any JavaScript based framework such as React, Vue and Svelte.
• React SDK: You can choose to use our dedicated React SDK.

Best practices

• When using Video huddle together with the Presence3D, you can enable users to select from our list of avatars by setting the flag defaultAvatars as true on the Video huddle constructor.
• Make sure to only initialize the components once the ThreeJS camera, renderer, and scene are fully loaded, otherwise you won’t be able to initialize them.

Requirements

• The minimum Three.js version required is 0.164.0

Happy coding!