De la première image au rendu maîtrisé — guide pas à pas pour architectes.
VIZinSITU transforme une photo de votre projet en rendu architectural grâce à l'IA. Vous pouvez changer l'ambiance générale, modifier uniquement une zone précise, tester plusieurs styles de représentation — le tout de façon itérative, comme un dialogue avec l'IA. Trois moteurs sont disponibles : Gemini, OpenAI et Flux, sélectionnables dans la barre de génération. Le moteur est automatiquement choisi selon le mode actif (voir section 1).
À l'ouverture, l'application est en mode Simple : seul l'essentiel est affiché — la photo, les ambiances, le bouton Générer, les outils de masque et l'historique. L'interrupteur Simple / Pro en haut de l'écran révèle tous les réglages avancés (choix du moteur IA, variantes multiples, axes de précision, références, ADN Architecte, console d'itération, portail client). Votre choix est mémorisé. La visite guidée 🎓 (1 minute) se lance au premier démarrage et se rejoue à tout moment depuis le bouton du même nom.
Démarrage en 4 gestes (photo · Street View · maquette BIM · scan 3D) · 🌐 Scan 3D du site — importez un scan gaussian splat (.ply / .spz — Scaniverse, Luma, Polycam), naviguez librement et capturez le point de vue idéal, perspective calibrée automatiquement ; insérez même votre projet (GLB / OBJ) dans le scan, avec occlusion naturelle par les arbres et bâtiments existants · Glisser-déposer universel — une photo, un modèle 3D (GLB, OBJ, FBX, STL, DAE) ou un scan splat directement sur l'écran · 🎥 Ajuster la vue — décalez le point de vue de la photo après coup (parallaxe 2,5D par profondeur IA) : les zones révélées sont automatiquement masquées et complétées à la prochaine génération · Baguette ✨ IA — un clic sélectionne l'objet entier (Segment Anything) · Insertion 3D multi-modèles avec sélection au clic et préréglages d'échelle · Occlusion manuelle 🌳 ou automatique ✨ par analyse de profondeur · Calibration automatique de la perspective par 2 points de fuite · Soleil synchronisé — les ombres du modèle 3D suivent le widget Orientation Solaire · Scène 3D persistante — modèles et réglages retrouvés à la réouverture · 🎬 Série d'ambiances — le même point de vue généré en heure dorée, heure bleue, nuit, hiver… en un clic · 📝 Décrire le site — l'IA rédige une description d'architecte de la photo (notice, dossier PC) · 🪴 Bibliothèque d'entourage — arbres, personnes, voitures, haies à l'échelle réelle dans la scène 3D · 📏 Outil mesure — distances réelles au sol grâce à la perspective calibrée · 🗂 Projets à vignettes — enregistrez, dupliquez et rouvrez vos projets complets (photo + réglages + rendus). Le détail de chaque outil est dans les sections 4 et 6.
L'écran d'accueil propose quatre portes d'entrée : 📷 Photo du site (fichier local ou glisser-déposer), 🗺️ Street View (une adresse suffit — la vue est capturée et calibrée), 🏗️ Maquette BIM (fichier de liaison ArchiCAD / Revit : vue Street View et calibration automatiques) et 🌐 Scan 3D du site (gaussian splat — voir l'étape suivante).
Formats photo acceptés : JPG, PNG, WebP. Toutes résolutions fonctionnent. Vous pouvez aussi glisser-déposer un modèle 3D (GLB, OBJ, FBX, STL, DAE) à tout moment : il entre directement dans le flux d'insertion 3D (section 6).
Scannez le site avec votre téléphone (Scaniverse est gratuit ; Luma AI et Polycam fonctionnent aussi) et exportez en gaussian splat : .ply, .spz, .splat ou .ksplat. Importez le fichier via la carte d'accueil 🌐 ou par glisser-déposer : une visionneuse 3D plein écran s'ouvre.
Naviguez librement (glisser : orbite · molette : zoom · clic droit : déplacement), réglez le champ de vision avec le curseur, puis cliquez 📸 Utiliser cette vue : le rendu devient votre photo source et la perspective (ligne d'horizon, focale) est calibrée automatiquement depuis la caméra — l'insertion 3D et l'outil mesure fonctionnent sans aucun réglage manuel.
🏗️ + Modèle — votre projet directement dans le scan. Le bouton de la barre du bas insère un fichier .glb / .gltf / .obj (ou un objet d'entourage .ent) dans la scène 3D : posé au sol à l'endroit visé, à l'échelle réelle (unités m / cm / mm détectées). Ajustez avec le gizmo (boutons ↔ Déplacer / ⟳ Tourner, curseur d'échelle, 🗑 pour retirer — cliquez un modèle pour le re-sélectionner). L'occlusion est naturelle : les arbres, murs et objets du scan passent devant votre projet sans aucun masque à tracer. Changez de point de vue : le projet reste ancré au site, chaque capture est une nouvelle vue juste de la même implantation.
Votre photo est presque bonne, mais vous l'auriez voulue un mètre plus à droite, ou un peu plus haute ? Le bouton 🎥 Ajuster vue (barre d'outils, dès qu'une photo est chargée) analyse la profondeur de l'image (IA Depth Anything, ~25 Mo téléchargés à la première utilisation) et la reconstruit en relief : vous pouvez alors translater la caméra — glisser pour le latéral/vertical, molette pour avancer/reculer — l'orientation ne change pas, donc la calibration de perspective reste exacte.
En validant ✓ Appliquer cette vue, la photo décalée devient la nouvelle image source et les zones révélées par le déplacement (cachées derrière les objets sur la photo d'origine) sont automatiquement sélectionnées dans l'outil de masquage : cliquez Générer et l'IA les complète.
Dans le panneau gauche, onglet Style, vous trouverez les styles organisés en 4 familles. Cliquez sur un bouton de famille pour filtrer, puis sélectionnez un style dans la liste :
Photo HD, Cinématique, Atmosphérique scandinave, Maquette blanche
Croquis plume, Crayon gras, Encre + lavis, Marker Copic, Blueprint
Aquarelle, Pastel sec, Carnet de voyage, N&B artistique
Cyberpunk/Néon, Mixsketch-Réel, Années 20-30 Wasmuth
Cliquez sur le bouton Générer Rendu en bas de l'interface, ou utilisez Ctrl + Enter.
La génération prend généralement 15 à 60 secondes selon le moteur et la qualité sélectionnés.
Trois moteurs dans la barre de génération — certains sont sélectionnés automatiquement selon le contexte :
Les boutons ×1 / ×2 / ×4 lancent plusieurs générations en parallèle avec le même prompt pour comparer des interprétations différentes.
L'onglet Scène (panneau gauche) regroupe les éléments de décor. Combinez librement :
Contexte urbain, résidentiel, campagne, montagne, littoral… Filtrez par catégorie avec les boutons colorés, puis sélectionnez un chip.
Accordéon par saison — cliquez sur la saison pour l'ouvrir, puis choisissez la variante (ex : Été plein, Été sec, Végétation méditerranéenne…).
Végétation, personnes, véhicules, météo. Sélection multiple — combinez plusieurs éléments.
Naturelle, dramatique, chaude, artificielle… et frise temporelle (aube, matin, journée, soir, nuit).
Glissez le curseur ☀️ : horizontal = azimut (Est/Ouest), vertical = élévation (horizon/zénith). L'angle se traduit automatiquement en vocabulaire photographique dans le prompt.
Brume : atmosphère aérienne, profondeur. Humidité : sol mouillé, reflets. DoF : bokeh photographique sur l'arrière-plan.
La zone de texte dans l'onglet Style permet d'écrire des instructions spécifiques. Ce texte s'ajoute aux sélections visuelles et a une priorité haute dans le prompt final.
Des suggestions cliquables sont disponibles sous la zone de texte.
Le bouton 🎬 Ambiances (sous Générer Rendu) génère automatiquement le même point de vue sous plusieurs ambiances : matin doré, midi clair, heure dorée, heure bleue, nuit, hiver neigeux. Cochez celles qui vous intéressent — chaque ambiance coûte 1 crédit.
Les rendus arrivent un à un dans l'onglet Historique, étiquetés par ambiance — idéal pour une planche comparative ou pour montrer un projet « à toute heure » au client.
Les 4 axes (onglet Style, section "Contrôle de Précision") sont indépendants. Vous pouvez par exemple demander un changement de matériau tout en bloquant le cadrage et la structure à 100%.
Quand Verrouillé (défaut) : angle de caméra, focale, recadrage et perspective sont identiques à la source. Indispensable pour les workflows de masque — sinon chaque génération change le point de vue et les masques ne s'alignent plus.
⚡ Auto-routing moteur : cadrage verrouillé → Flux Kontext automatique (préservation maximale du cadrage). Cadrage libre → Gemini.
Contrôle la préservation de la structure bâtie. À 100% : formes, volumes, ouvertures, toiture strictement conservés. À 0% : l'IA peut réinterpréter librement la géométrie.
Contrôle la préservation des matériaux de façade. À 100% : les matériaux sont figés sauf instruction explicite (prompt texte, image de référence, ADN). À 0% : l'IA choisit librement les finitions.
Contrôle la liberté d'interprétation atmosphérique (météo, lumière, ambiance). À 0–15% : l'IA ne modifie que ce qu'on lui demande explicitement. Au-delà : elle interprète plus librement l'ambiance. Aussi nommé "Créativité".
Le bouton Rehaussement ↑ (doré, dans la barre de génération) active une couche d'amélioration de la qualité de rendu — sans modifier les matériaux ni les presets.
Ce mode améliore uniquement :
Pour transformer une photo réaliste en aquarelle, croquis, ou dessin à l'encre :
Sans sélection, l'IA retouche toute l'image. Avec un masque, seule la zone sélectionnée est modifiée — le reste est préservé pixel par pixel.
M ou clic sur l'icône baguette dans la barre d'outils.
Cliquez sur une zone de couleur uniforme (un mur, le ciel, un sol). L'outil sélectionne automatiquement tous les pixels de couleur similaire connectés à ce point.
Tolérance : le curseur dans la barre d'outils contrôle la plage de couleurs incluses. Faible = précis, Haute = large.
✨ Option IA (Segment Anything) : cochez la case ✨ IA à côté du curseur de tolérance. Un clic sélectionne alors l'objet entier (un arbre, une voiture, une lucarne) au lieu d'une plage de couleur — l'IA comprend les contours. Le modèle (~30 Mo) est téléchargé à la première activation puis conservé en cache ; chaque nouvelle image demande quelques secondes d'analyse, ensuite chaque clic est instantané. Le mode – Retirer fonctionne aussi : un clic retranche l'objet de la sélection.
L ou clic sur l'icône lasso.
Cliquez pour placer des points le long du contour. Un double-clic (ou retour au premier point) ferme le polygone. Zoomez pour plus de précision.
B ou clic sur l'icône pinceau. Un cercle bleu représente la taille du pinceau en temps réel.
La taille reste constante en pixels écran quel que soit le zoom — utilisez le zoom pour travailler plus finement sans ajuster le curseur.
Dans l'onglet Style, section Zone masquée, vous pouvez spécifier précisément ce que l'IA doit faire à l'intérieur du masque — indépendamment des autres réglages :
Décrivez le traitement souhaité dans la zone sélectionnée : "bardage bois vertical", "enduit chaux naturel", "parement béton brut"…
Applique la première image de référence chargée uniquement dans la zone masquée. Idéal pour coller un matériau d'une photo sur une façade précise.
Efface une partie du masque peint.
Revient à l'état précédent du masque.
Rétablit l'action annulée.
Supprime l'intégralité du masque (curseur sur l'image).
Zoome centré sur la position du curseur.
Panoramique sans désactiver l'outil actif.
Recentre l'image à son échelle de départ. Le badge de zoom est aussi cliquable.
Chaque génération est automatiquement sauvegardée dans le panneau Historique (barre droite). Deux actions sur chaque vignette :
Remet l'image en avant pour la comparer ou la télécharger, sans modifier la source active.
Ce rendu devient la nouvelle base de travail. Un badge vert SOURCE apparaît sur la vignette.
Après chaque génération, le bouton ↔ (barre d'outils, en haut à droite) ouvre un comparateur pleine page :
Le bouton Design Libre (violet, dans la barre de génération) déclenche un mode d'inspiration créative : l'IA propose un redesign complet de la façade.
Ce que l'IA conserve :
Ce que l'IA réinvente librement :
Le bouton 📝 Décrire le site (sous Générer Rendu) envoie la photo à l'IA qui rédige une description professionnelle du site : tissu urbain, gabarits voisins, matériaux dominants, végétation, voirie, ambiance et points d'attention pour l'insertion.
Récupérez le texte pour une notice descriptive, un PCMI4 ou un courrier — à relire et adapter, comme toute production IA.
Injecte un résumé du contexte dans le prompt global : les générations respectent mieux le caractère du lieu.
Le bouton 🗂 du header ouvre le gestionnaire de projets. 💾 Enregistrer le projet actuel conserve la photo du site, tous les réglages et les derniers rendus sous un nom — réenregistrer sous le même nom met à jour le projet.
Chaque vignette s'ouvre d'un clic (la session en cours est remplacée), se duplique (⧉ — pratique pour tester deux variantes d'un même site) ou se supprime (🗑). ＋ Nouveau projet repart d'une session vierge.
Dans l'onglet Style, section Références, cliquez + ou glissez-déposez une image. Chaque référence se configure indépendamment :
Matériau : applique ce matériau aux façades. Style : influence l'esthétique globale. Éclairage : transpose l'ambiance lumineuse. Végétation / Mobilier / Composition : rôles spécifiques ciblés.
Faible (~20%) : l'IA s'en inspire librement, de façon interprétative. Élevé (~85%) : elle l'applique le plus fidèlement possible. Le poids global se règle dans la barre de contrôle au-dessus de la grille.
Onglet Style → section Zone masquée → onglet Référence. La première image chargée s'applique uniquement dans la zone sélectionnée. Idéal pour coller un matériau sur une façade précise sans affecter le reste.
L'ADN Architecte est un profil de signature qui s'injecte automatiquement dans chaque génération. Il encode votre vocabulaire architectural personnel pour obtenir une cohérence stylistique sur tous vos projets.
Onglet ADN → bouton + Nouveau. Renseignez :
Enregistrez, puis cliquez sur le profil pour l'activer. Un bandeau coloré apparaît avec les pastilles de matériaux. Le profil reste actif jusqu'à ce que vous le désactiviez (× dans le bandeau).
Depuis l'écran de démarrage (avant d'avoir chargé une image), cliquez sur Street View. Une modale s'ouvre avec une carte et un panorama interactif.
Saisissez une adresse, un nom de lieu ou des coordonnées GPS (48.8566, 2.3522) dans la barre de recherche. La carte et le panorama se positionnent automatiquement.
Glissez la souris dans la vue panoramique pour orienter la caméra. Les indicateurs en temps réel affichent l'azimut, le pitch et le FOV — ces données servent à la calibration.
Trois formats disponibles : 16:9 (panoramique), 4:3 (standard), 1:1 (carré). Choisissez en fonction de l'orientation de votre façade et de votre futur livrable.
Bouton Capturer → aperçu de la capture avec les données de calibration détectées (angle horizon, FOV…). Bouton Insérer & Calibrer → l'image devient la source avec ses métadonnées de perspective.
Barre d'outils → Insérer → 3D, ou glissez-déposez directement le fichier sur la photo. Un assistant calibre d'abord la perspective, puis le modèle apparaît dans la scène, posé au sol, manipulable au gizmo.
Réglez la ligne d'horizon et l'angle de champ à la main, ou cliquez ✨ Auto : tracez 2 paires d'arêtes parallèles du bâti (corniches, soubassements…) et la perspective complète (horizon, focale, rotation) est calculée par points de fuite. Recalibrable à tout moment via 📐.
＋ Modèle ajoute un volume à la scène (arbre, voiture, bâtiment voisin…). Cliquez sur un modèle pour le sélectionner, Suppr ou 🗑 pour le retirer. Le bouton Placer repositionne le modèle sélectionné d'un clic sur la photo ; 🎯 le ramène au centre du champ s'il est perdu hors cadre.
Les unités (mm/cm/m) sont détectées à l'import. Le menu de préréglages d'échelle cale la hauteur du modèle sur une dimension connue : personne 1,80 m, voiture, maison R+1, immeuble, entrepôt, arbre. La silhouette humaine ⬛ sert de vérification visuelle.
Un arbre ou un poteau doit cacher votre projet ? 🌳 Occl. : tracez la zone avec les outils de masque, recliquez pour valider. Ou ✨ Auto : l'IA estime la profondeur de la photo et masque automatiquement tout ce qui est devant le modèle (téléchargement ~25 Mo la première fois). Recliquez ✨ après avoir déplacé le modèle.
Les ombres portées du modèle suivent le widget Orientation Solaire (onglet Atmosphère) — réglez azimut et hauteur pour les aligner sur les ombres de la photo.
Le bouton 🪴 Entour. ajoute des objets d'accompagnement à l'échelle réelle : arbre feuillu, conifère, haie, personne (1,80 m), voiture, lampadaire. Chaque exemplaire est unique (les arbres varient), se pose d'un clic comme un modèle, et donne immédiatement l'échelle de la scène avant génération.
Le bouton 📏 Mesurer transforme le sol calibré en mètre-ruban : cliquez des points au sol, les distances s'affichent en mètres (segments + total). Double-clic démarre une nouvelle ligne, Échap quitte. Pratique pour vérifier un recul, une largeur de voie ou la place d'un stationnement.
La liaison BIM permet de superposer un modèle 3D volumétrique sur une photo de terrain réelle, puis de lancer une génération IA qui fusionne les deux.
Barre d'outils → bouton Insérer → Liaison BIM dans la modale. Importez le fichier JSON exporté depuis ArchiCAD ou Revit (export IFC JSON ou format propriétaire compatible).
Le modèle s'affiche en vue fil de fer sur Three.js. Ajustez sa position, rotation et échelle pour le faire coïncider avec la photo de terrain. Une grille de perspective aide à l'alignement.
Une fois le modèle positionné, la génération IA tente de rendre photoréaliste la volumétrie 3D en l'intégrant dans le contexte photographique réel. Combinez avec des références de matériaux pour guider les finitions.
.glb / .gltf pour les géométries 3D, .json pour les données BIM avec calibration Street View automatique. L'import GLB se fait via barre d'outils → Insérer → 3D.
trueNorth), tout import Street View ultérieur oriente automatiquement le modèle selon le cap de la prise de vue — le bâtiment « regarde » dans la bonne direction sans réglage manuel.
L'insertion 2D permet de placer une image plane (menuiserie, enseigne, panneau, mobilier) sur votre photo en la déformant en perspective, puis de demander à l'IA de l'intégrer naturellement dans la scène.
4 poignées d'angle apparaissent sur l'image insérée. Glissez chaque coin pour aligner l'image avec la perspective de la photo : suivez les lignes de fuite du bâtiment comme guide.
Le curseur d'échelle dans la barre d'insertion (10% à 300%) ajuste la taille globale de l'élément inséré. Combinez avec les poignées pour un positionnement précis.
Après une génération, le bouton ✏️ (barre d'outils, icône plume) ouvre le mode annotation. Vous pouvez commenter directement sur l'image avant de l'exporter ou de la partager au client.
TECH : annotations propres en bleu sur fond semi-transparent — idéal pour les livrables techniques. SKETCH : rendu crayon/papier à main levée — idéal pour les présentations de conception.
6 couleurs disponibles (noir, rouge, bleu, vert, ambre, blanc). Cliquez-glissez pour dessiner. Chaque tracé est un vecteur indépendant — non destructif sur l'image source.
Le bouton Propositions IA soumet le rendu annoté à Gemini Vision qui analyse les tracés et propose des modifications concrètes en retour (texte ou nouvelles annotations). Utile pour guider une itération suivante.
Le bouton Portail Client (barre de génération, icône partage) génère une page web partageable en lecture seule, conçue pour la présentation client.
Nom du projet (ex : Maison Lefebvre — Rénovation façade) et nom de l'agence. Ces informations s'affichent dans l'en-tête de la page partagée.
Les vignettes de l'historique s'affichent. Cochez les rendus à inclure dans le portail (plusieurs autorisés). Un indicateur de count apparaît.
Le bouton Générer le Portail crée la page et retourne une URL. Copiez le lien ou ouvrez-le directement. Le client voit un slider avant/après, peut télécharger le rendu et laisser un commentaire.
Chaque génération, chaque modification de paramètre est automatiquement sauvegardée dans l'IndexedDB du navigateur (base de données locale, plus robuste que le localStorage). À la prochaine visite, vous reprenez exactement là où vous étiez — image source et historique compris.
Cliquez sur le bouton 📁 Nouveau Projet dans l'en-tête (ou le champ dans l'onglet Profil). Donnez un nom explicite à votre session — il apparaît dans l'export et le gestionnaire de projets.
Mode Léger (~10–50 KB) : paramètres, presets, profils ADN, masques — sans les images. Idéal pour la sauvegarde ou le transfert de config. Mode Complet : inclut les images source, références et les 10 dernières générations.
Importez une archive pour restaurer un projet complet. Le gestionnaire Mes Projets (onglet Profil) liste toutes les sessions sauvegardées — cliquez pour basculer de l'une à l'autre.
La bibliothèque de masques évite de redessiner les mêmes sélections sur un projet itératif. Idéal pour les workflows où vous retravaillez régulièrement les mêmes zones (façade principale, toiture, rez-de-chaussée commercial).
Panneau droit → onglet Masques → bouton 💾 (enregistrer). Une vignette de prévisualisation avec le nom du masque est créée. Donnez-lui un nom explicite : "Façade Sud", "Balcons R2-R4", "Toiture-terrasse".
Cliquez sur la vignette d'un masque sauvegardé pour le réappliquer instantanément sur l'image courante. Le masque se repositionne par-dessus la source active.
| Action | Raccourci / Bouton |
|---|---|
| Générer un rendu | Ctrl + Enter |
| Annuler (masque) | Ctrl + Z |
| Rétablir (masque) | Ctrl + Y ou Ctrl + Shift + Z |
| Effacer le masque | Suppr (curseur sur l'image) |
| Outil Baguette magique | M |
| Outil Lasso polygonal | L |
| Outil Pinceau | B |
| Outil Gomme | E |
| Zoom (centré curseur) | Molette souris |
| Panoramique | Espace + glisser |
| Réinitialiser zoom | 0 ou clic sur le badge % |
| Fermer les modales | Échap |
| Baguette IA (objet entier) | Case ✨ IA à côté de la tolérance |
| Mode Simple / Pro | Interrupteur en haut de l'écran |
| Visite guidée | Bouton 🎓 (header) |
| 3D — grille au sol | G |
| 3D — silhouette 1,80 m | H |
| 3D — mode rotation | R |
| 3D — supprimer le modèle sélectionné | Suppr |
| 3D — recentrer le modèle | Bouton 🎯 (barre 3D) |
| 3D — occlusion manuelle / auto | Boutons 🌳 / ✨ (barre 3D) |
| 3D — mesurer au sol | Bouton 📏 (barre 3D) · clics successifs · double-clic = nouvelle ligne · Échap = quitter |
| 3D — entourage (arbre, personne, voiture…) | Bouton 🪴 (barre 3D) |
| Série d'ambiances | Bouton 🎬 Ambiances (sous Générer) |
| Décrire le site (IA) | Bouton 📝 Décrire le site (sous Générer) |
| Mes projets (vignettes) | Bouton 🗂 (header) |
| Scan 3D — importer un splat | Carte 🌐 (accueil) ou glisser-déposer .ply / .spz |
| Scan 3D — capturer la vue / fermer | Bouton 📸 Utiliser cette vue · Échap = fermer |
| Scan 3D — rouvrir (autre point de vue) | Bouton 🌐 Site 3D (barre d'outils) |
| Scan 3D — insérer le projet dans le scan | Bouton 🏗️ + Modèle (visionneuse) · clic = sélectionner · gizmo ↔ / ⟳ |
| Ajuster la vue (parallaxe 2,5D) | Bouton 🎥 (barre d'outils) · glisser = décaler · molette = avancer · Échap |
| Design Libre (redesign IA) | Bouton violet Design Libre |
| Rehaussement PBR | Bouton doré Rehaussement ↑ |
| Comparaison pleine page | Bouton ↔ dans la barre d'outils |