FoliMesh

Cactus e piante grasse per three.js

Nel browser una scena desertica si regge sul numero di draw call. Questi cactus e piante grasse arrivano in GLB: GLTFLoader da three/addons li carica subito — Saguaro, Cactus a botte, Fico d'India, Agave e Aloe, cinque specie per western, mappe survival e diorami low-poly.

Ogni modello ha LOD0–LOD3, quindi THREE.LOD con lod.addLevel(mesh, distance) cambia livello in base alla distanza della camera. Per le ripetizioni, InstancedMesh disegna migliaia di copie; il LOD non si applica per istanza, quindi raggruppa le copie per chunk. alphaMode MASK diventa material.alphaTest e la mesh di collisione resta invisibile per Rapier o cannon-es. Funziona con WebGLRenderer e 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