Low-poly деревья для Babylon.js — GLB-модели леса

Деревья в стиле Low-poly для Babylon.js

Низкополигональные деревья подключаются к Babylon.js как GLB: загрузка через ImportMeshAsync из @babylonjs/loaders, а для множества копий — LoadAssetContainerAsync с instantiateModelsToScene. У каждой модели есть LOD0–LOD3 и точка привязки у основания, поэтому lod0.addLODLevel(30, lod1) и addLODLevel(80, lod2) дают отсечение по дистанции без лишнего кода.

Гранёный вид создаётся плоским затенением и вершинными цветами (COLOR_0), а не текстурами, поэтому один материал подходит и Дубу, и Сосне, и Ели, и Берёзе — из всей подборки в 14 деревьев. Листва — это геометрия, без alpha-тестов и прозрачного overdraw, а thin instances рисуют тысячи деревьев за один draw call на меш. LOD0 — от нескольких сотен до пары тысяч треугольников: подходит для WebGL, WebGPU, мобильных и VR.

О стиле Low-poly

Low-poly — самый дешёвый стиль и в рендере, и в размере билда.

Плоское затенение: одна нормаль на грань даёт чёткие грани, карты нормалей не нужны.
Цвет хранится в вершинах (glTF COLOR_0): нет текстур, нет работы с UV, почти не тратится видеопамять.
Листва — сплошная геометрия, а не карточки с альфой: нет alpha-test и прозрачного overdraw, что важно для мобильных GPU.
Один материал можно использовать для всех моделей сцены, поэтому деревья легко батчатся и инстансятся.
Типичный бюджет LOD0 — от нескольких сотен до пары тысяч треугольников.

Подходит для мобильных игр, WebGL/WebGPU, VR, стратегий, градостроительных и стилизованных инди-игр. В движке используйте материал, который учитывает цвет вершин.

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

Babylon.js загружает GLB через glTF-загрузчик из @babylonjs/loaders: ImportMeshAsync (или SceneLoader.ImportMeshAsync в старом коде) либо LoadAssetContainerAsync, когда нужно много копий через instantiateModelsToScene.

LOD: lod0.addLODLevel(30, lod1), addLODLevel(80, lod2) и так далее; null вместо меша скрывает объект дальше этой дистанции.
Тысячи деревьев: thin instances (thinInstanceAdd с матрицами) рисуются одним draw call на меш; обычные createInstance берите, когда каждому дереву нужны свой пикинг или логика.
Листва: MASK из glTF превращается в PBRMaterial с alpha-test (MATERIAL_ALPHATEST).
Меш коллизии: isVisible = false и использование с checkCollisions или физикой Havok (PhysicsAggregate с формой MESH).