Intro
This is our first chapter. We assume you know JavaScript, if you don't please check out our LEVEL 1 training. In this chapter we'll reintroduce ourselves to animation and explore the core features of the GSAP Library. In the process we will create a really cool text effect, learn about delays, eases and the most common TweenLite functions. Let's start.
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