Árboles para three.js

Cada árbol es un GLB liviano que se carga con GLTFLoader desde three/addons; DRACOLoader o KTX2Loader solo se necesitan si el archivo realmente usa esas extensiones. Todos incluyen LOD0–LOD3: las cuatro mallas se pasan a THREE.LOD y se cambian con lod.addLevel(mesh, distance), y después el nivel se elige según la distancia de la cámara en cada cuadro, tanto en WebGLRenderer como en WebGPURenderer. El follaje con alphaMode MASK de glTF queda como material.alphaTest y los materiales de doble cara ya vienen con side: THREE.DoubleSide.

Los 14 árboles cubren bosques, parques y pueblos: Roble, Pino silvestre, Abeto, Abedul, Sauce llorón, Álamo temblón, Arce y Álamo para zonas templadas, Olivo, Ciprés y Pino piñonero para el Mediterráneo, y Acacia y Baobab para biomas secos, más un Árbol muerto. El pivote está en la base, así que apoyarlos en el terreno es un solo ajuste de posición. Con InstancedMesh se dibujan miles de copias y BatchedMesh mezcla variantes en una llamada; THREE.LOD no se aplica por instancia, por eso conviene agrupar las instancias por nivel y por chunk. La malla de colisión invisible se entrega a Rapier o cannon-es.

Explorar el catálogo Ver precios

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