Copy link to clipboard
Copied
I am using the latest version of Animate CC (2017.5 release) and am trying to convert an old Flash animation to HTML5. I opened the .fla file in Animate, did the conversion, and everything seemed great. The converted animation plays perfectly inside Animate. But when I use the File | Publish command, the resultant animation is quite blurry for portions of the sequence. I don't know anything about HTML5 or Animate, but I've done a little research and seen discussions about scaling, etc. However, there is no scaling in my animation (to my knowledge), and the fact remains that it worked great when converted to a SWF it works perfectly, and it works perfectly when playing inside Animate. It's just when published as HTML5 that it's blurry.
Copy link to clipboard
Copied
It's difficult to diagnose a visual problem without any visuals.
Copy link to clipboard
Copied
OK, the one on the left is the normal, sharp image from the SWF, inside Animate, the source, etc. The one on the right is the blurry one when published into HTML5.
Copy link to clipboard
Copied
The Publish Settings have some responsive options, that in addition to making the content line up like you want, it gives the canvas more resolution if the window is bigger than the original FLA stage. Something on these lines would be a good starting point, to mimic what a SWF would do:
Copy link to clipboard
Copied
Hi Colin, I just tried turning on the responsive settings you identified, but it didn't solve the problem. Note that by default it's a fixed size, and that works perfectly in all the modes I mentioned. Scaling is likely to introduce a blurriness problem, I would think, not solve it, but in any case, it didn't solve it.
Copy link to clipboard
Copied
Are the title, minimize, maximize and close X part of your interface, or are they normal Windows UI? Notice that they are blurry too. It's like the SWF is allowing for HiDPI and the other one isn't.
If I do a Canvas test using your SWF screenshot, it comes out looking the same.
More discussion about HiDPI here:
Copy link to clipboard
Copied
I'm confused that the right screenshot doesn't look anything like a web browser.
The bitmaps look like they're half off the pixel grid. Enabling bitmap snap to pixels might fix the issue.
Copy link to clipboard
Copied
ClayUUID,
Both screenshots are taken from the browser, and cropped. Everything you see is in the movie. The movie is of an application; hence the menu bar, etc.
I agree that the bitmaps look skewed. I started to wonder if perhaps there were 2 versions of the layer, one pixel off. But I don't see that. Since some of the imagery in different portions of the timeline looks crystal clear, I think there is something going on with some of the elements in the timeline, as opposed to some general publish issue.
I'm going to have to find someone to look at the internals of the Flash sequence, rather than just attempt to diagnose a general publishing problem. I'll report back here for posterity if I ever find out what's causing this effect.
Copy link to clipboard
Copied
Try adding stage.snapToPixelEnabled = true; to your actions.