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: [sketchfab…

Almost any time you have a texture on a model, there is a mipmap chain with smaller and smaller versions of each texture. For example: 1024x1024 512x512 256x256 ... 2x2 1x1 With PNG and JPEG textures (which most models use) the mipmap chain is usually generated on the fly when you load the model, …

Great explanation, thanks. So the mip-mapping is almost what I want… except it only happens after load time, so not very useful for what I want to achieve… as you’ve pointed out - I already have the full resolution texture at that point. Would the following work in theory? Store several versions…

Functionally that will work, yes. You don’t necessarily need to store the whole chain, a couple files might be enough if you generate mips on the fly from the final high-res image at the end. Practically there’s one other obstacle with PNG/JPEG images, which is that larger images take a while to dec…

I can confirm that loading low resolution textures indeed has a huge impact on initial load of the model. On my (relatively high performance) machine, loading 512x512 resolution textures for a simple model results in instant display, increasing texture resolution to 1024x1024 results in 3-4 seconds …

See this comment about rendering two scenes in the background, and alternating between them while one loads a texture , and the in a live example(s) further down. The concepts is basically you may be able to have two canvases, and two workers with OffscreenCanvas that you alternate between (only one …

Load textures progressively

Questions

ataylor09 July 9, 2020, 6:59pm 5

OK, thanks. Good to know that I can use the dev tools to profile this.

Performance ideas (loading objects in workers, faster texture uploads, etc)

Topic		Replies	Views
How to reduce the resolution of a large image? Questions panorama , 360°-images , resolution , downscale	5	4019	July 16, 2020
GLTF Model contains lots of Images as textures and is lagging. Any fix? Questions textures , performance , gltf-loader	8	2586	October 15, 2020
GLTFLoader performance question during the first renderer Questions textures , gltf-loader	5	3124	February 15, 2019
Wait for textures to load .glb Questions gltf-loader	1	703	July 11, 2020
Applying textures to gltf Questions textures , gltf-loader	7	9206	September 20, 2024

Load textures progressively

Related topics