website logo
Contact Us
⌘K
🌐Sense of Space
Introduction
📶3D Streaming System
Introduction & Benefits
Client Implementations
Technical Limitations
Server Requirements
🧊3D Streaming Platform
Upload and Convert a 3D Model
How to Use the Conversion API
🧩Integrations Guides
🤖Unreal Engine
🕹️Unity Engine
🦊Mozilla Hubs
✴️PlayCanvas
🔺Three.js
🅰️A-Frame
🔶Babylon.js
🌍Embed to an HTML page
⚛️Extras
Volumetric Video Integrations
Docs powered by archbee 
4min

Usage

To use the Sense of Space geometry streaming in Three.js, you need to include the following script tag in your html in addition to your ThreeJS:

HTML
|




Now, in your scripts you need to define the following model parameters (described in Supported Parameters):

JS
|


You can set only some parameters, or skip this part completely (then the streamer will use the default parameters - that are listed in Supported Parameters).



Now you can add one or more streamable models to your scene by calling createStreamableModel with your Three.js renderer, scene, camera and optionally your own model parameters as parameters:

JS
|




After this you need to get the modelStreamer object, which is automatically created when the first streamable model is created, and call its update function inside your render loop. E.g.

JS
|








Updated 03 Mar 2023
Did this page help you?
Yes
No
UP NEXT
Making a low-quality preview
Docs powered by archbee 
TABLE OF CONTENTS