Fix lights

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

@@ -0,0 +1,58 @@
+import { vec2 } from 'gl-matrix';
+import { LightDrawable } from '../../../drawables/lights/light-drawable';
+import { clamp01 } from '../../../helper/clamp';
+import { Insights } from '../insights';
+import { RenderPass } from './render-pass';
+
+export class LightsRenderPass extends RenderPass {
+  public lightPhaseOutLength = 400;
+  private drawables: Array<LightDrawable> = [];
+
+  public addDrawable(drawable: LightDrawable) {
+    this.drawables.push(drawable);
+  }
+
+  public render(commonUniforms: any, inputTexture?: WebGLTexture) {
+    this.frame.bindAndClear(inputTexture);
+
+    const tileCenterWorldCoordinates = vec2.transformMat2d(
+      vec2.create(),
+      vec2.fromValues(0.5, 0.5),
+      commonUniforms.uvToWorld
+    );
+
+    const drawablesNearTile = this.drawables.filter((l) => {
+      const d = vec2.subtract(
+        vec2.create(),
+        [
+          Math.abs(l.center.x - tileCenterWorldCoordinates.x),
+          Math.abs(l.center.y - tileCenterWorldCoordinates.y),
+        ],
+        vec2.scale(vec2.create(), commonUniforms.worldAreaInView, 0.5)
+      );
+      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));
+
+      return distance < this.lightPhaseOutLength;
+    });
+
+    drawablesNearTile.forEach((p) =>
+      p.serializeToUniforms(
+        commonUniforms,
+        commonUniforms.transformWorldToNDC,
+        commonUniforms.scaleWorldLengthToNDC
+      )
+    );
+
+    this.program.draw(commonUniforms);
+
+    Insights.setValue(
+      ['render pass', 'lights', 'rendered drawables'],
+      drawablesNearTile.length
+    );
+
+    this.drawables = [];
+  }
+}