Simulation 5.3b — En vol libre

Simulation · la 5.3, mais vous pilotez

Les mêmes cubes qu'en 5.3. Sauf qu'ici vous entrez dedans — et le compteur d'appels de dessin réagit à chaque mouvement de tête. C'est le frustum culling qui travaille sous vos yeux.

ZQSD ou les flèches · A descendre · E monter · Maj foncer · souris pour regarder.

nombre de cubes 500 2 000 8 000 20 000 façon de dessiner Un Mesh par cube Un seul InstancedMesh vitesse de vol 8

Ce qu'il faut savoir (4)

• Tournez sur place et regardez le compteur. En mode « un Mesh par cube », le nombre d'appels change en permanence : Three.js teste chaque objet contre le cône de vision de la caméra et ne dessine que ce qui y entre. Vous ne payez que ce que vous voyez — c'est gratuit, automatique, et personne ne le sait.
• L'InstancedMesh, lui, reste à 1 — mais il est testé EN BLOC. Tournez le dos au tas : le compteur tombe à 0. Regardez un seul cube du bord : il remonte à 1, et les 20 000 sont dessinés. C'est la contrepartie de l'instanciation — on ne peut plus écarter les copies une par une. Sur une forêt qui couvre une carte entière, c'est un vrai problème, et on la découpe alors en plusieurs InstancedMesh par zone.
• Le culling ne rend pas la scène gratuite. Le test lui-même coûte, et il a lieu pour chaque objet, chaque image. À 20 000 Mesh, Three.js fait 20 000 tests avant même de dessiner quoi que ce soit. C'est pour ça que le mode Mesh rame même en regardant ailleurs.
• Ce compteur est votre premier réflexe de débogage. Une scène qui rame ? renderer.info.render.calls, avant tout le reste. S'il est dans les milliers, le problème est là — inutile de toucher aux textures ou aux ombres.

← Précédent (la version fixe) · Suivant →