Felsen für three.js

Fels-Assets fürs Web kommen als GLB und werden mit GLTFLoader aus three/addons geladen; DRACOLoader oder KTX2Loader sind nur nötig, wenn eine Datei diese Erweiterungen tatsächlich nutzt. Alle 7 Modelle dieser Auswahl — Kieselsteine, Stein, Felsblock, Felsplatte, Steinhaufen, Felswand, Felswand mit Felsbrocken — haben LOD0–LOD3, sodass THREE.LOD mit lod.addLevel(mesh, distance) die Stufen pro Frame nach Kameradistanz umschaltet.

Für dichte Streuung zeichnet InstancedMesh Tausende Kopien in einem Draw Call, BatchedMesh mischt mehrere Varianten; da THREE.LOD nicht pro Instanz greift, gruppieren Sie Instanzen pro Chunk nach LOD. Das Kollisionsmesh bleibt unsichtbar und geht an Rapier oder cannon-es. Läuft mit WebGLRenderer und WebGPURenderer.

Katalog durchsuchen Preise ansehen

Modelle: 7
Detailstufen: LOD0 – LOD3
Formate: GLB · FBX · OBJ

Verwendung in three.js

In three.js GLB mit dem GLTFLoader aus three/addons laden; DRACOLoader oder KTX2Loader nur ergänzen, wenn eine Datei diese Extensions nutzt.

Distanz-LOD: THREE.LOD mit lod.addLevel(mesh, distance) für LOD0–LOD3; die Stufe wechselt jeden Frame nach Kameraabstand.
Wälder: InstancedMesh zeichnet Tausende Kopien in einem Draw Call, BatchedMesh mischt mehrere Baumvarianten. THREE.LOD wirkt nicht pro Instanz, daher Instanzen pro Chunk selbst nach LOD gruppieren.
Laub: glTF-alphaMode MASK wird zu material.alphaTest, doppelseitige Materialien erhalten automatisch side: THREE.DoubleSide.
Kollisionsmesh: unsichtbar lassen und an eine Physik-Bibliothek wie Rapier oder cannon-es übergeben.