Cactos e suculentas para three.js

No navegador, uma cena de deserto depende da contagem de draw calls. Estes cactos e suculentas vêm em GLB: o GLTFLoader de three/addons carrega tudo direto — Saguaro, Cacto-barril, Figueira-da-índia, Agave e Aloé, cinco espécies para faroestes, mapas de sobrevivência e dioramas low-poly.

Cada modelo traz LOD0–LOD3, então THREE.LOD com lod.addLevel(mesh, distance) troca o nível conforme a distância da câmera. Para repetir, o InstancedMesh desenha milhares de cópias; como o LOD não vale por instância, agrupe as cópias por chunk. alphaMode MASK vira material.alphaTest, e a malha de colisão fica invisível para Rapier ou cannon-es. Roda em WebGLRenderer e WebGPURenderer.

Explorar o catálogo Ver preços

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.