How to create animation using the GSAP 3 library.
In this part, I'll show a presentation in which I'll describe the main steps of animation creation.
- Idea
- Image / Animation decomposition
- Export to SVG
- SVG code improvements
- VSC environment settings
- Several ways to create animations with the GSAP
- How GSAP working
In this part, we'll be developing animation.
- How to connect GSAP library
- What is Timeline of animation?
- Default parameters for objects
- Moving an object along the X / Y axes
- Rotation of object
- Eases
- Animation loop
- Animation states: Play / Pause / Restart
- Questions
- Feedback
You can view workshop presentation by the link to figma file.
Original image and animation belong to wangsi.