Un studio pour dessiner son espace et le visiter aussitôt en 3D
Outil en ligne pour tracer les murs de son espace, poser portes et fenêtres animées, puis passer du plan à la 3D et à la visite, avec export du modèle.
La pièce en vue 3D
En résumé
Du problème à la solution
Technologies
- Three.js
- WebGPU
- export glTF
- Le problème
- Les logiciels de plan 3D sont soit trop simplistes, soit réservés aux professionnels. Entre les deux, il manque un outil où l’on trace ses murs en quelques gestes et où l’on se promène immédiatement dans le résultat.
- La solution
- Un studio d’aménagement dans le navigateur — tracé de murs aimanté, pièces détectées automatiquement, cotes modifiables, 21 types de portes et menuiseries animées — avec quatre vues, du plan coté à la visite à hauteur d’homme, et un export du modèle 3D.
- Le résultat
- Démo fonctionnelle ; mobilier à venir via un catalogue 3D.
- L’apport de Grimolab
- Recherche et développement, conception de l’outil de tracé et des menuiseries animées.
En images
Le projet en images
01/02La pièce en vue 3D 
02/02Vue en plan et bibliothèque de menuiseries
Démo jouable
Essayez-le dans votre navigateur
Studio d’aménagement
- À quoi ça sert
- Passer en quelques minutes d’un plan tracé à la main à un espace 3D que l’on visite.
- Ce que vous pouvez faire
- Tracez des murs en vue plan, ajoutez une porte ou une fenêtre, puis basculez en vue 3D ou en visite.
3D temps réel dans le navigateur. Rien n’est chargé avant votre clic.
Usage
Ce que l’on peut y faire
- Tracer des murs qui s’aimantent aux angles et aux autres murs.
- Modifier une cote directement et voir le plan s’ajuster.
- Poser une porte coulissante, une porte-fenêtre, une porte de garage ou une devanture de magasin, puis l’ouvrir.
- Choisir le sol et la couleur des murs de chaque pièce.
- Basculer entre plan, 3D et visite, puis exporter le modèle.
Du plan à la visite, sans changer d’outil
On trace ses murs en vue de dessus : ils s’aimantent aux angles, aux autres murs et par pas de 15°. Hauteur et épaisseur se règlent, les cotes se modifient directement, et l’on peut annuler ou rétablir à tout moment. Les pièces sont détectées automatiquement ; on choisit leur sol et la couleur des murs.
21 menuiseries animées
Porte battante ou à double battant, coulissante, porte-fenêtre, shoji, fenêtre à guillotine, oscillo-battante, devanture de magasin, porte tambour, portes western, porte de garage, rideau métallique, porte automatique, porte de coffre-fort, porte de grange… Chacune s’ouvre réellement, dans le sens choisi.
Quatre façons de regarder
Plan coté, 3D en survol, visite à hauteur d’homme et vue de face, avec une option de rendu façon dessin d’architecte. Le modèle s’exporte pour être repris dans d’autres logiciels.
Pour aller plus loin
Intégré à un site professionnel, ce studio devient un configurateur d’espace : voyez Combien coûte un configurateur 3D en ligne ?. Autres travaux voisins : les dispositions de salle de formation à comparer en 3D, les escaliers, halls et bureaux en 3D et l’étude de cas Visite immersive pour l’immobilier neuf. Activité concernée : 3D temps réel et expériences immersives.
Questions fréquentes
Vos questions sur ce projet
Comment faire le plan de sa maison en 3D en ligne ?
En traçant les murs en vue de dessus, puis en ajoutant portes et fenêtres. L’outil détecte les pièces, et l’on bascule en 3D pour visiter le résultat, sans rien installer.
Peut-on exporter le plan 3D ?
Oui, le modèle s’exporte dans un format 3D standard, réimportable dans des logiciels de modélisation comme Blender.
L’outil permet-il de meubler l’espace ?
Pas encore dans cette démo : le mobilier arrivera par un catalogue 3D. Le studio se concentre aujourd’hui sur l’enveloppe — murs, pièces, ouvertures.
Peut-on intégrer ce studio à un site professionnel ?
Oui : un cuisiniste, un agenceur, un promoteur ou un commerce peut proposer à ses clients de dessiner leur espace avant un rendez-vous.
Aller plus loin
Le métier, les guides et les mots de ce projet
Tous les projets du même métier
Glossaire
Les mots de cette page
- WebGPU
- WebGPU est l’interface de programmation moderne qui donne au navigateur web un accès direct et performant à la carte graphique, pour afficher de la 3D et exécuter des calculs, sans rien installer. Elle succède à WebGL.