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

Get Started Animating with GSAP Tween Library.

Get Started Animating with GSAP Tween Library. In this hour session learn the basics of animation with the TweenNano, TweenLight and TweenMax Librarys.

Duration:

01:04:31

Created with

Ben Fhala

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.

Get Started Animating with GSAP Tween Library. Overview

What you'll learn

The GSAP library is a massively popular library that is used by the largest cooperations in the world to create interactive visually stimulating animations with ease. In this hour session we will learn the foundations of this wonderful animation tool and by the end of it you will know the basics of how to animate via code.

Walking through the animation library

A quick intro to the GSAP library. In the library you will find many classes/files as such lets walk through the basic packages and classes you will find in the package. We will explain the main anima

12:24

Starting to animate with TweenNano

TweenNano is a super-lightweight version of TweenLite and is ideal for situations where you cannot afford the extra 3.1k of TweenLite engine.

20:11

Is Alpha 0 and Visible False the Same?

One of the questions we where asked during this live event was %u201Cis alpha 0 and visiblity at false the same?%u201D.

07:47

What are and how to use Plugins in TweenLite

What are and how to use Plugins in TweenLite

05:43

Aniamting Text with TweenLite

Learn how to animate text using the TweenLite Library.

08:18

How to create Interactive Animations?

As animation online is all about interactivity we will dedicate a few moments to talk about how to create interactive animations and see live how we can get that done.

03:48

Q&A

Q&A

06:20