keytschell Posted May 8, 2017 Share Posted May 8, 2017 Hey there, i got a problem with blurred sprites. Everything is fine in Chrome, but not in Firefox and Safari. I already tried to implement roundPixels = true or any css image-rendering. No sprite scaling does not change anything. Here is the link: http://gewinnspiel.moemax.de/game/ Any suggestions? Thanks. Link to comment Share on other sites More sharing options...
ivanix Posted May 8, 2017 Share Posted May 8, 2017 (edited) Your sprites look ok on my mac mini, so I am guessing the issue is related to retina display. Here's a good article on the topic: https://www.html5rocks.com/en/tutorials/canvas/hidpi/ Edit: Forget the first part of what I said, I can see the issue now on my mac mini. The text especially is a bit rocky. It's still related to the hidpi and how it's handled by the browsers. Phaser hooks into Pixi .. so you may have to google "Pixi blurred retina" https://github.com/pixijs/pixi.js/issues/1835#issuecomment-104594047 https://gist.github.com/hdennen/ab26103f0037b95d4b96308231b4376e Edited May 8, 2017 by ivanix correction of my observations Link to comment Share on other sites More sharing options...
Abhishek Singhal Posted May 8, 2017 Share Posted May 8, 2017 I am facing the same issue with a game currently. I tried to call in sequence game.scale.startFullScreen(true);game.scale.stopFullScreen(); I've called "stopFullScreen" with around 50ms delay. The hack seems to work for me. 1 more suggestion if you are providing x,y coordinates using some algorithm try to keep them in integer values and not as decimal values. Link to comment Share on other sites More sharing options...
Recommended Posts