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

From TweenLite to TweenMax

This is our wrapup chapter. 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.

Duration: 48:11

Dependency warningThis course builds on concepts from Curving animations.
Advanced Level
Advanced Level
Fast-pace
Fast-pace

Created with

Ben Fhala

Ben Fhala

Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.

From TweenLite to TweenMax Overview

What you'll learn

This is our last chapter in the intermediate developer JS animation training. In this chapter we take a deep rookies into eases and really take them to their limits. We take a deeper look at callbacks, create our own yo-yo affect and wrap up our course as we move into TweenMax.

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!

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

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!