FoliMesh

Palmen für three.js

Kokospalme, Dattelpalme, Kanarische Dattelpalme, Washingtonia und Zwergpalme liegen hier als leichte GLB-Dateien vor, die direkt über GLTFLoader aus three/addons geladen werden. Jedes Modell bringt vier LOD-Stufen mit, sodass die Meshes per lod.addLevel(mesh, distance) in THREE.LOD wandern und der Renderer die Detailstufe nach Kameradistanz umschaltet.

Für Strand- und Inselszenen zeichnet InstancedMesh tausende Stämme und Wedel in einem Draw Call, während BatchedMesh die fünf Arten in einem Chunk mischt. Alpha-getestete Blätter bleiben scharf ohne Sortierkosten. Das unsichtbare Kollisionsmesh geht an Rapier oder cannon-es, und der Export läuft mit WebGLRenderer wie 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