Fixed Camera

src/webgl/p5.Shader.js

@@ -343,6 +343,9 @@ p5.Shader = class {
       this._renderer.uNMatrix.inverseTranspose(this._renderer.uMVMatrix);
       this.setUniform('uNormalMatrix', this._renderer.uNMatrix.mat3);
     }
+    const cameraMat = this._renderer._curCamera.cameraMatrix;
+    const camMat3x3 = cameraMat.createSubMatrix3x3();
+    this.setUniform('uCameraMatrix', camMat3x3.mat3);
   }
 
   /**

src/webgl/shaders/lighting.glsl

@@ -9,7 +9,7 @@ uniform bool uUseLighting;
 
 uniform int uAmbientLightCount;
 uniform vec3 uAmbientColor[5];
-
+uniform mat3 uCameraMatrix;
 uniform int uDirectionalLightCount;
 uniform vec3 uLightingDirection[5];
 uniform vec3 uDirectionalDiffuseColors[5];
@@ -109,7 +109,7 @@ vec2 mapTextureToNormal( vec3 v ){
 vec3 calculateImageDiffuse( vec3 vNormal, vec3 vViewPosition ){
   // make 2 seperate builds 
   vec3 worldCameraPosition =  vec3(0.0, 0.0, 0.0);  // hardcoded world camera position
-  vec3 worldNormal = normalize(vNormal);
+  vec3 worldNormal = normalize(vNormal * uCameraMatrix);
   vec2 newTexCoor = mapTextureToNormal( worldNormal );
   vec4 texture = TEXTURE( environmentMapDiffused, newTexCoor );
   // this is to make the darker sections more dark
@@ -119,8 +119,8 @@ vec3 calculateImageDiffuse( vec3 vNormal, vec3 vViewPosition ){
 
 vec3 calculateImageSpecular( vec3 vNormal, vec3 vViewPosition ){
   vec3 worldCameraPosition =  vec3(0.0, 0.0, 0.0);
-  vec3 worldNormal = normalize(vNormal);
-  vec3 lightDirection = normalize( vViewPosition - worldCameraPosition );
+  vec3 worldNormal = normalize(vNormal * uCameraMatrix);
+  vec3 lightDirection = normalize( vViewPosition * uCameraMatrix - worldCameraPosition );
   vec3 R = reflect(lightDirection, worldNormal);
   vec2 newTexCoor = mapTextureToNormal( R );
 #ifdef WEBGL2