Alberi per three.js

Ogni albero è un GLB leggero da caricare con GLTFLoader da three/addons; DRACOLoader o KTX2Loader servono solo se il file usa davvero quelle estensioni. Tutti i modelli hanno LOD0–LOD3: le quattro mesh si passano a THREE.LOD e si cambiano con lod.addLevel(mesh, distance), poi il livello viene scelto in base alla distanza della camera a ogni frame, con WebGLRenderer e con WebGPURenderer. Il fogliame con alphaMode MASK di glTF diventa material.alphaTest e i materiali a doppia faccia sono già su side: THREE.DoubleSide.

I 14 alberi coprono boschi, parchi e villaggi: Quercia, Pino silvestre, Abete rosso, Betulla, Salice piangente, Pioppo tremulo, Acero e Pioppo per le zone temperate, Ulivo, Cipresso e Pino domestico per il Mediterraneo, Acacia e Baobab per i biomi aridi, più un Albero morto. Il pivot è alla base, quindi appoggiarli al terreno è solo una questione di posizione. InstancedMesh disegna migliaia di copie e BatchedMesh mescola più varianti in una chiamata; THREE.LOD non vale per istanza, perciò raggruppa le istanze per livello e per chunk. La mesh di collisione invisibile va a Rapier o cannon-es.

Sfoglia il catalogo Vedi i prezzi

Modelli: 14
Livelli di dettaglio: LOD0 – LOD3
Formati: GLB · FBX · OBJ

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.