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

Creating a timeline scrubber

In the first chapter, we created an animation scrubber. We saw how complicated it is to take into consideration the various aspects of each animation. By moving our animations into TimelineLite, we removed the need to manage these relationships. In this lecture we will update the scrubber code to work with TimelineLite.

Timelines

In this chapter we take a step deeper into timelines as we use TimelineLite.

00:44

Frames, seconds and FPS

In this lesson, we will understand the relationship between time frames - FPS.

08:35

Controlling a timeline with TimelineLite

In this lesson we will create our first timeline and add three animations to it.

06:08

Defining tween position in TimelineLite

In this lecture we're going to learn about controlling the position of a tween in a timeline.

08:13

Creating a timeline scrubber

In this lecture we will redo our scrubber code and make it work with our timeline.

07:03

Do you control time?

In this lecture we will take control over time as as we explore the time and totalDuration methods.

10:56

Exploring all callbacks

In this lesson we will explore all the callbacks available in TimelineLite.

07:49

Adding and removing callbacks

In this lesson we will use the eventCallback method to add and remove callbacks.

07:24

Aligning tweens in TimelineLite

By the end of this lesson you'll know all of the strategies of aligning Tweens into the timeline.

10:11

Staggering animations in TimelineLite

In this lesson we complete our talk about the add method and see how to integrate staggering into animations.

07:07