Défiler

Cliquer sur un objet pour le composer

Glisser l’objet pour le déplacer · glisser à côté pour le tourner · Échap pour fermer

À propos de cette démo

Maison

Maison est un gabarit de landing pour une marque d’objets. Le site montre une maison filmée pièce par pièce en panoramique : salon, cuisine, chambre, salle de bain et terrasse. Quand on fait défiler la page, la caméra traverse les pièces et des objets réels viennent s’y poser avec leur ombre au sol, dans la perspective exacte de chaque vidéo. Ce sont des scans photogrammétriques Poly Haven. Un clic sur un objet rapproche la caméra et ouvre un panneau où l’on choisit ses matières et ses teintes, avec le prix qui se met à jour. On peut ensuite le déplacer au sol et le faire tourner à la souris. Un bouton passe toute la maison en version nuit, lampes allumées. Pour une autre marque, il suffit de changer un seul fichier de contenu : pièces, objets, textes et prix.

Three.js, vidéo générée avec Kling, Vite. Conçu et codé par Altaxia.