Packs d'assets 3D pour three.js

Huit packs GLB — Free Sampler, Temperate Forest, Conifer Forest, Tropical Beach, Savanna & Dry Lands, Desert Kit, Low-Poly Starter et Rocks & Cliffs — se chargent avec GLTFLoader depuis three/addons ; n'ajoutez DRACOLoader ou KTX2Loader que si un fichier utilise ces extensions. Chaque arbre, palmier, cactus et rocher possède LOD0–LOD3 : THREE.LOD et lod.addLevel(mesh, distance) changent de niveau selon la distance caméra, à chaque frame.

Les feuilles arrivent en alphaMode MASK du glTF, traduit en material.alphaTest, et les matériaux double face reçoivent side: THREE.DoubleSide. Pour les forêts denses, InstancedMesh dessine des milliers de copies en un appel et BatchedMesh mélange les variantes ; regroupez les instances par LOD dans chaque chunk, car THREE.LOD ne s'applique pas par instance. Laissez la collision invisible et confiez-la à Rapier ou cannon-es. Export GLB, FBX et OBJ, du réaliste au low-poly, rendu sous WebGLRenderer et WebGPURenderer.

Parcourir le catalogue Voir les tarifs

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.