FoliMesh

Kakteen & Sukkulenten für three.js

Wüstenszenen im Browser stehen und fallen mit der Zahl der Draw Calls. Diese Kakteen und Sukkulenten kommen als GLB, GLTFLoader aus three/addons lädt sie direkt: Saguaro, Kugelkaktus, Feigenkaktus, Agave und Aloe — fünf Arten für Western, Survival-Karten und Low-Poly-Dioramen.

Jedes Modell bringt LOD0–LOD3 mit, THREE.LOD und lod.addLevel(mesh, distance) tauschen die Stufen nach Kameraabstand. Für Massen eignet sich InstancedMesh; da LOD nicht pro Instanz greift, gruppiert man Kopien chunkweise. alphaMode MASK wird zu material.alphaTest, das Collision-Mesh bleibt unsichtbar für Rapier oder cannon-es. Läuft mit WebGLRenderer und WebGPURenderer.

Modelle
5
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.

Funktioniert mit WebGLRenderer und WebGPURenderer.

Pakete

Weitere Kategorien

Dasselbe in anderen Stilen

Dasselbe für andere Engines