Factor in Camera Zoom to radius

Author: photonstorm

src/renderer/webgl/pipelines/PointLightPipeline.js

@@ -47,9 +47,10 @@ var PointLightPipeline = new Class({
         WebGLPipeline.call(this, config);
     },
 
-    onBind: function ()
+    onRender: function (scene, camera)
     {
         this.set2f('uResolution', this.width, this.height);
+        this.set1f('uCameraZoom', camera.zoom);
     },
 
     batchPointLight: function (light, camera, x0, y0, x1, y1, x2, y2, x3, y3, lightX, lightY)

src/renderer/webgl/shaders/PointLight-frag.js

@@ -4,6 +4,7 @@ module.exports = [
     'precision mediump float;',
     '',
     'uniform vec2 uResolution;',
+    'uniform float uCameraZoom;',
     '',
     'varying vec4 lightPosition;',
     'varying vec4 lightColor;',
@@ -12,11 +13,11 @@ module.exports = [
     '',
     'void main ()',
     '{',
-    '    vec2 center = (lightPosition.xy + 1.0) * uResolution.xy * 0.5;',
+    '    vec2 center = (lightPosition.xy + 1.0) * (uResolution.xy * 0.5);',
     '',
     '    float distToSurf = length(center - gl_FragCoord.xy);',
     '',
-    '    float radius = 1.0 - distToSurf / lightRadius;',
+    '    float radius = 1.0 - distToSurf / (lightRadius * uCameraZoom);',
     '',
     '    float intensity = smoothstep(0.0, 1.0, radius * lightAttenuation);',
     '',

src/renderer/webgl/shaders/src/PointLight.frag

@@ -3,6 +3,7 @@
 precision mediump float;
 
 uniform vec2 uResolution;
+uniform float uCameraZoom;
 
 varying vec4 lightPosition;
 varying vec4 lightColor;
@@ -11,11 +12,11 @@ varying float lightAttenuation;
 
 void main ()
 {
-    vec2 center = (lightPosition.xy + 1.0) * uResolution.xy * 0.5;
+    vec2 center = (lightPosition.xy + 1.0) * (uResolution.xy * 0.5);
 
     float distToSurf = length(center - gl_FragCoord.xy);
 
-    float radius = 1.0 - distToSurf / lightRadius;
+    float radius = 1.0 - distToSurf / (lightRadius * uCameraZoom);
 
     float intensity = smoothstep(0.0, 1.0, radius * lightAttenuation);