Animations not smooth

[Parina 1 Likes (Newbie)]

Hi,

 

I had been using gsap and scroll magic to show and hide image sequence. But the animations are not smooth. They are choppy. Can anyone help me. 

Here is the link to the page http://geekpowerdev.com/pivotal-2/ 

 

Thanks!

[Jonathan 5,394 Likes (Superhero)]

Hi @Parina and Welcome to the GreenSock Forum!

 

That link you provided is behind an htaccess password. So we cant see anything

 

But in order for us to better help you please create a limited reduced Codepen demo example. This way we can test your code in a live editable environment.

 

 

Happy Tweening

[Parina 1 Likes (Newbie)]

Hi Jonathan, 

 

Oops sorry I totally forget, I created this code pen to give you rough idea (EDIT: DEMO LINK REMOVED).  The animation on this are wobby. I am new to green sock and sorry for lack of my knowledge on this. I wanted to show the image sequence in a smooth way and not sure what I am missing here.

 

Thanks!

[ZachSaucier 7,162 Likes (Superhero)]

That CodePen also asks for a password and doesn't work. Please make a minimal example of the issue by recreating it, not just pasting all of your code into CodePen.

[Parina 1 Likes (Newbie)]

Hi Zach.

 

This is the new pen with minimal example (EDIT: DEMO LINK REMOVED). Hope this does not ask for passwords this time.

 

thanks!

[ZachSaucier 7,162 Likes (Superhero)]

In indeed does still ask for a password. And it has almost no content in it. Please test using an incognito browser to make sure that we can access your demo before posting next time.

[Parina 1 Likes (Newbie)]

I have also tried and tested in incognito window of the browser. That forks fine for me. It works on chrome and not in other browser it has mixed content ssl issue.  (EDIT: DEMO LINK REMOVED)

[ZachSaucier 7,162 Likes (Superhero)]

Yep, still asks for a password for me. I'm guessing there's some sort of security check based on IP address or something. Please RECREATE the effect, not just copy code from your project.

[Parina 1 Likes (Newbie)]

Thanks Zach. Please found the recreated pen as you suggested 

See the Pen vYYrWQy by parinagp (@parinagp) on CodePen

[ZachSaucier 7,162 Likes (Superhero)]

Thank you   Your GSAP code looks fine to me. So it must be something with the ScrollMagic part.

 

ScrollMagic isn't a GreenSock product and we don't support it here so you may not get a response from other forum members. 

Maybe this post by our very own Craig can help you:

 

If you have any GSAP-specific questions, we'd love to help. Good luck with your project!

[Parina 1 Likes (Newbie)]

Thanks for all your help.