each loop

[Bess Tilahun]

i was trying to make animation by scrollMagic and Scene using each loop but it's not working. it is saying

warning : "gsap target not found."

  Sorry i didn't set up media querys... it looks ugly in small screen. my bad!

 

See the Pen GRJJPgo by besstilahun (@besstilahun) on CodePen

[ZachSaucier]

Hey Bess and welcome to the GreenSock forums!

 

You aren't loading jQuery, GSAP, or ScrollMagic in that pen - you need them in order for any of that code to work. Furthermore, controller is not defined.

 

Please refer to this post to get your project up and running:

 

But also note that ScrollMagic is not a GreenSock product and we don't really support it here. We recommend using other approaches, such as using intersection observers, instead.

[Bess Tilahun]

Sorry the for making minor mistakes ... i have loaded the the packages with the controller but still am not getting what i want! 

[ZachSaucier]

19 minutes ago, Bess Tilahun said:

i have loaded the the packages with the controller but still am not getting what i want! 

We cannot help blindly  please provide a demo to exemplify your issue.

[Bess Tilahun]

 

 

my thing am facing is... to animate each element by each loop when they are appears in the screen. but its is animating all at once, what shall i do?

 

[ZachSaucier]

1 hour ago, Bess Tilahun said:

my thing am facing is... to animate each element by each loop when they are appears in the screen. but its is animating all at once, what shall i do?

That's a ScrollMagic question unrelated to GSAP. All I can do it refer you to our article about pairing the two, which includes a section covering using .each():

 

I don't know ScrollMagic well enough to help you.

[Bess Tilahun]

thank you for your response. am gonna figure this out by my own. 

thank you for your willingness to help!