FoliMesh

Скелі й арки в стилі Low-poly для three.js

Гранований low-poly з пласким затіненням і кольором у вершинах — зовсім без текстур. Легка рослинність у GLB для вебу: завантажте її через GLTFLoader, підключіть LOD-меші до THREE.LOD — і у вашій сцені вже ліс. Цей розділ охоплює скельні стіни для ігрових ландшафтів: модульні фрагменти урвищ, що стикуються між собою, кутові скелі, шаруваті скелі з видимими пластами, крейдяні обриви, природні кам'яні арки та цілі ділянки каньйонів. Разом вони обрамляють долини, узбережжя й гірські перевали. Кожна модель містить рівні LOD0–LOD3 і колізію, тож великі скельні стіни залишаються недорогими для відображення та надійними для персонажів і фізики. Точка опори розташована біля основи, що спрощує розміщення на рельєфі. Кожен seed дає нове компонування каменю й малюнок ерозії, а моделі експортуються у GLB, FBX та OBJ для Unity, Unreal Engine, Godot і Bevy. Моделей у добірці: 6. Кожна має LOD0–LOD3, колізію та півот біля основи, а кожен новий сид дає нову варіацію того самого виду.

Моделі
6
Рівні деталізації
LOD0 – LOD3
Формати
GLB · FBX · OBJ

Про стиль 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.

Працює і з WebGLRenderer, і з WebGPURenderer.

Інші категорії

Те саме в інших стилях

Те саме для інших рушіїв