Ivan Berezanskiy
Ivan Berezanskiy

Reputation: 345

MacOS Safari and Chrome have WebGL display issue

Have a look at the attached image

1

Also there is a video https://share.vidyard.com/watch/AZyZGJJ4tJvAQDCYiUQD6W with a closed issue. It is this plugin http://3dflipbook.net . Generally the plugin works well. This problem was not met on other OS: Windows, Android or iOS. Does anyone has any ideas what is wrong?

Best regards, Ivan.

[1]:

Upvotes: 0

Views: 2491

Answers (4)

Ivan Berezanskiy
Ivan Berezanskiy

Reputation: 345

One of my customers confirmed, using antialiasing resolves the issue. So create render in this way:

var renderer = new THREE.WebGLRenderer({ antialias: true});

Upvotes: 0

Adrian Meredith
Adrian Meredith

Reputation: 31

This bug happens because we disabled anti aliasing for the webgl context. If you turn it back on the issue goes away. Probably not the answer you want if like us you're doing it in the shaders instead. The guys from webkit have already fixed the issue their end and its fixed in the latest technical preview of safari so just waiting for it to get to the release build

Upvotes: 0

Rob McCardle
Rob McCardle

Reputation: 453

Can confirm that WebGL in Chrome is broken in Mac OSX High Sierra. I'm on a 2011 MacBook Pro.

Same machine, Firefox Quantum can play WebGL however

Testing using https://get.webgl.org

Most odd

Upvotes: 0

Adrian Meredith
Adrian Meredith

Reputation: 31

I'm also experiencing this bug, only happens in safari on high sierra. Have you logged an issue with WebKit? I was about to do the same thing.

Upvotes: 1

Related Questions