the.invest.room · ressource gratuite

Ton plan devient une maison de poupée en 3D

Le prompt, le plan d'exemple, et la maison que Claude a vraiment sortie

Mis à jour le 4 novembre 2026
Tu donnes l'image d'un plan à Claude avec ce prompt, et il te rend un seul fichier maison-poupee.html : une animation en 3D, avec Three.js, qui se lance toute seule dans ton navigateur. Le plan à plat bascule en vue isométrique, les murs montent, le plafond s'envole comme le toit d'une maison de poupée, puis les pièces se meublent une à une, avec quelques petits personnages, et le nom de chaque pièce apparaît au-dessus d'elle. On l'a testé le 03/11/2026 dans une session neuve de Claude Code sur notre plan d'exemple (un T3 fictif de 69 m²) : voici la page telle qu'elle est sortie, sans retouche. Tout est dessiné en code, sans générateur d'images.

Essaie la maison tout de suite

La maison de poupée sortie par Claudeà ouvrir

L'animation dure 36 s et tourne en boucle. Barre Espace pour la mettre en pause. Sur ordinateur, avec une connexion Internet (Three.js se charge depuis un CDN).

Ouvrir la maison →
Le plan, le prompt et la pageà télécharger

Le plan d'exemple, le prompt en texte et notre maison-poupee.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 mon appartement : plan-appartement.png. Fais-en une maison de poupée en vue isométrique. Un seul fichier maison-poupee.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 suivent le plan à l'échelle, pièce par pièce. Hauteur sous plafond 2,50 m. - Une animation qui se lance toute seule et tourne en boucle : d'abord le plan à plat vu de dessus, puis la caméra bascule en isométrie (caméra orthographique) et les murs montent, puis le plafond se soulève et s'envole comme le toit d'une maison de poupée, puis les pièces se meublent une à une avec des meubles simples à l'échelle (lit, canapé, table, cuisine, baignoire…) et quelques petits personnages. - Le dessus des murs en couleur sombre, comme une coupe, un sol différent par pièce (parquet, carrelage), palette douce et pastel, ombres douces, fond uni. - À la fin, le nom de chaque pièce flotte au-dessus d'elle. Termine en me disant ce que tu as lu sur le plan et ce que tu as supposé.

Ce que Claude a vraiment fait

  1. Il a mesuré l'échelle du plan (environ 135 px par mètre, d'après la barre de 4 m) et retrouvé les cotes de 9,80 m et 7,00 m, prises entre les axes des murs extérieurs.
  2. Il a placé les murs extérieurs de 0,25 m et les cloisons de 0,10 m, 9 fenêtres et 7 ouvertures (6 portes et un passage de 1,60 m entre l'entrée et le séjour).
  3. En recalculant les surfaces, il retrouve celles du plan : séjour 22,3 m², chambre 1 11,6 m², chambre 2 13,0 m², entrée 6,8 m², dégagement 5,3 m², salle de bains 5,7 m², buanderie 4,0 m², balcon 5,6 m².
  4. Il a meublé les pièces une à une (séjour, chambres, entrée, dégagement, salle de bains, buanderie, balcon) et ajouté six petits personnages et un chat.

On a vérifié

  1. On a posé la vue du dessus de la page sur notre plan, à la même échelle : les murs, les cloisons, les portes et les fenêtres retombent dessus, à quelques centimètres près (l'arc de la porte d'entrée est un peu décalé).
  2. Les surfaces affichées au-dessus des pièces sont celles du plan.

Ce qu'il faut savoir

  1. 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.
  2. La bascule se fait en vraie isométrie, mais une fois le toit parti, la caméra plonge à 52° pour voir dans les pièces du sud. Pour rester en isométrie stricte, passe PLONGEE = true à false au début du script.
  3. Les meubles, les sols et les personnages sont inventés : le plan n'en montre aucun. Les hauteurs de fenêtres, d'allèges et de portes sont supposées (allèges 0,90 m, linteaux 2,15 m).
  4. Le balcon reste en partie caché derrière la façade nord.
  5. Dans le Reel, la page est filmée image par image dans Chrome et accélérée de 1,5 à 3 fois : en vrai, la fluidité dépend de ton ordinateur.
Appartement fictif, plan dessiné pour cet essai et libre d'usage.
Tu as aimé ? Suis @the.invest.room : une astuce IA, archi ou investissement chaque jour.