Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blurry Text #15

Closed
NickChowDev opened this issue May 12, 2020 · 11 comments
Closed

Blurry Text #15

NickChowDev opened this issue May 12, 2020 · 11 comments

Comments

@NickChowDev
Copy link

image

I am using Macbook Pro 16", no idea why there is some Blurry Text displayed as above picture.

@PhaserEditor2D
Copy link
Owner

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
Copy link
Author

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

@PhaserEditor2D
Copy link
Owner

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
Copy link
Author

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
Copy link
Owner

PhaserEditor2D commented May 15, 2020

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

image

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

@PhaserEditor2D
Copy link
Owner

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
Copy link
Author

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

image

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

The console show devicePixelRatio = 2

@PhaserEditor2D
Copy link
Owner

Hi @NickChowHK

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

PhaserEditor2D-3.0.0-macos.zip

@PhaserEditor2D
Copy link
Owner

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:
image

@NickChowDev
Copy link
Author

image

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

@PhaserEditor2D
Copy link
Owner

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants