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).