Buissons pour three.js

Chargez un GLB de buisson avec GLTFLoader depuis three/addons ; les autres loaders ne servent que si un fichier utilise la compression Draco ou KTX2. Les huit modèles — Bambou, Buisson, Buis, Haie, Genévrier, Églantier, Framboisier, Noisetier — arrivent en LOD0–LOD3 : lod.addLevel(mesh, distance) dans THREE.LOD change de niveau selon la distance de caméra, et la collision reste invisible pour Rapier ou cannon-es.

Pour une lisière de forêt ou un parc urbain, InstancedMesh dessine des milliers de copies en un seul draw call, tandis que BatchedMesh mélange plusieurs variantes ; comme THREE.LOD ne s'applique pas par instance, regroupez vous-même les instances par LOD dans chaque chunk. Les feuilles en alphaMode MASK deviennent material.alphaTest, et les matériaux double face reçoivent THREE.DoubleSide automatiquement. Le tout tourne sous WebGLRenderer et WebGPURenderer, et chaque nouveau seed donne une disposition inédite.

Parcourir le catalogue Voir les tarifs

Modèles: 8
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.