@vpmedia/phaser 1.112.0 → 1.113.0

package/src/phaser/display/webgl/abstract_filter.ts

@@ -1,29 +1,29 @@
 export class AbstractFilter {
   [key: string]: any;
-  passes!: any;
-  shaders!: any;
-  dirty!: any;
-  padding!: any;
-  uniforms!: any;
-  fragmentSrc!: any;
+  public passes!: any;
+  public shaders!: any;
+  public dirty!: any;
+  public padding!: any;
+  public uniforms!: any;
+  public fragmentSrc!: any;
   /**
    * Creates a new AbstractFilter instance.
    * @param {string[]} fragmentSrc - The fragment shader source.
    * @param {object} uniforms - The uniform variables for the shader.
    */
-  constructor(fragmentSrc: string[], uniforms?: any) {
+  public constructor(fragmentSrc: string[], uniforms?: any) {
     this.passes = [this];
     this.shaders = [];
     this.dirty = true;
     this.padding = 0;
-    this.uniforms = uniforms || {};
+    this.uniforms = uniforms ?? {};
     this.fragmentSrc = fragmentSrc || [];
   }
 
   /**
    * Initializes the filter.
    */
-  syncUniforms() {
+  public syncUniforms() {
     for (let i = 0, j = this.shaders.length; i < j; i += 1) {
       this.shaders[i].dirty = true;
     }

package/src/phaser/display/webgl/base_texture.ts

@@ -1,28 +1,25 @@
 import { removeByCanvas } from '../canvas/pool.js';
 
 export class BaseTexture {
-  resolution!: any;
-  width!: any;
-  height!: any;
-  scaleMode!: any;
-  hasLoaded!: any;
-  source!: any;
-  premultipliedAlpha!: any;
-  _glTextures!: any;
-  mipmap!: any;
-  skipRender!: any;
-  _powerOf2!: any;
-  _dirty!: any;
+  public resolution: any = 1;
+  public width: any = 100;
+  public height: any = 100;
+  public scaleMode!: any;
+  public hasLoaded!: any;
+  public source!: any;
+  public premultipliedAlpha!: any;
+  public _glTextures!: any;
+  public mipmap!: any;
+  public skipRender!: any;
+  public _powerOf2!: any;
+  public _dirty!: any;
   /**
    * Updates the base texture with a new source.
    * @param {HTMLCanvasElement} source - The new canvas element to use as the texture source.
    * @param {number} [scaleMode] - The scale mode to use for the texture.
    */
-  constructor(source: any, scaleMode?: any) {
-    this.resolution = 1;
-    this.width = 100;
-    this.height = 100;
-    this.scaleMode = scaleMode || window.PhaserRegistry.TEXTURE_SCALE_MODE;
+  public constructor(source: any, scaleMode?: any) {
+    this.scaleMode = scaleMode ?? globalThis.PhaserRegistry.TEXTURE_SCALE_MODE;
     this.hasLoaded = false;
     this.source = source;
     this.premultipliedAlpha = true;
@@ -34,8 +31,8 @@ export class BaseTexture {
     if (source) {
       if ((this.source.complete || this.source.getContext) && this.source.width && this.source.height) {
         this.hasLoaded = true;
-        this.width = this.source.naturalWidth || this.source.width;
-        this.height = this.source.naturalHeight || this.source.height;
+        this.width = this.source.naturalWidth ?? this.source.width;
+        this.height = this.source.naturalHeight ?? this.source.height;
         this.dirty();
       }
     }
@@ -46,7 +43,7 @@ export class BaseTexture {
    * @param {number} width - The new width of the texture.
    * @param {number} height - The new height of the texture.
    */
-  forceLoaded(width: number, height: number) {
+  public forceLoaded(width: number, height: number) {
     this.hasLoaded = true;
     this.width = width;
     this.height = height;
@@ -56,7 +53,7 @@ export class BaseTexture {
   /**
    * Destroys the texture.
    */
-  destroy() {
+  public destroy() {
     if (this.source) {
       removeByCanvas(this.source);
     }
@@ -67,7 +64,7 @@ export class BaseTexture {
   /**
    * Marks the texture as dirty.
    */
-  dirty() {
+  public dirty() {
     for (let i = 0; i < this._glTextures.length; i += 1) {
       this._dirty[i] = true;
     }
@@ -76,11 +73,11 @@ export class BaseTexture {
   /**
    * Unloads the texture from the GPU.
    */
-  unloadFromGPU() {
+  public unloadFromGPU() {
     this.dirty();
     for (let i = this._glTextures.length - 1; i >= 0; i -= 1) {
       const glTexture = this._glTextures[i];
-      const gl = window.PhaserRegistry.GL_CONTEXTS[i];
+      const gl = globalThis.PhaserRegistry.GL_CONTEXTS[i];
       if (gl && glTexture) {
         gl.deleteTexture(glTexture);
       }

package/src/phaser/display/webgl/blend_manager.ts

@@ -1,20 +1,16 @@
 export class WebGLBlendModeManager {
   [key: string]: any;
-  gl!: any;
-  currentBlendMode!: any;
+  public gl: any = null;
+  public currentBlendMode: any = 99_999;
   /**
    * Creates a new BlendModeManager instance.
    */
-  constructor() {
-    this.gl = null;
-    this.currentBlendMode = 99999;
-  }
 
   /**
    * Initializes the blend mode manager with a WebGL context.
    * @param {WebGLRenderingContext} gl - The WebGL rendering context.
    */
-  setContext(gl: WebGLRenderingContext) {
+  public setContext(gl: WebGLRenderingContext) {
     this.gl = gl;
   }
 
@@ -23,12 +19,12 @@ export class WebGLBlendModeManager {
    * @param {number} blendMode - The blend mode to set.
    * @returns {boolean} True if the blend mode was set successfully, false otherwise.
    */
-  setBlendMode(blendMode: number) {
+  public setBlendMode(blendMode: number) {
     if (this.currentBlendMode === blendMode) {
       return false;
     }
     this.currentBlendMode = blendMode;
-    const blendModeWebGL = window.PhaserRegistry.blendModesWebGL[this.currentBlendMode];
+    const blendModeWebGL = globalThis.PhaserRegistry.blendModesWebGL[this.currentBlendMode];
     if (blendModeWebGL) {
       this.gl.blendFunc(blendModeWebGL[0], blendModeWebGL[1]);
     }
@@ -38,7 +34,7 @@ export class WebGLBlendModeManager {
   /**
    * Sets the blend mode for the WebGL context.
    */
-  destroy() {
+  public destroy() {
     this.gl = null;
   }
 }

package/src/phaser/display/webgl/earcut.ts

@@ -87,8 +87,8 @@ export function compareX(a: any, b: any) {
  */
 export function zOrder(x: number, y: number, minX: number, minY: number, size: number) {
   // coords are transformed into non-negative 15-bit integer range
-  x = (32767 * (x - minX)) / size;
-  y = (32767 * (y - minY)) / size;
+  x = (32_767 * (x - minX)) / size;
+  y = (32_767 * (y - minY)) / size;
   x = (x | (x << 8)) & 0x00ff00ff;
   x = (x | (x << 4)) & 0x0f0f0f0f;
   x = (x | (x << 2)) & 0x33333333;
@@ -107,10 +107,12 @@ export function zOrder(x: number, y: number, minX: number, minY: number, size: n
  * @param {number} minY - The minimum y-coordinate of the bounding box.
  * @param {number} size - The size of the bounding box.
  */
-export function indexCurve(start: any, minX: number = 0, minY: number = 0, size: number = 0) {
+export function indexCurve(start: any, minX = 0, minY = 0, size = 0) {
   let p = start;
   do {
-    if (p.z === null) p.z = zOrder(p.x, p.y, minX, minY, size);
+    if (p.z === null) {
+      p.z = zOrder(p.x, p.y, minX, minY, size);
+    }
     p.prevZ = p.prev;
     p.nextZ = p.next;
     p = p.next;
@@ -129,7 +131,9 @@ export function getLeftmost(start: any) {
   let p = start;
   let leftmost = start;
   do {
-    if (p.x < leftmost.x) leftmost = p;
+    if (p.x < leftmost.x) {
+      leftmost = p;
+    }
     p = p.next;
   } while (p !== start);
   return leftmost;
@@ -206,7 +210,9 @@ export function intersects(p1: any, q1: any, p2: any, q2: any) {
 export function intersectsPolygon(a: any, b: any) {
   let p = a;
   do {
-    if (p.i !== a.i && p.next.i !== a.i && p.i !== b.i && p.next.i !== b.i && intersects(p, p.next, a, b)) return true;
+    if (p.i !== a.i && p.next.i !== a.i && p.i !== b.i && p.next.i !== b.i && intersects(p, p.next, a, b)) {
+      return true;
+    }
     p = p.next;
   } while (p !== a);
   return false;
@@ -330,11 +336,15 @@ export function isEar(ear: any) {
   const a = ear.prev;
   const b = ear;
   const c = ear.next;
-  if (area(a, b, c) >= 0) return false; // reflex, can't be an ear
+  if (area(a, b, c) >= 0) {
+    return false;
+  } // reflex, can't be an ear
   // now make sure we don't have other points inside the potential ear
   let p = ear.next.next;
   while (p !== ear.prev) {
-    if (pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) return false;
+    if (pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) && area(p.prev, p, p.next) >= 0) {
+      return false;
+    }
     p = p.next;
   }
   return true;
@@ -348,11 +358,13 @@ export function isEar(ear: any) {
  * @param {number} size - TBD.
  * @returns {boolean} TBD.
  */
-export function isEarHashed(ear: any, minX: number = 0, minY: number = 0, size: number = 0) {
+export function isEarHashed(ear: any, minX = 0, minY = 0, size = 0) {
   const a = ear.prev;
   const b = ear;
   const c = ear.next;
-  if (area(a, b, c) >= 0) return false; // reflex, can't be an ear
+  if (area(a, b, c) >= 0) {
+    return false;
+  } // reflex, can't be an ear
   // triangle bbox; min & max are calculated like this for speed
   const minTX = a.x < b.x ? (a.x < c.x ? a.x : c.x) : b.x < c.x ? b.x : c.x;
   const minTY = a.y < b.y ? (a.y < c.y ? a.y : c.y) : b.y < c.y ? b.y : c.y;
@@ -411,9 +423,13 @@ export function linkedList(data: any, start: number, end: number, dim: number, c
   }
   // link points into circular doubly-linked list in the specified winding order
   if (clockwise === sum > 0) {
-    for (i = start; i < end; i += dim) last = insertNode(i, data[i], data[i + 1], last);
+    for (i = start; i < end; i += dim) {
+      last = insertNode(i, data[i], data[i + 1], last);
+    }
   } else {
-    for (i = end - dim; i >= start; i -= dim) last = insertNode(i, data[i], data[i + 1], last);
+    for (i = end - dim; i >= start; i -= dim) {
+      last = insertNode(i, data[i], data[i + 1], last);
+    }
   }
   return last;
 }
@@ -425,8 +441,10 @@ export function linkedList(data: any, start: number, end: number, dim: number, c
  * @returns {object} The calculated bounding box with min and max coordinates.
  */
 export function filterPoints(start: any, end?: any) {
-  if (!start) return start;
-  if (!end) end = start;
+  if (!start) {
+    return start;
+  }
+  end ??= start;
   let p = start;
   let again;
   do {
@@ -435,7 +453,9 @@ export function filterPoints(start: any, end?: any) {
       removeNode(p);
       p = p.prev;
       end = p;
-      if (p === p.next) return null;
+      if (p === p.next) {
+        return null;
+      }
       again = true;
     } else {
       p = p.next;
@@ -468,8 +488,12 @@ export function findHoleBridge(hole: any, outerNode: any) {
     }
     p = p.next;
   } while (p !== outerNode);
-  if (!m) return null;
-  if (hole.x === m.x) return m.prev; // hole touches outer segment; pick lower endpoint
+  if (!m) {
+    return null;
+  }
+  if (hole.x === m.x) {
+    return m.prev;
+  } // hole touches outer segment; pick lower endpoint
   // look for points inside the triangle of hole point, segment intersection and endpoint;
   // if there are no points found, we have a valid connection;
   // otherwise choose the point of the minimum angle with the ray as connection point
@@ -526,8 +550,12 @@ export function eliminateHoles(data: any, holeIndices: any, outerNode: any, dim:
     start = holeIndices[i] * dim;
     end = i < len - 1 ? holeIndices[i + 1] * dim : data.length;
     list = linkedList(data, start, end, dim, false);
-    if (!list) continue;
-    if (list === list.next) list.steiner = true;
+    if (!list) {
+      continue;
+    }
+    if (list === list.next) {
+      list.steiner = true;
+    }
     queue.push(getLeftmost(list));
   }
   queue.sort(compareX);
@@ -576,14 +604,7 @@ export function cureLocalIntersections(start: any, triangles: any, dim: number)
  * @param {number} minY - The minimum y-coordinate of the bounding box.
  * @param {number} size - The size of the bounding box.
  */
-export function splitEarcut(
-  start: any,
-  triangles: any,
-  dim: number,
-  minX: number = 0,
-  minY: number = 0,
-  size: number = 0
-) {
+export function splitEarcut(start: any, triangles: any, dim: number, minX = 0, minY = 0, size = 0) {
   // look for a valid diagonal that divides the polygon into two
   let a = start;
   do {
@@ -625,9 +646,13 @@ export function earcutLinked(
   size?: number,
   pass?: any
 ) {
-  if (!ear) return;
+  if (!ear) {
+    return;
+  }
   // interlink polygon nodes in z-order
-  if (!pass && size) indexCurve(ear, minX, minY, size);
+  if (!pass && size) {
+    indexCurve(ear, minX, minY, size);
+  }
   let stop = ear;
   let prev;
   let next;
@@ -672,13 +697,14 @@ export function earcutLinked(
  * @param {number} dim - The dimension of the data (2 or 3).
  * @returns {object} The processed earcut data structure with triangulation information.
  */
-export function triangulate(data: any, holeIndices: any, dim: number) {
-  dim = dim || 2;
+export function triangulate(data: any, holeIndices: any, dim = 2) {
   const hasHoles = holeIndices && holeIndices.length;
   const outerLen = hasHoles ? holeIndices[0] * dim : data.length;
   let outerNode = linkedList(data, 0, outerLen, dim, true);
   const triangles: number[] = [];
-  if (!outerNode) return triangles;
+  if (!outerNode) {
+    return triangles;
+  }
   let minX;
   let minY;
   let maxX;
@@ -686,7 +712,9 @@ export function triangulate(data: any, holeIndices: any, dim: number) {
   let x;
   let y;
   let size;
-  if (hasHoles) outerNode = eliminateHoles(data, holeIndices, outerNode, dim);
+  if (hasHoles) {
+    outerNode = eliminateHoles(data, holeIndices, outerNode, dim);
+  }
   // if the shape is not too simple, we'll use z-order curve hash later; calculate polygon bbox
   if (data.length > 80 * dim) {
     minX = data[0];
@@ -696,10 +724,18 @@ export function triangulate(data: any, holeIndices: any, dim: number) {
     for (let i = dim; i < outerLen; i += dim) {
       x = data[i];
       y = data[i + 1];
-      if (x < minX) minX = x;
-      if (y < minY) minY = y;
-      if (x > maxX) maxX = x;
-      if (y > maxY) maxY = y;
+      if (x < minX) {
+        minX = x;
+      }
+      if (y < minY) {
+        minY = y;
+      }
+      if (x > maxX) {
+        maxX = x;
+      }
+      if (y > maxY) {
+        maxY = y;
+      }
     }
     // minX, minY and size are later used to transform coords into integers for z-order calculation
     size = Math.max(maxX - minX, maxY - minY);

package/src/phaser/display/webgl/earcut_node.ts

@@ -1,13 +1,13 @@
 export class Node {
-  i: number;
-  x: number;
-  y: number;
-  prev: Node | null;
-  next: Node | null;
-  z: number | null;
-  prevZ: Node | null;
-  nextZ: Node | null;
-  steiner: boolean;
+  public i: number;
+  public x: number;
+  public y: number;
+  public prev: Node | null;
+  public next: Node | null;
+  public z: number | null;
+  public prevZ: Node | null;
+  public nextZ: Node | null;
+  public steiner: boolean;
 
   /**
    * Creates a new Node instance.
@@ -15,7 +15,7 @@ export class Node {
    * @param {number} x - The x coordinate of the vertex.
    * @param {number} y - The y coordinate of the vertex.
    */
-  constructor(i: number, x: number, y: number) {
+  public constructor(i: number, x: number, y: number) {
     // vertice index in coordinates array
     this.i = i;
     // vertex coordinates

package/src/phaser/display/webgl/fast_sprite_batch.ts

@@ -1,29 +1,29 @@
 import type { IdentifiedWebGLRenderingContext } from './util.js';
+import type { Image } from '../../display/image.js';
 
 export class FastSpriteBatch {
-  [key: string]: any;
-  vertSize!: any;
-  maxSize!: any;
-  size!: any;
-  vertices!: any;
-  indices!: any;
-  vertexBuffer!: any;
-  indexBuffer!: any;
-  lastIndexCount!: any;
-  drawing!: any;
-  currentBatchSize!: any;
-  currentBaseTexture!: any;
-  currentBlendMode!: any;
-  renderSession!: any;
-  shader!: any;
-  matrix!: any;
+  public gl!: any;
+  public vertSize: any = 10;
+  public maxSize: any = 6e3;
+  public size!: any;
+  public vertices!: any;
+  public indices!: any;
+  public vertexBuffer!: any;
+  public indexBuffer!: any;
+  public lastIndexCount!: any;
+  public drawing!: any;
+  public currentBatchSize!: any;
+  public currentBaseTexture!: any;
+  public currentBlendMode!: any;
+  public renderSession!: any;
+  public shader!: any;
+  public matrix!: any;
   /**
    * Creates a new FastSpriteBatch instance.
    * @param {WebGLRenderingContext & { id: number }} gl - The WebGL rendering context.
    */
-  constructor(gl: IdentifiedWebGLRenderingContext) {
-    this.vertSize = 10;
-    this.maxSize = 6000; // Math.pow(2, 16) / this.vertSize;
+  public constructor(gl: IdentifiedWebGLRenderingContext) {
+    // Math.pow(2, 16) / this.vertSize;
     this.size = this.maxSize;
     // the total number of floats in our batch
     const numVerts = this.size * 4 * this.vertSize;
@@ -56,7 +56,7 @@ export class FastSpriteBatch {
    * Sets the WebGL context for this batch.
    * @param {WebGLRenderingContext & { id: number }} gl - The WebGL rendering context.
    */
-  setContext(gl: IdentifiedWebGLRenderingContext) {
+  public setContext(gl: IdentifiedWebGLRenderingContext) {
     this.gl = gl;
     // create a couple of buffers
     this.vertexBuffer = gl.createBuffer();
@@ -74,7 +74,7 @@ export class FastSpriteBatch {
    * @param {object} spriteBatch - The sprite batch to render.
    * @param {object} renderSession - The render session to use.
    */
-  begin(spriteBatch: any, renderSession: any) {
+  public begin(spriteBatch: any, renderSession: any) {
     this.renderSession = renderSession;
     this.shader = this.renderSession.shaderManager.fastShader;
     this.matrix = spriteBatch.worldTransform.toArray(true);
@@ -84,7 +84,7 @@ export class FastSpriteBatch {
   /**
    * Updates the sprite batch.
    */
-  end() {
+  public end() {
     this.flush();
   }
 
@@ -92,8 +92,8 @@ export class FastSpriteBatch {
    * Flushes the sprite batch to WebGL.
    * @param {object} spriteBatch - The sprite batch to flush.
    */
-  render(spriteBatch: any) {
-    const children = spriteBatch.children;
+  public render(spriteBatch: any) {
+    const { children } = spriteBatch;
     const sprite = children[0];
     // if the uvs have not updated then no point rendering just yet!
     // check texture.
@@ -114,9 +114,9 @@ export class FastSpriteBatch {
 
   /**
    * Renders a sprite using WebGL.
-   * @param {import('../../display/image.js').Image} sprite - The sprite to render.
+   * @param {Image} sprite - The sprite to render.
    */
-  renderSprite(sprite: import('../../display/image.js').Image) {
+  public renderSprite(sprite: Image) {
     if (!sprite.visible) {
       return;
     }
@@ -129,7 +129,7 @@ export class FastSpriteBatch {
       }
     }
     const uvs = sprite.texture._uvs;
-    const vertices = this.vertices;
+    const { vertices } = this;
     // const width = sprite.texture.frame.width;
     // const height = sprite.texture.frame.height;
     let w0;
@@ -139,7 +139,7 @@ export class FastSpriteBatch {
     let index;
     if (sprite.texture.trim) {
       // if the sprite is trimmed then we need to add the extra space before transforming the sprite coords..
-      const trim = sprite.texture.trim;
+      const { trim } = sprite.texture;
       w1 = trim.x - sprite.anchor.x * trim.width;
       w0 = w1 + sprite.texture.crop.width;
       h1 = trim.y - sprite.anchor.y * trim.height;
@@ -222,12 +222,12 @@ export class FastSpriteBatch {
   /**
    * Binds the sprite batch to the WebGL context.
    */
-  flush() {
+  public flush() {
     // If the batch is length 0 then return as there is nothing to draw
     if (this.currentBatchSize === 0) {
       return;
     }
-    const gl = this.gl;
+    const { gl } = this;
     // bind the current texture
     if (!this.currentBaseTexture._glTextures[gl.id]) {
       this.renderSession.renderer.updateTexture(this.currentBaseTexture, gl);
@@ -251,22 +251,22 @@ export class FastSpriteBatch {
   /**
    * Renders a sprite using the sprite batch.
    */
-  stop() {
+  public stop() {
     this.flush();
   }
 
   /**
    * Sets up the sprite batch for WebGL rendering.
    */
-  start() {
-    const gl = this.gl;
+  public start() {
+    const { gl } = this;
     // bind the main texture
     gl.activeTexture(gl.TEXTURE0);
     // bind the buffers
     gl.bindBuffer(gl.ARRAY_BUFFER, this.vertexBuffer);
     gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
     // set the projection
-    const projection = this.renderSession.projection;
+    const { projection } = this.renderSession;
     gl.uniform2f(this.shader.projectionVector, projection.x, projection.y);
     // set the matrix
     gl.uniformMatrix3fv(this.shader.uMatrix, false, this.matrix);

package/src/phaser/display/webgl/filter_manager.ts

@@ -1,12 +1,13 @@
 export class WebGLFilterManager {
-  [key: string]: any;
-  filterStack!: any;
-  offsetX!: any;
-  offsetY!: any;
+  public gl!: WebGLRenderingContext;
+  public texturePool!: any[];
+  public filterStack!: any;
+  public offsetX!: any;
+  public offsetY!: any;
   /**
    * Creates a new FilterManager instance.
    */
-  constructor() {
+  public constructor() {
     this.filterStack = [];
     this.offsetX = 0;
     this.offsetY = 0;
@@ -16,7 +17,7 @@ export class WebGLFilterManager {
    * Initializes the filter manager with a WebGL context.
    * @param {WebGLRenderingContext} gl - The WebGL rendering context.
    */
-  setContext(gl: WebGLRenderingContext) {
+  public setContext(gl: WebGLRenderingContext) {
     this.gl = gl;
     this.texturePool = [];
     this.initShaderBuffers();
@@ -25,42 +26,42 @@ export class WebGLFilterManager {
   /**
    * Applies a filter to the specified texture.
    */
-  begin() {
+  public begin() {
     // TODO
   }
 
   /**
    * Updates the filter texture for the specified size.
    */
-  pushFilter() {
+  public pushFilter() {
     // TODO
   }
 
   /**
    * Resizes the filter manager to the specified dimensions.
    */
-  popFilter() {
+  public popFilter() {
     // TODO
   }
 
   /**
    * Destroys this filter manager and cleans up resources.
    */
-  applyFilterPass() {
+  public applyFilterPass() {
     // TODO
   }
 
   /**
    * Initializes the filter manager.
    */
-  initShaderBuffers() {
+  public initShaderBuffers() {
     // TODO
   }
 
   /**
    * Sets up the filter manager for WebGL rendering.
    */
-  destroy() {
+  public destroy() {
     // TODO
   }
 }