FoliMesh

Pack di asset 3D per three.js

Otto pack GLB — Free Sampler, Temperate Forest, Conifer Forest, Tropical Beach, Savanna & Dry Lands, Desert Kit, Low-Poly Starter e Rocks & Cliffs — si caricano con GLTFLoader da three/addons; aggiungi DRACOLoader o KTX2Loader solo se il file usa quelle estensioni. Ogni albero, palma, cactus e roccia ha LOD0–LOD3, quindi THREE.LOD con lod.addLevel(mesh, distance) cambia livello in base alla distanza della camera a ogni frame.

Le foglie usano alphaMode MASK di glTF, che diventa material.alphaTest, e i materiali double-sided arrivano con side: THREE.DoubleSide. Nei boschi fitti InstancedMesh disegna migliaia di copie in una sola chiamata e BatchedMesh mescola le varianti; raggruppa le istanze per LOD in ogni chunk, perché THREE.LOD non agisce per istanza. Tieni invisibile la mesh di collisione e passala a Rapier o cannon-es. Export in GLB, FBX e OBJ, stili dal realistico al low-poly, rendering con WebGLRenderer e WebGPURenderer.

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

Lo stesso in altri stili

Lo stesso per altri motori