Integration with scroll magic

[pauljohnknight]

Hi

 

Can anyone recommend any video tutorials for using Greensock with Scrollmagic?

 

I'm new to Greensock and jquery and although it is all making sense, this has been due to there being plenty of videos out there. I'm finding it hard to find such resources for Scrollmagic with Greensock

 

I've seen a few on Skrollr with Greensock, but because I tend to do Wordpress sites, putting the data attributes in to the elements is proving to be a bit of a pain in the ass and would sooner use selectors which seems to be the way Scrollmagic works. Although I guess I should do further research on how to add data attributes I suppose.

 

Anyway any suggestions for Scrollmagic video tuts would be really appreciated.

 

Many thanks

 

Paul

[PointC]

I think you just asked about this a couple days ago in this thread:

 

http://greensock.com/forums/topic/14189-trigger-greensock-animations-on-scroll/

 

We've got some links in there to Petr's site. Please take a look.

 

Happy scrolling.

 

[pauljohnknight]

No that was a different question. I was wondering if anyone knows of any links to video tutorials for using scrollmagic with green sock. The I hate tomatoes videos use skrollr and the other link is to the documentation.

 

Thanks

 

Paul

[Jonathan]

Hello pauljohnknight, and Welcome to the GreenSock Forum!

 

Ihatetomatoes has some tutorials using GSAP with ScrollMagic. ScrollMagic is made with GSAP, but is not made by GreenSock, and uses it for it's scroll tweening.

 

But here are some tut links:

 

https://ihatetomatoes.net/simple-scrollmagic-tutorial/

https://ihatetomatoes.net/how-to-animate-svg-with-greensock/

https://ihatetomatoes.net/svg-scrolling-animation-triggered-scrollmagic/

http://scrollmagic.io/examples/basic/simple_tweening.html

 

Happy Tweening!