FoliMesh

Enredaderas y hiedra estilo Realista para three.js

Vegetación realista con texturas PBR de corteza y hojas, mapas de normales y hojas con alpha test. Vegetación GLB ligera para la web: cárgala con GLTFLoader, conecta las mallas LOD a THREE.LOD y tu escena ya tiene un bosque. Este grupo reúne plantas trepadoras y colgantes para escenas de juego: lianas enrolladas en troncos de árboles, hiedra virginiana que se extiende por muros, hiedra que trepa por piedra y ladrillo, y lianas colgantes que caen desde ramas y copas. Dan a selvas, ruinas y edificios antiguos un aspecto cubierto de vegetación. Cada modelo incluye LOD0 a LOD3, colisión y pivote en la base, para fijar las enredaderas a troncos, muros y rocas sin ajustes adicionales. Los pesos de viento hacen que hojas y zarcillos se mezan con naturalidad. Cada semilla cambia la densidad de hojas, la longitud y el patrón de crecimiento, y los modelos se exportan en GLB, FBX y OBJ para Unity, Unreal Engine, Godot y Bevy. 5 modelos listos para juegos en esta selección. Cada modelo tiene LOD0–LOD3, colisión y el pivote en la base, y cada nueva semilla genera una nueva variación de la misma especie.

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

Sobre el estilo Realista

Los modelos realistas usan el flujo PBR metal/roughness, que glTF 2.0, Unity, Unreal, Godot y three.js leen directamente.

  • Corteza: mapas de color, normales y rugosidad en el tronco y las ramas.
  • Hojas: tarjetas con alpha test (masked) y texturas de grupos de hojas, no alpha blend: escriben profundidad, no necesitan ordenación y proyectan sombras correctas.
  • Corteza y hojas usan materiales separados, así el número de draw calls es predecible y el instancing por GPU funciona bien.
  • LOD0 es para primeros planos; LOD1–LOD3 eliminan ramas y tarjetas de hojas, y el último nivel es lo bastante ligero para la distancia.

Ideales para juegos en primera y tercera persona, supervivencia, mundos abiertos y simuladores en PC y consola. En móviles, usa LOD1 o LOD2 como nivel más cercano y vigila el overdraw del follaje.

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.

Otras categorías

Lo mismo en otros estilos

Lo mismo para otros motores