Rampicanti ed edera in stile Low-poly per three.js

Look low poly sfaccettato con flat shading e colori ai vertici, senza alcuna texture. Vegetazione GLB leggera per il web: caricala con GLTFLoader, collega le mesh LOD a THREE.LOD e la tua scena ha già una foresta. Questo gruppo raccoglie piante rampicanti e ricadenti per le scene di gioco: liane avvolte attorno ai tronchi, vite del Canada che si allarga sui muri, edera che sale su pietra e mattoni e liane sospese che scendono da rami e chiome. Fanno apparire giungle, rovine e vecchi edifici invasi dalla vegetazione. Ogni modello include LOD0–LOD3, collisione e pivot alla base, così le liane si fissano a tronchi, muri e rocce senza impostazioni aggiuntive. I pesi del vento fanno oscillare naturalmente foglie e viticci. Ogni seed cambia la densità fogliare, la lunghezza e il modello di crescita, e i modelli si esportano in GLB, FBX e OBJ per Unity, Unreal Engine, Godot e Bevy. 5 modelli pronti per il gioco in questa selezione. Ogni modello ha LOD0–LOD3, collisioni e pivot alla base, e ogni nuovo seed genera una nuova variante della stessa specie.

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 three.js

In three.js carica il GLB con GLTFLoader da three/addons; aggiungi DRACOLoader o KTX2Loader solo se un file usa quelle estensioni.

LOD a distanza: THREE.LOD con lod.addLevel(mesh, distance) per LOD0–LOD3; il livello cambia in base alla distanza dalla camera a ogni frame.
Foreste: InstancedMesh disegna migliaia di copie in una sola draw call, e BatchedMesh mescola più varianti di alberi. THREE.LOD non agisce per istanza, quindi raggruppa tu le istanze per LOD in ogni chunk.
Foglie: l’alphaMode MASK di glTF diventa material.alphaTest, e i materiali double-sided ricevono automaticamente side: THREE.DoubleSide.
Mesh di collisione: lasciala invisibile e passala a una libreria fisica come Rapier o cannon-es.