FoliMesh

Palmeras para three.js

Cocotero, palmera datilera, palmera canaria, Washingtonia y palmito llegan en esta selección como archivos GLB ligeros que se cargan con GLTFLoader desde three/addons. Cada modelo trae cuatro niveles de LOD: basta con añadir los meshes a THREE.LOD mediante lod.addLevel(mesh, distance) para que el nivel de detalle cambie según la distancia de cámara.

En una escena de playa o isla, InstancedMesh dibuja miles de troncos y hojas en una sola llamada de dibujo, mientras que BatchedMesh combina las cinco especies en un mismo chunk. Las hojas con alpha test mantienen el contorno nítido sin coste de ordenación. La malla de colisión invisible alimenta a Rapier o cannon-es, y la exportación funciona tanto en WebGLRenderer como en WebGPURenderer.

Modelos
5
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