Building Advanced JavaScript Animations with GSAP
By Todd Shelton
Course info
Course info
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 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
Section Introduction Transcripts
Course Overview
Hi everyone. My name is Todd Shelton, and welcome to my course, Building Advanced JavaScript Animations with GSAP or GreenSock Animation Platform. I'm a freelance developer, as well as a professor down at Indiana University doing front-end and mobile web development. GreenSock's been around since Action Script 2 and Flash. Since then it's kept up with the industry, and turned into one of the leading JavaScript animation libraries. In this course we're going to be covering some of the plugins that are associated with the paid version of GreenSock. Some of the major topics that we'll cover include drawing SVG, morph SVG, scramble text, and also split text. By the end of this course you'll know how to create some unbelievable animation for creative storytelling or games. Before beginning this course, though, you need to become a club GreenSock member to get the plugins needed to complete this course. From here you'll feel comfortable about creating interactive websites with a lot of animation. I hope you'll join me on this journey to learn GreenSock with Building Advanced JavaScript Animations with GSAP course at Pluralsight.
Animated Opening for Final Application
In this last module we're going to be bringing everything that we've learned together into one project. So what are we going to be doing in this last module? First of all, we're going to be creating a web banner. I hate to admit it, but I used to create them all the time using Flash, and actually it made me quite a bit of money. We used GreenSock back then. Of course, that was an action script, but now we use HTML, CSS, JavaScript with GreenSock in it. We're going to learn different ways to manipulate SVGs. Now we've done this earlier in the modules, but I've set them up in a different way, so we can see how to move them in different scenarios. We're going to see how a timeline helps us set up this last web banner, and we're also going to talk about how to make all of this fit together in one cohesive project.