Palmen für Babylon.js

Babylon.js lädt die GLB-Dateien über den glTF-Loader in @babylonjs/loaders: ImportMeshAsync für einzelne Bäume, LoadAssetContainerAsync, wenn viele Kopien per instantiateModelsToScene entstehen. Die Auswahl umfasst fünf Arten: Kokospalme, Dattelpalme, Kanarische Dattelpalme, Washingtonia und Zwergpalme.

Jede hat LOD0–LOD3 — lod0.addLODLevel(30, lod1), addLODLevel(80, lod2) —, dazu eine Kollision mit Pivot an der Basis und Blätter als alpha-getestetes PBRMaterial. Der Pivot an der Basis erleichtert das Setzen auf unebenem Gelände, und Tausende Palmen laufen als thin instances mit einem Draw Call pro Mesh; für Strand-, Insel- und Oasenszenen im Browser bleibt das Bild dadurch flüssig.

Katalog durchsuchen Preise ansehen

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

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.