FoliMesh

Roślinność 3D dla three.js

Lekka roślinność GLB dla weba: wczytaj ją przez GLTFLoader, podepnij meshe LOD do THREE.LOD i w twojej scenie już rośnie las.

Paczki

Według kategorii

Stworzone dla GLTFLoader

Każdy asset FoliMesh to jeden plik GLB. GLTFLoader wczytuje meshe, materiały i tekstury jednym żądaniem, a każdy poziom LOD to osobny mesh w pliku.

LOD w three.js

Dodaj LOD0–LOD3 do obiektu THREE.LOD z potrzebnymi odległościami. W oddali przełącz na impostor albo po prostu ukryj drzewo. Budżety trójkątów na każdy LOD utrzymują stabilny framerate nawet na laptopach.

Małe pliki dla weba

Assety low poly używają vertex color i żadnych tekstur, więc cały las waży mniej niż jedno zdjęcie. Realistyczne drzewa używają kompaktowych tekstur kory i liści z alpha testem dla liści.

Wiele drzew, jeden draw call

Geometria jest czysta i współdzielona, więc to samo drzewo działa z InstancedMesh: wyeksportuj kilka seedów i instancjonuj każdy z nich, by uzyskać las bez powtórzeń.

Działa w

Podobne

Najczęstsze pytania

Jak wczytać modele w three.js?

Użyj GLTFLoader: plik GLB zawiera meshe, materiały, tekstury i wszystkie poziomy LOD.

Czy to działa z THREE.LOD?

Tak. Każdy LOD to osobny mesh w GLB, więc możesz dodać je do THREE.LOD z własnymi odległościami.

Czy pliki są wystarczająco małe dla weba?

Tak. Assety low poly nie mają żadnych tekstur, a realistyczne drzewa używają kompaktowych tekstur i budżetów trójkątów na każdy LOD.