Paczki assetów 3D do three.js

Osiem paczek GLB — Free Sampler, Temperate Forest, Conifer Forest, Tropical Beach, Savanna & Dry Lands, Desert Kit, Low-Poly Starter i Rocks & Cliffs — wczytasz w przeglądarce przez GLTFLoader z three/addons; DRACOLoader lub KTX2Loader dodawaj tylko wtedy, gdy plik korzysta z tych rozszerzeń. Każde drzewo, palma, kaktus i skała mają LOD0–LOD3, więc THREE.LOD z lod.addLevel(mesh, distance) przełącza poziomy wraz z odległością kamery w każdej klatce.

Liście mają glTF alphaMode MASK, co daje material.alphaTest, a materiały dwustronne otrzymują side: THREE.DoubleSide. W gęstym lesie InstancedMesh rysuje tysiące kopii w jednym wywołaniu, a BatchedMesh miesza warianty; grupuj instancje według LOD w obrębie chunka, bo THREE.LOD nie działa na pojedynczej instancji. Siatkę kolizji zostaw niewidoczną i przekaż do Rapier albo cannon-es. Eksport GLB, FBX i OBJ, styl od realistycznego po low-poly, render w WebGLRenderer i WebGPURenderer.

Przeglądaj katalog Zobacz cennik

Użycie w three.js

W three.js ładuj GLB przez GLTFLoader z three/addons; DRACOLoader lub KTX2Loader dodaj tylko wtedy, gdy plik używa tych rozszerzeń.

LOD według odległości: THREE.LOD z lod.addLevel(mesh, distance) dla LOD0–LOD3; poziom przełącza się co klatkę zależnie od odległości od kamery.
Lasy: InstancedMesh rysuje tysiące kopii w jednym draw callu, a BatchedMesh pozwala mieszać kilka wariantów drzew. THREE.LOD nie działa per instancja, więc samodzielnie grupuj instancje według LOD w każdym chunku.
Liście: alphaMode MASK z glTF staje się material.alphaTest, a materiały dwustronne automatycznie dostają side: THREE.DoubleSide.
Siatka kolizji: pozostaw niewidoczną i przekaż do biblioteki fizyki, np. Rapier lub cannon-es.