Jump to content

Matt Rogers

Control the Gif Animation

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

Is it possible to control the gif animation image while pausing?

Link to comment
Share on other sites

Hi, I'm not really sure what you are referring to here. 

In short GSAP doesn't really do anything that would control an animated GIF and I'm not exactly sure how they can be controlled.

Are you referring to a sprite-sheet animation like: http://codepen.io/GreenSock/pen/PqzXKd ?



It would really help if you could post a demo of what you are working with, preferably on CodePen. Instructions: http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/

  • Like 2
Link to comment
Share on other sites

Thanks Carl. But I need to animate images like as background 

See the Pen aOExdz by prakashtiger (@prakashtiger) on CodePen

 here As per your suggestion i did and you see its taking too much of time and not proper animated. I am really confused to fix. please let me know you have any thoughts.

Link to comment
Share on other sites

I think you are going beyond the maximum image size that most browsers can display. That image is 46,080 x  720 which means roughly 33 million pixels.


When viewed on its own in chrome: http://action.vu/videos/images/gifFrames/output2.png?v=1 its clear that pixel data is missing towards the far right.


When I tried to open the image in photoshop and edit it, "save for web" wasn't even an option and it only gave options for special large image formats.


If that is the real artwork (simple shapes) I think you will have great success using SVG 

tips: http://greensock.com/svg-tips

demos: http://codepen.io/collection/XzxeNJ/

Another option is to break the butterfly, sun and star in to separate bitmap images and animate them independently.
  • Like 3
Link to comment
Share on other sites

thanks for help. One more queries is it possible to animate a transform origin like "center center" to "center bottom" ? its skipped quickly instead of easing. so please help to fix

Link to comment
Share on other sites

  • 6 years later...

Hi Raman. 

Please start another forum thread with a minimal demo and an explanation of what you're trying to achieve. Thank you!

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.