Jump to content

webVR quality pretty bad on mobile phones


Recommended Posts

Dear Community,

On my desktop computer the webVR quality is good.

But on my phone (galaxy s8) everything looks like as if the engine was rendering at maximum half the resolution and then scaling the image up. This is also the case with the playground webvr example.

This concerns all browsers I tested ( by the way: only the Samsung Internet App has no issues weirdly enough )

Other examples from the web with native webVR don't have this problem and look great on the phone. Is there something I can do about this?

Thanks and cheers,


Link to comment
Share on other sites

I think only Samsung Internet (and Oculus Carmel) are supported for WebVR.  https://webvr.info/
If you want to increase the resolution then you can increase the canvas size.  I don't know if the playground does automatically, but did you try adaptToDeviceRatio (last param)?
ie: new Engine(canvas, true, undefined, true);

edit: Just checked on my s8 against the playground.  Try this PG:


It shows engine.getHardwareScalingLevel() == 1 (with devicePixelRatios of 1, 2.5 and 3 - I tested on those 3)  and window.devicePixelRatio = 3 on S8.  I think you need to run this in a PG, but in your own code you can do the new Engine(...) 4th parameter true:


Edit #2: another thing to consider is that your screen resolution is reduced when gear VR starts up.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...