[Section slides]

Thank you! I'm happy it's working and also the other demos look great. I'm going to give that a try

[Section slides]

Hello, 

I'm working on a schoolproject and I would like to use something like this: http://scrollmagic.io/examples/advanced/section_slides_manual.html

 

I made this code, but it's acting weird. http://codepen.io/codesen/pen/bwogPj 

 

Want I want: when you scroll, one page moves to te left and the next page comes in to the screen with a little scaling. I used a timeline for this. 

What is happing: when you scroll all page are thrown on top of each other, the backgroundcolors disappear and everything moves to the left. Not really what I was expecting. 

 

I hope you can tell me why this is happening! 

See the Pen bwogPj by codesen (@codesen) on CodePen

[Trigger tweens with ScrollMagic]

Thanks PointC! That was easy 

[Trigger tweens with ScrollMagic]

Hello, I have a question about triggering tweens with the ScrollMagic plugin

 

I created a ScrollMagic page where I animated with CSS, but I prefer to do transform ect with GreenSock. 

The problem is that when I want to trigger tweens, it doesn't work. 

 

This is the code: 

 

I also have a WORKING code, but this is with CSS animation, and not what I want: 

See the Pen RGpyGz%C2%A0 by codesen (@codesen) on CodePen

 

 

I used this as an example: http://scrollmagic.io/examples/basic/simple_tweening.html 

 

I think the problem is in line 10: .setTween("#project01", 0.5, {backgroundColor: "green"}) 

 

 

I hope you can help!

See the Pen LRLEYZ by codesen (@codesen) on CodePen

[Interactive animation]

okay in case anyone else had the same problem. This is what I did wrong: 

I put the link to JavaScript before the links to GreenSock and iQuery

 

It's kind of obvious, but the only thing I needed to do was first link to iQuery and GreenSock and after that link to JS 

[Interactive animation]

Hello again!

I want to use this code in Sublime Text, but it doesn't work. I use Chrome as my browser. 

Is there a reason that this doesn't work? I copy paste the codes and linked js, css and GSAP

 

I can't find any reason why the code that works in codepen shouldn't work with Sublime Text and Chrome. 

 

(the circle shows up but it doesn't change color when you click it)

[Interactive animation]

Thank you!

[Interactive animation]

Hello, I have an other question. I want to be able to toggle the circle between black and orange. To me it makes  sense to use an 'if statement'. But I tried various ways and it won't work. So I'm wondering, what is an easy way to accomplish that. And is there a feature in GreenSock, or do I use the regular js code? 

 

The code I created: 

See the Pen yaYoZZ by codesen (@codesen) on CodePen

 

I'm thinking about something like:

If you click the circle when it's black, it turns orange

If you click the circle when it's orangje, it turns black

 

(sounds pretty simple, but I'm justing starting with js and GSAP) 

[Interactive animation]

Thank you all! So far it works! 

[Interactive animation]

Thank you! It does help to give me an idea how to work, but I still have a problem. When I adjust the code in the codepen you gave it works, but when I use the same code in one of my own pens or in SublimeText nothing happens. Do you know why?

 

See the Pen yaYoZZ by codesen (@codesen) on CodePen

[Interactive animation]

Hello everyone,

 

I'm a student and I need to learn how to work with GreenSock. So far I have created some animations with TweenMax and TimeLinemax. Now I want to learn how to make those animations interactive. 

 

For example I would like to make a circle that changes color when you click it. 

 

I hope you can help me get started with this.

Thanks in advance