3D-Asset-Packs für three.js

Acht GLB-Packs — Free Sampler, Temperate Forest, Conifer Forest, Tropical Beach, Savanna & Dry Lands, Desert Kit, Low-Poly Starter und Rocks & Cliffs — kommen über GLTFLoader aus three/addons in den Browser; DRACOLoader oder KTX2Loader nur dann ergänzen, wenn eine Datei diese Erweiterungen nutzt. Jeder Baum, jede Palme, jeder Kaktus und jeder Fels bringt LOD0–LOD3 mit, sodass THREE.LOD per lod.addLevel(mesh, distance) die Stufen im Frame nach Kameraabstand wechselt.

Blätter nutzen glTF alphaMode MASK, woraus material.alphaTest wird; doppelseitige Materialien erhalten side: THREE.DoubleSide. Für dichte Wälder zeichnet InstancedMesh tausende Kopien in einem Aufruf, BatchedMesh mischt Varianten; gruppieren Sie Instanzen je Chunk nach LOD, denn THREE.LOD greift nicht pro Instanz. Die Kollisionsmesh bleibt unsichtbar und geht an Rapier oder cannon-es. Export in GLB, FBX und OBJ, Stile von realistisch bis Low-Poly, Rendering in WebGLRenderer und WebGPURenderer.

Katalog durchsuchen Preise ansehen

Verwendung in three.js

In three.js GLB mit dem GLTFLoader aus three/addons laden; DRACOLoader oder KTX2Loader nur ergänzen, wenn eine Datei diese Extensions nutzt.

Distanz-LOD: THREE.LOD mit lod.addLevel(mesh, distance) für LOD0–LOD3; die Stufe wechselt jeden Frame nach Kameraabstand.
Wälder: InstancedMesh zeichnet Tausende Kopien in einem Draw Call, BatchedMesh mischt mehrere Baumvarianten. THREE.LOD wirkt nicht pro Instanz, daher Instanzen pro Chunk selbst nach LOD gruppieren.
Laub: glTF-alphaMode MASK wird zu material.alphaTest, doppelseitige Materialien erhalten automatisch side: THREE.DoubleSide.
Kollisionsmesh: unsichtbar lassen und an eine Physik-Bibliothek wie Rapier oder cannon-es übergeben.