Control the Gif Animation

[Matt Rogers 0 Likes (Newbie)]

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

[Carl 11,109 Likes (Superhero)]

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/

[Matt Rogers 0 Likes (Newbie)]

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.

[Diaco 1,995 Likes (Superhero)]

Hi Matt Rogers 

 

In addition to Carl's great advice , pls check this out : 

See the Pen MYdwRP by MAW (@MAW) on CodePen

[Carl 11,109 Likes (Superhero)]

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.

[Matt Rogers 0 Likes (Newbie)]

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

[Raman Pratap 0 Likes (Newbie)]

is it possible with SVG file too

[Cassie 5,141 Likes (Superhero)]

Hi Raman. 

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