Gemacht für GLTFLoader
Jedes FoliMesh-Asset ist eine einzelne GLB-Datei. GLTFLoader lädt Meshes, Materialien und Texturen mit einem Request, und jede LOD-Stufe ist ein eigenes Mesh in der Datei.
LOD in three.js
Füge LOD0–LOD3 mit den gewünschten Distanzen zu einem THREE.LOD-Objekt hinzu. In der Ferne wechselst du zum Impostor oder blendest den Baum einfach aus. Dreiecksbudgets pro LOD halten die Framerate stabil – selbst auf Laptops.
Kleine Dateien fürs Web
Low-Poly-Assets nutzen Vertex Colors und keine Texturen, sodass ein ganzer Wald weniger wiegt als ein einziges Foto. Realistische Bäume nutzen kompakte Rinden- und Blatttexturen mit Alpha-Test für die Blätter.
Viele Bäume, ein Draw Call
Da die Geometrie sauber und geteilt ist, funktioniert derselbe Baum mit InstancedMesh: Exportiere mehrere Seeds und instanziere jeden davon – für einen Wald ohne Wiederholungen.