Пальмы Low-poly для Babylon.js — GLB с LOD

Пальмы в стиле Low-poly для Babylon.js

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

Гранёный вид дают плоское затенение и вершинные цвета — текстур нет вообще. Один PBRMaterial с умножением на цвет вершины подойдёт и Кокосовой пальме, и Финиковой пальме, и Вашингтонии, а thin instances выводят сотни стволов за один draw call на меш. Листья — цельная геометрия, без alpha-тестирования и перерисовки, что важно для мобильных GPU. Бюджет LOD0 — от нескольких сотен до пары тысяч треугольников; хороший вариант для островов, city-builder'ов и сцен на WebGL/WebGPU.

О стиле 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).