Jump to content
Search Community

Showcase: How was it made?

jiggles78 test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi All,

 

I received an automated email that suggested I check out the showcase (Examples section) of the website. I love these examples but struggle to find how they are built with GSAP other than the basic animation here and there. (competent beginner with GSAP) I can always inspect the document, but seem to get lost other than the basics as I can never reverse engineer them when i try.

 

How are some of these examples built? there are heaps of beginner tutorials, but nothing i can find at an intermediate or advanced level.

 

One that is listed: https://nestpowerproject.withgoogle.com/

 

 

Link to comment
Share on other sites

Hi @jiggles78 :)

 

I'd recommend focusing on one animation piece at a time and try to recreate it. It's like the old saying: "You eat an elephant one bite at a time." Eventually all those little animations will make a great website.

 

I don't know of any tutorials that will take you through every aspect of the showcase sites, but Petr Tichy has a deconstruction playlist on his YouTube channel. You may find it helpful.

 

https://www.youtube.com/user/ihatetomatoesblog/playlists

 

Hopefully that helps. Happy tweening.

:)

 

  • Like 4
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...