FoliMesh

Champignons et bois mort de style Low-poly pour three.js

Look low poly à facettes, flat shading et couleurs de sommets — aucune texture. 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. Ce groupe regroupe la litière d'un sol forestier : des champignons comme l'amanite tue-mouches, le cèpe, la girolle, l'armillaire, les russules et les mycènes, ainsi que des troncs tombés, une bûche de bouleau, du bois mort couvert de polypores, une souche, une motte racinaire et des tas de brindilles. Ils donnent à la forêt un aspect vivant et habité. Chaque modèle inclut les niveaux LOD0 à LOD3, une collision et un pivot à la base, ce qui permet aux troncs et souches de reposer solidement sur un sol irrégulier. Le bois mort et les mottes racinaires servent de repères, tandis que champignons et brindilles comblent les espaces. Chaque seed modifie la forme du chapeau, les ramifications ou le motif d'écorce, et les modèles s'exportent en GLB, FBX et OBJ pour Unity, Unreal Engine, Godot et Bevy. 13 modèles prêts pour le jeu dans cette sélection. Chaque modèle dispose de LOD0–LOD3, de collisions et d'un pivot à la base, et chaque nouvelle seed donne une nouvelle variation de la même espèce.

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

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

Fonctionne avec WebGLRenderer comme avec WebGPURenderer.

Autres catégories

Le même dans d'autres styles

Le même pour d'autres moteurs