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; añade DRACOLoader o KTX2Loader solo si el archivo usa esas extensiones. Cada árbol, palmera, cactus y roca trae LOD0–LOD3, así que THREE.LOD con lod.addLevel(mesh, distance) cambia de nivel según la distancia de cámara en cada fotograma.

Las hojas llegan con alphaMode MASK de glTF, que se traduce en material.alphaTest, y los materiales de doble cara ya vienen con side: THREE.DoubleSide. Para bosques densos, InstancedMesh dibuja miles de copias en una sola llamada y BatchedMesh mezcla variantes; agrupa las instancias por LOD en cada chunk, porque THREE.LOD no actúa por instancia. Deja la malla de colisión invisible y pásala a Rapier o cannon-es. Exportación 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; 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.

Funciona tanto con WebGLRenderer como con WebGPURenderer.

Packs

Lo mismo en otros estilos

Lo mismo para otros motores