FoliMesh

Arbustos para three.js

Carga un GLB de arbusto con GLTFLoader desde three/addons; los demás loaders solo hacen falta si el archivo usa compresión Draco o KTX2. Los ocho modelos — Bambú, Arbusto, Boj, Seto, Enebro, Rosa silvestre, Frambueso, Avellano — llegan con LOD0–LOD3: lod.addLevel(mesh, distance) en THREE.LOD cambia de nivel según la distancia de cámara, y la malla de colisión queda invisible para Rapier o cannon-es.

Para el borde de un bosque o un parque urbano, InstancedMesh dibuja miles de copias en una sola draw call, mientras que BatchedMesh mezcla varias variantes; como THREE.LOD no se aplica por instancia, agrupa tú mismo las instancias por LOD en cada chunk. Las hojas con alphaMode MASK pasan a material.alphaTest y los materiales de doble cara reciben THREE.DoubleSide automáticamente. Todo funciona con WebGLRenderer y WebGPURenderer, y cada nueva semilla genera otra disposición.

Modelos
8
Niveles de detalle
LOD0 – LOD3
Formatos
GLB · FBX · OBJ

Uso en three.js

En three.js, carga el GLB con GLTFLoader de three/addons; añade DRACOLoader o KTX2Loader solo si un archivo usa esas extensiones.

  • LOD por distancia: THREE.LOD con lod.addLevel(mesh, distance) para LOD0–LOD3; cambia de nivel según la distancia a la cámara en cada fotograma.
  • Bosques: InstancedMesh dibuja miles de copias en un solo draw call y BatchedMesh mezcla varias variaciones de árboles. THREE.LOD no actúa por instancia, así que agrupa tú mismo las instancias por LOD en cada chunk.
  • Hojas: el alphaMode MASK de glTF se convierte en material.alphaTest y los materiales de doble cara reciben side: THREE.DoubleSide automáticamente.
  • Malla de colisión: déjala invisible y pásala a una librería de física como Rapier o cannon-es.

Funciona tanto con WebGLRenderer como con WebGPURenderer.

Packs

Otras categorías

Lo mismo en otros estilos

Lo mismo para otros motores