Resolved Monterey Safari 15.1 broken graphics

[Solved]

Edit : updating to Safari 15.2 fixes this issue

So it appears that Safari 15.1 has an issue with it's WebGL 2.0 implementation.
I have tried loading our game on Safari 15.0 running on MacOS Big Sur with WebGL 2.0 enabled (by default) and it works normally and as expected, but with the same build on MacOS Monterey (12.0.1) and Safari 15.1 with WebGL 2.0 enabled (by default) the game has massive graphical issues and slows way down.

If I turn off WebGL 2.0 in Safari's developer settings and reload the game it works fine.
With WebGL 2.0 enabled :




With WebGL 2.0 disabled :



The Live build was made with Unity 2021.1.22f1
I also remade a new build this morning with Unity 2021.1.27f1 with the same result.

Is there anything we can do? Is Unity aware of the issue? If so is there a fix in any beta releases we could use?

For reference you can view the problem by going to https://game.kodable.com it does require an account, but you can sign up as a teacher for free.

 

The simplest way would be to do the demo
https://game.kodable.com/teacher-demo

 

That’s strange we had it happen on 3 different machines, 2 intel based MacBook Pro 16” and an M1 mac mini

 

Another note : playing around with it, it seems to only happen with UI elements present, in a scene where there are only sprites, it doesn't seem to occur.

 

I don't know if it matters but all of my images are on sprite atlases and loaded via addressables.

 

We are not specifically using it, and we haven't imported it as a package, but I can not rule out the possibility that a plugin/package we have installed might be accessing it.

 

I made a simple build in a brand new project (2021.1.27f1) with a single scene and a few UI images on a single atlas, and it's working normally.
So other than the UI Toolkit possibility you mentioned, the only difference, besides the obvious mountain that is our code, would be the use of Addressables.

 

Ok so I made a build of our game with 2021.2.1f1 today, and safari no longer loads the game. Instead I get this -
see screenshot attached

It loads normally on all other browsers

 

I changed various settings, and made more builds with 2021.2, same result
the loader.js call it's referring to is this

d=String.fromCharCode.apply(null,e.subarray(r,r+i));

Again, the 2021.2 build works fine on other browsers, just safari on both monterey and big sur, for this issue

 

It is the loader that Unity generated. I am not using a custom one.
I do have a custom HTML file, but the loader.js is generated by the build from unity

 

I filed a bug report for the new issue, don't know if it's related or the same issue at all....
https://fogbugz.unity3d.com/default.asp?1379238_39rk6iffms54uvgh

I did get this issue to occur with an empty(new/default) unity project, using all the defaults including the generated HTML file instead of my custom one.

More info -
I am using Unity 2021.2.1f1 as described in the issue, on Windows 10 (latest) 64bit
Testing on Safari 15.1, as described, on a Macbook Pro running MacOS Monterey (12.0.1)

 

Oh I just realized there is no way for me to update the bug report, so I will mention it here.
If I forceably turn off WebGL 2.0 and/or WebGL via Metal settings in Safari, it makes no change, so I am uncertain if it is the same issue, or a completely new one, but I am just guessing...

 

Can confirm, this issue is also happening for us, MacBook Air (M1, 2020), Monterey 12.0.1.
Sorry don't have any simple repro steps, don't have direct access to a Mac where it is reproduced and the project is also somewhat big.

 

@brendanduncan_u3d I don't see a way of updating my bug -
https://fogbugz.unity3d.com/default.asp?1379238_39rk6iffms54uvgh
The one for 2021.2.2f1 unable to make a WebGL build that works on Safari 15.1 on MacOS Monterey 12.0.1, but I tried with 2021.2.3f1 this morning and it works (default empty project). Going to test my project as well, will let you know.

 

Hi,

Some of our users are reporting similar issues. I haven't been able to replicate them myself, unfortunately. Vertices seem to get stretched in all kinds of ways rendering the game unplayable. All of them are running Safari 15. Seems like sometimes the game doesn't load either. Our game is running on 2019.4.33.

Am I right in assuming that we have to wait for Apple to fix this?

 

@Peter-Dijkstra Hi. Are you in luck with 2021.2.3?

 

We're still seeing this on 2021.2.7; M1 Max on Monterey.
It this something we're still waiting on Apple to fix? Our app is UI heavy, so it's currently unplayable on Safari.

 

For those looking for a fix, we've found that using WebGL 1 (disable Auto Graphics API, remove WebGL 2) resolves this until Apple fix this on their end. Bug seems to be at least 3 months old so it beats waiting!

 

Update to this -
We have just started our testing today, but so far Safari 15.2 seems to have fixed this issue.
Will update if it happens again.

 

Nice - could you edit your OG post to 'solved'?

 

So far it appears to be working with our testing.

 

Hi @Dan_Kodable ,we are facing same issue,in our case crating issue in mac Book air in safari, firefox & Chrome also,i tried to re-produce in simpler scene but I can't.