Usage

3min
﻿
To use the Sense of Space geometry streaming in Babylon JS you will need to include the following script tag in your html in addition to your Babylon JS:
HTML
|
<script src="https://assets.senseofspace.io/streamablemodel/0.0.11/sosStreamableModelBabylon.js"></script>
<script src="https://assets.senseofspace.io/streamablemodel/0.0.11/sosStreamableModelBabylon.js"></script>
﻿
﻿
Now you need to define the following model parameters (described in Supported Parameters) :

JS
|
let data = {
    "path" : './model.sxrweb',
    "useAlpha" : true,
    "useMetalRoughness": true,
    "quality": 1.0
};
let data = {
    "path" : './model.sxrweb',
    "useAlpha" : true,
    "useMetalRoughness": true,
    "quality": 1.0
};
﻿

You can list only necessary parameters, or miss this part at all (then the streamer will use the default parameters listed in Supported Parameters).
﻿
Now you can add one or more streamable models to your scene by calling createStreamableModel with data, scene and camera as parameters:
JS
|
createStreamableModel(scene, camera, data);
createStreamableModel(scene, camera, data);
﻿

﻿
After that you need to get a modelStreamer object and add its update function at the render loop. E.g.
JS
|
let modelStreamer = getModelStreamer();
 
 engine.runRenderLoop(function () {
        scene.render();
        if(modelStreamer !== undefined) {
          modelStreamer.updateFrame();
        }
 });

let modelStreamer = getModelStreamer();
 
 engine.runRenderLoop(function () {
        scene.render();
        if(modelStreamer !== undefined) {
          modelStreamer.updateFrame();
        }
 });
﻿

﻿
﻿
﻿
Updated 03 Mar 2023
Did this page help you?