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.