Реалистичные 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.