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

Animating from here to there

It's time to crack our knuckles, and start animating. In this lesson we start our animation by getting introduced to the three most important functions in the GSAP library: TweenLite.to,TweenLite.from and TweenLite.fromTo. By the end of this lesson you'll be ready to animate. I can't wait to see what you will create.

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!

Intro

In this chapter we'll reintroduce ourselves to animation and explore the core features of the GSAP tween Library.

00:42

Setting up our source files

In this lecture we will set up our first source files starter file. In the process will see how to integrate external source files, at our own script, in an external script that is ours.

04:58

Choosing how to import GSAP

The GSAP animation library contains many source files and this lecture we will make sense out of them. By the end of this lesson you will be familiar with the file structure of the GSAP animation Libr

05:15

Animating from here to there

getting introduced to the three most important functions in the GSAP library: TweenLite.to,TweenLite.from and TweenLite.fromTo.

08:15

Creating a typewriter effect

In this lecture we create our first reusable animation. By the end of this lesson we will have a typewriting effect.

13:49

Reusing the typewriter effect

Coding is about creating reusable elements. Recording isn't about solving a specific problem as much as it's about creating solutions that could be reused.

04:19

Delaying animations

Delays enable us to sequencer animations and control our animations to create animations that make sense.

09:28

The easy way to give animations personality

If you don't change the default ease your animations are bound to have the same taste.

09:17