Modele 3D low-poly do three.js

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

Wszystkie 42 modele są w formacie GLB z gotowymi poziomami LOD0–LOD3: wczytujesz je przez GLTFLoader z three/addons i podajesz poziomy do THREE.LOD metodą lod.addLevel(mesh, distance) — detal przełącza się w każdej klatce wraz z odległością kamery. Liście to pełna geometria, a nie alpha cards, więc nie ma alpha testu ani przezroczystego overdraw: dąb, sosna zwyczajna, brzoza i bambus pozostają tanie nawet na mobilnych GPU.

Kolor siedzi w vertex colours (COLOR_0), dzięki czemu jeden wspólny materiał obsługuje wszystkie drzewa, kaktusy i skały w scenie, a InstancedMesh rysuje tysiące kopii w jednym wywołaniu. Instancje grupuj per chunk, bo THREE.LOD nie działa na poziomie instancji. Budżety mieszczą się między kilkuset a około dwoma tysiącami trójkątów na LOD0. Niewidoczna siatka kolizji trafia prosto do Rapier lub cannon-es, a całość działa na WebGLRenderer i WebGPURenderer.

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 three.js

W three.js ładuj GLB przez GLTFLoader z three/addons; DRACOLoader lub KTX2Loader dodaj tylko wtedy, gdy plik używa tych rozszerzeń.

LOD według odległości: THREE.LOD z lod.addLevel(mesh, distance) dla LOD0–LOD3; poziom przełącza się co klatkę zależnie od odległości od kamery.
Lasy: InstancedMesh rysuje tysiące kopii w jednym draw callu, a BatchedMesh pozwala mieszać kilka wariantów drzew. THREE.LOD nie działa per instancja, więc samodzielnie grupuj instancje według LOD w każdym chunku.
Liście: alphaMode MASK z glTF staje się material.alphaTest, a materiały dwustronne automatycznie dostają side: THREE.DoubleSide.
Siatka kolizji: pozostaw niewidoczną i przekaż do biblioteki fizyki, np. Rapier lub cannon-es.