I'm using the wipe animation on some images in a slide but it doesn't work in my published Storyline course. The images simply appear. Is there a bug with the wipe animation? How can I get the wipe animation to work in a published story (Doesn't work in SCORM or TinCan)
I've just come across this too - but strange as it works in the desktop version when published through Articulate Review or when previewing in Storyline. But when viewing on a mobile (iPhone) through Chrome and Safari it doesn't seem to work in the same way. I wanted the animation to look as though its being typed so the wipe was ideal, has anyone found a resolution to this?
Greetings, Kiren. Thanks for walking us through your experience. It was super helpful!
I mocked up and published a test file to Review 360. Here's a link to the output!
When viewing the content on desktop in any browser that isn't IE11 or Edge, the wipe animation works. This is because those browsers do not support "masking" animations in HTML5 content.
When viewing the content on mobile in any browser, the wipe animations becomes a fade one. Like IE11 and Edge, mobile browsers also do not support "masking" animations at this time.
Let me know if that helps, and if you're seeing different behavior! Also, although I haven't seen workarounds around this, I'll keep my eyes peeled for you!
Thank you for checking this, I have since noticed that the iPad/tablet preview within Storyline also shows how it would look on a tablet animations wise which has been useful :)
May I ask which animations are not working for you? As Leslie mentioned, specific animations won't work, depending on the browser you are using. As an example, the wheel animation will not work when using a Microsoft browser (Edge or IE 11). For more details about this as well as solutions, we have a great resource that should help:
9 Replies
Does it work in Articulate Review? Perhaps you can share the project file.
The type of animation in wipe is only supported in some browsers. Typically Edge and IE will not show the wipe animation.
Hmm, it doesn't work in Chrome either. Perhaps I should just change it.
Thanks for your help!
Hi Jennifer,
Here are a couple of articles on masking animations and how they perform in different browsers:
I've just come across this too - but strange as it works in the desktop version when published through Articulate Review or when previewing in Storyline. But when viewing on a mobile (iPhone) through Chrome and Safari it doesn't seem to work in the same way. I wanted the animation to look as though its being typed so the wipe was ideal, has anyone found a resolution to this?
Many Thanks!
Kiren
Greetings, Kiren. Thanks for walking us through your experience. It was super helpful!
I mocked up and published a test file to Review 360. Here's a link to the output!
When viewing the content on desktop in any browser that isn't IE11 or Edge, the wipe animation works. This is because those browsers do not support "masking" animations in HTML5 content.
When viewing the content on mobile in any browser, the wipe animations becomes a fade one. Like IE11 and Edge, mobile browsers also do not support "masking" animations at this time.
Let me know if that helps, and if you're seeing different behavior! Also, although I haven't seen workarounds around this, I'll keep my eyes peeled for you!
Thank you for checking this, I have since noticed that the iPad/tablet preview within Storyline also shows how it would look on a tablet animations wise which has been useful :)
Is there any solution for working animation?
Hi Robert,
May I ask which animations are not working for you? As Leslie mentioned, specific animations won't work, depending on the browser you are using. As an example, the wheel animation will not work when using a Microsoft browser (Edge or IE 11). For more details about this as well as solutions, we have a great resource that should help:
This discussion is closed. You can start a new discussion or contact Articulate Support.