Building Advanced JavaScript Animations with GSAP

By Todd Shelton
This course will teach JavaScript developers, who have already completed the first Animation with GSAP course, or have a good understanding of JavaScript, animation in general.
Play course overview
Course info
Level
Intermediate
Updated
Apr 15, 2017
Duration
2h 38m
Table of contents
Course Overview
Course Overview 1m
Getting Started
Building Advanced JavaScript Animations with GSAP 4m
Using the ScrambleText Plugin
Introduction 4m Setting up and Importing 12m Customizing 12m Summary 2m
Using the SplitText Plugin
SplitText Introduction 4m Setting up SplitText and Animating Letters 11m Animating a Short Story 14m SplitText Summary 2m
Using the MorphSVG and DrawSVG Plugin
Introduction 2m Setting up MorphSVG 11m Morphing SVG Illustrations 12m Using the DrawSVG Plugin 10m Animate Your SVG on a Path 11m Summary 2m
Animated Opening for Final Application
Introduction 1m Setting up the Banner 7m Adding Styling and Placement 10m Animating Slide One 11m Animating Slide Two and Three 15m Summary and Course Wrap Up 2m
Description
Course info
Level
Intermediate
Updated
Apr 15, 2017
Duration
2h 38m
Description

GreenSock has been around since ActionScript 2 and Flash, since then it has kept up with the industry and turned into one of the leading JavaScript animation libraries. In this course, Building Advanced JavaScript Animations with GSAP, you'll be learning some of the plugins that are associated with paid version of GreenSock. First, you'll explore how to MorphSVG. Next, you'll discover how to DrawSVG. Finally, you'll learn about ScrambleText and also SplitText. By the end of this course, you'll know how to create some unbelievable animation for creative storytelling and games.

About the author
Todd Shelton
About the author

Todd Shelton is a Front-End Web Developer making mobile/web applications. He is a lecturer at IUPUI's School of Informatics and Computing in Indianapolis, Indiana. He runs a successful user group called Dev Workshop, and hosts an annual conference in Indianapolis, IN called Dev Workshop Conf.

More from the author
Authenticating Users with Firebase Authentication Service Playbook
Intermediate
3h 39m
May 14, 2018
JavaScript Animation with GSAP
Beginner
3h 12m
Apr 7, 2016

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT