Simulation 5.3 — Mille objets

Simulation · s'appuie sur l'étape 5

L'étape 5 en posait trois. Et mille ? La question paraît bête — elle contient toute la performance en 3D.

Les deux volets affichent exactement les mêmes cubes, aux mêmes endroits, avec le même mouvement. À gauche un Mesh par cube, à droite un seul InstancedMesh. Comparez les compteurs, pas les images : elles sont identiques.

nombre de cubes 2 000 les faire tourner

Ce qu'il faut savoir (6)

• Ce qui coûte, ce n'est pas le nombre de triangles — c'est le nombre d'ordres. Chaque Mesh déclenche un appel de dessin : le processeur doit parler à la carte graphique, lui donner une matrice, un matériau, un état. Mille cubes = mille conversations. C'est le processeur qui étouffe, pas la carte graphique — qui, elle, s'ennuie.
• Un InstancedMesh, c'est un seul ordre pour tout le lot. On envoie la géométrie une fois, plus un tableau de matrices, et la carte graphique dessine les mille copies toute seule. Le compteur passe de mille à un. Regardez-le.
• La contrepartie : les instances partagent tout. Même géométrie, même matériau. On peut leur donner une position, une rotation, une échelle (setMatrixAt) et une couleur (setColorAt) — rien d'autre. Une instance n'est pas un objet : elle n'a ni position, ni enfant, et on ne peut pas la cliquer sans travail supplémentaire.
• Le piège qui annule tout : après un setMatrixAt, il faut instanceMatrix.needsUpdate = true. Sans ça, rien ne bouge et l'on cherche pendant une heure. C'est le prix de la performance : Three.js n'a aucun moyen de savoir que vous avez touché le tableau.
• Le compte d'appels est parfois inférieur au nombre de cubes — 7 958 pour 8 000, par exemple. Ce n'est pas un bug : Three.js écarte tout seul les objets hors du champ de la caméra (le frustum culling). Tournez le curseur et regardez : le chiffre de gauche suit le nombre de cubes visibles, pas le nombre de cubes. L'InstancedMesh, lui, reste à 1 — mais il est testé en bloc : si une seule instance est visible, tout le lot est dessiné.
• Ne commencez pas par là. À trois cubes, l'instanciation ne sert à rien et complique le code. Elle devient indispensable vers quelques centaines d'objets identiques — une forêt, une foule, des astéroïdes, des particules. Le curseur vous montre où bascule la vôtre.

← Précédent · Suivant →