First, the word is "blurry", not "unsharp". Unsharping is something you do in Photoshop.
The reason Animate looks blurry (when zoomed in) and Edge does not is because Edge is using vector graphics, but Animate is using bitmap graphics. Bitmap graphics get blurry when zoomed. That's just how it is.
Also why on Earth does the link you posted redirect through Facebook?
Hi Clay, thanks for your time
Blurry, we can call it that. I dont need to zoom in to see its blurry, it looks very amateur compared to the Adobe Edge "oam" file.
Redirect through Facebook? that must be a bug on this forum...
Can i make NOT blurry oam files from Adobe Animate CC,? Thats important for me to know...
Solution for Animate is working with double size and then styling Canvas tag with real size.
Preparing Canvas for displays with higher pixel density is the same like preparing Image for displays with higher pixel density.
e.g. for 300x250 you work and export 600x500 and then styling Canvas tag.
<canvas id="canvas" width="600" height="500" style="width:300px;height:250px"></canvas></a>
There must be a way to make a vector based animation with Animate CC, right? So it will appear sharp, or only Adobe Edge?
Will there be a downside to continue with Adobe Edge and not Animate CC? I can't fint the reason for using Animate CC...
And, why are there a "correct Answer" icon om my post? So far no "correct Answer"... sorry to say...
Only Adobe Animate can produce complex vector based animation but through resolution dependent Canvas.
All other tools only links finished SVG. Their job is only to moving left, right, up, down, finished linked files: JPG, PNG, SVG, font.
In browser for vectors we have only two possibilities: SVG and Canvas.
1 person found this helpful
You see the Correct Answer button because you posted the question. When someone posts an answer you think solves your problem, you would click the button to mark that post as the answer.
Post 3 is on the right lines, but if you search the forums you'll find very similar questions, where people have posted links to articles on how to make Canvas work for high DPI screens. Once you have taken care of that the vectors should look identical with something made sing Edge or something made with Animate, but if you magnify the web page content area, the vectors from Edge will continue to look good, but you will start to see the pixels of the Canvas version.
Also, there is no reason for you to stop using Edge.
jacob imac 27, your file actually looks great on a standard resolution display! You're seeing an issue because you're on a retina display and Canvas is essentially just a bunch of pixels/a bitmap.
To expand on marjantrajkovski's comment, this is why authoring at double the size works to make the canvas look sharper on retina/high pixel density displays, the same as with any image. This might help explain things a bit better: A guide for creating a better retina web - Ivo Mynttinen / User Interface Designer
If you don't want to build your file at double the size, an alternate option would be adding some code that detects whether someone is on a high DPI displays and automatically makes vector shapes look nice and crisp.
Or this version works too: Flash Canvas Hack: Better vector graphics on Retina and HD
I have decided to make alle my animations in Adobe Edge, and now my animations are all sharp on smartphones and tablets. We online designers dont have time for a long work arounds with Adobe Animate CC, just to make sharp animations. For me Adobe Animate CC is a total flop with unsharp animations for mobile devices. If Adobe Edge is withdrawn, i have to consider my Adobe CC membership. Lots of new software are on the way... so Adobe, think about the future, and dont kill a application we need.
Take at look at Tumult, that could be an alternative...
I really do not understand how a company so big and important as the adobe has decided to abandon a well-made program as animated edge and so loved from people. possible that they are unable to find a new team which will deal with its future?
yea, it is interesting that edge animate is almost finished product, I am using it without any problem and I dont need any further improvements and it is most used tool now for HTML5 animation. Example, 2/3 HTML5 banners now on web are made with edge animate.
There must be away to make vector based animation in Animate CC? Umm yes. It's everything Animate CC has been about for, oh 20 years? Try any of the drawing tools (rectangle, oval, paint brushes, line tool, pen tool, etc) and you'll see they all draw using vectors. Animate (formerly Flash) has always been a vector based drawing and animation tool. Your question is like asking that Photoshop must have a way of editing raster images.
They asked this question in March, before High DPI support was built in to the HTML5 Canvas publishing templates.
With canvas, there was an issue with blurriness on retina/high pixel density displays, because canvas is essentially just a bitmap, even though Flash itself has always been vector based.
Starting with Animate CC 2015.2, the output is now scaled based on the pixel ratio of the device it's viewed on, so that it's sharp on any display (and can be zoomed in on).
Texts, vectors and High DPI Support are great in Animate CC but for optimal animation performance like with Edge Animate we must wait few years until most of users update computers with much better CPU, GPU, and RAM. And still they didnt find GUI solutions for fast applying of easing functions.