Work great on PC (fullHD) but it look pixelated in the mobile browser (fullHD+)

[nminhhoangit]

Your template work great on browser in pc. But when I open from mobile browser with fulldHD+ resolution it look very pixelated. This not happened on unity editor or build to android apk but only in webgl on mobile browser only.

Please help me to solve this. Thanks!

[greggman]

You can try deleting this line in Assets/WebGLTemplates/Better2020/index.html

better-unity-webgl-template/Assets/WebGLTemplates/Better2020/index.html

Line 70 in ba91527

config.devicePixelRatio = 1;

Be aware that higher-res = lower performance

You might also consider something like

 config.devicePixelRatio = Math.min(config.devicePixelRatio, 2);  // or 3 etc. 

Some phones are as high as 4 I believe which is up to 16x slower than 1

[Enigo]

hey @greggman!
Just curious - do you intend to persist that change?
Because I just faced the same issue and your solution helped.

[greggman]

@Enigo, At the moment I don't intend to persist that change. You should just edit your local copy to do what's right for your app. There's no "one size fits all" solution here.