Request for help: Does your WebGL 2 game render correctly in Safari Tech Preview?

We have a pretty complex application, and it worked!

 

Tested a project today, found 2 issues:
- Fullscreen doesn't work (but I think this is not a problem in Unity's side)
- I'm using cursor locking together with a mouselook script, and when the cursor lock is released, it stutters and dumps about 10 or 12

Performance Warning: Recreating Offscreen FBO

messages. This doesn't happen on Chrome, Firefox, or Chromium browsers.
Also, performance is worse than in other browsers.

 

i don't have a mac here, but i asked 2 workmates to test it.
and it seems it worked.

you can test the build in my signature if u want.

 

Cool app - works great for me (Windows 10, Chrome).

 

I know you asked about rendering but I tested our game Smash Karts on the tech preview and it has major audio issues.

For now we are hosting a WebGL 2.0 only version - https://smashkarts.io/webgl2/

Let me know if you have problems noticing the issue. For me I just need to start playing and the audio starts to break up and sounds really strange after about 30 seconds. We have never seen this issue before on normal Safari.

 

No problem. Here is a video showing the audio issue.

I was testing on -
Safari Technical Preview: Release 120 (Safari 14.2, WebKit 16612.1.2.6)
Unity 2020.1.17f1

For now the WebGL2 only version of the game is available at https://smashkarts.io/webgl2/ I will leave it up there for the next few weeks at least in case anyone needs to check it out.

@jukka_j please post the bug. I have not familiar with Webkit bug posting.

 

Is there a way to install it on iOS? (Quick Google search had results only for Mac)

 

Thank you for starting this thread, jukka_j! It's great to see Unity continuing to invest in WebGL.

Unfortunately, my site does not load at all under WebGL 2 in Safari on the latest version of macOS Big Sur + Safari.

(Note: the site is not currently publicly accessible, so you aren't able to try it yourself, but I'd be more than happy to send you/others at Unity a link you can play around with — or even the full source if it'd be helpful.)

Here are the browser logs from the site: https://gist.githubusercontent.com/...4af4a788a1107d482c4fb5f7967bd8/webgl2_big_sur

Of note:

1. The build is set to WebGL2 support only and works under Firefox and Chrome
2. At one point I did allow WebGL 1 support for my game, and it did work under Safari (with a noticeably performance hit). However I've had to disable it since because I need to use the Linear color space and stencil/depth buffer, both of which have issues or are unsupported entirely under WebGL1 via Unity.

 

Just submitted a bug including my full project. I mentioned your username in the bug report, hopefully you can find it that way (I've been on your end of this interaction a few times ). Removing excess scripts might be challenging, but since the issue occurs with 0 user intervention (it fails to load entirely), it should be simple enough to see the issue. For reference, this is what you should expect to see if it loads successfully. The project should load to this screen under Firefox and Chrome.

 

Thanks! By the way, my project also suffered from the audio distortion bug being discussed above - actually back on Safari with WebGL1. At the time I noticed that there were a lot of “virtual audio channel exhausted” messages in the console coming from Unity. I didn’t look much more into the issue, but the issue did indeed seem to be correlated with the number of audio sources playing sounds in my game (there can be more than 100).

 

How to test on iOS
https://twitter.com/gfxprogrammer/status/1366885264308596736

 

Has anyone managed to test this out. Upgrading to beta iOS is a bit of a pain. It will be a few days before I am able to try myself.

Does it work? Is performance improved in anyway?

 

Any idea when WebGL 2 goes live in main safari (non preview)?

 

Keep an eye here; https://webkit.org/blog/

Looks like the next release will contain the WebGL update as the last one contained updates up to release 109. The WebGL update is release 114.

So it should be released anytime soon as the last main release was in November.

 

With iOS 14.5 and Mac OS 11.3 just being released, I tried a WebGL project out. The project loads which is great!

The project has a video playing in it. I have a switch to toggle the audio on as in a web page as audio is muted when a page is first loaded; the toggle does not work in Safari; in fact, the video will stop playing on MacOS; the video does not work at all on iOS, an error dialogue pops up. I needed to enable WebGL 2 in the Safari advanced settings on iOS.

In comparison, I have tested the project with the Brave browser on MacOs and it works with the audio toggle switch; it works with Edge on Windows.

The project does not work at all with FireFox on MacOs. I have been using Unity 2020.3.4f1.

The project is hosted using GitHub pages.
https://manjitbedi.github.io/Gallery/

 

Hi,

I just tried the web page again. The video plays without audio on a 2020 iPad Pro with iOS 14.5. The error with no video on the iPhone X is:

NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.
play@[native code]
_JS_Video_Play@blob:https://manjitbedi.github.io/c740e4f0-d849-471d-ba13-a39ad5881332:2:52552
wasm-stub@[wasm code]
<?>.wasm-function[22927]@[wasm code]
<?>.wasm-function[23095]@[wasm code]
<?>.wasm-function[23091]@[wasm code]
<?>.wasm-function[23167]@[wasm code]
<?>.wasm-function[23168]@[wasm code]
<?>.wasm-function[23170]@[wasm code]
<?>.wasm-function[57483]@[wasm code]
<?>.wasm-function[56104]@[wasm code]
<?>.wasm-function[56103]@[wasm code]
<?>.wasm-function[24507]@[wasm code]
<?>.wasm-function[60149]@[wasm code]
wasm-stub@[native code]
blob:https://manjitbedi.github.io/c740e4f0-d849-471d-ba13-a39ad5881332:2:470703
invoke_iiiii@blob:https://manjitbedi.github.io/c740e4f0-d849-471d-ba13-a39ad5881332:2:336020
<?>.wasm-function[60149]@[wasm code]
<?>.wasm-function[58216]@[wasm code]
<?>.wasm-function[57644]@[wasm code]
<?>.wasm-function[4604]@[wasm code]
<?>.wasm-function[4602]@[wasm code]
<?>.wasm-function[8616]@[wasm code]
<?>.wasm-function[8614]@[wasm code]
<?>.wasm-function[10689]@[wasm code]
<?>.wasm-function[8856]@[wasm code]
<?>.wasm-function[11116]@[wasm code]
<?>.wasm-function[10791]@[wasm code]
<?>.wasm-function[10791]@[wasm code]
<?>.wasm-function[10786]@[wasm code]
<?>.wasm-function[10779]@[wasm code]
<?>.wasm-function[60168]@[wasm code]
wasm-stub@[native code]
blob:https://manjitbedi.github.io/c740e4f0-d849-471d-ba13-a39ad5881332:2:480283
browserIterationFunc@blob:https://manjitbedi.github.io/c740e4f0-d849-471d-ba13-a39ad5881332:2:171272
runIter@blob:https://manjitbedi.github.io/c740e4f0-d849-471d-ba13-a39ad5881332:2:174337
Browser_mainLoop_runner@blob:https://manjitbedi.github.io/c740e4f0-d849-471d-ba13-a39ad5881332:2:172802

I have not been working with Unity 2021 on this project (so far).

 

The browser console log is like this:

Performance Warning: Recreating Offscreen FBO (1244x703 => 408x231)
view3d.framework.js:3 Performance Warning: Recreating Offscreen FBO (408x231 => 507x286)
view3d.framework.js:3 Performance Warning: Recreating Offscreen FBO (507x286 => 1116x631)
view3d.framework.js:3 Performance Warning: Recreating Offscreen FBO (1116x631 => 144x81)
view3d.framework.js:3 Performance Warning: Recreating Offscreen FBO (144x81 => 948x536)
view3d.framework.js:3 Performance Warning: Recreating Offscreen FBO (948x536 => 897x507)
view3d.framework.js:3 Performance Warning: Recreating Offscreen FBO (897x507 => 926x523)
view3d.framework.js:3 Performance Warning: Recreating Offscreen FBO (926x523 => 1101x622)
view3d.framework.js:3 Performance Warning: Recreating Offscreen FBO (1101x622 => 1104x624)

Effects:
1. Continuous log output in the browser console.
2. Obvious, repeated image flickers on the canvas.

Recurrence conditions:
1. Only happens in Linear Color Space.
2. Only happens during the canvas size changing( eg. enter/exit full-screen-mode, responsive size changing by javascript)

This still happens in Unity 2021.3LTS, in Feb. 2023.

 

just adding test report, if this thread is still relevant..

works for me,
But had to disable "Desktop browsing" on ipad Safari, otherwise Touch wouldn't work..