Mundo subaquático estilo Realista para three.js

Vegetação realista com texturas PBR de casca e folhas, normal maps e folhas com alpha test. 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 plantas subaquáticas e formações de recife para fundos marinhos, lagunas e águas rasas: coral chifre-de-veado, coral-vermelho, coral-cérebro e leques-do-mar, além de kelp, algas marinhas e vitórias-régias. Juntos, criam o aspecto em camadas de um recife ou do fundo de um lago protegido. Cada modelo inclui LOD0 a LOD3, colisão e pivô na base, para que os corais fiquem presos ao fundo e não flutuem. O kelp e as algas têm pesos de balanço para um movimento suave. Cada nova semente gera uma forma de ramificação ou um arranjo de frondes diferente, e os modelos são exportados em GLB, FBX e OBJ para Unity, Unreal Engine, Godot e Bevy. 7 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.

Sobre o estilo Realista

Os modelos realistas usam o fluxo PBR metal/roughness, lido diretamente por glTF 2.0, Unity, Unreal, Godot e three.js.

Casca: mapas de cor, normais e rugosidade no tronco e nos galhos.
Folhas: cards com alpha test (masked) e texturas de cachos de folhas, sem alpha blend: escrevem profundidade, não precisam de ordenação e projetam sombras corretas.
Casca e folhas usam materiais separados, então o número de draw calls é previsível e o instancing na GPU funciona bem.
LOD0 é para close; LOD1–LOD3 removem galhos e cards de folhas, e o último nível é leve o bastante para longas distâncias.

Ideais para jogos em primeira e terceira pessoa, sobrevivência, mundo aberto e simuladores em PC e console. No celular, use LOD1 ou LOD2 como nível mais próximo e fique de olho no overdraw da folhagem.

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.