Loading multiple glb and using animated slider to change visibility

[bscott711]

I have hacked together a pg where there are 10 sets of glb files loaded using assetsManager, a gui slider to change which one is visible: Babylon.js Playground

I am very new to this so thanks in advance for the help.

Is there a way to load in the files in a more programatic way (i.e. array of names or a for loop), so this could scale up to the 150 sets of models I have? Is this even necessary? I only ever want to show a single model at a time, but I want to play through them at a fixed frame rate so we can move the view as it is playing.

[sebavan]

You should look into the Asset Containers | Babylon.js Documentation it can help preloading everything and you pull them in the scene on demand ?

[bscott711]

Thank you for that advice, it was super helpful with the right pg: https://playground.babylonjs.com/#JA1ND3#48

I’ve updated my playground using that pg, and it works way better, but running into a separate issue, that seems to be about timing. https://playground.babylonjs.com/#HKMFJ1#1

The following is from the demo pg, but mine only works when it’s commented out

and the following is added in delayCreateScene:

Then I would go into the insepector and adjust the target position and zoom.

[bscott711]

Wanted to close this out. In the following pg the loading and playthrough works smoothly: https://playground.babylonjs.com/#HKMFJ1#6

This was an awesome resource for preparing the camera properly https://playground.babylonjs.com/#6FBD14#646