Blurry Text

[phasereditor2d]

Blurry Text

[PhaserEditor2D]

Hi, I missed this issue.

Please, can you tell whats the resolution of your screen?

Try with a lower resolution, with 1920x1080, just to see if it is a resolution problem.

[NickChowDev]

The above image captured from the resolution (1792 X 1120). It seems the issue is not relative to the screen resolution.

[PhaserEditor2D]

I see... Please, what's your browser? I should do a research about it. The blurry texts you see are painted in a canvas element, they are not HTML texts.

[NickChowDev]

My browser: Google Chrome, Version 81.0.4044.138 (Official Build) (64-bit)
Please let me know the answer. I also facing the same problem in my Phaser Game. The temporary solution for me is text.setResolution(2) and text.setScale(2).

[PhaserEditor2D]

Please, can you open the Chrome DevTools console and type devicePixelRatio:

Tell me your value. I think we have this problem: https://www.html5rocks.com/en/tutorials/canvas/hidpi/

[PhaserEditor2D]

Hi @NickChowHK

Regarding your Phaser game, for now, you should do it yourself. You can read about it in this DevLog of Phaser: https://phaser.io/phaser3/devlog/123

[NickChowDev]

Please, can you open the Chrome DevTools console and type devicePixelRatio:

Tell me your value. I think we have this problem: https://www.html5rocks.com/en/tutorials/canvas/hidpi/

The console show devicePixelRatio = 2

[PhaserEditor2D]

Hi @NickChowHK

I did several changes to support HiDPI, please, can you test this release:

PhaserEditor2D-3.0.0-macos.zip

[PhaserEditor2D]

When you open the browser, please, ensure you clear the cache, to get the latest version of the files.You should see this message in the console:

[NickChowDev]

@PhaserEditor2D Many Thanks. The editor displays the text much clearly now.

[PhaserEditor2D]

Great @NickChowHK

I will close this issue. Please, if you find any other issue, for example with the position of the dialogs, or the size of icons in the UI, you can open another issue.