Problem displaying animations in Storyline 3 with html5-only publishing
May 31, 2017
Hi - we're having trouble with animations in html5-only publishing from Storyline 3. Our old swf animations aren't working with html5-only obviously, so I've been changing them to .mov files. They work, but intermittently and randomly they have grey boxes around them. They don't do this all the time but there doesn't seem to be any pattern. The same published SL3 file with the same animation on the same panel will sometimes show the grey box and sometimes won't. Because of this, I've started switching to animated gifs instead but that has its own display problem. The gifs will often appear pixelated, as though there's electricity shooting through the animation. These are simple animations downloaded from PresenterMedia. For the gifs, I turned off transparency. I tried with small, medium and large versions - changing the size, not changing the size, it doesn't matter - they all pixelate. So I either need the gifs to not do that or the .mov files to not have the random grey box. Suggestions are appreciated.
37 Replies
Hi everybody, I have the same problem. I tried to get animated gif with different software but every gif has the same problem. Did you get any solution to this problem? If you want I can share my work
Hi Ramon,
Thanks for chiming in, and really sorry you're running into a problem with your GIF files. A few different issues were mentioned in this thread, such as a gray border around GIFs and pixelation issues.
Hi Alyssa,
My problem is that I have generated a gif and this, in the preview mode, usually shows white parts withing the figure (green jacket). My version is SL3. I have not published yet.
Thank you very much Alyssa and Happy new Year¡¡
Thanks for clarifying, Ramon. Would you mind sharing the GIF file with me? I'd like to test it in Storyline 3.
You can attach it here by clicking the Add Attachment button at the bottom of the Reply window.
I'll be standing by!
Great news, everyone!
I'm excited to note that we just released update 3 for Storyline 3! You can view all the new features and fixes here.
One of the fixes addresses an issue where GIF images would appear distorted in HTML5 output.
Here’s where you can download and install the latest version of Storyline 3. Let us know if you have any questions!
I have the same problem. An animated GIF won't show smooth. Is there a solution?
I'm really sorry you're running into that, Ben. I'm happy to help!
Can I first confirm what version of Storyline 3 you're using? We recently launched update 3 which includes a fix for this issue. I'll be standing by!
I just solved the problem, I have installed the update and everything seems to be fixed now. I installed update 3.3.15007.0
Phew – you scared me there, Ben. Thanks for the update! ☺️
I have Update 5 of Storyline 3 and none of my GIFs are working at all. Was there a resolution to this issue? We are in the process of moving everything from Studio 13 to SL3. I reinserted them in SL3 and still nothing. Can anyone help? without them the images do not convey the message on the slide at all.
So am able to get them to work but now they have a purple outline.
Hi there June!
Sorry you're seeing a purple outline around your .gifs. We've seen the same problem, and it has been tricky for us to nail down. We are seeing a difference between .gifs with transparency and .gifs with solid backgrounds. The transparent .gifs (like a .png image) seem to produce the purple outline. Are you using a transparent .gif?
This post was removed by the author
Hi everyone!
Thanks for bringing this bug to our attention and the workarounds you’ve tried in Storyline 3!
I quickly wanted to share that we aren’t seeing this bug occur in Update 36 (Build 3.36.21213.0) for Storyline 360! If you've upgraded to Storyline 360, you'll need to update the Articulate 360 desktop app to stay up to date with the newest bug fixes.
For those who are still using Storyline 3 and subscribed to this discussion, you'll be notified when we share the fix for Storyline 3!
In the meantime, if you would like to see the fix first-hand, you can sign up for a free trial of Articulate 360 trial here right here. We'll create backup copies of any Storyline 3 files, so you can always continue to use them in this version.
This discussion is closed. You can start a new discussion or contact Articulate Support.