3D-асети для three.js: GLB-дерева, каміння, LOD

Набори 3D-асетів для three.js

Вісім GLB-паків — Free Sampler, Temperate Forest, Conifer Forest, Tropical Beach, Savanna & Dry Lands, Desert Kit, Low-Poly Starter і Rocks & Cliffs — вантажаться через GLTFLoader із three/addons; DRACOLoader і KTX2Loader додавайте лише тоді, коли файл використовує ці розширення. Кожне дерево, пальма, кактус і камінь мають LOD0–LOD3, тож THREE.LOD із lod.addLevel(mesh, distance) змінює рівні за відстанню до камери щокадру.

Листя приходить із glTF alphaMode MASK — це material.alphaTest, а двосторонні матеріали отримують side: THREE.DoubleSide. Для густого лісу InstancedMesh малює тисячі копій одним викликом, BatchedMesh змішує різні варіації; групуйте інстанси за LOD усередині чанка, бо THREE.LOD не працює на рівні окремого інстансу. Колізійний меш лишайте невидимим і віддавайте в Rapier або cannon-es. Експорт — GLB, FBX, OBJ; стилі від реалістичного до low-poly; рендер у WebGLRenderer і WebGPURenderer.

Використання в three.js

У three.js завантажуйте GLB через GLTFLoader з three/addons; DRACOLoader або KTX2Loader потрібні, лише якщо файл використовує ці розширення.

LOD за відстанню: THREE.LOD і lod.addLevel(mesh, distance) для LOD0–LOD3; рівні перемикаються за відстанню до камери щокадру.
Ліси: InstancedMesh малює тисячі копій за один draw call, а BatchedMesh дає змогу змішувати кілька варіацій дерев. THREE.LOD не працює на рівні окремих інстансів, тож групуйте інстанси за LOD для кожного чанка самі.
Листя: alphaMode MASK з glTF перетворюється на material.alphaTest, а двобічні матеріали автоматично отримують side: THREE.DoubleSide.
Меш колізії: зробіть невидимим і передайте у фізичну бібліотеку, наприклад Rapier або cannon-es.

Працює і з WebGLRenderer, і з WebGPURenderer.

Набори 3D-асетів для three.js

Використання в three.js

Набори

Безкоштовний семплер

Помірний ліс

Хвойний ліс

Тропічний пляж

Савана та посушливі землі

Пустельний набір

Те саме в інших стилях

Те саме для інших рушіїв