Three.js shader pointLight position

Question

Ich versuche, meinen Shader zu schreiben und Lichtquellen hinzuzufügen, ich habe es irgendwie herausgefunden und es getan.

Aber es gibt ein Problem, die Position der Lichtquelle ist falsch bestimmt, wenn sich die Kamera dreht oder bewegt, geschieht etwas unvorstellbares.

So bekomme ich die Position des Vertex-Shader

vec3 vGlobalPosition = (modelMatrix * vec4(position, 1.0)).xyz 

Jetzt versuche ich, eine beleuchtete Fläche

float lightDistance = pointLights[ i ].distance; 
vec3 lightPosition = pointLights[ i ].position; 

float diffuseCoefficient = max( 
    1.0 - (distance(lightPosition,vGlobalPosition)/lightDistance), 0.0); 

gl_FragColor.rgb += color.rgb * diffuseCoefficient; 

zu machen Aber wie ich bereits schrieb, wenn Sie die Kamera drehen, die Beleuchtung Bereich bewegt sich zu verschiedenen Positionen.

Ich legte die Lichtposition manuell und alles wurde normal.

vec3 lightPosition = vec3(2000,0,2000); 
... 

Die Frage ist, wie man die richtige Position der Lichtquelle erhält? Ich brauche eine globale Position, welche Position in der Lichtquelle steckt, die ich nicht kenne.

Hinzugefügt ein Beispiel: http://codepen.io/korner/pen/XMzEaG

Answer 1

Ihr Problem mit vPos liegt. Derzeit tun Sie:

vPos = (modelMatrix * vec4(position, 1.0)).xyz 

Stattdessen müssen Sie die Position mit modelViewMatrix multiplizieren:

vPos = (modelViewMatrix * vec4(position, 1.0)).xyz; 

Sie verwenden müssen modelViewMatrix weil PointLight.position ist relativ zur Kamera.