Do you recommend adding GSAP as a dependency or with a script tag?
9
Starting to animate a snow globe with GSAP
10
Making the snow globe draggable
11
How does inertia work in GSAP?
12
Figuring out numbers for velocity values
13
What is velocity in GSAP?
14
Adding GSAP's ticker
15
Using Clamp
16
Changing a transformer into a function
17
Creating snowflakes
18
Passing in an array with set values for controlled randomness
19
What's the most performant image to use for animations?
20
Animating the snow relative to the velocity
21
Doing a bit of bike shedding on our code
22
Making the snow flurry with GSAP tween controls
23
Where can I learn more about GSAP?
Description:
Discover how to create fun, festive, and interactive web animations using Greensock in this engaging video tutorial. Learn from Cassie Evans as she demonstrates how to add whimsical elements to web projects, focusing on animating a snow globe. Explore GSAP's features, including making elements draggable, working with inertia and velocity, using the GSAP ticker, and creating controlled randomness for snowflake animations. Gain insights on performance optimization, code refactoring, and advanced animation techniques. Perfect for web developers looking to enhance their projects with captivating animations and interactivity.
Fun, Festive, Interactive Web Animation with GSAP - Learn with Jason