FoliMesh

Palmeras para three.js

Cocotero, palmera datilera, palma canaria, Washingtonia y palmito vienen 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 agregar los meshes a THREE.LOD con lod.addLevel(mesh, distance) para que el nivel de detalle cambie según la distancia de la 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 costo de ordenamiento. 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; agrega 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 cuadro.
  • Bosques: InstancedMesh dibuja miles de copias en un solo draw call y BatchedMesh combina varias variaciones de árboles. THREE.LOD no funciona por instancia, así que agrupa tú las instancias por LOD en cada chunk.
  • Follaje: 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 biblioteca 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