Кактусы и суккуленты для three.js

Пустынные сцены в браузере держатся на количестве draw call'ов. Кактусы и суккуленты приходят в GLB, и GLTFLoader из three/addons подключает их напрямую — Сагуаро, Шаровидный кактус, Опунция, Агава и Алоэ, пять видов для вестернов, survival-карт и low-poly диорам.

У каждой модели есть LOD0–LOD3, поэтому THREE.LOD и lod.addLevel(mesh, distance) переключают детализацию по дистанции камеры. Массовые посадки удобно рисовать через InstancedMesh, но LOD не работает по инстансам — группируйте копии по чанкам. alphaMode MASK превращается в material.alphaTest, а коллизионная сетка остаётся невидимой для 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.

Работает и с WebGLRenderer, и с WebGPURenderer.

Кактусы и суккуленты для three.js

Как использовать в three.js

Модели

Сагуаро

Шаровидный кактус

Опунция

Агава

Алоэ

Наборы

Пустыня

Другие категории

То же в других стилях

То же для других движков