Accueil▸Géométrie▸Projection en perspective et points de fuite

🖼️ Projection en perspective et points de fuite

Simulateur interactif de projection en perspective. Une grille de sol et des boîtes 3D sont projetées sur le plan image avec des mathématiques de caméra réelles — champ de vision, division perspective et points de fuite — commutable entre perspective à un, deux et trois points.

Géométrie3DModéré60 IPS

🖼️ Ce que ça démontre

Une caméra ou un œil projette le monde 3D sur un plan image 2D plat par le biais de la projection en perspective : un point aux coordonnées d'espace caméra (x, y, z) est projeté sur les coordonnées d'écran x_écran = f·x/z, y_écran = f·y/z, où f est la focale (déterminée par le champ de vision) et z est la profondeur du point devant la caméra. Cette « division perspective » — diviser par la profondeur — explique exactement pourquoi les objets lointains paraissent plus petits.

Une conséquence essentielle : une famille de droites parallèles en 3D partage un même vecteur directeur, et à mesure que les points s'éloignent indéfiniment le long de cette direction, leurs rapports projetés x/z et y/z convergent vers une valeur fixe unique — le point de fuite de la droite. Une scène dont les arêtes sont alignées sur un, deux ou trois axes indépendants par rapport à la caméra produit donc un, deux ou trois points de fuite : perspective à un point quand la caméra regarde directement la face d'une boîte, à deux points quand la caméra est tournée pour voir deux faces latérales obliquement, et à trois points quand elle est aussi inclinée vers le haut ou le bas de sorte que les arêtes verticales convergent également.

Comment l'utiliser

Choisissez la perspective à un, deux ou trois points pour faire pivoter la grille de boîtes par rapport à la caméra fixe.
Ajustez le champ de vision pour modifier la focale et la quantité de distorsion perspective.
Déplacez la hauteur de caméra et la distance de caméra pour repositionner le point de vue.
Activez les lignes de construction des points de fuite pour voir des lignes en pointillés converger vers chaque point de fuite, et la ligne d'horizon pour voir la ligne au niveau des yeux sur laquelle se trouvent tous les points de fuite des directions horizontales.

Le saviez-vous ?

La perspective linéaire avec de véritables points de fuite mathématiques a été formalisée au début des années 1400 par l'architecte florentin Filippo Brunelleschi et popularisée par le traité de 1435 de Leon Battista Alberti, Della Pittura, transformant la peinture occidentale presque du jour au lendemain. Auparavant, l'art médiéval utilisait des indices spatiaux plus lâches sans point de vue unique et cohérent. Les mêmes mathématiques de division perspective implémentées ici — x/z, y/z — sont exactement l'opération que chaque moteur de jeu 3D moderne et chaque moteur de rendu CAO effectue des milliards de fois par seconde pour transformer des scènes 3D en images 2D à l'écran.

À propos de cette simulation

Ce simulateur projette une grille de sol et plusieurs boîtes 3D sur le canevas en utilisant de véritables mathématiques de caméra en perspective : les points du monde sont traduits dans l'espace caméra puis divisés par leur profondeur (x/z, y/z), mis à l'échelle par une focale dérivée du champ de vision, exactement comme une vraie caméra ou un vrai moteur de rendu 3D.

🔬 Ce que ça montre

La grille de boîtes est pivotée par rapport à une caméra fixe pour basculer entre perspective à un, deux et trois points. Les points de fuite sont calculés analytiquement en projetant chaque direction d'axe principal (pas seulement des points d'arête échantillonnés) via la même transformation de caméra utilisée pour le reste de la scène.

🎮 Comment l'utiliser

Choisissez un mode de perspective, puis ajustez le champ de vision, la hauteur de caméra et la distance de caméra. Activez les lignes de construction des points de fuite pour voir converger les guides en pointillés, et la ligne d'horizon pour voir la référence au niveau des yeux sur laquelle se trouvent tous les points de fuite des directions horizontales.

💡 Le saviez-vous ?

La perspective linéaire mathématiquement correcte n'a été formalisée que vers 1415 par Filippo Brunelleschi à Florence — pendant la majeure partie de l'histoire de l'art, les peintres n'avaient aucun moyen systématique de faire converger les lignes parallèles de façon réaliste.

Questions fréquentes

Qu'est-ce que la division perspective ?

C'est l'opération x_écran = f·x/z, y_écran = f·y/z qui convertit un point de l'espace caméra 3D en coordonnées d'écran 2D. Diviser par la profondeur z est ce qui fait paraître les objets lointains plus petits et constitue l'opération centrale de tout moteur de rendu 3D en perspective correcte.

Pourquoi les lignes parallèles semblent-elles se rejoindre en un point de fuite ?

Tous les points d'une droite 3D partagent un même vecteur directeur. À mesure qu'un point s'éloigne le long de cette direction, ses rapports x/z et y/z tendent vers une limite fixe déterminée uniquement par la direction, et non par la position de départ de la droite — donc toute droite ayant cette direction, quel que soit son point de départ, converge vers le même point d'écran.

Qu'est-ce qui détermine si une scène montre 1, 2 ou 3 points de fuite ?

Cela dépend du nombre de directions des axes principaux de l'objet qui sont obliques (ni parallèles ni perpendiculaires) à la direction de vue de la caméra. Une caméra regardant directement la face d'une boîte n'a qu'un seul axe oblique (la profondeur), donnant un point de fuite ; faire pivoter la caméra ou la boîte rend deux axes obliques pour une perspective à deux points, et l'incliner rend aussi l'axe vertical oblique pour une perspective à trois points.

Qu'est-ce que la ligne d'horizon ?

L'horizon est la ligne, dans l'espace écran, sur laquelle se projette la hauteur des yeux de la caméra elle-même, puisque les points à cette hauteur se projettent en y_écran = 0 (relatif à la caméra) quelle que soit leur distance. Tous les points de fuite des directions horizontales (au niveau) de la scène se trouvent exactement sur cette ligne.

Est-ce le même calcul utilisé dans les jeux et les logiciels de CAO ?

Oui. Les moteurs 3D temps réel et les moteurs de rendu CAO utilisent la même étape de division perspective (diviser x et y par z, mis à l'échelle par une focale dérivée du champ de vision) au sein de leurs matrices de projection complètes, simplement implémentée avec un découpage et un tampon de profondeur supplémentaires pour la performance.

⚙ Sous le capot

Une grille de sol et des boîtes 3D sont projetées sur le plan image en utilisant de véritables mathématiques de caméra, la division perspective x_écran = f*x/z, commutable entre perspective à un, deux et trois points. Les points de fuite sont calculés analytiquement à partir de chaque direction d'axe.

Canvas 2DPerspectivePoint de fuiteProjection caméraRendu 3D

3D · Moteur de rendu Three.js / WebGL · 60 IPS cible · fonctionne entièrement côté client, sans installation