GSAP: Tweens!
Vandaag kwam Cassie Evans helemaal uit de UK om ons iets te vertellen over GSAP, en wat je er allemaal mee kan. Zo vertelde ze over verschillende animaties, utils, methods en helpers binnen GSAP.
"GSAP is like an animation toolbox, it is full of everything you need."
GSAP is een animation library gemaakt voor het web, en met GSAP kun je bijna alles animeren. Het maakt niet uit wat je animeert, of welke tech stack je gebruikt, je kan met GSAP jouw web pagina animeren! GSAP heeft dingen als UI animations, 3d stuff, 2d stuff, scroll plugins, aldus Cassie: Loads and loads of creativity!
Cassie heeft ons hierna verteld over verschillende GSAP dingen, zoals scroll trigger, scroll smoother, quickSetter, quickTo, en verschillende utils. Je hebt bijvoorbeeld random, mapRange, wrap, pipe etc. Ook vertelde Cassie dat je voor de meeste dingen het best eases kan gebruiken, omdat dit heel veel code werk scheelt. Let the ease do the work for you! Ook is er nog andere useful stuff zoals matchMedia, wat eigenlijk GSAPs versie is van media queries. Ook zijn er heel veel helper functions die je kan vinden op de forums, maar een bekend voorbeeld hiervan is MotionPathHelper.
"Let the ease do the work for you!"
Ik heb nog steeds nog nooit met GSAP gewerkt, maar ik heb er na deze presentatie zeker extra veel zin in! Ik kijk ernaar uit om het binnenkort in een project te gebruiken. Hopelijk kan ik iets vets en creatiefs neerzetten.