JimPancakes
Member
I'm trying to get a crispy/pixelated look for my HTML5 game. While Firefox renders it perfectly Chrome doesn't. Chrome makes it look blurry.
From my testing the culprit is this line from the index.html file:
image-rendering: optimizeSpeed;
I've done some research on the web and changing "optimizeSpeed" to "pixelated" does make it look as I want it on Chrome but breaks it on Firefox. Changing it to "crisp-edges" does the opposed.
Does anyone know how to get pixelated visuals on all browsers?
This is the page that helped me:
https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
From my testing the culprit is this line from the index.html file:
image-rendering: optimizeSpeed;
I've done some research on the web and changing "optimizeSpeed" to "pixelated" does make it look as I want it on Chrome but breaks it on Firefox. Changing it to "crisp-edges" does the opposed.
Does anyone know how to get pixelated visuals on all browsers?
This is the page that helped me:
https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering