Isometric House Builder Code source Ouvrir l’outil

Guide de prise en main

Dessiner sa maison en vue isométrique et en sortir une image à poser sur un tableau de bord domotique. Tout se passe dans le navigateur : rien n’est envoyé nulle part, et il n’y a pas de compte à créer.

Sommaire
  1. Partir d’un modèle
  2. Les trois colonnes
  3. Dessiner l’emprise
  4. Régler la toiture
  5. Fenêtres, portes, objets de toit
  6. Plusieurs corps de bâtiment
  7. Les abords : muret, portail, piscine
  8. Couleurs et matières
  9. Regarder sa maison
  10. Cadrer sur une zone, pour un widget
  11. Exporter et poser dans Gladys
  12. Enregistrer, partager, confidentialité
  13. Raccourcis

1. Partir d’un modèle

L’outil s’ouvre sur une galerie de dix maisons plutôt que sur une grille vide. Prenez la plus proche de la vôtre et remodelez-la : c’est plus rapide que de partir de rien, et rien n’y est définitif. Le bouton Modèles rouvre la galerie à tout moment, et Page blanche reste disponible.

Les dix modèles de départ

2. Les trois colonnes

L’interface : outils à gauche, plan et rendu au centre, réglages à droite

3. Dessiner l’emprise

  1. Outil Rectangle : glissez dans le plan pour poser un volume. Les dimensions s’affichent pendant le tracé.
  2. Outil Pinceau pour ajouter case par case, Gomme pour retirer. Alt inverse l’outil.
  3. Chaque pan de mur affiche sa longueur : c’est ainsi qu’on cale les dimensions réelles sans compter les cases.
Pour des cotes justes, passez la Trame à 0,50 m dans Bâtiment → Tous les corps. La maison déjà dessinée est conservée à l’identique, ouvertures comprises — affiner la trame ne change que le pas de dessin.
Un dernier niveau plus bas donne l’étage sous combles — celui où le toit démarre déjà. Dès qu’un corps a plus d’un étage, la section Corps propose une hauteur par niveau.

4. Régler la toiture

Section Toiture, à droite. Quatre formes — croupe, deux pans, appentis, toit plat — puis l’inclinaison, le débord et l’épaisseur de rive. Les noues entre deux ailes sont calculées toutes seules : dessinez un plan en L et le toit se raccorde.

Le débord se règle par pas de 25 cm, pour que la rive tombe sur la trame.

5. Fenêtres, portes, objets de toit

Choisissez Fenêtre, Fenêtre à volets, Porte ou Porte de garage, puis cliquez le long d’un mur — dans le plan ou directement sur le rendu. Une ouverture sélectionnée se règle (largeur, hauteur, allège) et se fait glisser le long des murs, en passant les angles.

Le réglage Renfoncement creuse une ouverture dans le mur — la porte-fenêtre en retrait, avec l’étage qui continue au-dessus. C’est de la vraie géométrie : le fond et les tableaux de la niche s’ombrent et se cachent correctement sous tous les angles.

Même chose pour ce qui se pose sur le toit : panneaux solaires, cheminée, fenêtre de toit, parabole. Ils épousent la pente.

6. Plusieurs corps de bâtiment

Un abri de jardin n’est pas la maison en plus petit : il a son toit plat et son bardage. Bouton + Nouveau corps dans Bâtiment → Tous les corps. Chaque corps a sa hauteur, sa toiture, ses matières et ses couleurs propres.

Cliquer un mur ou un toit dans le rendu rend son corps actif — pratique pour passer de l’un à l’autre sans repasser par le plan.

7. Les abords : muret, portail, piscine

Muret, clôture et haie se tracent au glisser, leur longueur s’affichant pendant le tracé. Un portail posé près d’un muret s’y aligne et l’ouvre automatiquement — il n’y a pas de relation à maintenir entre les deux, déplacez-le et le muret se referme derrière lui.

Terrasses et piscines peuvent être surélevées, jusqu’à 3 m : elles reçoivent alors leurs joues et cessent d’être confondues avec le sol. Sur un terrain en pente, c’est ce qui pose une terrasse au niveau de l’étage, le garage s’ouvrant en dessous — le terrain lui-même reste plat.

8. Couleurs et matières

Section Projet → Apparence pour la palette, Couleurs et matières pour le reste. Six palettes, des matières de toit (tuiles, tuiles canal panachées, ardoise, bac acier) et de murs (brique, bardage, pierre, colombages), puis chaque matériau recolorable individuellement.

Pour Gladys, gardez la palette « Horizons ». Elle reprend les couleurs exactes des illustrations livrées avec Gladys v5, pour que votre maison ne détonne pas à côté du reste du tableau de bord.

9. Regarder sa maison

Glissez dans le rendu pour faire tourner la maison, où qu’on la prenne. Le pavé en bas à droite fait la même chose au clic, et bascule entre Pivoter et Déplacer — les flèches suivent ce choix, et les maintenir enfoncées répète le pas.

GesteEffet
GlisserFaire tourner la maison, et monter ou descendre la caméra
Maj + glisserDéplacer la vue
Alt + glisserIncliner l’image dans son cadre
MoletteZoomer autour du curseur
[ ]Tourner d’un quart de tour

La section Vue donne les mêmes réglages au degré près, et + Enregistrer cette vue garde un angle et un cadrage sous un nom, pour y revenir et le réexporter plus tard.

Une case Vue de nuit dans Apparence fait passer l’illustration à la nuit : ciel étoilé, lune, et les fenêtres allumées — ce qui, sur un tableau de bord, dit si la maison est éveillée.

La même maison de jour et deux maisons de nuit

10. Cadrer sur une zone, pour un widget

Un widget qui pilote un seul appareil ne gagne rien à montrer toute la propriété : le portail y fait quelques pixels. L’outil Zone de cadrage (dernière famille, à gauche) trace un rectangle sur le plan ; l’export s’y recadre.

Une vue d’ensemble, puis deux cadrages : le portail, la piscine

Ce qu’il faut savoir :

11. Exporter et poser dans Gladys

  1. Exporter une image, en haut à droite (ou le bouton au pied de la section Cadrage).
  2. Taille Gladys — 2560 × 1600, format PNG, fond transparent.
  3. Dans Gladys : ajoutez un widget Vue de la maison, téléversez l’image, puis cliquez dessus pour poser vos pastilles liées aux appareils.
Pourquoi 2560 et pas 4×. Gladys ramène toute image à 2560 px de grand côté et ne la ré-encode pas en dessous de 2 Mo. Exporter en 4× (4800 px) donne donc une image moins nette, puisqu’elle sera rééchantillonnée à l’arrivée. Le préréglage Gladys vise ce plafond.

Les autres sorties : Les 4 faces produit les quatre orientations en un lot, Vues enregistrées régénère toutes vos vues nommées d’un coup, et SVG donne du vectoriel éditable. Rien n’oblige à passer par le widget Vue de la maison : une simple carte Image convient, et l’export reste du PNG ordinaire pour Home Assistant, Jeedom ou un wiki.

12. Enregistrer, partager, confidentialité

Rien ne quitte votre navigateur. L’outil n’envoie aucune requête : pas de compte, pas de serveur, pas de mesure d’audience. Le projet en cours est gardé dans le stockage local de votre navigateur, sur votre machine. Quelqu’un qui ouvre le lien de l’outil arrive sur la galerie de modèles et ne voit rien de ce que vous avez dessiné.

13. Raccourcis

ToucheEffet
Ctrl+Z / Ctrl+Maj+ZAnnuler, rétablir
Ctrl+DDupliquer la sélection
SupprSupprimer la sélection
ÉchapDésélectionner
[ ]Tourner d’un quart de tour