FoliMesh

Vegetação 3D 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.

Pacotes

Por categoria

Feito para o GLTFLoader

Cada asset do FoliMesh é um único arquivo GLB. O GLTFLoader carrega as malhas, materiais e texturas em uma única requisição, e cada nível de LOD é uma malha separada dentro do arquivo.

LOD no three.js

Adicione LOD0–LOD3 a um objeto THREE.LOD com as distâncias que você precisar. De longe, troque para o impostor ou simplesmente esconda a árvore. Orçamentos de triângulos por LOD mantêm o FPS estável até em notebooks.

Arquivos pequenos para a web

Assets low poly usam vertex color e nenhuma textura, então uma floresta inteira pesa menos que uma única foto. Árvores realistas usam texturas compactas de casca e folhagem com alpha test nas folhas.

Muitas árvores, um único draw call

Como a geometria é limpa e compartilhada, a mesma árvore funciona com InstancedMesh: exporte várias seeds e instancie cada uma delas para uma floresta sem repetição.

Funciona em

Relacionados

Perguntas frequentes

Como carrego os modelos no three.js?

Use o GLTFLoader: o arquivo GLB contém as malhas, materiais, texturas e todos os níveis de LOD.

Funciona com THREE.LOD?

Sim. Cada LOD é uma malha separada no GLB, então você pode adicioná-las ao THREE.LOD com suas próprias distâncias.

Os arquivos são leves o bastante para a web?

Sim. Assets low poly não têm nenhuma textura, e árvores realistas usam texturas compactas e orçamentos de triângulos por LOD.