70 Replies
Ali Goulet

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. 

Ali Goulet

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!

Leslie McKerchie

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.

Alyssa Gomez

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!

Diarmaid Collins

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.

 

Ashley Terwilliger

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.

Diarmaid Collins

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?

Marie DesJardin

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? 

 

Matthew Bibby

Hi Marie,

This isn't something that Articulate can fix as Internet Explorer doesn't support CSS masks as shown here

Currently, masks support is in development for Microsoft Edge, but it won't ever be supported in IE11 (as shown here).

The only way you can get this working in IE at this stage is to publish to Flash rather than HTML5.

I hope that helps clarify things a bit.

Ashley Terwilliger

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.

Ashley Terwilliger

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. 

Ben McKenna

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);

Save the file and rezip your course.