KilledByAPixel/LittleJS

Pixel perfect on chrome

Closed this issue · 1 comments

I noticed the render looks blurry on Chrome.
The simplest way to fix it would be to add the following lines in the HTML files :

<style>canvas{ image-rendering: pixelated; image-rendering: crisp-edges; }</style>
Before After
image image

But you might find a better way to fix it directly in the engine itself.

Thanks for reporting this! It seems like it was working before because the canvas is the same size as the window, but something recently has caused a slight blur. I have it set to use image-rendering:pixelated now