iOS friendly//Issues with canvas conversion

Question

I have a created an animation with 50 buttons that react to the hover of a cursor.

However, it has come to my attention that Flash is not ideal nor iOS friendly.

So I have converted it to HTML Canvas, in hopes that this would work better.

I adjusted stop actions to

this.stop();

Now, the animation works perfectly when it is tested on Animate CC.

However when I click on the HTML after it is published, the animation works for the first button that is hovered over but then freezes on that frame and does not allow me to hover over other buttons.

What am I not understanding here? Any suggestion appreciated, thanks.

Sarah

ClayUUID · Accepted Answer

Okayyyyy.... when you publish, do you see this in your Output window?

WARNINGS:

Content with both Bitmaps and Buttons may generate local security errors in some browsers if run from the local file system.

If yes, then that's what's happening. Your browser (I'm guessing Chrome) doesn't like certain things when pages are run locally, and throws a JavaScript error which halts the entire page. If you were to open the dev console in your browser (usually F12), you'd see the error message.

You don't get these errors when testing directly from Animate because it runs the page through a local web server. You won't get them when the files are posted on a proper web host either.

ClayUUID · Answer

Your buttons have bitmaps in them, don't they.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded