From TweenLite to TweenMax
Duration:
48:11
Created with
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.
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