Árboles para three.js

Cada árbol es un GLB ligero que se carga con GLTFLoader desde three/addons; DRACOLoader o KTX2Loader solo hacen falta si el archivo usa de verdad esas extensiones. Todos traen LOD0–LOD3: las cuatro mallas se pasan a THREE.LOD y se conmutan con lod.addLevel(mesh, distance), y luego el nivel se elige por distancia de cámara en cada fotograma, 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, Acacia y Baobab para biomas secos, además de un Árbol muerto. El pivote está en la base, así que colocarlos sobre el terreno es un solo ajuste de posición. InstancedMesh dibuja miles de copias y BatchedMesh mezcla variantes en una llamada; THREE.LOD no se aplica por instancia, así que agrupa las instancias por nivel y por chunk. La malla de colisión invisible se pasa 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; 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.