FoliMesh

3D-рослинність для three.js

Легка рослинність у GLB для вебу: завантажте її через GLTFLoader, підключіть LOD-меші до THREE.LOD — і у вашій сцені вже ліс.

Набори

За категоріями

Створено для GLTFLoader

Кожен асет FoliMesh — це один GLB-файл. GLTFLoader завантажує меші, матеріали й текстури одним запитом, а кожен рівень LOD — окремий меш усередині файлу.

LOD у three.js

Додайте LOD0–LOD3 до об'єкта THREE.LOD з потрібними вам дистанціями. Здалеку перемикайтеся на імпостор або просто ховайте дерево. Бюджети трикутників на кожен LOD тримають частоту кадрів стабільною навіть на ноутбуках.

Маленькі файли для вебу

Low-poly асети використовують колір вершин і обходяться без текстур, тож цілий ліс важить менше за одне фото. Реалістичні дерева використовують компактні текстури кори й листя з alpha-test для листків.

Багато дерев — один draw call

Геометрія чиста та спільна, тому одне й те саме дерево працює з InstancedMesh: експортуйте кілька сидів та інстансуйте кожен із них — вийде ліс без повторів.

Працює в

Схоже

Часті запитання

Як завантажити моделі в three.js?

Використовуйте GLTFLoader: GLB-файл містить меші, матеріали, текстури та всі рівні LOD.

Чи працює це з THREE.LOD?

Так. Кожен LOD — окремий меш у GLB, тож їх можна додати до THREE.LOD зі своїми дистанціями.

Чи достатньо малі файли для вебу?

Так. Low-poly асети взагалі не мають текстур, а реалістичні дерева використовують компактні текстури й бюджети трикутників на кожен LOD.