Save an additional 20% on One Year and Lifetime plans

Use coupon code club20 at checkout

Take a Peek Inside

Watch this video to get an idea of what's inside chapter 1.

In GSAP3 Express I provided an accelerated path towards building animation sequences with timelines. That course only scratched the surface of what GSAP can do.

GSAP3 Beyond the Basics is designed to help you better understand the full capabilities of GSAP.

Unlike GSAP3 Express which focused on hands-on training (with written instructions), most lessons here will have a very short video and accompanying finished demo for you explore.

Preview Advanced Staggers

There is no better way to have your animations stand out than to understand the many components of staggered animations. 

You'll learn how to use function-based values, eases to distribute start times, and weighted random values. 

Here's a sample video from this chapter (more to come)


This course has new content added regularly.

If you want to be on the fast track to becoming a GSAP3 expert, the Creative Coding Club is guaranteed to have the freshest and most practical training available. Join Now.

Course curriculum

  • 1

    Advanced Animation Control

    • Chapter Intro

    • From Illustrator to Animation

    • Getter-Setter Methods

    • Smart Play-Pause-Restart Toggle Button

    • Scrub Through an Animation with an HTML Input Slider

    • Tween progress() of an Animation

    • OOPS: Gotta Fix the Buttons

  • 2

    Beyond The Docs

    • Intro

    • Callbacks

    • Build a Timeline Visualizer with getChildren()

    • killTweensOf()

  • 3

    Advanced Stagger Effects

    • Tweening function-based values

    • Ease-based distribution of start times

    • Using the weightedRandom() helper function

    • Using the distribute() utility function

    • Rubberbander Text Effect

    • Staggered Staggers. What?

    • 3D Text Rotator

    • Repeat Values on Tween vs Stagger Object

    • Staggered Staggers with No Gap

  • 4

    Advanced Timeline Techniques

    • Intro

    • Linear Navigation with addPause()

    • Non-Linear Navigation Using Labels

    • Add a Pause to a Timeline for a Specific Amount of Time

    • Nested Timelines

    • Functions That Return Timelines

    • tweenTo() and tweenFromTo()

  • 5

    Banner: Flatten The Curve

    • File Setup

    • Animate Panel 1

    • Create a function to animate 3 panels

    • Morph curve using AttrPlugin

Recently Added


Choose your plan

Get the animation training you need to succeed.

Basic
regular price $7.95
$5.95 / month
auto-renews every month
1 user
credit card only
1 year (save 37%)
regular price $79
$49 / 12 months
one-time payment
1 user
credit card OR PayPal
Lifetime + Friend
regular price $129
$79 / unlimited
one-time payment
2 users
credit card OR PayPal
Increase Success with Lifetime + Friend

Whether it's dieting, fitness, or learning, studies show that your chance of success greatly increases with an accountability partner

When you purchase Lifetime + Friend I will send you a single-use coupon that you can send to a friend for free enrollment in all Creative Coding Club courses.

You and your friend can commit to learning together and challenge each other along the way.

You can ask your friend to split the cost or maybe get them to buy you a nice lunch 😃

All plans include GSAP 3 Express, GSAP 3 Beyond the Basics, "B-Sides, Bonuses and Oddities", Adobe Animate for HTML5, and Generative Art with AS3

Frequently Asked Questions

Who is this membership for?

Web developers and designers who want to take their work to the next level with high-performance scripted animation.

What experience do I need?

You should be comfortable creating a webpage with basic HTML and CSS.

Regarding JavaScript, you should understand variables, functions, loops, and arrays. If not, I strongly recommend JavaScript for Beginners on Skillshare (get 2 months free).

What software do I need?

Just a web browser! You can watch all my videos on any device. I recommend using a desktop browser for editing the online demos I provide. 

Can I ask a question before I purchase? 

Sure, just send an email to carl@snorkl.tv

Create Awesome Storytelling Animations

Create this banner in Beyond the Basics

See the Pen  flatten the curve banner (EMBED) by Snorkl.tv (@snorkltv) on CodePen.