FoliMesh

Rocce per three.js

Le rocce per il web arrivano in GLB: si caricano con GLTFLoader da three/addons, mentre DRACOLoader o KTX2Loader servono solo se il file usa davvero quelle estensioni. I 7 modelli di questa selezione — Ciottoli, Pietra, Masso, Lastra di roccia, Cumulo di sassi, Scogliera, Scogliera con massi — hanno LOD0–LOD3, quindi THREE.LOD con lod.addLevel(mesh, distance) cambia livello in base alla distanza della camera a ogni frame.

Per le dispersioni fitte InstancedMesh disegna migliaia di copie in una sola draw call e BatchedMesh combina più varianti; dato che THREE.LOD non si applica per istanza, raggruppa le istanze per LOD in ogni chunk. Tieni la mesh di collisione invisibile e passala a Rapier o cannon-es. Funziona con WebGLRenderer e WebGPURenderer.

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