Tweens as Objects: Creating a GSAP scrubber

We are currently consolidating our various websites to streamline our online presence and enhance user experience. This effort involves merging multiple sites into a single, cohesive platform, aiming to improve accessibility and provide our visitors with a more unified and efficient way to access our services and resources. During this transition, we recognize that navigation may become temporarily confusing, and we sincerely apologize for any inconvenience. Our goal is to archive all existing content and make it freely available, while simultaneously launching a new site that will feature content more relevant to today's modern workforce. For content that has not been merged into the brand of yet: learn.02skills.com.

Home » Courses » Advanced Animation » Tweens as Objects

Tweens as Objects

1:06:44

Quick Sneak Peek

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.

Topics

Creating a Scrubber (00:44)
Getting to know our source file structure (02:48)
Setting up the CSS of our project (09:26)
Let the animations begin (13:11)
Controlling animation progress (20:16)
Changing function scope with jQuery.proxy (05:37)
Creating a toggle controller (10:26)
Restarting TweenLite animation (04:15)

Courses