FoliMesh

Подводный мир для three.js

Лёгкая растительность в GLB для веба: загрузите её через GLTFLoader, подключите LOD-меши к THREE.LOD — и в вашей сцене уже лес. Этот раздел охватывает подводные растения и рифовые формы для морского дна, лагун и мелководья: оленьи рога (кораллы), красный коралл, мозговой коралл и морские веера, а также ламинарию, морские водоросли и кувшинки. Вместе они создают многослойный вид рифа или защищённого озёрного дна. Каждая модель содержит уровни LOD0–LOD3, коллизию и опорную точку у основания, поэтому кораллы остаются прикреплёнными к дну и не парят. Ламинария и водоросли имеют веса покачивания для мягкого движения. Каждый seed даёт другую форму ветвления или расположение веток, а модели экспортируются в GLB, FBX и OBJ для Unity, Unreal Engine, Godot и Bevy. Моделей в подборке: 7. У каждой есть LOD0–LOD3, коллизия и пивот у основания, а каждый новый сид даёт новую вариацию того же вида.

Модели
7
Уровни детализации
LOD0 – LOD3
Форматы
GLB · FBX · OBJ

Как использовать в three.js

В three.js загружайте GLB через GLTFLoader из three/addons; DRACOLoader или KTX2Loader нужны, только если файл использует эти расширения.

  • LOD по расстоянию: THREE.LOD и lod.addLevel(mesh, distance) для LOD0–LOD3; уровни переключаются по дистанции до камеры каждый кадр.
  • Леса: InstancedMesh рисует тысячи копий за один draw call, а BatchedMesh позволяет смешивать несколько вариаций деревьев. THREE.LOD не работает на уровне отдельных инстансов, поэтому группируйте инстансы по LOD для каждого чанка сами.
  • Листва: alphaMode MASK из glTF превращается в material.alphaTest, а двусторонние материалы автоматически получают side: THREE.DoubleSide.
  • Меш коллизии: сделайте невидимым и передайте в физическую библиотеку, например Rapier или cannon-es.

Работает и с WebGLRenderer, и с WebGPURenderer.

Другие категории

То же в других стилях

То же для других движков