Пальмы для three.js

Кокосовая пальма, финиковая пальма, канарская пальма, вашингтония и хамеропс в этой подборке — лёгкие GLB-файлы, которые подключаются через GLTFLoader из three/addons. У каждой модели четыре уровня LOD, поэтому меши достаточно добавить в THREE.LOD через lod.addLevel(mesh, distance): переключение детализации по расстоянию до камеры берёт на себя рендерер, а не ваш код.

Для сцены пляжа или острова InstancedMesh рисует тысячи стволов и листьев одним draw call, а BatchedMesh смешивает пять видов в одном чанке. Листья с alpha test сохраняют чёткий силуэт без затрат на сортировку. Невидимый collision-меш можно отдать в Rapier или cannon-es, а экспорт работает и в 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.