Fix lights

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sdf-2d",
-  "version": "0.1.0-alpha",
+  "version": "0.1.1-alpha",
   "description": "Graphics framework for efficiently rendering 2D signed distance fields.",
   "keywords": [
     "webgl",

src/drawables/lights/circle-light.ts

@@ -6,7 +6,7 @@ export class CircleLight extends LightDrawable {
   public static readonly descriptor: DrawableDescriptor = {
     uniformName: 'circleLights',
     uniformCountMacroName: 'CIRCLE_LIGHT_COUNT',
-    shaderCombinationSteps: [0, 1, 2, 4],
+    shaderCombinationSteps: [0, 1, 2, 4, 8],
     empty: new CircleLight(vec2.fromValues(0, 0), vec3.fromValues(0, 0, 0), 0),
   };
 

src/drawables/lights/light-drawable.ts

@@ -20,7 +20,7 @@ export class LightDrawable extends Drawable {
     return {
       center: vec2.transformMat2d(vec2.create(), this.center, transform2d),
       color: this.color,
-      intensity: this.intensity * this.lightnessRatio,
+      intensity: this.intensity * this.lightnessRatio * transform1d * 1500,
     };
   }
 }

src/graphics/rendering/render-pass/lights-render-pass.ts

@@ -5,7 +5,7 @@ import { Insights } from '../insights';
 import { RenderPass } from './render-pass';
 
 export class LightsRenderPass extends RenderPass {
-  public lightPhaseOutLength = 400;
+  public lightCutoffDistance = 400;
   private drawables: Array<LightDrawable> = [];
 
   public addDrawable(drawable: LightDrawable) {
@@ -33,9 +33,9 @@ export class LightsRenderPass extends RenderPass {
       const distance =
         vec2.length([Math.max(d.x, 0), Math.max(d.y, 0)]) +
         Math.min(Math.max(d.x, d.y), 0.0);
-      l.setLightnessRatio(clamp01(1 - distance / this.lightPhaseOutLength));
+      l.setLightnessRatio(clamp01(1 - distance / this.lightCutoffDistance));
 
-      return distance < this.lightPhaseOutLength;
+      return distance < this.lightCutoffDistance;
     });
 
     drawablesNearTile.forEach((p) =>

src/graphics/rendering/settings/runtime-settings.ts

@@ -5,5 +5,6 @@ export interface RuntimeSettings {
   tileMultiplier: number;
   isWorldInverted: boolean;
   shadowLength: number;
+  lightCutoffDistance: number;
   ambientLight: vec3;
 }

src/graphics/rendering/webgl2-renderer.ts

@@ -50,6 +50,9 @@ export class WebGl2Renderer implements Renderer {
     ambientLight: (v) => {
       this.uniformsProvider.ambientLight = v;
     },
+    lightCutoffDistance: (v) => {
+      this.lightsPass.lightCutoffDistance = v;
+    },
   };
 
   private static defaultStartupSettings: StartupSettings = {