Rocas para three.js

Los modelos de rocas para web vienen en GLB: se cargan con GLTFLoader desde three/addons, y DRACOLoader o KTX2Loader solo se necesitan si el archivo usa esas extensiones. Los 7 modelos de esta selección — Guijarros, Piedra, Roca grande, Losa de roca, Montón de piedras, Acantilado, Acantilado con rocas — traen LOD0–LOD3, así que THREE.LOD con lod.addLevel(mesh, distance) cambia de nivel según la distancia de la cámara en cada cuadro.

Para dispersiones densas, InstancedMesh dibuja miles de copias en una sola llamada de dibujo y BatchedMesh combina varias variantes; como THREE.LOD no se aplica por instancia, conviene agrupar las instancias por LOD en cada chunk. Deja la malla de colisión invisible y pásala a Rapier o cannon-es. Funciona con WebGLRenderer y WebGPURenderer.

Explorar el catálogo Ver precios

Modelos: 7
Niveles de detalle: LOD0 – LOD3
Formatos: GLB · FBX · OBJ

Uso en three.js

En three.js, carga el GLB con GLTFLoader de three/addons; agrega 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 cuadro.
Bosques: InstancedMesh dibuja miles de copias en un solo draw call y BatchedMesh combina varias variaciones de árboles. THREE.LOD no funciona por instancia, así que agrupa tú las instancias por LOD en cada chunk.
Follaje: 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 biblioteca de física como Rapier o cannon-es.