Start using the sdf-2d library

frontend/src/scripts/helper/array.ts

@@ -1,49 +0,0 @@
-declare global {
-  interface Array<T> {
-    x: number;
-    y: number;
-  }
-
-  interface Float32Array {
-    x: number;
-    y: number;
-  }
-}
-
-export const applyArrayPlugins = () => {
-  Object.defineProperty(Array.prototype, 'x', {
-    get() {
-      return this[0];
-    },
-    set(value) {
-      this[0] = value;
-    },
-  });
-
-  Object.defineProperty(Array.prototype, 'y', {
-    get() {
-      return this[1];
-    },
-    set(value) {
-      this[1] = value;
-    },
-  });
-
-  Object.defineProperty(Float32Array.prototype, 'x', {
-    get() {
-      return this[0];
-    },
-    set(value) {
-      this[0] = value;
-    },
-  });
-
-  Object.defineProperty(Float32Array.prototype, 'y', {
-    get() {
-      return this[1];
-    },
-    set(value) {
-      this[1] = value;
-    },
-  });
-};

frontend/src/scripts/helper/autoscaler.ts

@@ -1,60 +0,0 @@
-import { InfoText } from '../objects/types/info-text';
-import { clamp } from './clamp';
-import { mix } from './mix';
-
-export class Autoscaler {
-  // can have fractions
-  private index: number;
-
-  constructor(
-    private setters: { [key: string]: (value: number | boolean) => void },
-    private targets: Array<{ [key: string]: number | boolean }>,
-    startingIndex: number,
-    private scalingOptions: {
-      additiveIncrease: number;
-      multiplicativeDecrease: number;
-    }
-  ) {
-    this.index = startingIndex;
-    this.applyScaling();
-  }
-
-  public increase() {
-    this.index += this.scalingOptions.additiveIncrease;
-    this.applyScaling();
-  }
-
-  public decrease() {
-    this.index /= this.scalingOptions.multiplicativeDecrease;
-    this.applyScaling();
-  }
-
-  private applyScaling() {
-    this.index = clamp(this.index, 0, this.targets.length - 1);
-
-    const floor = Math.floor(this.index);
-    const fract = this.index - floor;
-
-    const previousTarget = this.targets[floor];
-    const nextTarget =
-      floor + 1 == this.targets.length ? previousTarget : this.targets[floor + 1];
-
-    const result = {};
-    for (const key in this.setters) {
-      const previous = previousTarget[key];
-      const next = nextTarget[key];
-      let current: number | boolean;
-      if (typeof previous == 'number') {
-        current = mix(previous, next as number, fract);
-      } else {
-        current = next;
-      }
-
-      result[key] = current;
-
-      this.setters[key](current);
-    }
-
-    InfoText.modifyRecord('quality', result);
-  }
-}

frontend/src/scripts/helper/delta-time-calculator.ts

@@ -0,0 +1,23 @@
+export class DeltaTimeCalculator {
+  private previousTime: DOMHighResTimeStamp | null = null;
+
+  constructor() {
+    document.addEventListener('visibilitychange', this.handleVisibilityChange.bind(this));
+  }
+
+  public getNextDeltaTime(currentTime: DOMHighResTimeStamp): DOMHighResTimeStamp {
+    if (this.previousTime === null) {
+      this.previousTime = currentTime;
+    }
+
+    const delta = currentTime - this.previousTime;
+    this.previousTime = currentTime;
+    return delta;
+  }
+
+  private handleVisibilityChange() {
+    if (!document.hidden) {
+      this.previousTime = null;
+    }
+  }
+}

frontend/src/scripts/helper/pretty-print.ts

@@ -0,0 +1,4 @@
+export const prettyPrint = (o: any): string =>
+  JSON.stringify(o, (_, v) => (v.toFixed ? Number(v.toFixed(3)) : v), '  ')
+    .replace(/("|,|{|^\n)/g, '')
+    .replace(/(\W*}\n?)+/g, '\n\n');

frontend/src/scripts/helper/timing.ts

@@ -1,35 +0,0 @@
-import { InfoText } from '../objects/types/info-text';
-import { last } from './last';
-
-export function timeIt(interval = 60) {
-  return function (target: any, propertyKey: string, descriptor: PropertyDescriptor) {
-    let i = 0;
-    let previousTimes: Array<DOMHighResTimeStamp> = [];
-
-    const targetFunction = descriptor.value;
-
-    descriptor.value = function (...values) {
-      const start = performance.now();
-      targetFunction.bind(this)(...values);
-      const end = performance.now();
-
-      previousTimes.push(end - start);
-
-      if (i++ % interval == 0) {
-        previousTimes = previousTimes.sort();
-
-        const text = `Max: ${last(previousTimes).toFixed(
-          2
-        )} ms\n\tMedian: ${previousTimes[Math.floor(previousTimes.length / 2)].toFixed(
-          2
-        )} ms`;
-
-        InfoText.modifyRecord(propertyKey, text);
-
-        previousTimes = [];
-      }
-    };
-
-    return descriptor;
-  };
-}