FoliMesh

Árvores estilo Low-poly para Babylon.js

Árvores low-poly entram no Babylon.js como GLB: carregue com ImportMeshAsync de @babylonjs/loaders ou use LoadAssetContainerAsync com instantiateModelsToScene quando precisar de muitas cópias. Cada modelo vem com LOD0–LOD3 e pivô na base, então lod0.addLODLevel(30, lod1) e addLODLevel(80, lod2) já cuidam do corte por distância sem código extra.

O visual facetado vem do flat shading e das cores de vértice (COLOR_0), sem textura alguma: um único material serve para o Carvalho, o Pinheiro-silvestre, o Abeto, a Bétula e as outras dez das 14 árvores. As folhas são geometria sólida, sem alpha testing nem overdraw transparente, e com thin instances milhares de árvores saem em um draw call por malha. O LOD0 fica entre algumas centenas e cerca de dois mil triângulos, o que funciona bem em WebGL, WebGPU, celulares, VR, estratégia e city builders.

Modelos
14
Níveis de detalhe
LOD0 – LOD3
Formatos
GLB · FBX · OBJ

Sobre o estilo Low-poly

O low poly é o estilo mais barato de renderizar e de distribuir.

  • Flat shading: uma normal por face dá o visual facetado nítido, sem normal maps.
  • A cor fica nos vértices (glTF COLOR_0): sem texturas, sem trabalho de UV e quase sem memória de vídeo.
  • As folhas são geometria sólida, não cards com alfa: sem alpha test nem overdraw transparente, o que pesa em GPUs de celular.
  • Um único material serve para todos os modelos da cena, então as árvores fazem batching e instancing com facilidade.
  • Orçamentos típicos vão de algumas centenas a cerca de dois mil triângulos no LOD0.

Combina com mobile, WebGL/WebGPU, VR, estratégia, city builders e jogos indie estilizados. Na engine, use um material que multiplique pela cor de vértice.

Como usar em Babylon.js

O Babylon.js carrega GLB pelo loader glTF de @babylonjs/loaders: ImportMeshAsync (ou SceneLoader.ImportMeshAsync em código mais antigo), ou LoadAssetContainerAsync quando você precisa de muitas cópias via instantiateModelsToScene.

  • LOD: lod0.addLODLevel(30, lod1), addLODLevel(80, lod2) e assim por diante; passar null como malha esconde o objeto além dessa distância.
  • Milhares de árvores: thin instances (thinInstanceAdd com matrizes) são desenhadas em um draw call por malha; use createInstance comum quando cada árvore precisar de picking ou lógica próprios.
  • Folhas: o MASK do glTF vira um PBRMaterial com alpha test (MATERIAL_ALPHATEST).
  • Malha de colisão: isVisible = false e use com checkCollisions ou física Havok (PhysicsAggregate com shape MESH).

Pacotes

Outras categorias

O mesmo em outros estilos

O mesmo para outras engines