FoliMesh

Kletterpflanzen und Efeu im Stil Low-Poly für three.js

Facettierter Low-Poly-Look mit Flat Shading und Vertex-Farben – ganz ohne Texturen. Leichte GLB-Vegetation fürs Web: mit GLTFLoader laden, die LOD-Meshes in THREE.LOD einhängen – und schon steht ein Wald in deiner Szene. Diese Gruppe umfasst kletternde und hängende Pflanzen für Spielszenen: Lianen, die sich um Baumstämme winden, Jungfernreben, die über Mauern wachsen, Efeu an Stein- und Ziegelflächen sowie hängende Lianen, die von Ästen und Kronen herabfallen. Sie lassen Dschungel, Ruinen und alte Gebäude verwildert wirken. Jedes Modell enthält LOD0 bis LOD3, Kollision und einen Pivot an der Basis, sodass Ranken ohne zusätzliche Einrichtung an Stämmen, Mauern und Felsen befestigt werden können. Windgewichte lassen Blätter und Ranken natürlich schwingen. Jeder Seed verändert Blattdichte, Länge und Wuchsmuster, und die Modelle werden als GLB, FBX und OBJ für Unity, Unreal Engine, Godot und Bevy exportiert. 5 spielfertige Modelle in dieser Auswahl. Jedes Modell hat LOD0–LOD3, Kollision und einen Pivot an der Basis, und jeder neue Seed ergibt eine neue Variante derselben Art.

Modelle
5
Detailstufen
LOD0 – LOD3
Formate
GLB · FBX · OBJ

Über den Stil Low-Poly

Low-Poly-Vegetation ist der günstigste Stil – beim Rendern wie bei der Build-Größe.

  • Flat Shading: eine Normale pro Fläche ergibt den klaren Facetten-Look, Normal Maps entfallen.
  • Die Farbe liegt in den Vertex-Farben (glTF COLOR_0): keine Texturen, keine UV-Arbeit, kaum Grafikspeicher.
  • Das Laub ist echte Geometrie statt Alpha-Cards: kein Alpha-Test und kein transparenter Overdraw – wichtig für mobile GPUs.
  • Ein einziges Material reicht für alle Modelle einer Szene, Bäume lassen sich daher leicht batchen und instanzieren.
  • Übliche Budgets für LOD0 liegen zwischen einigen hundert und rund zweitausend Dreiecken.

Passt zu Mobile, WebGL/WebGPU, VR, Strategie, Aufbauspielen und stilisierten Indie-Games. In der Engine ein Material verwenden, das mit der Vertex-Farbe multipliziert.

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.

Weitere Kategorien

Dasselbe in anderen Stilen

Dasselbe für andere Engines