Skip to main content
schmar
Inspiring
November 21, 2016
Answered

Animate CC - No "real" GIF Support?

  • November 21, 2016
  • 1 reply
  • 803 views

Hey gang, when I'm importing an animated GIF into Animate (Html5 canvas mode), it seperates the gif into an image sequence. The problem: the converted image sequence is MUCH bigger than the original gif. Is it not possible to use the gif "as it is"? I would appreciate a handling like in Google Web Designer where the GIF is not touched after the import. I already diabled the spritesheet in the publishing settings - doesnt change anything.

This topic has been closed for replies.
Correct answer clevermill.com

We have the same issue, but mine is 1.5 years later than yours.  An unreliable quirky workaround is to NOT import the gif.    I have an animated gif called "rabbit.gif".   Instead of importing that gif to the stage, import a jpg to the stage with the same name: "rabbit.jpg".  After publishing, open the html file in an editor and find/replace "rabbit.jpg" and change the ".jpg" to ".gif".  Make sure your "rabbit.gif" is in the images folder.    Then delete your "rabbit.jpg" file from the images folder.

You'll find this works.  You can tween it too.  What you'll find quirky is when you refresh the page.  I can't get it to restart the animated gif.  I've tried tweaking the code a bit, but I'm just a light coder dude and haven't solved it. 

I believe the hangup is Animate is trying to synchronize timing of the different elements.  And doesn't think to restart the gif.    I've tried having the gif start on frame 2.. and also dropping it on the last frame.  That didn't work.

1 reply

clevermill.com
clevermill.comCorrect answer
Inspiring
April 12, 2018

We have the same issue, but mine is 1.5 years later than yours.  An unreliable quirky workaround is to NOT import the gif.    I have an animated gif called "rabbit.gif".   Instead of importing that gif to the stage, import a jpg to the stage with the same name: "rabbit.jpg".  After publishing, open the html file in an editor and find/replace "rabbit.jpg" and change the ".jpg" to ".gif".  Make sure your "rabbit.gif" is in the images folder.    Then delete your "rabbit.jpg" file from the images folder.

You'll find this works.  You can tween it too.  What you'll find quirky is when you refresh the page.  I can't get it to restart the animated gif.  I've tried tweaking the code a bit, but I'm just a light coder dude and haven't solved it. 

I believe the hangup is Animate is trying to synchronize timing of the different elements.  And doesn't think to restart the gif.    I've tried having the gif start on frame 2.. and also dropping it on the last frame.  That didn't work.

schmar
schmarAuthor
Inspiring
June 22, 2018

hehe this sounds so hacky to me but I like the way you're trying to work around it. Well I hope there will be an offical support for it cause mostly you wanna loop the gif. Too bad it doesnt work out of the box :-(