Кактуси та сукуленти для three.js

Пустельні сцени в браузері тримаються на кількості draw call'ів. Кактуси та сукуленти надходять у GLB, і GLTFLoader із three/addons підключає їх напряму — Сагуаро, Бочкоподібний кактус, Опунція, Агава й Алое, п'ять видів для вестернів, survival-карт і low-poly діорам.

Кожна модель має LOD0–LOD3, тож THREE.LOD із lod.addLevel(mesh, distance) змінює деталізацію за відстанню камери. Масові насадження зручно малювати через InstancedMesh, але LOD не діє на інстанси — групуйте копії за чанками. alphaMode MASK стає material.alphaTest, а колізійна сітка лишається невидимою для Rapier чи cannon-es. Працює на WebGLRenderer і WebGPURenderer.

Використання в 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.

Кактуси та сукуленти для three.js

Використання в three.js

Моделі

Сагуаро

Бочкоподібний кактус

Опунція

Агава

Алое

Набори

Пустельний набір

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

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

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