FoliMesh

Packs de assets 3D para three.js

Ocho packs GLB — Free Sampler, Temperate Forest, Conifer Forest, Tropical Beach, Savanna & Dry Lands, Desert Kit, Low-Poly Starter y Rocks & Cliffs — se cargan con GLTFLoader desde three/addons; agrega DRACOLoader o KTX2Loader solo si el archivo usa esas extensiones. Cada árbol, palmera, cactus y roca incluye 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.

Las hojas vienen con alphaMode MASK de glTF, que se convierte en material.alphaTest, y los materiales de doble cara ya traen side: THREE.DoubleSide. Para bosques densos, InstancedMesh dibuja miles de copias en una sola llamada y BatchedMesh combina variantes; agrupa las instancias por LOD en cada chunk, porque THREE.LOD no funciona por instancia. Deja la malla de colisión invisible y pásala a Rapier o cannon-es. Exporta a GLB, FBX y OBJ; estilos del realista al low-poly y render en WebGLRenderer y WebGPURenderer.

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.

Funciona tanto con WebGLRenderer como con WebGPURenderer.

Packs

Lo mismo en otros estilos

Lo mismo para otros motores