Points billboard not working as expected in VR on r137

[Getsumi3]

Describe the bug

I’m building a simple scene with multiple particles (points). It works great in browser, but not in VR. When I try it in VR some strange distortion appears on screen. To see it you need to look at specific angles.

It's is difficult to describe it so please take a look at the screenshots.

Topic on discourse.threejs.org

To Reproduce

Steps to reproduce the behavior: 1.Create a simple scene with points or open provided example in your VR headset (not the WebXR emulator)

2. Enter VR mode
3. See how points are billboarding

Live example

• Codesandbox example
• App link: https://25dum.csb.app/

Expected behavior

An identical rendered scene as without VR

Screenshots

Platform:

• Device: [Oculus Quest 2]
• Browser: [Oculus Browser]
• Three.js version: [r137]

Additional notes:

• I was able to "bypass" this issue by downgrading from r137(0.137.5) to r132 (0.132.2)
• Haven't tested on other releases of threejs
• Haven't tested on other devices except Oculus Quest 2
• The scene is rendered correctly in WebXR emulator

[Mugen87]

I've encountered this issue today with a Quest 2. As mentioned by the OP, billboards are distorted but only at specific parts of the screen. There seems to be discrete thresholds when the rendering starts to break. I've tried setting foveation to 0 but unfortunately this didn't help.

[Mugen87]

After testing some versions it seems r136 is the first release that breaks billboard rendering in VR. Maybe #22915 introduced the regression...