Fovea

Fovea est un appareil photo compact fictif, conçu pour explorer la présentation d’un produit par le mouvement. Un boîtier argenté, des éléments optiques sombres et un déclencheur orange lui donnent une identité claire. Un grand titre et un fond bleu pâle l’introduisent avant le début du défilement.

L’appareil reste le point de repère visuel pendant quatre chapitres. Le défilement change son angle, révèle sa construction et fait apparaître de courts textes. L’arrière-plan occupe tout l’écran et passe du bleu doux au cobalt avant de retrouver sa teinte initiale.

J’ai construit l’appareil dans Three.js avec des panneaux de boîtier, des éléments optiques, un diaphragme et un capteur distincts. Une même séquence liée au défilement fait tourner l’ensemble, sépare ses composants et les réassemble. Remonter la page inverse ce mouvement et laisse le visiteur choisir son rythme.

La typographie, les arcs de l’arrière-plan et les images suivent cette séquence. Les textes apparaissent de part et d’autre du produit, tandis qu’une petite légende indique le capteur dans la vue éclatée. L’espace autour du modèle sert ainsi à expliquer ce que le visiteur observe.

Au deuxième chapitre, une main ouverte arrive sous l’appareil, avec un espace volontaire entre les deux. Le dernier chapitre fait apparaître cinq tirages photographiques à gauche. Ils quittent une pile commune avec un léger décalage, pivotent et se dispersent pendant que l’appareil termine sa rotation.

La main et les photographies ont été générées pour le concept, puis intégrées au modèle 3D. Sur téléphone, leur position et celle des textes s’adaptent pour garder l’appareil visible. Les préférences de réduction des animations présentent des poses fixes, et un résumé textuel permet aussi de lire le récit.