FoliMesh

Végétation 3D pour three.js

Une végétation GLB légère pour le web : chargez-la avec GLTFLoader, branchez les maillages LOD dans THREE.LOD et votre scène a sa forêt.

Packs

Par catégorie

Conçu pour GLTFLoader

Chaque asset FoliMesh est un seul fichier GLB. GLTFLoader charge les maillages, matériaux et textures en une seule requête, et chaque niveau de LOD est un maillage distinct dans le fichier.

LOD dans three.js

Ajoutez LOD0–LOD3 à un objet THREE.LOD avec les distances qu'il vous faut. Au loin, passez à l'impostor ou masquez simplement l'arbre. Les budgets de triangles par LOD gardent un framerate stable, même sur un portable.

Des fichiers légers pour le web

Les assets low poly utilisent les vertex colors et aucune texture : une forêt entière pèse moins qu'une seule photo. Les arbres réalistes utilisent des textures compactes d'écorce et de feuillage avec alpha test pour les feuilles.

Beaucoup d'arbres, un seul draw call

Comme la géométrie est propre et partagée, le même arbre fonctionne avec InstancedMesh : exportez plusieurs seeds et instanciez chacune pour une forêt sans répétition.

Compatible avec

Voir aussi

Questions fréquentes

Comment charger les modèles dans three.js ?

Utilisez GLTFLoader : le fichier GLB contient les maillages, matériaux, textures et tous les niveaux de LOD.

Est-ce compatible avec THREE.LOD ?

Oui. Chaque LOD est un maillage distinct dans le GLB, vous pouvez donc les ajouter à THREE.LOD avec vos propres distances.

Les fichiers sont-ils assez légers pour le web ?

Oui. Les assets low poly n'ont aucune texture, et les arbres réalistes utilisent des textures compactes et des budgets de triangles par LOD.