Animated GIF's play only the first time their scene is visited

21

Thanks @jonathan for the explanation.

I’m unsure what this could be related to, but viewing on Firefox and Chrome there is flashing between each frame when playing. All images are set to preload so I am struggling to understand why this is happening?

Thanks

22

Firefox experiences this flashing first time when opening the scene, however Chrome it seems to happen when the scene is revisited. Safari is working great throughout.

Thanks in advance

23

It is probably a rendering delay and may be due to the size (either file size or dimensions) of the images you are using.

(I’ll take this time to plug that the upcoming Hype v4 does have a sprite sheet feature that can do these animations generally smoothly with the ability to set a custom FPS. You’re welcome to join the beta).

1 Like
24

Hi @MarkHunte

Looking at your example - test_MHv1 when you import your gif it remains in a paused state. How can I achieve this for another gif as it seems to constantly keep looping when import mine.

Thanks

25

Thats nothing to do with Hype. The gif was saved with loop off.

Not sure what was used to turn it off or even if I did it, probably not but you can open a gif in something like Preview.app and the save as… a new file. This I think will by default turn the looping off.

26

Thanks Mark, I have now figured out how to turn looping off so it plays just the once.

Thanks again.

27

Hi there
I tried the method by @MarkHunte with

var d = new Date(); hypeDocument.getElementById(“imgcontainer”).innerHTML = ‘<img src="’ + ‘${resourcesFolderName}/test.gif?dummy=’ + d.getTime() + ‘">’;

It seems to reload the gif (you see it on the right bottom corner each time the scene is revisited), but it’s not positioned the right way (should be positioned as the coins in the middle.

Here’s my Test 300x250_DE_test.hype.zip (2.6 MB)

What am I missing?
Thank you for your quick support.
Simeon

28

Not sure what you are seeing. It seems to play as you have it in Hype?

29

Thank you @MarkHunte for the quick reply!

The gif is loading the first time nicely. Then in the repetition, the coins in the middle are not falling down again as they should. But in the bottom right corner you see one coin (in original size of the gif) falling down (see here: 22

So this is the gif reloading, but it’s not in the size i defined it to be and is a duplicate too.
Do you know how to solve that?

30

Not sure what’s going on there, may be because the gif loads multiple times using that method.

You may want to look at the rest of the post and the other method.

31

I would like to know where to set it to make an exported animated FIF only play once.

32

If you're creating the GIF with Hype, you would uncheck the 'loop playback' box:

Screen Shot 2021-01-07 at 10.19.18 AM
Screen Shot 2021-01-07 at 10.19.18 AM782×198 34.5 KB

33

Daniel

It is exported with the tick box unchecked.

Kindly see attached image.

It loops when adding it as a footer in outlook.

Thanks

Peter Gagiano

Screenshot 2021-01-07 at 17.46.10.png

34

Looks like a bug in outlook:

https://answers.microsoft.com/en-us/outlook_com/forum/oemail-ocompose/animated-gifs-keep-looping-in-outlook-even-when/abde1e2c-2038-433a-b771-8918f7686349

Does it occur in other email clients? Does it loop a single time if you load it in a browser?

35

Hi Daniel

I tested in Safari, Chrome and Edge with the same results.

Will do testing in Gmail and Apple mail

Thanks

Peter Gagiano

36

You're welcome to post a zip of your .hype document along with the generated .gif file so we can see what is being produced.