When I add the Wipe animation to an object or text in Storyline it is not working and looks more like the fade animation. Anyone know how to correct this?
Thanks for sharing your experience here, really appreciated!
Since HTML5 support in IE and Edge is lagging behind other major browsers, these particular animations (also referred to as "masking" animations) aren't supported in HTML5 for them. This is why you're running into what you're seeing.
Publishing as Flash only will ensure that output will be the only one viewed for your learners- so that's a great idea if those particular animations are crucial to your course.
Hope that helps clarify a bit more! Let me know if you have any questions.
Just circling back around to the issue Danielle reported earlier in this thread about the Wipe animation sequenced by paragraph not working as expected in the HTML5 output.
The good news is we just released a new update for Articulate 360 which included a fix for this issue. Check out the release notes here for more details on the important fixes and new features included in this update!
To take advantage of them, launch the Articulate 360 desktop app on your computer and click the Update button for each application. Details here.
Great question! We do have the same issue duplicated for Storyline 3 as well. Yes, we do plan on correcting bugs within Storyline 3 as well and should be in the next update.
It looks like your email signature came through when you replied via email. You can remove that if needed and here’s a quick Peek video if you need help.
The Wipe animation on paragraphs has suddenly stopped working for me this week.
I have been developing 2 modules for the last few months (initially started within Storyline 2) that make extensive use of the wipe animation, with the entire raison-d'être of the effect to simulate old CRT computer monitor data display, and within reach of days of the project going live I have discovered that the effect doesn't work in Preview, let alone uploaded and viewed within a browser.
I understand there are issues with animations and their HTML counterparts, especially regarding the compliance within various browsers.
However, what i do not understand is why this is not working now, when it did a week ago? I must have updated over the weekend without realising it (I see there was an update on 14Nov - I am beginning to learn that updating with 360 immediately has major pitfalls to it) and obviously something has changed within 360 as to how it displays animations within Preview, because there is no way I worked on this for the last few months without this essential effect operating as expected.
This is completely unacceptable from Articulate, in my opinion. I now have 2 modules that have text suddenly pop/bang/appear into view, like there is something wrong, on every single damned slide.
Sure, I can change each and every instance of the wipe effect to something that is guaranteed to work, such as breaking EVERY. SINGLE. SENTENCE. into its own textbox, aligning and formatting each pixel-perfectly, on every single slide, and then simply applying the Wipe "as one object", but the modules were all ready and about to ship, bar some last minute text edits, and now I have to address each and every animated instance.
It worked beautifully last week.
It is utterly stupid looking today.
How can I roll-back a version of 360? This will have to be an option if your engineers keep breaking functionality with each and every update.
I see that you started a support case, and it'll be best for our Support Engineers take a look at the course you have now - and if you have a link to previously published version. As Matthew mentioned, if it's something that we're able to determine is a bug introduced in an update of Storyline 360 we'll be able to get you a link to roll back to an earlier version.
Thanks for reaching out to them directly and I can follow along there too.
Hi Ashley. One of your support team got in touch and sent on a link to an earlier version of 360. I deleted the current version and installed the older programme.
I can see that all the Wipe By Paragraph animations now work exactly as intended, when Previewed locally and when uploaded to the LMS.
Unfortunately, I had to change the animations on all my slides over the weekend as this project has to get out of my hair ASAP, so it is... frustrating... to say the least... that I can see that if I had only delayed for 5 extra days I could have gotten the module to look exactly like I had planned for the last 2-3 months.
So, am I right in assuming that the update 'broke' something or is it that these effects should never have worked within Storyline in the first place? :)
If it was broken, can it be fixed? And will it be fixed?
Or are we to assume that these animations aren't supposed to behave like they used to?
I use Wipe frequently in my modules. I just discovered this feature is no longer working. Our software requires the use of MS Internet Explorer, so using a different browser is not an option.
Can you please give me an estimate of when Wipe will be fixed in SL 3?
Thanks for your patience as our team took a look at this one. Today we released an update to Articulate 360 including a fix in Storyline 360 for the behavior where some animations set to occur by paragraph didn't work in HTML5 output, including random bars, shape, split, wheel, and wipe.
Take a look at the release notes here, and when you're ready to update, launch the Articulate 360 desktop app on your computer and click the Update button for each application. Details here.
Please let us know if you have any questions, either here or by reaching out to our Support Engineers directly.
I can certainly understand the hesitation Diarmaid, and if I can help in any way please let me know. I'd be glad to update one of your files and send it back to you. 🙂
Feel free to share it here, or if you can't share publicly, let me know and I'll reach out one on one!
Hi I am using up to date version of 360 and wipe (or random bars) animation still not working in IE11. Seeing as Flash not supported anymore I don't want to be publishing to flash!
Phil is correct - this is based on IE11's HTML5 support for masking animations. We still support Flash, and IE11 does as well but I know some companies and organizations have looked at blocking it all together. If that's the case you may want to reach out to your IT team about other ideas or next steps.
Just thought I'd share something I found recently - there's a line of text you can remove from your published course to prevent Storyline from rendering wipes (and other mask animations) to fades. Note that you still WON'T see wipes in browsers like IE since they don't natively support webkit animations. But it DOES at least let you re-enable wipes for mobile browsers with webkit compatibility.
To do so, just publish your course and open the \html5\lib\scripts\app.min.js file. Search for and remove the following code:
if (E.isMobile && -1 !== O.indexOf(t.maskType)) return !this.isReverse && t.maskProps.isExit && (e = this.duration - e, this.isReverse = !0), r = i.decToPct(this.getAttrPointAtTime(e, t, this.isReverse ? 1 : 0).x), n.style.opacity = i.pctToDec(r), void(n.props.Alpha = r);
Hi and thanks for the responses - I must have misread the post trail because I thought that one of the 360 updates was to attempt a workaround for IE being rubbish.
Wipe animations do not work on shapes when published to HTML5 and viewed on IE - a simple banner wiping in, with line of text wiping in on top simply appears. Also, the Circle animation is non-funtional as well. I'm sorry we "updated" to S3. This is abysmal and shows a poor QA prior to release. The greated number of companies use IE (despite its faults) so making a product that doesn't work on it is lame.
Our company situation is similar to J Lee above. We are abandoning Flash and our 7000+ employee base primarily has access only to IE.
I see the last STAFF post was 7 months ago. How long before this is resolved?
IE does not support this type of animations. IE’s support for HTML5 is poor. I don’t think wipe will ever be supported in IE when viewing HTML5 content.
I think you may be missing one of the pages of replies, as I last responded 21 days ago confirming the IE behavior with HTML5/masking animations, and about 3 months ago with an update on a fix we implemented for animations in HTML5 that was occurring in other browsers.
As Brian mentioned, Adobe is ending support for Flash in 2020, so based on IE11's limited support for HTML5 it seems that may be the end of its life as well. Microsoft seems to be saying as much by continually pushing for folks to use the Edge browser.
64 Replies
Hey J Lee,
Thanks for sharing your experience here, really appreciated!
Since HTML5 support in IE and Edge is lagging behind other major browsers, these particular animations (also referred to as "masking" animations) aren't supported in HTML5 for them. This is why you're running into what you're seeing.
Publishing as Flash only will ensure that output will be the only one viewed for your learners- so that's a great idea if those particular animations are crucial to your course.
Hope that helps clarify a bit more! Let me know if you have any questions.
Hey Everyone!
Just circling back around to the issue Danielle reported earlier in this thread about the Wipe animation sequenced by paragraph not working as expected in the HTML5 output.
The good news is we just released a new update for Articulate 360 which included a fix for this issue. Check out the release notes here for more details on the important fixes and new features included in this update!
To take advantage of them, launch the Articulate 360 desktop app on your computer and click the Update button for each application. Details here.
Please let us know if you have any questions, either here or by reaching out to our Support Engineers directly!
Is there a patch for this issue (wipe animation not working) for Articulate Storyline 3?
Thanks,
julia
Hi Julia!
Great question! We do have the same issue duplicated for Storyline 3 as well. Yes, we do plan on correcting bugs within Storyline 3 as well and should be in the next update.
It looks like your email signature came through when you replied via email. You can remove that if needed and here’s a quick Peek video if you need help.
Thanks so much for that detailed video, Nick. That was really helpful! It sounds like you published the project for CD, is that correct?
The wipe animation doesn't work in CD-published output, since it relies on Internet Explorer.
You can get around this by launching the story.html file from the CD output in Chrome or Firefox, like I did in this demo. I hope that's helpful!
The Wipe animation on paragraphs has suddenly stopped working for me this week.
I have been developing 2 modules for the last few months (initially started within Storyline 2) that make extensive use of the wipe animation, with the entire raison-d'être of the effect to simulate old CRT computer monitor data display, and within reach of days of the project going live I have discovered that the effect doesn't work in Preview, let alone uploaded and viewed within a browser.
I understand there are issues with animations and their HTML counterparts, especially regarding the compliance within various browsers.
However, what i do not understand is why this is not working now, when it did a week ago? I must have updated over the weekend without realising it (I see there was an update on 14Nov - I am beginning to learn that updating with 360 immediately has major pitfalls to it) and obviously something has changed within 360 as to how it displays animations within Preview, because there is no way I worked on this for the last few months without this essential effect operating as expected.
This is completely unacceptable from Articulate, in my opinion. I now have 2 modules that have text suddenly pop/bang/appear into view, like there is something wrong, on every single damned slide.
Sure, I can change each and every instance of the wipe effect to something that is guaranteed to work, such as breaking EVERY. SINGLE. SENTENCE. into its own textbox, aligning and formatting each pixel-perfectly, on every single slide, and then simply applying the Wipe "as one object", but the modules were all ready and about to ship, bar some last minute text edits, and now I have to address each and every animated instance.
It worked beautifully last week.
It is utterly stupid looking today.
How can I roll-back a version of 360? This will have to be an option if your engineers keep breaking functionality with each and every update.
Hi Diarmaid,
I see that you started a support case, and it'll be best for our Support Engineers take a look at the course you have now - and if you have a link to previously published version. As Matthew mentioned, if it's something that we're able to determine is a bug introduced in an update of Storyline 360 we'll be able to get you a link to roll back to an earlier version.
Thanks for reaching out to them directly and I can follow along there too.
Hi Ashley. One of your support team got in touch and sent on a link to an earlier version of 360. I deleted the current version and installed the older programme.
I can see that all the Wipe By Paragraph animations now work exactly as intended, when Previewed locally and when uploaded to the LMS.
Unfortunately, I had to change the animations on all my slides over the weekend as this project has to get out of my hair ASAP, so it is... frustrating... to say the least... that I can see that if I had only delayed for 5 extra days I could have gotten the module to look exactly like I had planned for the last 2-3 months.
So, am I right in assuming that the update 'broke' something or is it that these effects should never have worked within Storyline in the first place? :)
If it was broken, can it be fixed? And will it be fixed?
Or are we to assume that these animations aren't supposed to behave like they used to?
We have it logged as a possible bug Diarmaid, which means our team will dig in to investigate.
I'll attach this thread to the report as well, so that we can update you when we can.
I wanted to share some information on how we define bugs and how we tackle them when they occur.
I'm using Storyline 3 - Update 2: 3.2.13213.0
I use Wipe frequently in my modules. I just discovered this feature is no longer working. Our software requires the use of MS Internet Explorer, so using a different browser is not an option.
Can you please give me an estimate of when Wipe will be fixed in SL 3?
Thank you, Matthew. I have no choice but to stop using Wipe.
Are there any other animations that are no longer supported?
Thanks
Hi all,
Thanks for your patience as our team took a look at this one. Today we released an update to Articulate 360 including a fix in Storyline 360 for the behavior where some animations set to occur by paragraph didn't work in HTML5 output, including random bars, shape, split, wheel, and wipe.
Take a look at the release notes here, and when you're ready to update, launch the Articulate 360 desktop app on your computer and click the Update button for each application. Details here.
Please let us know if you have any questions, either here or by reaching out to our Support Engineers directly.
That's great. But I think I might hold off on updating for a while and see if anything happens... :)
I can certainly understand the hesitation Diarmaid, and if I can help in any way please let me know. I'd be glad to update one of your files and send it back to you. 🙂
Feel free to share it here, or if you can't share publicly, let me know and I'll reach out one on one!
This is great :) Thanks for sharing.
Hi I am using up to date version of 360 and wipe (or random bars) animation still not working in IE11. Seeing as Flash not supported anymore I don't want to be publishing to flash!
Jo I dont think IE11 will ever have wipe supported, it doesnt support masking animations.
Hi Jo,
Phil is correct - this is based on IE11's HTML5 support for masking animations. We still support Flash, and IE11 does as well but I know some companies and organizations have looked at blocking it all together. If that's the case you may want to reach out to your IT team about other ideas or next steps.
Just thought I'd share something I found recently - there's a line of text you can remove from your published course to prevent Storyline from rendering wipes (and other mask animations) to fades. Note that you still WON'T see wipes in browsers like IE since they don't natively support webkit animations. But it DOES at least let you re-enable wipes for mobile browsers with webkit compatibility.
To do so, just publish your course and open the \html5\lib\scripts\app.min.js file. Search for and remove the following code:
Save the file and rezip your course.
Hi and thanks for the responses - I must have misread the post trail because I thought that one of the 360 updates was to attempt a workaround for IE being rubbish.
cheers and I'll try the mobile code
Wipe animations do not work on shapes when published to HTML5 and viewed on IE - a simple banner wiping in, with line of text wiping in on top simply appears. Also, the Circle animation is non-funtional as well. I'm sorry we "updated" to S3. This is abysmal and shows a poor QA prior to release. The greated number of companies use IE (despite its faults) so making a product that doesn't work on it is lame.
Our company situation is similar to J Lee above. We are abandoning Flash and our 7000+ employee base primarily has access only to IE.
I see the last STAFF post was 7 months ago. How long before this is resolved?
IE does not support this type of animations. IE’s support for HTML5 is poor. I don’t think wipe will ever be supported in IE when viewing HTML5 content.
Microsoft only provides security updates for support. There won't be any updates to html5 features as IE is almost end of life (Jan 2020 I think)
Hi Jeff,
I think you may be missing one of the pages of replies, as I last responded 21 days ago confirming the IE behavior with HTML5/masking animations, and about 3 months ago with an update on a fix we implemented for animations in HTML5 that was occurring in other browsers.
As Brian mentioned, Adobe is ending support for Flash in 2020, so based on IE11's limited support for HTML5 it seems that may be the end of its life as well. Microsoft seems to be saying as much by continually pushing for folks to use the Edge browser.
Although it also doesn't handle masking animations, Edge does a bit better job at handling HTML5 output as a whole. I like to use the site here HTML5test.com to compare all the different browsers and how they'll handle HTML5 output. Take a look at the latest versions of Chrome vs. Edge vs. IE11.
I hope that helps clarify, and if you need anything else, please let me know!
This discussion is closed. You can start a new discussion or contact Articulate Support.