73 m², trois façons de vivre

Utilisez Three.js pour créer une page web interactive d’aménagement intérieur en 3D pour un appartement de 73 m² avec deux chambres : à partir du même plan, présentez trois usages différents de la « deuxième chambre » (télétravail / accueil d’amis / réservée pour l’avenir) et changez l’agencement du mobilier de tout l’appartement en un clic. La page comprend quatre modes de visualisation : vue en coupe façon maison de poupée, vue de dessus orthographique, coupe à 1,35 m et visite à la première personne (déplacement avec WASD, collisions avec les murs et les meubles, clic sur les portes pour les ouvrir et les fermer). L’animation d’ouverture fait émerger les murs, les cadres de fenêtres et les meubles du plan 2D. Un curseur horaire en haut pilote l’éclairage du matin, de l’après-midi et de la nuit ; la nuit, les lampes de bureau et les suspensions de chaque pièce s’allument automatiquement. Un clic sur une pièce affiche une fiche indiquant sa superficie, ses dimensions et la liste de ses meubles. Tous les meubles sont modélisés de manière procédurale, puis remplacés par 32 ressources GLB low-poly de haute qualité créées dans Blender, avec des textures procédurales de veinage du bois, de tissu et de pierre, ainsi que des ombres douces. Le style est minimaliste japonais : chêne clair, blanc chaud et vert grisé. Remplacez l’appartement et son style par un studio loft industriel : conservez les trois préréglages d’agencement et les quatre modes de visualisation, mais utilisez des meubles à structure métallique, en noyer foncé et en cuir, doublez la hauteur sous plafond et ajoutez des baies vitrées du sol au plafond. 

Utilisez Three.js pour créer une page web interactive d’aménagement intérieur en 3D pour un appartement de 73 m² avec deux chambres : à partir du même plan, présentez trois usages différents de la « deuxième chambre » (télétravail / accueil d’amis / réservée pour l’avenir) et changez l’agencement du mobilier de tout l’appartement en un clic. La page comprend quatre modes de visualisation : vue en coupe façon maison de poupée, vue de dessus orthographique, coupe à 1,35 m et visite à la première personne (déplacement avec WASD, collisions avec les murs et les meubles, clic sur les portes pour les ouvrir et les fermer). L’animation d’ouverture fait émerger les murs, les cadres de fenêtres et les meubles du plan 2D. Un curseur horaire en haut pilote l’éclairage du matin, de l’après-midi et de la nuit ; la nuit, les lampes de bureau et les suspensions de chaque pièce s’allument automatiquement. Un clic sur une pièce affiche une fiche indiquant sa superficie, ses dimensions et la liste de ses meubles. Tous les meubles sont modélisés de manière procédurale, puis remplacés par 32 ressources GLB low-poly de haute qualité créées dans Blender, avec des textures procédurales de veinage du bois, de tissu et de pierre, ainsi que des ombres douces. Le style est minimaliste japonais : chêne clair, blanc chaud et vert grisé. Passez en anglais tous les textes de l’interface, les fiches des pièces et les listes de meubles, et ajoutez une page de synthèse d’ouverture pour les clients qui explique brièvement, en anglais, à quel besoin d’habitat répond chacun des trois agencements.