Some questions about the apple airpods animation.
Hello fellow developers,
I started looking into the ScrollTrigger plugin as it seems very interesting, and while looking on the GSAP's codepen profile for different project ideas, I found this nice airpods animation. After looking into the code I figured out how 80% of it works but I still have some questions.
Firstly, how does the "airpods" variable work? It obviously increments after each frame but I don't seem to find out where exactly it does that. Also, it uses the function gsap.t
Welcome to the GreenSock forums @eddiedev
While GSAP certainly is most widely used to tween on existing HTML elements' values, it can tween on just about any value you feed it with and what you do with that value being tweened on in the end is up to you. That is what's happening in that example in the .to() tween.
First the object airpods is created with the key frame and its value set to 0.
let airpods = {
frame: 0
};
Then in the .to() t
