News for hackers. Stuff that matters.
Re:Show HN: My animated website, rendered entirely in HTML5 ... by santoriv on Sunday March 15, 2015 @12:44PM (#9207091)
What device are you using? An iPad Retina or something else?
Re:Show HN: My animated website, rendered entirely in HTML5 ... by TheCoreh on Sunday March 15, 2015 @01:44PM (#9207287)
I'm using a Retina MacBook Pro and it's also blurry for me. You should multiply the canvas "width" and "height" attributes by devicePixelRatio, but keep its size constant using CSS.
Re:Show HN: My animated website, rendered entirely in HTML5 ... by orangecat on Sunday March 15, 2015 @01:39PM (#9207279)
In my case, a retina iMac with Firefox. See http://www.html5rocks.com/en/tutorials/canvas/hidpi/
Re:Show HN: My animated website, rendered entirely in HTML5 ... by lambda on Sunday March 15, 2015 @02:01PM (#9207354)
I'm using Firefox on a Retina MacBook Pro, and I get low-DPI rendering; Chrome also does low-DPI rendering, but with better anti-aliasing. The text rendering looks even worse on Safari; it doesn't even appear to do proper hinting, so the widths of characters come out all uneven, though oddly it seems to antialias the largest text, your name, but not any of the rest of the text.

From worst to best, Safari appears to have inconsistent antialiasing and no hinting, Firefox has no antialiasing, while Chrome looks the best with antialiasing. They all look fairly blurry and out of place.

Re:Show HN: My animated website, rendered entirely in HTML5 ... by asherkin on Sunday March 15, 2015 @01:46PM (#9207296)
Chrome on a rMBP.
Re:Show HN: My animated website, rendered entirely in HTML5 ... by nailer on Sunday March 15, 2015 @02:16PM (#9207411)
I'm using Chrome 42 on a non-retina MBA and it's blurry for me too.