Skip to main content
Other Professional Courses2024-9 Edition100% Free Video Course

Creative Coding Club – GSAP3: Beyond the Basics

GSAP3: Beyond the Basics is a course on advanced animation techniques and the powerful GSAP3 plugin published by Creative Coding Club Online Academy. This GreenSock Animation Platform (GSAP) course takes your skills to the next level by exploring advanced animation techniques and the powerful GSAP 3 Transformers plugin. The course explores complex motion sequences, integrating responsive design, and creative transitions, allowing you to create engaging, professional-looking web animations. You’ll master GSAP’s advanced timeline controls, smoothing options, and 3D transformations as you learn how to work with the Transformers plugin for interactive and responsive animations.GSAP3 Beyond the Basics is designed to help you better understand GSAP’s capabilities and master the techniques that professionals use to approach more complex animations. Key points of this course include advanced GSAP animation techniques, Transformers plugin, responsive design integration, complex motion sequences, 3D transformations, professional web animations, advanced timeline controls, ease-of-use options, creative transitions, and increasing the interactivity of web projects. This course is ideal for developers and designers who want to enhance their web projects with advanced animation tools. By the end of this course, you will be able to create a variety of interactive websites.

54 Video Lessons
7.1 Hours On-Demand
Created by Senior Industry Specialist
Uploaded Sep 2026
English
Creative Coding Club – GSAP3: Beyond the Basics
Preview This Course
Free$129.99100% Free

Instant high-definition streaming with zero paywalls.

Course Features:
7.1 hours on-demand video
54 complete lectures
1 downloadable project zip file(s)
Streamable on mobile, tablet & desktop
Self-paced curriculum with progress tracking
Direct MP4 downloads & offline video access
Verified course archives hosted on cloud infrastructure.

What You'll Master in this Course

Advanced Animation Control
Advanced Stagger Effects
Advanced Timeline Techniques
Title Effect Generator
And…

Course Curriculum54 Lectures

1 sections • 7.1 hours total length

Prefer offline learning? Download all 54 video lectures and project files for free.
Download Free
Chapter Intro
Preview
1m
Scrub Through an Animation with an HTML Input Slider
Preview
7m
Getter-Setter Methods
4m
Tween progress() of an Animation
7m
Smart Play-Pause-Restart Toggle Button
8m
From Illustrator to Animation
8m
killTweensOf()
2m
OOPS Gotta Fix the Buttons
3m
Build a Timeline Visualizer with getChildren()
8m
Callbacks
8m
gsap.utils.wrap()
8m
CSSPlugin Use clearProps to remove inline styles
8m
gsap.registerEffect()
9m
D Transforms
9m
Understanding GSAP's immediateRender Property
6m
GSAP Utils Basics Part 2 mapRange() using mouse-distance-from-center
8m
GSAP Utils Basics Part 1 mapRange()
14m
GSAP Utils Part 4 Mouse Scroller with mapRange()
9m
GSAP Utils Basics Part 3 Chaining utility methods with pipe()
7m
Ease-based distribution of start times
7m
Using the weightedRandom() helper function
10m
Tweening function-based values
7m
Using the distribute() utility function
6m
Staggered Staggers. What
4m
Repeat Values on Tween vs Stagger Object
1m
Rubberbander Text Effect
7m
D Text Rotator
6m
Staggered Staggers with No Gap
9m
Using Callbacks in Staggers
14m
Add a Pause to a Timeline for a Specific Amount of Time
4m
Linear Navigation with addPause()
4m
Non-Linear Navigation Using Labels
6m
Nested Timelines
5m
Functions That Return Timelines
6m
tweenTo() and tweenFromTo()
8m
File Setup
5m
Create a function to animate 3 panels
7m
Animate Panel 1
9m
Morph curve using AttrPlugin
12m
Title Effects Generator Part 1
18m
Title Effects Generator Part 2
14m
SlowMo Overview
4m
In Your Face Effect
8m
Title Effects Generator Part 3 Wrap Up
22m
RoughEase Overview
4m
Whirl-Around Text Effect
7m
Scary Flicker
6m
Shiver
4m
Configure an elastic ease
4m
CustomEase Quick Start
8m
Refactoring Multiple Timelines Into a Single Tween
13m
Steps Ease for Spritesheet Animations
8m
Staggered Animations Variations on a Theme
16m
Text Effect Bulge Shine
17m

Requirements

  • Basic enthusiasm to learn and follow along with lessons
  • A computer or mobile device with a modern internet connection

Description

GSAP3: Beyond the Basics is a course on advanced animation techniques and the powerful GSAP3 plugin published by Creative Coding Club Online Academy. This GreenSock Animation Platform (GSAP) course takes your skills to the next level by exploring advanced animation techniques and the powerful GSAP 3 Transformers plugin. The course explores complex motion sequences, integrating responsive design, and creative transitions, allowing you to create engaging, professional-looking web animations. You’ll master GSAP’s advanced timeline controls, smoothing options, and 3D transformations as you learn how to work with the Transformers plugin for interactive and responsive animations.GSAP3 Beyond the Basics is designed to help you better understand GSAP’s capabilities and master the techniques that professionals use to approach more complex animations. Key points of this course include advanced GSAP animation techniques, Transformers plugin, responsive design integration, complex motion sequences, 3D transformations, professional web animations, advanced timeline controls, ease-of-use options, creative transitions, and increasing the interactivity of web projects. This course is ideal for developers and designers who want to enhance their web projects with advanced animation tools. By the end of this course, you will be able to create a variety of interactive websites.

Instructor

S

Senior Industry Specialist

Specialist in Other Professional Courses

Passionate educator focused on real-world practical skills, modern frameworks, and production-ready engineering practices. Delivering step-by-step masterclasses accessible to learners globally on MJ Accedemy.

Recommended Curriculum

Students Also Viewed