Hey, there. I’ve started learning some advanced concepts of three.js in which LOD - level of details is the one, but I’m having some issues and need some help on that. I’m using one gltf model of the city from sketchfeb and trying to achieve lazy loading of buildings while we zoom in/out or move/dr…

[image] Krishna_Vishwakarma: I’ve searched a lot but didn’t find any examples of LOD with GLTF. LOD - Three.js Tutorials (sbcode.net) [image]

@seanwasere thanks for the reply, I’ve gone through the example already that you’ve shared, but still I didn’t understand what I’m doing wrong. If you think I need to change something on the code so can you point out or share something?

I only see one level of LOD in you code. [image] Krishna_Vishwakarma: lod.addLevel(mesh, 75);

If I added two more, like this, lod.addLevel(mesh, 75); lod.addLevel(mesh, 100); lod.addLevel(mesh, 150); then it comes like this, I don’t think that’s the right way. How many levels do we need to define and how?

The official example demonstrates LOD perfectly well. three.js/webgl_lod.html at master · mrdoob/three.js (github.com) Whether your model is GLTF, OBJ, generated manually from primitives, it doesn’t matter. Basically different geometries that are shown/hidden depending on distance from camera. M…

What I’m trying to achieve is something like google Maps. Like in Google Maps, when we drag the map then it loads the other parts of the map where we move/drag. Similarly, I want my model to be lazily loaded, which means when I try to drag/move or zoom in/out my model, it should load/hide the other…

you could store your different level of detail geometries in one glTF/glB if you wanted. A better term to search for might be “Lazy Loaded LOD”, but then there is probably a better term, since this doesn’t return much. I built something like this many years ago, but most of the work was in the ser…

@Krishna_Vishwakarma You’re talking about streaming tiled map data. The tiles can have LODs as well, but the organization and streaming of tiles is an entirely separate process. LOD’s have to be generated.. usually by an offline pre-process. There are also some tools in the works by @agargaro for…

Apply the @manthrax suggestion using the simplifier and then set the UV maps, this is much easier than having sets of LOD meshes, which is complicated and also lot of work in the 3d artists end.

Help to understand the Three.JS LOD - Level of Details

Questions

Assur_Pool June 4, 2025, 10:26am 9

Having 3 to 5 sets of mesh as ur LOD is expensive, u can simplify the geometry using metis virtual geometry

Topic		Replies	Views
LOD doesn't seem to be doing anything? Questions lod	4	865	March 25, 2022
Issue with display when adding LoD from glb Questions lod	8	1963	September 18, 2019
Level of detail(lod) Questions	3	236	July 29, 2024
LOD object position Questions loaders	6	787	September 17, 2021
Level of detail on center Questions lod	3	579	May 26, 2021

Help to understand the Three.JS LOD - Level of Details

Related topics