How to slowly load meshes from an asset container?

Questions
1

I am loading a big scene and want to slowly popin the meshes.

  BABYLON.SceneLoader.LoadAssetContainer('./assets/scene/test/', 'Wasteland_Base_Demo.babylon', this.Game.scene, (container) => {
            console.log('our import', container);

            let max = 0;

            container.meshes.forEach(mesh => {
                if (max >= 50) {
                    return;
                }

                console.log('the mesh', mesh);

                // how do i add and load the mesh to my scene independently
                mesh.position = new BABYLON.Vector3(0, 0, 0);
                mesh.isVisible = true;
                max++;
            });
        });

How do I get the mesh in the container to actually render in my current scene

2

You can use Babylon incrementation : Wasteland_base_Demo.incremental.babyon

Doc:
https://doc.babylonjs.com/how_to/using_the_incremental_loading_system

Export incremental (source)

In this zip you have the compiled file (.exe and .dll) to generate an incremental file :
MakIncremental.zip (219,3 Ko)

Create a .bat file with this code to execute the creation of the incremental.babylon file :

 %~dp0..\MakeIncremental.exe /i:"Wasteland_base_Demo.incremental.babyon" /o:"../Scene/"
pause
3

I will definitely try it out as it looks really cool. However I feel a bit worried as the performance system that loads assets doesn’t allow me to have much say in configuration and if something nuanced doesn’t work as intended, i’d have no control of what to do. Is there a way to do what I am asking without the Incremental loader?

4

pinging @Deltakosh

5

Hey!

you can simply remove a mesh from the assetContainer.meshes and add it to the scene with something like:

let meshIndex = 8;
let mesh = assetContainer.meshes.splice(meshIndex, 1)[0];
scene.addMesh(mesh)