Unterwasserwelt im Stil Low-Poly für Babylon.js

Facettierter Low-Poly-Look mit Flat Shading und Vertex-Farben – ganz ohne Texturen. Vegetation für Babylon.js im GLB-Format: mit SceneLoader importieren, LOD-Stufen verbinden und Wälder bauen, die im Browser laufen. Diese Gruppe umfasst Unterwasserpflanzen und Riffformen für Meeresböden, Lagunen und Flachwasser: Hirschgeweihkoralle, Rotkoralle, Hirnkoralle und Gorgonien sowie Kelp, Seetang und Seerosen. Zusammen erzeugen sie den vielschichtigen Look eines Riffs oder eines geschützten Seegrunds. Jedes Modell enthält LOD0 bis LOD3, Kollision und einen Pivot an der Basis, damit Korallen am Meeresboden verankert bleiben und nicht schweben. Kelp und Seetang besitzen Schwankgewichte für sanfte Bewegung. Jeder Seed erzeugt eine andere Verzweigungsform oder Wedelanordnung, und die Modelle werden als GLB, FBX und OBJ für Unity, Unreal Engine, Godot und Bevy exportiert. 7 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.

Ü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 Babylon.js

Babylon.js lädt GLB über den glTF-Loader aus @babylonjs/loaders: ImportMeshAsync (oder SceneLoader.ImportMeshAsync in älterem Code) bzw. LoadAssetContainerAsync, wenn viele Kopien per instantiateModelsToScene nötig sind.

LOD: lod0.addLODLevel(30, lod1), addLODLevel(80, lod2) usw.; null als Mesh blendet das Objekt jenseits dieser Distanz aus.
Tausende Bäume: Thin Instances (thinInstanceAdd mit Matrizen) rendern mit einem Draw Call pro Mesh; normale createInstance nutzen, wenn jeder Baum eigenes Picking oder eigene Logik braucht.
Laub: glTF-MASK wird zu einem alpha-getesteten PBRMaterial (MATERIAL_ALPHATEST).
Kollisionsmesh: isVisible = false setzen und mit checkCollisions oder Havok-Physik (PhysicsAggregate mit MESH-Shape) nutzen.