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

Defining tween position in TimelineLite

In the last lesson, we added three tweens into a timeline. When we did that, we discovered a few things that didn't work well. The first; our delays were irrelevant, as items were stacked one after each other. We solved the problem by removing the delays. Our second problem is a bit more challenging, as we want our animations to overlap. In this lecture we're going to learn to control the position of tweens in 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