Реалістичні 3D-моделі для three.js

3D-моделі в стилі Реалістичний для three.js

Реалістична рослинність підключається в three.js без конвертації: GLB завантажується через GLTFLoader із three/addons, а PBR-матеріали метал/шорсткість — кора з картами base color, normal і roughness, листя як масаковані картки-кластери — виглядають так, як були зроблені. DRACOLoader і KTX2Loader потрібні лише тоді, коли файл справді використовує ці розширення. Меші LOD0–LOD3 додаються в THREE.LOD через lod.addLevel(mesh, distance), і рівень перемикається щокадру за відстанню до камери.

Із 42 моделей — Дуб, Сосна звичайна, Ялина, Береза, Плакуча верба, Оливка, Кокосова пальма — збирається і ліс, і пустеля. Масу малює InstancedMesh, BatchedMesh змішує кілька порід в одному чанку; THREE.LOD не діє на інстанс, тож інстанси групуйте за рівнями й чанками самі. Невидимий collision-меш віддається в Rapier або cannon-es. Підходить для ігор від першої та третьої особи, виживання, відкритих світів і симуляторів на ПК та консолях; на мобільних починайте з LOD1 або LOD2 і стежте за overdraw листових карток.

Про стиль Реалістичний

Реалістичні моделі використовують PBR-схему metal/roughness, яку напряму читають glTF 2.0, Unity, Unreal, Godot і three.js.

Кора: карти кольору, нормалей і шорсткості на стовбурі та гілках.
Листя: картки з текстурою гілок листя на alpha-test (masked), а не alpha-blend — пишуть глибину, не потребують сортування й дають правильні тіні.
Кора й листя — окремі матеріали: кількість draw calls передбачувана, GPU-інстансинг працює без проблем.
LOD0 — для великого плану; LOD1–LOD3 прибирають гілки й картки листя, останній рівень достатньо легкий для дальніх планів.

Найкраще підходять для ігор від першої та третьої особи, виживання, відкритих світів і симуляторів на ПК та консолях. На мобільних беріть LOD1 або LOD2 як найближчий рівень і стежте за overdraw листя.

Використання в 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.