Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
Advanced GSAP JavaScipt Animation
Getting the technical things out of the way
What's inside?
Download the source files and Say yo
Creating a Scrubber
Tweens as Objects
Getting to know our source file structure
Setting up the CSS of our project
Let the animations begin
Controlling animation progress
Changing function scope with jQuery.proxy
Creating a toggle controller
Restarting TweenLite animation
Tweens in timelines
Timelines
Frames, seconds and FPS
Sharing a timeline with TimelineLite
Defining tween position in a Timeline
Creating a timeline scrubber
Do you control time?
Exploring all callbacks
Adding and removing callbacks
Aligning tweens in TimelineLite
Staggering animations in TimelineLite
Tweens of TimelineLite
Adding tweens
Clipping images
From and to the timeline
Setting properties
Yes, I'm calling you
Staggering functions
Delaying without adding animations
The constructor data object
Making things look better
User Generated Timelines
User controlled Animations
Dragging elements with Draggable
Following the users moves
Moving to manual mode
Completing the manual mode
Clearing timelines
Removing the most recent animation
There is a killer among us
TimelineMax
Running out of Time
Adding labels
Pausing and playing timelines
Integrating pause points
Moving into TimelineMax
Jumping back or forwards
A tear in time and space
Next: back to the back
Tweening timelines
Nesting timelines
What does time actually mean?
Goodbye For now
Creating a timeline scrubber
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock