WebGL Canvas blur

Unity Engine
1

Hi,

I’m working on a WebGL project. When I output build and check in browser, the page looks blur.
But when I resize the browser zoom to 50% everything in the canvas looks crisp with no blur… This is the output I want. How to get the same effect as 50% zoom in normal view?

6391531--712603--100%.PNG
6391531--712603--100%.PNG586×767 616 KB

6391531--712606--50%.PNG
6391531--712606--50%.PNG593×751 665 KB

2

Hmm, I must admit I do not see much difference in the two. Perhaps this is due to DPI scaling. Check out the DPI scaling threads in this forum (e.g. WebGL | MacOS | Retina | Performance ), and use that to verify that you are rendering to high DPI scaling.

If that is not it, if you can host a repro example somewhere, someone may be able to take a peek and offer advice.

3

Hi I am also facing the same issue.I am working on webgl project, when i make a build in webgl all texts are getting blurry.Can you please help me to solve this issue. I am using unity 2019 and Text Mesh pro for text. Thanks in advance…

4

When the Build is Ready or you can see the Below Line in the Index.html File.
config.devicePixelRatio = 1
index.html file Contains this Line You have to do this Just change the value 1 into the 2 and it Work’s fine for PC and Android also.

5

still blurry here.