FoliMesh

Vegetación 3D para three.js

Vegetación GLB liviana 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

Hecho para GLTFLoader

Cada asset de FoliMesh es un solo archivo GLB. GLTFLoader carga las mallas, materiales y texturas en una sola solicitud, y cada nivel de LOD es una malla separada dentro del archivo.

LOD en three.js

Agrega 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 estables los FPS incluso en laptops.

Archivos livianos para la web

Los assets low poly usan vertex color y nada de texturas, 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 separada en el GLB, así que puedes agregarlas a THREE.LOD con tus propias distancias.

¿Los archivos son lo suficientemente livianos 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.