While displaying our products on mobile devices, both Android and Iphone, we are sometimes experiencing noticeably lower quality rendering.
I am attaching screenshots to demonstrate:
– example 1 one is from desktop usage in Chrome browser
– example 2 is from AR display on Samsung Galaxy S20 ultra
– example 3 is from Chrome browser in mentioned cell phone
It is obvious that both AR version and desktop version are sharper and/or has higher resolution than cell phone browser display (we see similar worsen looks on iphone).
I am familiar with underlying Three.js library.
Question: Are we doing some render scaling on mobile devices in web browsers*? And if so, how can we control it? The point is, we would like to control this quality setting ourselves (ideally display highres on higend devices etc).
*From what i remember, Three.js has renderer.setPixelRatio(aspectratio) which looks very similiar. Is it the case?