[SOLVED] Blurry UI on mobile

Help & Support
1

So I’m having this issue where I get blurry UI on mobile, I know this is caused by not using device pixel ratio, but if I use device pixel ratio it runs at like 2 fps.

image
image720×620 47.7 KB

So, I was wondering if there is any way to get the UI layer to render on a seperate canvas at a higher resolution so that I can have a nice crisp UI, while not suffering performance issues by rendering the 3d stuff at super high resolutions?
If not, this would be a super nice feature to have. as the in-game graphics rendering at a low resolution are hardly noticeable, but the low res UI sticks out like a sore thumb

1 Like
2

Hi there, Isaiah_Smith

I think this will get you in the right direction:
https://developer.playcanvas.com/en/user-manual/optimization/runtime-devicepixelratio/

Also maybe it’s worth something looking at the optimization guidelines: Optimization Guidelines | Learn PlayCanvas

Lastly there’s a tutorial on how to render stuff in the world in a different resolution than the UI: Resolution Scaling | Learn PlayCanvas

I hope this is helpful!

2 Likes
3

Thanks,

That last example is exactly what I was looking for!