How would one go about creating a loading behaviour similar to how Sketchfab loads 3d models and textures dynamically. i.e. once the geometry is loaded, it is added to the scene… then the textures are streamed in increasing levels of resolution.
Here’s an example loaded with sketchfab:
The same model loaded with three.js gltf loader looks like this:
You can see that the model is only displayed once all the loading has been finished.
Is this simply a matter of storing low resolution versions of the textures so that the initial load time is shorter? or is there some fancier way of streaming the texture data?
I’m working with gltf files, some are binary, and some are JSON with either embedded or external texture/bin files. All files are hosted in external storage and accessed via http (as opposed to being stored locally on the machine).