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

Staggering our animations with two timelines

In our attempts to create a reusable animation, a logical outlet for us is to break each of these animation components into their own timeline. In this lesson, we will create a staggering animation and break apart our animations into two separate timelines.

The project goal

In this lecture, we will talk about the goals and outcomes of this chapter.

01:52

The breakup

By the end of this lesson, we will break our text apart and re-position it to sit in the exact same spot as we had it before.

14:53

Creating a plugin

In this lecture, I will introduce you to the concept of creating plugins and how to get them working. We will use this to improve our logic.

07:43

Staggering our animations with two timelines

In this lesson, we will create a staggering animation and break apart our animations into two separate timelines.

09:04

Adding callbacks at any point in a timeline

In this lesson, we'll explore the call method which enables us to trigger a callback at specific point in time.

02:44

Aligning stacked animations

In this lesson, we will explore how to change the way items are stacked against the timeline when added together using the align property.

05:30

Animating timelines

n this lesson, we will see how to animate the timeline itself.

03:06

A quick scan of all the other functions

This lesson will wrap up this chapter and project.

05:17