Árvores para three.js

Cada árvore é um GLB leve, carregado com GLTFLoader de three/addons; DRACOLoader ou KTX2Loader só entram se o arquivo realmente usar essas extensões. Todos os modelos têm LOD0–LOD3: as quatro malhas vão para o THREE.LOD e são trocadas com lod.addLevel(mesh, distance), e depois o nível é escolhido pela distância da câmera a cada quadro, no WebGLRenderer e no WebGPURenderer. Folhagem com alphaMode MASK do glTF vira material.alphaTest, e materiais de face dupla já vêm com side: THREE.DoubleSide.

As 14 árvores cobrem florestas, parques e vilas: Carvalho, Pinheiro-silvestre, Abeto, Bétula, Salgueiro-chorão, Choupo-tremedor, Bordo e Choupo para climas temperados, Oliveira, Cipreste e Pinheiro-manso para o Mediterrâneo, Acácia e Baobá para biomas secos, além de uma Árvore morta. O pivô fica na base, então apoiar no terreno é só ajustar a posição. InstancedMesh desenha milhares de cópias e BatchedMesh mistura variações em uma chamada; o THREE.LOD não vale por instância, por isso agrupe as instâncias por nível e por chunk. A malha de colisão invisível vai para o Rapier ou o cannon-es.

Explorar o catálogo Ver preços

Modelos: 14
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.