Three.js shader error on different computers (same browser)

Question

I've been developing with Three.js over the past 3 months and have been using it on several browsers and computers just fine. Last week on my home computer, I get this error whenever I try and load my website:

three.js:29948 THREE.WebGLProgram: shader error:  0 gl.VALIDATE_STATUS false gl.getProgramInfoLog C:\fakepath(254,9-30): error X3004: undeclared identifier 'IncidentLight'

Warning: D3D shader compilation failed with default flags. (vs_3_0)
 Retrying with avoid flow control
C:\fakepath(254,9-30): error X3004: undeclared identifier 'webgl_45daf4aa877f103d'

Warning: D3D shader compilation failed with avoid flow control flags. (vs_3_0)
 Retrying with prefer flow control
C:\fakepath(254,9-30): error X3004: undeclared identifier 'webgl_45daf4aa877f103d'

Warning: D3D shader compilation failed with prefer flow control flags. (vs_3_0)
Failed to create D3D shaders.

The website is live and doesn't work on strictly a handful of computers but works on the computers at work. I've made sure to check if WebGL was enabled on the browsers where the site isn't working but it's enabled.

@enkryptor That's typically the common reason when I research issues on Three.js working with some browsers and not others, so that's what I think this. — 8protons
– 8protons, Commented Jun 3, 2016 at 15:09
Does your shader require some webgl extensions? If I have to guess, some computer don't have the webgl extensions either your or three.js needs. Also, which version of Three.js do you have? — ShuberFu
– ShuberFu, Commented Jun 3, 2016 at 15:12
But is it your guess for now, or did you really tried to run it on your home computer with different browsers? What browsers do work, then? — enkryptor
– enkryptor, Commented Jun 3, 2016 at 15:12
I'm sorry if it sounded offensive, but you said "doesn't work on strictly a handful of computers but works on the computers at work", and it was about different computers, not different browsers. I was asking about different browsers on a same computer. Which of them do work and which do not? — enkryptor
– enkryptor, Commented Jun 3, 2016 at 15:17

enkryptor · Accepted Answer · 2016-06-03 19:19:24Z

3

That could be the known issue with certain hardware, appeared in a new Three.js version - https://github.com/mrdoob/three.js/issues/8161

The issue is fixed in the dev branch. There is a workaround though:

Compilation fails on functions IncidentLight getPointDirectLight and IncidentLight getDirectionalDirectLight. Modify those functions to void types:

void getDirectionalDirectLight( out IncidentLight directLight, const in DirectionalLight directionalLight, const in GeometricContext geometry );

void getPointDirectLight( out IncidentLight directLight, const in PointLight pointLight, const in GeometricContext geometry );

edited Jun 3, 2016 at 19:19

answered Jun 3, 2016 at 15:11

enkryptor

1,6931 gold badge18 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ShuberFu Over a year ago

A little more summary details may be nice, just in case that link went away.

Collectives™ on Stack Overflow

Three.js shader error on different computers (same browser)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related