Palmiers low-poly pour PlayCanvas

Palmiers de style Low-poly pour PlayCanvas

PlayCanvas importe le GLB comme asset de type container : les cinq modèles de palmiers deviennent dans l'éditeur un template avec la hiérarchie, à instancier via instantiateRenderEntity(). Le rendu Low-poly facetté stocke la couleur dans les couleurs de sommets (COLOR_0) — aucune texture, très peu de mémoire vidéo — et les feuilles sont des volumes pleins : pas d'alpha test ni de transparence superposée.

Des budgets de quelques centaines à deux mille triangles en LOD0, avec LOD0–LOD3 sur chaque modèle, conviennent aux scènes navigateur : Cocotier, Palmier dattier, Palmier des Canaries, Washingtonia et Palmier nain pour plages, îles et oasis. PlayCanvas n'a pas de composant LOD : un petit script bascule les composants de rendu selon la distance caméra ; les palmiers identiques partagent un batch group ou passent par meshInstance.setInstancing(). La collision est un composant de type mesh avec rigidbody statique.

À 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 PlayCanvas

PlayCanvas traite le GLB comme un asset container. Dans l’éditeur, importez le GLB (le FBX est converti en GLB à l’import) pour obtenir un template avec la hiérarchie du modèle ; en code moteur seul, utilisez app.assets.loadFromUrl(url, 'container') puis asset.resource.instantiateRenderEntity().

LOD : il n’y a pas de composant LOD intégré ; un petit script compare la distance à la caméra et active ou désactive les composants render des entités LOD0–LOD3.
Les arbres statiques peuvent partager un batch group pour fusionner les draw calls ; pour de grandes forêts, utilisez l’instanciation matérielle avec meshInstance.setInstancing() et un vertex buffer de transformations.
Feuillage : le MASK de glTF règle alphaTest sur le StandardMaterial ; utilisez le cull mode none pour des feuilles double face.
Maillage de collision : composant collision de type mesh avec un rigidbody statique, composant render désactivé.