Parallax web

Le parallaxe est l’incidence du changement de position de l’observateur sur l’observation d’un objet. En d’autres termes, la parallaxe est l’effet du changement de position de l’observateur sur ce qu’il perçoit.
 
 
Pour mon projet de fin d’étude, je me suis intéressé d’un peu plus prêt au parallax, à savoir comment l’intégrer dans une page web et le paramétrer l’intensité du mouvement appliqué sur la position x et y (z étant la profondeur).
 

 

Pour mon expérience personnel, j’ai utilisé des images du jeu “Child of Light” (développé Ubisoft Montreal / Ubisoft) reprenant le background du site officiel du jeu. J’ai ensuite utilisé le javascript “parallax.js” (disponible à cette adresse : http://matthew.wagerfield.com/parallax/) afin de l’appliquer en background sur une page HTML. Le résultat est d’autant plus surprenant.

Ceci m’a également été très utile pour l’application que j’ai du développé avec mon équipe pour mon projet de fin d’étude. Dans ce cas de figure, j’ai utilisé le parallax pour réaliser une carte interactive faite par mes soins.

See the Pen
Parallax.js – Map by Guillaume Briand (@C2P0)
on CodePen.

En bonus, quelque teste avec mon nom et mon prénom, le parallax n’a aucune limite !

See the Pen
Parallax.js – Exploited GB by Guillaume Briand (@C2P0)
on CodePen.