Skip to main content
Participant
September 2, 2017
Question

Blurry HTML5 movie on Publish

  • September 2, 2017
  • 2 replies
  • 1745 views

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.

This topic has been closed for replies.

2 replies

Colin Holgate
Inspiring
September 2, 2017

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:

Devel63AAuthor
Participant
September 2, 2017

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.

Colin Holgate
Inspiring
September 2, 2017

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:

Svg blurry..how works hiDpi?

Legend
September 2, 2017

It's difficult to diagnose a visual problem without any visuals.

Devel63AAuthor
Participant
September 2, 2017

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.