Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

three.js partly broken with Safari 11.0.2 on macOS 10.13.2 #12825

Closed
3 of 14 tasks
MagnuzBinder opened this issue Dec 7, 2017 · 3 comments
Closed
3 of 14 tasks

three.js partly broken with Safari 11.0.2 on macOS 10.13.2 #12825

MagnuzBinder opened this issue Dec 7, 2017 · 3 comments

Comments

@MagnuzBinder
Copy link
Contributor

Description of the problem

three.min.js r88 stopped rendering the canvas for some of my work with the update from macOS 10.13.1 and Safari 11.0.1 to macOS 10.13.2 and Safari 11.0.2 on iMac 14.2. RayCaster, or at least its methods setFromCamera and intersectsObjects, still works. Everything worked with macOS 10.13.1 and Safari 11.0.1. It still works with macOS 10.13.2 and Mozilla Firefox 57.0.1. My partly corresponding raw WebGL work still works with macOS 10.13.2 and Safari 11.0.2. I also re-tested my work with macOS 10.13.1 and Safari 11.0.1 on MacBook Pro 15"/2012 with NVIDIA GeForce GT 650M, and all works there.

three.js has always thrown the warning below but still worked OK, so I don't know if it can be related. No other errors or warnings reported.
[Warning] THREE.WebGLShader: gl.getShaderInfoLog() (3) (three.min.js, line 77)
"fragment"
"WARNING: 0:1: extension 'GL_ARB_gpu_shader5' is not supported
"

  • a 1001 line dump

I checked some of the examples on the three.js website, and some render the canvas, others not:
OK: https://threejs.org/examples/#webgl_animation_cloth
No: https://threejs.org/examples/#webgl_animation_keyframes_json
No: https://threejs.org/examples/#webgl_animation_scene
No: https://threejs.org/examples/#webgl_animation_skinning_blending
No: https://threejs.org/examples/#webgl_animation_skinning_morph
OK: https://threejs.org/examples/#webgl_camera
OK: https://threejs.org/examples/#webgl_camera_array

Three.js version
  • Dev
  • r88
  • ...
Browser
  • All of them
  • Chrome
  • Firefox
  • Internet Explorer
  • Safari
OS
  • All of them
  • Windows
  • macOS
  • Linux
  • Android
  • iOS
Hardware Requirements (graphics card, VR Device, ...)

iMac 14.2 (Intel Core i7, 3,5 GHz, 16 GB, Boot ROM IM142.0123.B00)
GPU: NVIDIA GeForce GTX 780M, ROM 3782

@Mugen87
Copy link
Collaborator

Mugen87 commented Dec 7, 2017

see #12598 (comment)

The mentioned warning (WARNING: 0:1: extension 'GL_ARB_gpu_shader5' is not supported) is not related to the problem.

@MagnuzBinder
Copy link
Contributor Author

Rendering with three.min.js r88 works on macOS 10.13.2 / Safari 11.0.2 if renderer.alpha = true, but opacity is ignored, i.e. materials with transparent = true and opacity < 1 are rendered as opacity = 1. This works as expected on macOS 10.13.1 / Safari 11.0.1, macOS 10.13.2 / Mozilla Firefox 57.0.1, and iOS / Safari 10.3.3, regardless of renderer.alpha. So, setting renderer.alpha = true at least partly mitigates the problem.

@Mugen87
Copy link
Collaborator

Mugen87 commented Dec 9, 2017

see #12598 (comment)

This issue is actually a duplicate.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants