Пальми для three.js

Кокосова пальма, фінікова пальма, канарська пальма, вашингтонія та віялова пальма в цій добірці — легкі GLB-файли, що підключаються через GLTFLoader з three/addons. Кожна модель має чотири рівні LOD, тож меші додаються до THREE.LOD через lod.addLevel(mesh, distance): перемикання деталізації за відстанню до камери бере на себе рендерер.

Для сцени пляжу чи острова InstancedMesh малює тисячі стовбурів і листків одним draw call, а BatchedMesh поєднує п'ять видів в одному чанку. Листя з alpha test зберігає чіткий силует без витрат на сортування. Невидимий collision-меш передається в 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.