Isometric House Builder — dessinez votre maison pour le widget « Vue de la maison »
Le widget Vue de la maison de Gladys v5 propose quatre illustrations toutes faites, et accepte surtout votre propre image, sur laquelle vous posez ensuite vos pastilles d’appareils. Je voulais la mienne, avec ma vraie emprise, mon vrai toit et mon portail — alors j’ai fait un petit outil pour ça.
Ouvrir l’outil · 
Guide de prise en main
Rien à installer, tout se passe dans le navigateur, c’est gratuit et libre (MIT).
Ce que ça fait
- On dessine l’emprise au plan, sur une trame de 1 m ou 0,50 m — chaque pan de mur affiche sa longueur, donc on peut caler les vraies dimensions.
- Toiture : croupe, deux pans, appentis, toit plat, avec inclinaison et débord réglables. Les noues entre deux ailes sont calculées.
- Ouvertures : fenêtres, volets, portes, porte de garage, posées au clic sur n’importe quel mur.
- Plusieurs corps de bâtiment : l’abri de jardin a son toit plat et son bardage pendant que la maison garde ses tuiles.
- Abords : piscine, terrasse, allée, haies, arbres, voiture — et muret + portail/portillon, le portail ouvrant automatiquement le muret là où on le pose.
- Matières : tuiles, tuiles canal panachées, ardoise, bac acier, brique, bardage, pierre, colombages.
- Caméra libre : on fait tourner la maison à la souris sur 360°, de la vue rasante à la quasi-verticale.
Le plus utile pour un tableau de bord
Une vue d’ensemble ne sert pas à grand-chose pour piloter un appareil : le portail fait quelques pixels. On peut donc cadrer sur une zone dessinée au plan — ce qui est en dehors disparaît, ce qui la traverse est coupé net, et la caméra ajuste sur ce qui reste. Une maison, autant d’images que de widgets.
Chaque cadrage se garde comme vue nommée, et un bouton les réexporte toutes d’un coup quand la maison change.
Il y a aussi un mode nuit, avec les fenêtres allumées.
Pour que ça s’intègre bien
Trois réglages qui font toute la différence :
- Gardez la palette « Horizons » (celle par défaut) : elle reprend les couleurs exactes des illustrations de Gladys v5.
- Exportez en PNG, fond transparent, taille Gladys — 2560 × 1600. (Gladys ramène toute image à 2560 px de grand côté : exporter en 4× donne une image moins nette, pas plus.)
- Dans Gladys : widget Vue de la maison → téléversez l’image → cliquez dessus pour poser vos pastilles.
Vie privée
Aucune requête réseau, aucun compte, aucune mesure d’audience : votre projet reste dans le stockage local de votre navigateur. Le bouton Enregistrer produit un fichier .house.json que vous gardez chez vous.
Seule exception à connaître : le bouton Partager copie un lien qui contient tout le projet dans son adresse. C’est fait pour envoyer sa maison à quelqu’un — ce n’est pas le lien à diffuser si vous ne voulez pas montrer la vôtre.
Ce que ce n’est pas
Je ne compte pas en faire un outil de modélisation ultra poussé ni un rendu réaliste. L’objectif est modeste et assumé : produire une jolie illustration isométrique, reconnaissable, qui s’intègre proprement à un tableau de bord. Pas de textures photographiques, pas d’intérieurs, pas de terrain en pente.
En revanche, les retours sur les bugs sont très bienvenus. J’en ai déjà corrigé un bon nombre en l’utilisant sur ma propre maison, mais vos maisons ne ressemblent pas à la mienne — pignons, toits à un seul pan, formes en U, grands débords : il reste sûrement des cas qui rendent mal.
Si vous tombez sur quelque chose d’étrange, le plus efficace est de :
- cliquer Enregistrer pour récupérer votre fichier
.house.json, - faire une capture de ce qui cloche,
- et ouvrir une issue ici : Issues · guim31/isometric-house-builder · GitHub
Avec le fichier, le défaut est reproductible en quelques secondes — sans lui, c’est de la devinette.
Bon dessin 
