BUG - Same Texture, different results on Safari

Change2 · November 28, 2019, 4:08pm

We are currently experiencing a serious bug on Safari:
This is the 3d model on Chrome, as it should appear:

Same texture but on Safari, even by re-building the project multiple times, in most occasions, this is the result:
In our opinion there is a bug around the normal map management by Safari…

will · November 28, 2019, 4:34pm

Can you create a small public project that clearly demonstrates the problem please? Use a simple sphere perhaps, with a material that demonstrates the differences.

Change2 · November 28, 2019, 5:28pm

Issue with Safari:

No Issue:

They both share the same textures, and 3D model and configuration.

Thanks

_Lio3LivioN · November 28, 2019, 6:26pm

I’m using Safari (iPad) and it’s working properly for me.
Are you talking about desktop or mobile?

Change2 · November 28, 2019, 6:45pm

Hello, it doesn’t work on Safari (Desktop). We haven’t tried it on the iOS version yet.

Edit: yes, It does work on iPhone and iPad, you are correct. Not on mac - safari.

Change2 · December 10, 2019, 10:40am

@will

Hello, is there any update on this issue?

Thanks

codebon · December 10, 2019, 11:11am

Sorry for the slow response @Change2.

Firstly, what a great quality model! I can confirm the issue appears on mac safari v13, but disappears if developer option for webgl 2 is enabled. (I suspect this might be related to mipmap generation perhaps…).

Is it possible for you to create a standalone project with just the material on a sphere? This will make debugging on our side much easier. I would need access to the project - username slimbuck.

Thanks!

slimbuck · December 10, 2019, 11:30am

Also @Change2, what is the difference between the two projects you linked? One works and the other doesn’t.

Change2 · December 10, 2019, 4:44pm

Hello! Thank you

The difference is that they are exactly the same (same textures and 3D model) but only one (NoIssues) correctly works on Safari. The IssuesSafari project appears completely different from what we see here, when creating the scene.

Ok, we added you as ADMIN of this project, which has both the sphere and the 3D Model with the same issue.

Thank you

Safari on the right, Chrome on the left.

slimbuck · December 11, 2019, 5:06pm

Hi @Change2,

Just to let you know we are currently looking into this issue. Right now it looks like a bug in Safari and we are busy trying to find out more. Will keep you posted.

Thanks!

Change2 · December 11, 2019, 5:44pm

Thank you very much for your help! I think so… however, we opened a bug report to Apple, and we were told that other webgl engines don’t have this issue. If you find a way to fix it, or a workaround, it would really be appreciated as it would save us a lot of time.

slimbuck · December 16, 2019, 10:45am

Sorry it’s taking so long @Change2. We are now in the process of creating a cutdown version of the issue to provide to Apple for debugging. Thanks!

Change2 · December 16, 2019, 11:07am

Perfect, thank you very much!

will · December 17, 2019, 11:49pm

Small update. Apple now have everything they need to investigate the issue. We must now wait for them to get back to us. We’ll let you know when they do.

Change2 · December 18, 2019, 10:32am

Ok, thank you Will for the update!

slimbuck · January 23, 2020, 4:09pm

Since the fix from Apple may take a while to be released, we’ve added a workaround in the interim: https://github.com/playcanvas/engine/pull/1839

Change2 · January 28, 2020, 12:00pm

Thank you very much!

will · January 29, 2020, 7:05pm

We just deployed engine v1.24.6 which should fix this problem. Can you test please and let me know?

Change2 · January 30, 2020, 9:50am

Hello Will, thank you for the update. We did some tests here on pc.com. Unfortunately, we are still experiencing that problem.
Would you like to have a link?

slimbuck · January 30, 2020, 2:51pm

Yes please!