FoliMesh

Árboles estilo Low-poly para Babylon.js

Los árboles low-poly se importan en Babylon.js como GLB: con ImportMeshAsync desde @babylonjs/loaders, o con LoadAssetContainerAsync e instantiateModelsToScene cuando necesitas muchas copias. Cada modelo incluye LOD0–LOD3 y un pivote en la base, así que lod0.addLODLevel(30, lod1) y addLODLevel(80, lod2) resuelven el recorte por distancia.

El aspecto facetado sale del flat shading y de los colores de vértice (COLOR_0), sin texturas: un solo material sirve para el Roble, el Pino silvestre, el Abeto, el Abedul y los demás de los 14 árboles, siempre que multiplique por el color de vértice. Las hojas son geometría maciza, sin alpha testing ni overdraw transparente, y las thin instances dibujan miles de árboles en una sola draw call por malla. El LOD0 va de unos cientos a un par de miles de triángulos: encaja en WebGL, WebGPU, móvil, VR, estrategia y city builders.

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

Sobre el estilo Low-poly

El low poly es el estilo más barato de renderizar y de distribuir.

  • Sombreado plano: una normal por cara da el aspecto facetado nítido, sin mapas de normales.
  • El color va en los vértices (glTF COLOR_0): sin texturas, sin trabajo de UV y casi sin memoria de vídeo.
  • Las hojas son geometría sólida, no tarjetas con alfa: sin alpha test ni overdraw transparente, algo clave en GPU móviles.
  • Un único material sirve para todos los modelos de la escena, así que los árboles se agrupan e instancian con facilidad.
  • Los presupuestos habituales van de unos cientos a un par de miles de triángulos en LOD0.

Encaja en móviles, WebGL/WebGPU, VR, estrategia, city builders y juegos indie estilizados. En el motor, usa un material que multiplique por el color de vértice.

Uso en Babylon.js

Babylon.js carga GLB con el loader glTF de @babylonjs/loaders: ImportMeshAsync (o SceneLoader.ImportMeshAsync en código antiguo), o LoadAssetContainerAsync cuando necesitas muchas copias con instantiateModelsToScene.

  • LOD: lod0.addLODLevel(30, lod1), addLODLevel(80, lod2), etc.; pasar null como malla oculta el objeto más allá de esa distancia.
  • Miles de árboles: las thin instances (thinInstanceAdd con matrices) se dibujan en un draw call por malla; usa createInstance normal cuando cada árbol necesite su propio picking o lógica.
  • Hojas: el MASK de glTF se convierte en un PBRMaterial con alpha test (MATERIAL_ALPHATEST).
  • Malla de colisión: isVisible = false y úsala con checkCollisions o la física Havok (PhysicsAggregate con forma MESH).

Packs

Otras categorías

Lo mismo en otros estilos

Lo mismo para otros motores