FoliMesh

Palme per three.js

Palma da cocco, palma da dattero, palma delle Canarie, Washingtonia e palma nana arrivano in questa selezione come file GLB leggeri, caricati con GLTFLoader da three/addons. Ogni modello ha quattro livelli di LOD: basta inserire le mesh in THREE.LOD con lod.addLevel(mesh, distance) e il cambio di dettaglio in base alla distanza della camera lo gestisce il renderer.

In una scena di spiaggia o isola, InstancedMesh disegna migliaia di tronchi e fronde in una sola draw call, mentre BatchedMesh combina le cinque specie in un unico chunk. Le foglie con alpha test restano nitide senza costi di ordinamento. La mesh di collisione invisibile alimenta Rapier o cannon-es, e l'export funziona sia con WebGLRenderer sia con WebGPURenderer.

Modelli
5
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.

Funziona sia con WebGLRenderer sia con WebGPURenderer.

Pacchetti

Altre categorie

Lo stesso in altri stili

Lo stesso per altri motori