Portfolio Photos
website * NextJs-GSAP-Framer-motion * 2023
Mon premier projet d’assez grande ampleur dans le domaine du creative development ! Issu d’un tutoriel, j'ai décidé de l’adapter afin de mettre en avant certaines de mes photos.
Portfolio Photos
Ce projet m’a permis de mettre le pied à l’étrier dans le domaine du creative coding, j’ai en effet pu apprendre les bases de deux librairies très importantes dans ce domaine, GSAP et Framer-Motion. J’ai donc réalisé ce projet dans le cadre d’une formation en ligne et je l’ai ensuite adapté pour y disposer plusieurs de mes photos. (No responsive)
Tools
Pour ce projet j’ai utilisé beaucoup d’animations au scroll, pour cela, j'ai donc utilisé “ScrollTrigger” de GSAP pour les lancer, et ensuite pour le détail de l’animation, j'ai majoritairement utilisé framer-motion. J’ai également appris l’utilisation de la “quadratic bézier curves” qui permet de dessiner des svg. C’est avec cela que j’ai réalisé mon loader avec un dessin initial et ensuite un autre dessin vers lequel on va transitionner et qui va donner cet effet.