FoliMesh

Krzewy do three.js

GLB krzewu wczytasz przez GLTFLoader z three/addons; inne loadery są potrzebne tylko wtedy, gdy plik używa kompresji Draco lub KTX2. Osiem modeli — Bambus, Krzew, Bukszpan, Żywopłot, Jałowiec, Dzika róża, Malina, Leszczyna — ma LOD0–LOD3: lod.addLevel(mesh, distance) w THREE.LOD zmienia poziom szczegółów wraz z odległością kamery, a siatka kolizji pozostaje niewidoczna dla Rapiera lub cannon-es.

Na skraju lasu czy w parku miejskim InstancedMesh rysuje tysiące kopii w jednym draw callu, a BatchedMesh miesza kilka wariantów; ponieważ THREE.LOD nie działa per instancja, sam pogrupuj instancje według LOD w obrębie chunków. Liście z alphaMode MASK stają się material.alphaTest, a materiały dwustronne dostają automatycznie THREE.DoubleSide. Wszystko działa na WebGLRenderer i WebGPURenderer, a każde nowe ziarno daje inny układ.

Modele
8
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.

Działa zarówno z WebGLRenderer, jak i z WebGPURenderer.

Paczki

Inne kategorie

To samo w innych stylach

To samo dla innych silników