JavaScript Animation with GSAP
Pluralsight
Course Summary
If you want to animate your JavaScript elements with ease, this course on GSAP is for you. You'll learn how to create a variety of animations, including tweens, timeline animations, dragging, CSS attributes, and more.
-
+
Course Description
Creating high-quality, animated JavaScript elements for gaming or other projects can be easy. In this course, JavaScript Animation with GSAP, you'll learn how all the benefits of animating with the Greensock Animation Platform (GSAP). First, you'll work on creating simple tweens, complex timeline animations, and apply dragging to any element. Next, you will discover how to animate CSS attributes. To wrap up the course, you will learn how to create an HTML game using GSAP to do all the animation. By the end of this course, you'll be able to use GSAP in conjunction with JavaScript to create awesome animations for games or other future projects.
-
+
Course Syllabus
Course Introduction- 2m 33s
—Introduction to the Course 2m 33sSimple Animation- 46m 2s
—Setting up Our JavaScript File 6m 26s
—Ways to Import GSAP 5m 56s
—Syntax and the First Animation 7m 14s
—Adding More to Your Animation 11m 17s
—Animation Complete Function 8m 23s
—Delaying the Animation 5m 51s
—Simple Animation Summary 0m 51sAnimation Timelines- 23m 0sAnimation Timelines Continued- 37m 9sGSAP Draggable- 30m 45sCreating a Matching Game- 26m 56sCreating a Matching Game Part 2- 26m 30s
