Vertex3D remplace le parcours classique d'un portfolio par une scène spatiale. Le visiteur penche la tête pour changer le point de vue et utilise un geste de pincement pour interagir, sans casque dédié.
Regarder pour se déplacer
Un simple mouvement de tête modifie l'angle de la caméra et rend immédiatement la profondeur perceptible. Rapprocher l'index et le majeur permet de saisir une interaction; masquer la main la relâche. Le nombre limité de gestes facilite leur apprentissage.
Deux couches qui travaillent ensemble
PlayCanvas dessine l'environnement WebGL. Webflow garde la main sur les éléments d'interface et les contenus textuels. Un modèle de pose traite localement le flux de la webcam et relie les gestes aux transformations de la caméra.
- Les éléments de l'interface restent sélectionnables au-dessus de la scène.
- Le parcours montre notamment des environnements industriels et des espaces de luxe.
Une interaction spatiale sans équipement spécialisé
Le projet illustre la possibilité d'associer une scène 3D temps réel, une interface web conventionnelle et des gestes naturels sur une même page, ouverte depuis un navigateur courant.
Des projets présentés comme des espaces
Le visiteur parcourt des représentations de lieux industriels et de showrooms, ainsi que d'autres travaux du studio, dans une scène qu'il peut regarder sous différents angles. Le contenu ne se limite donc pas à une bande démo : la navigation elle-même illustre les compétences spatiales mises en avant.
Le dossier insiste sur la sobriété du vocabulaire gestuel. Incliner la tête change le point de vue; rapprocher deux doigts saisit; masquer la main relâche. En gardant peu de gestes, le site cherche la fiabilité plutôt que la démonstration d'un grand nombre de commandes. La couche Webflow laisse parallèlement les textes et contrôles accessibles en dehors du canvas 3D.