FoliMesh

Vegetación 3D para three.js

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.

Packs

Por categoría

Pensado para GLTFLoader

Cada asset de FoliMesh es un único archivo GLB. GLTFLoader carga las mallas, materiales y texturas en una sola petición, y cada nivel de LOD es una malla independiente dentro del archivo.

LOD en three.js

Añade LOD0–LOD3 a un objeto THREE.LOD con las distancias que necesites. A lo lejos, cambia al impostor o simplemente oculta el árbol. Los presupuestos de triángulos por LOD mantienen estable la tasa de fotogramas incluso en portátiles.

Archivos pequeños para la web

Los assets low poly usan color de vértice y ninguna textura, así que un bosque entero pesa menos que una sola foto. Los árboles realistas usan texturas compactas de corteza y hojas con alpha test en las hojas.

Muchos árboles, un solo draw call

Como la geometría es limpia y compartida, el mismo árbol funciona con InstancedMesh: exporta varias semillas e instancia cada una para un bosque que no se repite.

Funciona en

Relacionado

Preguntas frecuentes

¿Cómo cargo los modelos en three.js?

Usa GLTFLoader: el archivo GLB contiene las mallas, materiales, texturas y todos los niveles de LOD.

¿Funciona con THREE.LOD?

Sí. Cada LOD es una malla independiente en el GLB, así que puedes añadirlas a THREE.LOD con tus propias distancias.

¿Los archivos son lo bastante ligeros para la web?

Sí. Los assets low poly no tienen ninguna textura, y los árboles realistas usan texturas compactas y presupuestos de triángulos por LOD.