Vision Pro WebXR white washed look

Help & Support
1

As we have discussed before in this forum,
some older version of playcanvas engines partially works on Vision Pro (playcanvas-stable.min_1.65.3). I said “partially” since it has white washed look.

To my surprise, the recent example shared by WebKit also has this white washed look.
But I found an example without having white washed look
I am sharing this to add more information to the situation.

KakaoTalk_20240611_025302255
KakaoTalk_20240611_025302255873×490 377 KB

KakaoTalk_20240611_025302255_01
KakaoTalk_20240611_025302255_011284×767 79.3 KB

KakaoTalk_20240611_025302255_02
KakaoTalk_20240611_025302255_021284×713 70.9 KB

The web kit sample has the same white washed look problem.

Computer Chess (webkit.org)

For your reference, this Moon Rider web site doesn’t seem to have that white washed problem.
Moon Rider

By the way, babylon also seems to have the same problem. Washed out colors in WebXR in the Apple VisionOS simulator - Bugs - Babylon.js (babylonjs.com)

Any idea?

1 Like
2

Some more detail here: Apple Vision Pro washed out / lighter colors · Issue #5444 · aframevr/aframe · GitHub

near the very end: Testing again, this seems fully resolved on the latest visionOS 2.0 Beta / Safari 18 Beta.

1 Like
3

Thanks. Not sure how we can incorporate this fixed issue in playcanvas. Anyone has any idea?

4

you could try calling
app.scene.gammaCorrection = pc.GAMMA_NONE;
but that might create different issues.
Worth a test.

Have you confirmed the fix on Safari 18 beta?

5

Actually it works! We only have to install vision os 2 beta. This is great. Thanks for the info.

But at some point we have to make our regular engine works for Vision Pro too. Not just particular older versions.

6

There was a possible workaround for the new engine by disabling the antialiasing. Does that work for you?

7

@moka FYI

8

@mvaligursky Oh, I didn’t know there is a walkaround. I would love to hear more.

9

Well … disable antialiasing. That’s all there is to it. Not tested as we don’t have access to the device.

10

@mvaligursky Is there any visible visual disadvantage of turning off anti-aliasing?

11

Sure, that’s why it’s being used in the first place, to make the edges less pixelated. But a lot depends on the content, and also the DPI of the device. I’m not sure about Vision Pro specifically, try and see?

12

Got it.

Settings => Rendering => Anti aliasing (off)

==========================

It works beautifully. Thanks!!

1 Like
13

@yaustar @mvaligursky Hey, Everyone, I am about to give a presentation in Vision Pro conference about “How to make an WebXR application”. Probably will talk about playcanvas. Do I have to still turn off Anti aliasing to make things work in Vision Pro? Just thought I would ask, since it has been a while. Thanks in advance. ( https://letsvisionos.swiftgg.team/)

14

As far as I know, yes, you still have to disable anti-aliasing on Apple Vision Pro or the eye projections into the frame buffer are place incorrectly. Personally, I am still unsure whether this is an Apple bug or a PlayCanvas issue. @mvaligursky might have a better perspective on this. But I do hope we can resolve this soon!

15

Correct. I just confirmed by trial that the current code is still needed. What changed is the situation. If anti-aliasing is not on, we now have a weird distortion in Vision Pro, which was a black-out or white washed look. Thanks for the reply @will