Jump to content
Search Community

Control the Gif Animation

Matt Rogers test
Moderator Tag

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

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

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

  • 6 years later...

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.
×
×
  • Create New...