Tweens as Objects
Duration: 01:06:44
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.
Tweens as Objects Overview
What you'll learn
This chapter in many ways is a wrap up chapter of our previous animation courses to help new students and existing students to catch up. while past courses focused on the process of creating animations this whole course is dedicated to manipulating existing animations. In this first chapter working to create a scrubber that will control our animations. So let's get to it.
Creating a Scrubber
this whole course is dedicated to manipulating existing animations. In this first chapter working to create a scrubber that will control our animations. So let's get to it.
00:44
Getting to know our source file structure
this lecture is for students joining us now. If you know how to get along with our source files skip right to the next lecture.
02:48
Setting up the CSS of our project
This lesson is dedicated for a CSS rehearsal, as we setup and configure our project.
09:26
Let the animations begin
In this lesson, we will create a very smooth modern animation for images.
13:11
Controlling animation progress
In this lesson we are going to create a scrubber there will help us both see what position are we in our animation but also help us control the animation.
20:16
Changing function scope with jQuery.proxy
We know that functions that are owned by an object are called methods. This is not a technicality of naming methods have owners and their owners are objects.
05:37
Creating a toggle controller
Our goal is to pause and play our animation when it's clicked on. So let's get started.
10:26
Restarting TweenLite animation
For now let's return to our animation and restart it.
04:15