Jump to content
Search Community

Starting out with GSAP

a13 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 I'm looking to start out with GSAP for a project.

 

I am building a parallax scrolling site with animated elements as the user scrolls down the page.

 

My approach is to use a framework for the repsonsive layout, an existing jquery script for the parallax scrolling and GSAP for animating the more complex animations work?

 

Is this a logical approach or should I be looking for a more GSAP focussed approach? My concerns is taking too much on with GSAP as I have time constraints.

 

II would be grateful of your thoughts.

Link to comment
Share on other sites

Hi and welcome to the GreenSock forums.

 

You could try superscollorama by John Polacek, a jQuery plugin that uses GSAP. Is not very hard to use and you can get some really good results, even with simple animations. You can check it here:

 

http://johnpolacek.github.io/superscrollorama/

 

As for starting with GSAP you should check this links:

 

http://www.greensock.com/get-started-js/

 

http://www.greensock.com/jump-start-js/

 

http://www.greensock.com/sequence-video/

 

Those are the basics to getting your fingers wet with GSAP and also check all the samples of the GreenSock collection in codepen.

 

Rodrigo.

Link to comment
Share on other sites

Hi Rodrigo,

 

Thank you for your response. Your advice is most helpful.

 

I had chose fullpage.js as it does what I need, however If I can get the same results with superscollorama then I'll go for that and keep things consistant. Although saying that I have just visited it the site on an ipad and it doesn't appear to behave!

 

Thank you very much for the links I have a lot of digging to do!!

 

My end goal is to produce something similar to the BeoplayH6 site so I've got some work to do!

 

Regards

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...