FoliMesh

Palmiers de style Low-poly pour Babylon.js

Les palmiers low-poly se chargent dans Babylon.js directement en GLB : un seul fichier via ImportMeshAsync depuis @babylonjs/loaders, ou LoadAssetContainerAsync avec instantiateModelsToScene quand une plage réclame de nombreuses copies. Chaque modèle possède LOD0–LOD3, un maillage de collision et un pivot à la base : lod0.addLODLevel(30, lod1) puis addLODLevel(80, lod2) font disparaître proprement les palmiers lointains. L'aspect facetté vient du flat shading et des couleurs de sommets, sans aucune texture. Un seul PBRMaterial multiplié par la couleur de sommet suffit pour le Cocotier, le Palmier dattier et le Washingtonia, et les thin instances dessinent des centaines de troncs en un draw call par maillage. Les feuilles sont de la géométrie pleine : pas d'alpha testing ni d'overdraw sur GPU mobile. Le budget LOD0 va de quelques centaines à deux mille triangles, idéal pour les îles, les city builders et les scènes WebGL/WebGPU.

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

Autres catégories

À propos du style Low-poly

Le low poly est le style le moins coûteux, au rendu comme en taille de build.

  • Flat shading : une normale par face donne l’aspect à facettes net ; pas de normal maps.
  • La couleur est dans les sommets (glTF COLOR_0) : pas de textures, pas de travail d’UV, presque pas de mémoire vidéo.
  • Le feuillage est de la vraie géométrie, pas des cartes alpha : ni alpha test ni overdraw transparent, ce qui compte sur les GPU mobiles.
  • Un seul matériau peut servir à tous les modèles de la scène, les arbres se batchent et s’instancient facilement.
  • Les budgets typiques vont de quelques centaines à environ deux mille triangles au LOD0.

Adapté au mobile, à WebGL/WebGPU, à la VR, aux jeux de stratégie, aux city builders et aux jeux indés stylisés. Dans le moteur, utilisez un matériau qui multiplie par la couleur de sommet.

Utilisation dans Babylon.js

Babylon.js charge le GLB via le loader glTF de @babylonjs/loaders : ImportMeshAsync (ou SceneLoader.ImportMeshAsync dans du code plus ancien), ou LoadAssetContainerAsync quand il faut de nombreuses copies via instantiateModelsToScene.

  • LOD : lod0.addLODLevel(30, lod1), addLODLevel(80, lod2), etc. ; passer null comme maillage masque l’objet au-delà de cette distance.
  • Des milliers d’arbres : les thin instances (thinInstanceAdd avec des matrices) se rendent en un draw call par maillage ; utilisez createInstance quand chaque arbre a besoin de son propre picking ou de sa logique.
  • Feuillage : le MASK de glTF devient un PBRMaterial en alpha test (MATERIAL_ALPHATEST).
  • Maillage de collision : isVisible = false, puis utilisez-le avec checkCollisions ou la physique Havok (PhysicsAggregate avec une forme MESH).

Le même dans d'autres styles

Le même pour d'autres moteurs