Деревья для three.js

Каждое дерево — лёгкий GLB, который подключается через GLTFLoader из three/addons; DRACOLoader или KTX2Loader нужны, только если файл действительно использует эти расширения. У всех моделей есть LOD0–LOD3: четыре меша передаются в THREE.LOD и переключаются вызовом lod.addLevel(mesh, distance), а дальше уровень выбирается по расстоянию до камеры каждый кадр — и в WebGLRenderer, и в WebGPURenderer. Листва с glTF alphaMode MASK приходит как material.alphaTest, двусторонние материалы уже настроены на side: THREE.DoubleSide.

В подборке 14 деревьев: Дуб, Сосна, Ель, Берёза, Ива, Осина, Клён и Тополь для лесов, парков и деревень умеренной зоны, Олива, Кипарис и Пиния для юга, Акация и Баобаб для сухих биомов, плюс Сухое дерево. Точка привязки у основания, поэтому посадка на рельеф — одна установка позиции. Тысячи копий рисует InstancedMesh, BatchedMesh смешивает несколько вариантов в одном вызове; THREE.LOD не работает на уровне инстансов, поэтому группируйте их по уровням в чанках. Невидимый коллизионный меш отдаётся в Rapier или cannon-es.

Как использовать в 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.