FoliMesh

Trepadeiras e hera para three.js

Vegetação GLB leve para a web: carregue com o GLTFLoader, ligue as malhas LOD ao THREE.LOD e sua cena já tem uma floresta. Este grupo reúne trepadeiras e plantas pendentes para cenários de jogos: cipós enrolados em troncos de árvores, parreira-virgem espalhando-se por muros, hera subindo por pedra e tijolo, e lianas suspensas que caem de galhos e copas. Eles fazem selvas, ruínas e construções antigas parecerem tomadas pela vegetação. Cada modelo inclui LOD0 a LOD3, colisão e pivô na base, para fixar as trepadeiras em troncos, muros e rochas sem ajustes extras. Os pesos de vento fazem folhas e gavinhas balançarem naturalmente. Cada nova semente altera a densidade das folhas, o comprimento e o padrão de crescimento, e os modelos são exportados em GLB, FBX e OBJ para Unity, Unreal Engine, Godot e Bevy. 5 modelos prontos para jogos nesta seleção. Cada modelo tem LOD0–LOD3, colisão e pivô na base, e cada nova seed gera uma nova variação da mesma espécie.

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

Como usar em three.js

No three.js, carregue o GLB com GLTFLoader de three/addons; adicione DRACOLoader ou KTX2Loader só se o arquivo usar essas extensões.

  • LOD por distância: THREE.LOD com lod.addLevel(mesh, distance) para LOD0–LOD3; o nível muda conforme a distância da câmera a cada frame.
  • Florestas: InstancedMesh desenha milhares de cópias em um único draw call, e BatchedMesh mistura várias variações de árvores. THREE.LOD não atua por instância, então agrupe você mesmo as instâncias por LOD em cada chunk.
  • Folhas: o alphaMode MASK do glTF vira material.alphaTest, e materiais de dupla face recebem side: THREE.DoubleSide automaticamente.
  • Malha de colisão: deixe invisível e passe para uma biblioteca de física como Rapier ou cannon-es.

Funciona com WebGLRenderer e com WebGPURenderer.

Outras categorias

O mesmo em outros estilos

O mesmo para outras engines