En bref. Sur notre page « Cour des Mineurs en relief », une élévation au trait devient la maison en 3D quand on fait défiler la page. Ce n’est pas une image qui se transforme : c’est la maquette 3D, vue de très loin avec un objectif très long, qui se lit comme un dessin. On rapproche la caméra en ouvrant l’objectif, la perspective revient. La technique vient de Samnang Aing, qui la publie en open source sous le nom « Flat to 3D ». Nous l’avons appliquée à une maison réelle, reconstituée depuis les données publiques, sans rien inventer de ce qu’on ne connaît pas. Voici comment.
La question qu’on nous a posée
Après la mise en ligne de la page, l’auteur de la technique nous a demandé sur X si le bâtiment était entièrement généré en code ou s’il venait d’un modèle 3D existant. Les deux : la maison vient d’une maquette construite dans notre modeleur 3D à partir des données du SPW, et la page la redessine en code, dans le navigateur, avec three.js. Le reste de cet article détaille cette réponse.
Le principe : le dessin est déjà la maison
Un objectif photo très long, placé très loin, écrase la perspective. À 2° d’ouverture, depuis très loin, les façades ne fuient plus : le modèle 3D se lit comme une élévation orthogonale. Il suffit de dessiner ses arêtes à l’encre et ses ombres en hachures pour qu’il ressemble à une planche.
Au défilement, la caméra avance pendant que l’objectif s’ouvre, de 2° à 34°. Le cadre ne bouge pas, mais la perspective revient : c’est le travelling compensé de Vertigo. Il n’y a ni coupure ni changement de fichier. Le dessin et le bâtiment sont le même objet.
Notre chaîne, de la parcelle à la page
- Les données. Le cadastre donne les parcelles, le PICC les emprises et les altitudes des corniches, le LiDAR le terrain et la forme des toits, les orthophotos l’évolution des toitures. Toutes sont publiques et ont été lues par le MCP Airplan et les services du SPW.
- La maquette. Un agent IA a posé une première version, puis l’a fait relire source par source par d’autres agents, avant une critique contradictoire. Cinq versions se sont succédé. Le détail, avec les erreurs que nous avons trouvées en relisant, est sur la page méthode de la maquette.
- Le fichier. La maquette est exportée en JSON : chaque mur avec ses baies, chaque toiture, le terrain et le contour de la parcelle.
- La page. Un script injecte ce fichier dans un gabarit three.js. La page dessine la maison en code, sans image ni modèle importé, et calcule les ombres du vrai soleil de Liège, à 50,64° de latitude, aux solstices et à l’équinoxe.
Les huit techniques Flat to 3D
Le dépôt de Samnang Aing propose un plan d’origine et sept variantes, chacune avec son prompt de départ. Nous les avons relues avec un œil d’architecte.
| Technique | Dessin de départ | Pour montrer | |
|---|---|---|---|
| 00 | Plan qui se lève | Plan d’étage | Un aménagement intérieur, un programme |
| 01 | Maison éclatée | Axonométrie éclatée | Une composition, une rénovation par couches |
| 02 | Coupe balayée | Coupe sur un terrain en pente | La pente, l’ensoleillement aux solstices |
| 03 | Coupe ouverte | Coupe sur trois niveaux | Les niveaux, un escalier, des demi-niveaux |
| 04 | Chantier en accéléré | Planche d’étapes | Le phasage, un chantier-école |
| 05 | Planning qui construit | Diagramme de Gantt | L’échéancier, la préfabrication |
| 06 | Maquette en carton | Maquette blanche | L’effet concours |
| 07 | Façade au soleil | Élévation hachurée à 45° | Une façade, l’intégration à la rue, les ombres |
Notre page reprend la technique 07, avec deux différences. La maison vient de notre maquette, elle n’est pas inventée. Et le soleil de convention du dessinateur, venu d’en haut à gauche à 45°, laisse ensuite la place au soleil réel du site.
Le prompt en cinq blocs
Les prompts de départ du dépôt ont tous la même structure. C’est elle qu’il faut retenir, plus que leur texte.
- Le sujet. « Je veux une page qui défile pour cette maison. »
- L’idée. Le dessin de départ décrit comme un architecte le décrirait : échelle, poché, hachures, cotes, cartouche. « Rien n’a l’air 3D. »
- La séquence. Quatre à sept étapes numérotées : le dessin se trace, l’objectif s’ouvre, la matière arrive, la caméra avance, on revient au dessin.
- Les règles. « Le dessin n’est pas une image, c’est le modèle vu au téléobjectif. » « La caméra ne coupe jamais. » La charte graphique, la version de three.js, aucune image.
- Proposer avant de coder. « Avant d’écrire du code, propose la maison et le chemin de la caméra, arrêt par arrêt, et attends ma réponse. Puis construis par étapes, et montre-moi chaque étape. »
Le cinquième bloc est le plus important. Sans lui, on reçoit une page finie qu’on n’a pas choisie. Il vaut pour tout travail avec un agent : faire proposer, choisir, valider par étapes courtes.
Ce qu’un vrai bâtiment change
- Ce qu’on ne connaît pas ne se dessine pas. Les démos de Flat to 3D entrent dans des maisons inventées et meublées. Nous ne connaissons pas l’intérieur de la Cour des Mineurs : la caméra reste dehors. Les façades jamais vues sont modélisées sans baie, et la page le dit.
- Une belle page fait croire que tout est relevé. La nôtre se termine sur trois colonnes, mesuré, estimé, absent. Sans elles, le lecteur prend une volumétrie indicative pour un relevé.
- La maquette garde ses erreurs. Notre relecture a trouvé un escalier probablement imaginé contre le pignon nord-est et un dépassement de pignon oublié. La page en relief les montre avec la même assurance que le reste. C’est pourquoi la relecture se fait sur la maquette, avant la page.
- Tester une page 3D demande des précautions. Un navigateur sans écran n’a souvent pas de rendu 3D, et un onglet masqué fige l’animation. Nous avons ajouté une fonction qui place la page à une position de défilement donnée, pour les captures et les contrôles. Sur mobile, il faut mesurer la largeur réelle de la page : une capture ne suffit pas.
Ce que ça coûte
Selon l’auteur, le prompt de départ donne une première version en environ une heure, dans une session neuve. Son plan d’origine a demandé environ 70 prompts sur deux semaines. Nous n’avons pas mesuré ces chiffres. De notre côté, la maquette de la Cour des Mineurs a demandé une journée de reconstitution et de relecture par plusieurs agents, et la page une autre journée, polissage compris. Pour un bureau, le budget ressemble à celui d’une image de concours.
Les limites
- Ce n’est pas une pièce de permis. C’est de la communication : un client, un jury, une réunion avec la commune, la page d’un bureau. Rien ne remplace les plans cotés.
- L’IA ne raisonne pas comme un architecte. L’auteur de Flat to 3D le note lui-même : une bibliothèque posée devant une fenêtre, des pièces ajoutées quand on demande une maison plus chère. Le polissage est un travail de relecture.
- Deux essais ne donnent jamais la même page. Le prompt donne une base. La qualité vient des tours suivants, zone par zone.
Sources
- Flat to 3D, dépôt de Samnang Aing, licence MIT, et ses démonstrations en ligne
- Casa Larga, résultat d’un seul essai de son prompt
- Notre page « Cour des Mineurs en relief » et la méthode de reconstitution de la maquette
- Données du SPW, CC-BY 4.0 : cadastre (CADMAP), PICC, LiDAR 2021-2022, orthophotos