leaflet.glify/src/map-matrix.ts

web gl renderer plugin for leaflet

export class MapMatrix {
  array: Float32Array;
  constructor() {
    this.array = new Float32Array(16);
  }

  setSize(width: number, height: number): this {
    this.array.set([
      2 / width,
      0,
      0,
      0,
      0,
      -2 / height,
      0,
      0,
      0,
      0,
      0,
      0,
      -1,
      1,
      0,
      1,
    ]);
    return this;
  }

  translateTo(x: number, y: number): this {
    const { array } = this;
    // translation is in last column of matrix
    array[12] = array[0] * x - 1;
    array[13] = array[5] * y + 1;
    return this;
  }

  scaleTo(scale: number): this {
    const { array } = this;
    // scaling x and y, which is just scaling first two columns of matrix
    array[0] *= scale;
    array[5] *= scale;
    return this;
  }
}