Alberi low-poly per Babylon.js – asset GLB di foresta

Alberi in stile Low-poly per Babylon.js

Gli alberi low-poly si importano in Babylon.js come GLB: con ImportMeshAsync da @babylonjs/loaders, oppure con LoadAssetContainerAsync e instantiateModelsToScene quando servono molte copie. Ogni modello ha LOD0–LOD3 e pivot alla base, quindi lod0.addLODLevel(30, lod1) e addLODLevel(80, lod2) gestiscono il taglio per distanza senza codice aggiuntivo.

L'aspetto sfaccettato nasce dal flat shading e dai colori dei vertici (COLOR_0), senza texture: un solo materiale copre la Quercia, il Pino silvestre, l'Abete rosso, la Betulla e gli altri dieci dei 14 alberi. Le foglie sono geometria piena, senza alpha testing né overdraw trasparente, e le thin instances disegnano migliaia di alberi in una draw call per mesh. Il LOD0 sta tra qualche centinaio e un paio di migliaia di triangoli: adatto a WebGL, WebGPU, mobile, VR, strategia e city builder.

Informazioni sullo stile Low-poly

Il low poly è lo stile più economico da renderizzare e da distribuire.

Flat shading: una normale per faccia dà il look sfaccettato e netto, niente normal map.
Il colore è nei vertici (glTF COLOR_0): niente texture, niente lavoro sulle UV, quasi zero memoria video.
Il fogliame è geometria piena, non card con alpha: niente alpha test né overdraw trasparente, fondamentale sulle GPU mobile.
Un solo materiale può servire tutti i modelli della scena, quindi gli alberi si raggruppano e si istanziano facilmente.
I budget tipici vanno da qualche centinaio a un paio di migliaia di triangoli al LOD0.

Adatto a mobile, WebGL/WebGPU, VR, strategici, city builder e giochi indie stilizzati. Nel motore usa un materiale che moltiplichi per il colore ai vertici.

Uso in Babylon.js

Babylon.js carica il GLB con il loader glTF di @babylonjs/loaders: ImportMeshAsync (o SceneLoader.ImportMeshAsync nel codice meno recente), oppure LoadAssetContainerAsync quando servono molte copie tramite instantiateModelsToScene.

LOD: lod0.addLODLevel(30, lod1), addLODLevel(80, lod2) e così via; passare null come mesh nasconde l’oggetto oltre quella distanza.
Migliaia di alberi: le thin instance (thinInstanceAdd con matrici) si disegnano con una draw call per mesh; usa createInstance normale quando ogni albero richiede picking o logica propri.
Foglie: il MASK di glTF diventa un PBRMaterial in alpha test (MATERIAL_ALPHATEST).
Mesh di collisione: isVisible = false e usala con checkCollisions o la fisica Havok (PhysicsAggregate con forma MESH).