Drzewa do three.js

Każde drzewo to lekki GLB wczytywany przez GLTFLoader z three/addons; DRACOLoader i KTX2Loader są potrzebne tylko wtedy, gdy plik naprawdę korzysta z tych rozszerzeń. Wszystkie modele mają LOD0–LOD3: cztery siatki przekazujesz do THREE.LOD i przełączasz przez lod.addLevel(mesh, distance), a potem poziom wybiera się na podstawie odległości kamery w każdej klatce, w WebGLRenderer i WebGPURenderer. Liście z glTF alphaMode MASK stają się material.alphaTest, a materiały dwustronne są już ustawione na side: THREE.DoubleSide.

14 drzew pokrywa lasy, parki i wioski: Dąb, Sosna zwyczajna, Świerk, Brzoza, Wierzba płacząca, Osika, Klon i Topola dla strefy umiarkowanej, Oliwka, Cyprys i Pinia dla Morza Śródziemnego, Akacja i Baobab dla suchych biomów, a do tego Martwe drzewo. Punkt obrotu leży u podstawy, więc posadzenie modelu na terenie to jedna zmiana pozycji. InstancedMesh rysuje tysiące kopii, a BatchedMesh miesza warianty w jednym wywołaniu; THREE.LOD nie działa na instancjach, dlatego grupuj je według poziomu i chunka. Niewidoczna siatka kolizji trafia do Rapier lub cannon-es.

Przeglądaj katalog Zobacz cennik

Modele: 14
Poziomy szczegółowości: LOD0 – LOD3
Formaty: GLB · FBX · OBJ

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.