the.invest.room · ressource gratuite
Ton plan devient une maison qu'on visite au clavier
Le prompt, le plan d'exemple, et la maison que Claude a vraiment sortie
Mis à jour le 3 novembre 2026
Tu donnes l'image d'un plan à Claude avec ce prompt, et il te rend un seul fichier maison.html : une maison en 3D, avec Three.js, que tu ouvres dans ton navigateur et que tu visites au clavier, à hauteur d'yeux. On l'a testé le 02/11/2026 dans une session neuve de Claude Code sur notre plan d'exemple (maison fictive de 108 m²) : voici la page telle qu'elle est sortie, sans retouche.
Essaie la maison tout de suite
La maison sortie par Claudeà ouvrir
Flèches haut et bas (ou Z et S) pour avancer et reculer, gauche et droite (ou Q et D) pour tourner, V pour la vue du dessus. Sur ordinateur, avec un clavier.
Ouvrir la maison →Le plan, le prompt et la pageà télécharger
Le plan d'exemple, le prompt en texte et notre maison.html pour comparer.
Télécharger →Le prompt, tel que testé
Mets l'image de ton plan dans un dossier, ouvre Claude Code dans ce dossier (ou joins l'image dans Claude), et colle ce prompt en changeant le nom du fichier.
Voici le plan de ma maison : plan-maison.png. Fais-en une maison en 3D qu'on visite au clavier, comme dans un jeu vidéo. Un seul fichier maison.html, avec Three.js chargé depuis un CDN, que j'ouvre dans mon navigateur sans rien installer.
- Lis vraiment le plan : cotes, épaisseurs des murs, portes, fenêtres. Les murs doivent suivre le plan à l'échelle, pièce par pièce. Hauteur sous plafond 2,50 m.
- On démarre devant la porte d'entrée, à hauteur d'yeux (1,60 m), tourné vers l'intérieur.
- Flèches haut et bas (ou Z et S) pour avancer et reculer, flèches gauche et droite (ou Q et D) pour tourner. On ne traverse pas les murs. Pas besoin de cliquer pour commencer.
- Touche V : vue du dessus de toute la maison, sans toit.
- Parquet clair, murs blancs, plafond, lumière du jour qui entre par les fenêtres, ombres douces, un jardin d'herbe autour. Le nom de chaque pièce écrit discrètement au sol.
Termine en me disant ce que tu as lu sur le plan et ce que tu as supposé.
Ce que Claude a vraiment fait
- Il a mesuré le plan au pixel près (environ 130 px par mètre) et retrouvé les cotes de 14,00 m, 9,00 m et l'échelle de 5 m.
- Toutes les pièces retombent sur les surfaces écrites (par exemple 3,50 × 3,30 = 11,5 m² pour la cuisine). On a vérifié la vue du dessus pièce par pièce : cloisons, portes et passages sont à leur place, à quelques centimètres près.
- On démarre devant la porte d'entrée, on ne traverse pas les murs, et une étiquette en haut dit dans quelle pièce on est.
- Le plan ne disait rien des hauteurs de fenêtres, du toit ni du jardin : Claude a choisi des allèges à 0,90 m, un toit plat, un soleil au sud-sud-ouest, et inventé les arbres. Il l'a dit à la fin de sa réponse.
Ce qui ne marche pas, ou pas encore
- On n'a testé qu'un plan : propre, coté, dessiné à l'ordinateur. Un scan flou, un plan à étages ou un croquis à main levée n'ont pas été essayés.
- Les pièces sont vides : pas de meubles, pas de plinthes, le même parquet partout, salle de bain comprise.
- Les portes restent ouvertes comme sur le plan, et un battant peut gêner le passage : il faut le contourner.
- Les noms des pièces au sol se lisent nord en haut : ils paraissent à l'envers quand on marche vers le sud.
- Il faut une connexion Internet pour charger Three.js, et un clavier : sur téléphone, on ne peut pas se déplacer.
- Dans le Reel, la visite est filmée image par image dans Chrome, au vrai clavier, pour qu'elle soit fluide : en vrai, la fluidité dépend de ton ordinateur.
Maison fictive, plan dessiné pour cet essai et libre d'usage. Les Sims sont une comparaison : aucun lien avec le jeu ni son éditeur.
Tu as aimé ? Suis @the.invest.room : une astuce IA, archi ou investissement chaque jour.