02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoPrevious Video

Listening to callbacks

All GSAP animation classes come with built in call backs. A call back is a function that is triggered whenever an event happens. They're very similar to events (a topic we cover in our OOP courses) but are more simple as you just send in the function and it gets triggered whenever specific event occur. In this lesson, we'll wrap up all the callbacks that exist in TweenLite: onStart, onProgress, onComplete and onReverseComplete.

Intro

We will explore the concepts behind eases and how to customize them. We will discover all the callbacks in TweenLite and TweenMax, create a yo-yo effect and explore TweenMax.

00:36

The easy eases roundup

Over the last few chapters, And even the last few courses we've been working with eases. This lesson recaps what we know before we move into more advanced eases.

04:18

Configuring eases (SteppedEase)

In this lecture we will meet the first ease with such customizability: The SteppedEase.

04:15

Configuring ElasticEase a sample

As we can't cover every single ease I wanted to take one of the cooler uses and show you how to configure it.

09:07

Listening to callbacks

GSAP comes built in with a few call backs. A call back as a function that is triggered whenever an event happens.

10:39

Creating a yo-yo effect with vars and data

Although the yo-yo effect is really a TweenMax thing I thought it would be a perfect opportunity to show you how to created it ourselves.

07:52

It's TweenMax Time

Don't worry although it's one of the last topics we actually covered most of the tween library feature through its plugin architecture.

11:24