Low-poly 3D-модели для three.js

3D-модели в стиле Low-poly для three.js

Все 42 модели поставляются в GLB с готовыми уровнями LOD0–LOD3: вы загружаете их через GLTFLoader из three/addons и передаёте уровни в THREE.LOD методом lod.addLevel(mesh, distance) — детализация переключается каждый кадр по расстоянию до камеры. Листья здесь настоящая геометрия, а не альфа-карты, поэтому нет ни alpha test, ни прозрачного overdraw: дуб, сосна, берёза и бамбук остаются дешёвыми даже на мобильных GPU.

Цвет хранится в вершинных атрибутах (COLOR_0), так что один общий материал покрывает все деревья, кактусы и камни сцены, а InstancedMesh рисует тысячи копий за один вызов. Экземпляры группируйте по чанкам: THREE.LOD не работает на уровне инстанса. Бюджет — от нескольких сотен до пары тысяч треугольников на LOD0. Невидимая коллизионная сетка подключается к Rapier или cannon-es, и всё работает и в WebGLRenderer, и в WebGPURenderer.

О стиле Low-poly

Low-poly — самый дешёвый стиль и в рендере, и в размере билда.

Плоское затенение: одна нормаль на грань даёт чёткие грани, карты нормалей не нужны.
Цвет хранится в вершинах (glTF COLOR_0): нет текстур, нет работы с UV, почти не тратится видеопамять.
Листва — сплошная геометрия, а не карточки с альфой: нет alpha-test и прозрачного overdraw, что важно для мобильных GPU.
Один материал можно использовать для всех моделей сцены, поэтому деревья легко батчатся и инстансятся.
Типичный бюджет LOD0 — от нескольких сотен до пары тысяч треугольников.

Подходит для мобильных игр, WebGL/WebGPU, VR, стратегий, градостроительных и стилизованных инди-игр. В движке используйте материал, который учитывает цвет вершин.

Как использовать в 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.