Modelos 3D realistas para three.js

Modelos 3D estilo Realista para three.js

La vegetación realista se carga en three.js sin conversión: el GLB entra por GLTFLoader desde three/addons y los materiales PBR metal/rugosidad — corteza con mapas base color, normal y roughness, hojas como tarjetas enmascaradas — se ven tal y como se crearon. DRACOLoader o KTX2Loader solo hacen falta si el archivo usa esas extensiones. Las mallas LOD0–LOD3 se añaden a THREE.LOD con lod.addLevel(mesh, distance); el cambio de nivel ocurre en cada frame según la distancia de cámara.

Con los 42 modelos — Roble, Pino silvestre, Abeto, Abedul, Sauce llorón, Olivo, Cocotero — montas tanto un bosque como un desierto. InstancedMesh dibuja la masa y BatchedMesh mezcla varias especies en un chunk; como THREE.LOD no se aplica por instancia, agrupa tú las instancias por nivel y chunk. La malla de colisión invisible se pasa a Rapier o cannon-es. Encaja en juegos en primera y tercera persona, supervivencia, mundos abiertos y simuladores en PC y consola; en móvil empieza por LOD1 o LOD2 y vigila el overdraw de las tarjetas de hojas.

Sobre el estilo Realista

Los modelos realistas usan el flujo PBR metal/roughness, que glTF 2.0, Unity, Unreal, Godot y three.js leen directamente.

Corteza: mapas de color, normales y rugosidad en el tronco y las ramas.
Hojas: tarjetas con alpha test (masked) y texturas de grupos de hojas, no alpha blend: escriben profundidad, no necesitan ordenación y proyectan sombras correctas.
Corteza y hojas usan materiales separados, así el número de draw calls es predecible y el instancing por GPU funciona bien.
LOD0 es para primeros planos; LOD1–LOD3 eliminan ramas y tarjetas de hojas, y el último nivel es lo bastante ligero para la distancia.

Ideales para juegos en primera y tercera persona, supervivencia, mundos abiertos y simuladores en PC y consola. En móviles, usa LOD1 o LOD2 como nivel más cercano y vigila el overdraw del follaje.

Uso en three.js

En three.js, carga el GLB con GLTFLoader de three/addons; añade DRACOLoader o KTX2Loader solo si un archivo usa esas extensiones.

LOD por distancia: THREE.LOD con lod.addLevel(mesh, distance) para LOD0–LOD3; cambia de nivel según la distancia a la cámara en cada fotograma.
Bosques: InstancedMesh dibuja miles de copias en un solo draw call y BatchedMesh mezcla varias variaciones de árboles. THREE.LOD no actúa por instancia, así que agrupa tú mismo las instancias por LOD en cada chunk.
Hojas: el alphaMode MASK de glTF se convierte en material.alphaTest y los materiales de doble cara reciben side: THREE.DoubleSide automáticamente.
Malla de colisión: déjala invisible y pásala a una librería de física como Rapier o cannon-es.