Modele 3D low-poly do Babylon.js: drzewa i palmy

Modele 3D w stylu Low-poly do Babylon.js

Low-poly roślinność dla Babylon.js to jeden plik GLB: wczytaj go loaderem glTF z @babylonjs/loaders (ImportMeshAsync, a przy wielu kopiach LoadAssetContainerAsync), a potem ustaw łańcuch lod0.addLODLevel(30, lod1) i addLODLevel(80, lod2), dzięki czemu odległe drzewa prawie nic nie kosztują. Kolor siedzi w vertex colors (COLOR_0), a ściany są flat shaded, więc Dąb, Świerk, Bambus czy Saguaro dzielą jeden materiał i łatwo się batchują.

42 modele z tego zestawu mają od kilkuset do około dwóch tysięcy trójkątów na LOD0, plus LOD1–LOD3 i niewidoczną siatkę kolizji dla checkCollisions lub Havok. Tysiące drzew rysuje się przez thinInstanceAdd — jeden draw call na siatkę; createInstance przydaje się tam, gdzie każda roślina musi być osobno klikalna. Pasuje do city builderów, strategii i mobilnych scen WebGL/WebGPU.

O stylu Low-poly

Low poly to najtańszy styl — zarówno w renderowaniu, jak i w rozmiarze builda.

Płaskie cieniowanie: jedna normalna na ścianę daje wyraźne fasety, bez map normalnych.
Kolor jest w wierzchołkach (glTF COLOR_0): brak tekstur, brak pracy z UV, prawie zero pamięci wideo.
Liście to pełna geometria, a nie karty z alfą: brak alpha testu i przezroczystego overdraw, co ma znaczenie na mobilnych GPU.
Jeden materiał może obsłużyć wszystkie modele w scenie, więc drzewa łatwo batchować i instancjonować.
Typowe budżety LOD0 to od kilkuset do około dwóch tysięcy trójkątów.

Pasuje do gier mobilnych, WebGL/WebGPU, VR, strategii, city builderów i stylizowanych gier indie. W silniku użyj materiału mnożącego przez kolor wierzchołków.

Użycie w Babylon.js

Babylon.js ładuje GLB przez loader glTF z @babylonjs/loaders: ImportMeshAsync (lub SceneLoader.ImportMeshAsync w starszym kodzie) albo LoadAssetContainerAsync, gdy potrzebujesz wielu kopii przez instantiateModelsToScene.

LOD: lod0.addLODLevel(30, lod1), addLODLevel(80, lod2) itd.; null zamiast siatki ukrywa obiekt powyżej tej odległości.
Tysiące drzew: thin instances (thinInstanceAdd z macierzami) rysują się jednym draw callem na siatkę; zwykłego createInstance użyj, gdy każde drzewo potrzebuje własnego pickingu lub logiki.
Liście: MASK z glTF staje się PBRMaterial z alpha testem (MATERIAL_ALPHATEST).
Siatka kolizji: isVisible = false i użycie z checkCollisions lub fizyką Havok (PhysicsAggregate z kształtem MESH).