Can you give us some more information on your animation and what you mean by it doesn't work properly?
You mention that this is the published course, is there a particular browser/version that you are having with or are you having an issue with all browsers?
If you are only seeing the behavior in one project, you may need to import into a new project to see if this alleviates the issue. Were you able to replicate the issue in another file?
If you need us to take a look, you are welcome to share the .story file as well.
Here is a test file that is replicating the issue I'm having. The arrow should have a wipe animation, and the marker should be swirling. Neither of those are happening when I view it.
Hi, Allen -- Thanks for reaching out and sorry to hear of your difficulty! Perhaps we could take a look at your file, so if you'd like to send that along for private review, here is the form you would need.
this might be a giant guess but i'm thinking it might be an HTML5 browser compatibility issue. I noticed it works perfectly fine in Chrome, but it can't handle some animations like wipe or random bars in firefox and explorer. Anyone else come across this pattern?
Curious if there's been a fix on this. My wipe animation jumps before completing. I copied into new project and no luck. I'm using Chrome to view the published product.
I have a pretty big project where I am using wipe animations like these. Unfortunately I only tested the animations in "Preview" where everything was working fine :(
I have uploaded a very simple project here to illustrate the problem with the wipe animations.
A funny thing I noticed is that if you drag the seekbar back and replay the animation then it works fine the second time.
EDIT: Another thing I've noticed is that it works if you make the lines dashed
Are you referring to how the lines are shown with a different weight while animating than the final state? That's something our team is aware of as a possible software bug. It seems to only occur with the wipe animation, so in the meantime you could look at using a different animation.
Depending on priority and risk, some bugs can be fixed quickly, while others take longer to resolve. Here's more information on how we identify and tackle bugs.
I’ll let you know as soon as we have an update on this issue. Thanks so much again for letting us know about this, and I’m sorry if it’s slowing you down.
What browser(s) are you seeing this in? The wipe animation and a few other masking animations may not work as you'd expect in certain browsers using HTML5. This is due to how some web browsers have better HTML5 support than others. You can see a bit more about how this may impact your courses here.
I have now performed more tests on this and have the following findings
1) Wipe - will not the default outline - you have to manually set this to appear in Chrome. The default values will however appear in IE
2) Wipe - if you rotate the object prior and use wipe then the wipe will not work correctly using Chrome. You have to insert the object without rotating it and then it will (IE will work with rotate)
3) I used a path and grow shrink at the same time and this did not work in Chrome it does work in IE
I am now having to appraise all the animations to assess what does and does not work in Chrome - have you any comments / thoughts on the way that Chrome is working or is there anything published that explains how to ensure we use interactions that are IE and Chrome compliant?
Also what about Edge which I have not started to look at yet......
As for the very poor quality font in Chrome we have used Arial and this comes through very badly in Chrome but is perfect in IE - any recommendations on font that we should use
Thanks for the details of the issues you are experiencing.
This thread is specific to Storyline, but you mention using Studio '13.
How are you publishing and sharing your content?
Would you be able to share your Articulate Package for us to take a look? If you have just a couple of slides as an example so that we can publish/test, that would certainly be helpful.
If you cannot share here in the forums, you are welcome to share privately with our team here.
52 Replies
Hi Erin!
Can you give us some more information on your animation and what you mean by it doesn't work properly?
You mention that this is the published course, is there a particular browser/version that you are having with or are you having an issue with all browsers?
When I have a wipe animation, it just pops up as if no animation is applied to it.
It is not working in Internet Explorer, which is what the majority of our employees use.
Hi Erin!
Do you see the same behavior in this file?
http://s3.amazonaws.com/tempshare-stage.storyline.articulate.com/stp19cre41691s3l1jkn15rm1lvn1hhq4/story.html
I'm not able to replicate the issue that you are reporting.
Are you able to replicate the issue in a new file?
I see the wipe in the file above.
If you are only seeing the behavior in one project, you may need to import into a new project to see if this alleviates the issue. Were you able to replicate the issue in another file?
If you need us to take a look, you are welcome to share the .story file as well.
I was able to replicate the issue with another file. Although, I haven't experienced this issue in the past.
Would you be able to share the sample/test file that you are working with Erin?
Here is a test file that is replicating the issue I'm having. The arrow should have a wipe animation, and the marker should be swirling. Neither of those are happening when I view it.
Thanks for the update Erin.
same problem here
While preview wipe animation is good, but after publishing it is on it's own!
Hi, Allen -- Thanks for reaching out and sorry to hear of your difficulty! Perhaps we could take a look at your file, so if you'd like to send that along for private review, here is the form you would need.
this might be a giant guess but i'm thinking it might be an HTML5 browser compatibility issue. I noticed it works perfectly fine in Chrome, but it can't handle some animations like wipe or random bars in firefox and explorer. Anyone else come across this pattern?
Hi Cecile!
We do not support viewing HTML5 content in Firefox or IE:
You can find our full list of system requirements here.
Curious if there's been a fix on this. My wipe animation jumps before completing. I copied into new project and no luck. I'm using Chrome to view the published product.
Hi Jenny - do you have a .story file that we could take a look at? Just let us know what slide to focus on.
Hello,
I have the same problem.
I have a pretty big project where I am using wipe animations like these. Unfortunately I only tested the animations in "Preview" where everything was working fine :(
I have uploaded a very simple project here to illustrate the problem with the wipe animations.
A funny thing I noticed is that if you drag the seekbar back and replay the animation then it works fine the second time.
EDIT: Another thing I've noticed is that it works if you make the lines dashed
Hi Jesper,
Are you referring to how the lines are shown with a different weight while animating than the final state? That's something our team is aware of as a possible software bug. It seems to only occur with the wipe animation, so in the meantime you could look at using a different animation.
Depending on priority and risk, some bugs can be fixed quickly, while others take longer to resolve. Here's more information on how we identify and tackle bugs.
I’ll let you know as soon as we have an update on this issue. Thanks so much again for letting us know about this, and I’m sorry if it’s slowing you down.
Hello Ashley, thanks for looking into this.
I have also noticed the bug you are referring to when running the animation in preview mode, but that doesn't bother me much..
The problem is that the wipe animation does not work at all when published in html5. Instead of "wipe appear" the entire line just suddenly appear.
Hi Jesper,
What browser(s) are you seeing this in? The wipe animation and a few other masking animations may not work as you'd expect in certain browsers using HTML5. This is due to how some web browsers have better HTML5 support than others. You can see a bit more about how this may impact your courses here.
Hi
I am using latest version of chrome
Best regards
Jesper
Can you advice on the status of Chrome we are testing using 62.0.202.75 (64-bit) and having issues with different interactions when we use Studio 13 -
Issues we have noted (same file using IE (11.04.47) works fine)
1) The wipe up and down in Chrome happens as a with
2) Text is poor quality and appears bold in Chrome when it is not
3) grow and shrink & path used together = image disappears at start of animation
4) wipe right actually does a wipe left
we also have issues with Edge (40.15063.674.0) but will only detail chrome here as it is our main concern as a client uses Chrome.
Is there known issues with Chrome or do we need to formally document these as support issues?
I have now performed more tests on this and have the following findings
1) Wipe - will not the default outline - you have to manually set this to appear in Chrome. The default values will however appear in IE
2) Wipe - if you rotate the object prior and use wipe then the wipe will not work correctly using Chrome. You have to insert the object without rotating it and then it will (IE will work with rotate)
3) I used a path and grow shrink at the same time and this did not work in Chrome it does work in IE
I am now having to appraise all the animations to assess what does and does not work in Chrome - have you any comments / thoughts on the way that Chrome is working or is there anything published that explains how to ensure we use interactions that are IE and Chrome compliant?
Also what about Edge which I have not started to look at yet......
Sorry correction to 1 Wipe - any outline below 1pt does not shown in Chrome
As for the very poor quality font in Chrome we have used Arial and this comes through very badly in Chrome but is perfect in IE - any recommendations on font that we should use
Hi J!
Thanks for the details of the issues you are experiencing.
This thread is specific to Storyline, but you mention using Studio '13.
How are you publishing and sharing your content?
Would you be able to share your Articulate Package for us to take a look? If you have just a couple of slides as an example so that we can publish/test, that would certainly be helpful.
If you cannot share here in the forums, you are welcome to share privately with our team here.
This discussion is closed. You can start a new discussion or contact Articulate Support.