Frames, seconds and FPS
Traditional animation was drawn frame by frame. On a computer each rendering acts as a frame. JavaScript natively doesn't have a timeline or a visual editor but it does have frames and time. Frames and time are the core building blocks for a timeline. Before we start working with timelines it's important we understand the relationship between time and frames. In this lesson, we will understand the relationship between time frames - FPS.
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!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