FoliMesh

Palmiers pour three.js

Cocotier, palmier dattier, palmier des Canaries, Washingtonia et palmier nain sont fournis ici en fichiers GLB légers, chargés directement avec GLTFLoader depuis three/addons. Chaque modèle possède quatre niveaux de LOD : placez les meshes dans THREE.LOD avec lod.addLevel(mesh, distance) et le changement de détail selon la distance caméra est pris en charge par le moteur.

Pour une plage ou une île, InstancedMesh dessine des milliers de troncs et de palmes en un seul draw call, tandis que BatchedMesh mélange les cinq espèces dans un même chunk. Les feuilles en alpha test gardent une silhouette nette sans tri coûteux. Le mesh de collision invisible alimente Rapier ou cannon-es, et l'export fonctionne avec WebGLRenderer comme avec WebGPURenderer.

Modèles
5
Niveaux de détail
LOD0 – LOD3
Formats
GLB · FBX · OBJ

Utilisation dans three.js

Dans three.js, chargez le GLB avec GLTFLoader depuis three/addons ; ajoutez DRACOLoader ou KTX2Loader seulement si un fichier utilise ces extensions.

  • LOD par distance : THREE.LOD avec lod.addLevel(mesh, distance) pour LOD0–LOD3 ; le niveau change selon la distance à la caméra à chaque image.
  • Forêts : InstancedMesh dessine des milliers de copies en un seul draw call, et BatchedMesh mélange plusieurs variantes d’arbres. THREE.LOD ne s’applique pas par instance : regroupez vous-même les instances par LOD et par chunk.
  • Feuillage : l’alphaMode MASK de glTF devient material.alphaTest, et les matériaux double face reçoivent automatiquement side: THREE.DoubleSide.
  • Maillage de collision : gardez-le invisible et passez-le à une bibliothèque physique comme Rapier ou cannon-es.

Fonctionne avec WebGLRenderer comme avec WebGPURenderer.

Packs

Autres catégories

Le même dans d'autres styles

Le même pour d'autres moteurs