@vpmedia/phaser 1.105.0 → 1.107.0

package/src/phaser/display/webgl/shader/normal.ts

@@ -25,21 +25,21 @@ const defaultVertexSrc = [
 
 export class NormalShader {
   [key: string]: any;
-gl!: any;
-_UID!: any;
-program!: any;
-fragmentSrc!: any;
-vertexSrc!: any;
-textureCount!: any;
-firstRun!: any;
-dirty!: any;
-uniforms!: any;
-attributes!: any;
+  gl!: any;
+  _UID!: any;
+  program!: any;
+  fragmentSrc!: any;
+  vertexSrc!: any;
+  textureCount!: any;
+  firstRun!: any;
+  dirty!: any;
+  uniforms!: any;
+  attributes!: any;
   /**
    * Creates a new NormalShader instance.
    * @param {WebGLRenderingContext & { id: number }} gl - The WebGL rendering context.
    */
-  constructor(gl) {
+  constructor(gl: WebGLRenderingContext) {
     this.gl = gl;
     this._UID = uuidv4();
     /** @type {WebGLProgram} */

package/src/phaser/display/webgl/shader/primitive.ts

@@ -5,11 +5,11 @@ import { compileProgram } from '../util.js';
 
 export class PrimitiveShader {
   [key: string]: any;
-gl!: any;
-_UID!: any;
-program!: any;
-fragmentSrc!: any;
-vertexSrc!: any;
+  gl!: any;
+  _UID!: any;
+  program!: any;
+  fragmentSrc!: any;
+  vertexSrc!: any;
   /**
    * Creates a new PrimitiveShader instance.
    * @param {WebGLRenderingContext} gl - The WebGL rendering context.

package/src/phaser/display/webgl/shader/strip.ts

@@ -5,11 +5,11 @@ import { compileProgram } from '../util.js';
 
 export class StripShader {
   [key: string]: any;
-gl!: any;
-_UID!: any;
-program!: any;
-fragmentSrc!: any;
-vertexSrc!: any;
+  gl!: any;
+  _UID!: any;
+  program!: any;
+  fragmentSrc!: any;
+  vertexSrc!: any;
   /**
    * Creates a new StripShader instance.
    * @param {WebGLRenderingContext} gl - The WebGL rendering context.

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

@@ -3,19 +3,20 @@ import { FastShader } from './shader/fast.js';
 import { NormalShader } from './shader/normal.js';
 import { PrimitiveShader } from './shader/primitive.js';
 import { StripShader } from './shader/strip.js';
+import type { IdentifiedWebGLRenderingContext } from './util.js';
 
 export class WebGLShaderManager {
   [key: string]: any;
-gl!: any;
-primitiveShader!: any;
-complexPrimitiveShader!: any;
-defaultShader!: any;
-fastShader!: any;
-stripShader!: any;
-maxAttibs!: any;
-attribState!: any;
-tempAttribState!: any;
-stack!: any;
+  gl!: any;
+  primitiveShader!: any;
+  complexPrimitiveShader!: any;
+  defaultShader!: any;
+  fastShader!: any;
+  stripShader!: any;
+  maxAttibs!: any;
+  attribState!: any;
+  tempAttribState!: any;
+  stack!: any;
   /**
    * Initializes the shader manager with a WebGL context.
    */
@@ -39,7 +40,7 @@ stack!: any;
    * Initializes the shader manager with a WebGL context.
    * @param {WebGLRenderingContext & { id: number }} gl - The WebGL rendering context.
    */
-  setContext(gl) {
+  setContext(gl: IdentifiedWebGLRenderingContext) {
     this.gl = gl;
     this.primitiveShader = new PrimitiveShader(gl);
     this.complexPrimitiveShader = new ComplexPrimitiveShader(gl);

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

@@ -1,24 +1,25 @@
 import { AbstractFilter } from './abstract_filter.js';
 import { NormalShader } from './shader/normal.js';
+import type { IdentifiedWebGLRenderingContext } from './util.js';
 
 export class WebGLSpriteBatch {
   [key: string]: any;
-vertSize!: any;
-size!: any;
-vertices!: any;
-positions!: any;
-colors!: any;
-indices!: any;
-lastIndexCount!: any;
-drawing!: any;
-currentBatchSize!: any;
-currentBaseTexture!: any;
-dirty!: any;
-textures!: any;
-blendModes!: any;
-shaders!: any;
-sprites!: any;
-defaultShader!: any;
+  vertSize!: any;
+  size!: any;
+  vertices!: any;
+  positions!: any;
+  colors!: any;
+  indices!: any;
+  lastIndexCount!: any;
+  drawing!: any;
+  currentBatchSize!: any;
+  currentBaseTexture!: any;
+  dirty!: any;
+  textures!: any;
+  blendModes!: any;
+  shaders!: any;
+  sprites!: any;
+  defaultShader!: any;
   /**
    * Creates a new SpriteBatch instance.
    */
@@ -65,7 +66,7 @@ defaultShader!: any;
    * Renders a sprite using WebGL.
    * @param {WebGLRenderingContext & { id: number }} gl - The WebGL rendering context.
    */
-  setContext(gl) {
+  setContext(gl: IdentifiedWebGLRenderingContext) {
     this.gl = gl;
     // create a couple of buffers
     this.vertexBuffer = gl.createBuffer();

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

@@ -2,9 +2,9 @@ import { hex2rgb } from '../../util/math.js';
 
 export class WebGLStencilManager {
   [key: string]: any;
-stencilStack!: any;
-reverse!: any;
-count!: any;
+  stencilStack!: any;
+  reverse!: any;
+  count!: any;
   /**
    * Initializes the stencil manager.
    */
@@ -36,7 +36,11 @@ count!: any;
    * @param {import('./graphics_data.js').GraphicsData} webGLData - The WebGL graphics data.
    * @param {object} renderSession - The rendering session.
    */
-  pushStencil(graphics: import('../graphics.js').Graphics, webGLData: import('./graphics_data.js').GraphicsData, renderSession: any) {
+  pushStencil(
+    graphics: import('../graphics.js').Graphics,
+    webGLData: import('./graphics_data.js').GraphicsData,
+    renderSession: any
+  ) {
     const gl = renderSession.gl;
     this.bindGraphics(graphics, webGLData, renderSession);
     if (this.stencilStack.length === 0) {
@@ -94,7 +98,11 @@ count!: any;
    * @param {import('./graphics_data.js').GraphicsData} webGLData - The WebGL graphics data.
    * @param {object} renderSession - The rendering session.
    */
-  bindGraphics(graphics: import('../graphics.js').Graphics, webGLData: import('./graphics_data.js').GraphicsData, renderSession: any) {
+  bindGraphics(
+    graphics: import('../graphics.js').Graphics,
+    webGLData: import('./graphics_data.js').GraphicsData,
+    renderSession: any
+  ) {
     // if(this._currentGraphics === graphics)return;
     // this._currentGraphics = graphics;
     const gl = renderSession.gl;
@@ -141,7 +149,11 @@ count!: any;
    * @param {import('./graphics_data.js').GraphicsData} webGLData - The WebGL graphics data.
    * @param {object} renderSession - The rendering session.
    */
-  popStencil(graphics: import('../graphics.js').Graphics, webGLData: import('./graphics_data.js').GraphicsData, renderSession: any) {
+  popStencil(
+    graphics: import('../graphics.js').Graphics,
+    webGLData: import('./graphics_data.js').GraphicsData,
+    renderSession: any
+  ) {
     const gl = renderSession.gl;
     this.stencilStack.pop();
     this.count -= 1;

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

@@ -56,7 +56,12 @@ export class Texture {
    * @param {Rectangle | null | undefined} crop - The crop rectangle.
    * @param {Rectangle | null | undefined} trim - The trim rectangle.
    */
-  constructor(baseTexture: import('./base_texture.js').BaseTexture, frame: Rectangle | null | undefined = null, crop: Rectangle | null | undefined = null, trim: Rectangle | null | undefined = null) {
+  constructor(
+    baseTexture: import('./base_texture.js').BaseTexture,
+    frame: Rectangle | null | undefined = null,
+    crop: Rectangle | null | undefined = null,
+    trim: Rectangle | null | undefined = null
+  ) {
     this.noFrame = false;
     if (!frame) {
       this.noFrame = true;

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

@@ -1,3 +1,6 @@
+/** WebGL context tagged with the per-context id the renderer assigns, used to key shader caches. */
+export type IdentifiedWebGLRenderingContext = WebGLRenderingContext & { id: number };
+
 // No error has been recorded. The value of this constant is 0.
 export const NO_ERROR = 0;
 // An unacceptable value has been specified for an enumerated argument. The command is ignored and the error flag is set.
@@ -60,9 +63,12 @@ export const initDefaultShaders = () => {};
  * @param {object} shaderType - The type of shader to compile.
  * @returns {WebGLShader} The compiled WebGL shader or null if compilation failed.
  */
-export const compileShader = (gl: WebGLRenderingContext, shaderSrc: string[]|string, shaderType: any) => {
+export const compileShader = (gl: WebGLRenderingContext, shaderSrc: string[] | string, shaderType: any) => {
   const src = Array.isArray(shaderSrc) ? shaderSrc.join('\n') : shaderSrc;
   const shader = gl.createShader(shaderType);
+  if (!shader) {
+    return null;
+  }
   gl.shaderSource(shader, src);
   gl.compileShader(shader);
   if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
@@ -81,7 +87,7 @@ export const compileShader = (gl: WebGLRenderingContext, shaderSrc: string[]|str
  * @param {string[]|string} shaderSrc - The vertex shader source code.
  * @returns {WebGLShader} The compiled WebGL vertex shader or null if compilation failed.
  */
-export const compileVertexShader = (gl: WebGLRenderingContext, shaderSrc: string[]|string) => {
+export const compileVertexShader = (gl: WebGLRenderingContext, shaderSrc: string[] | string) => {
   return compileShader(gl, shaderSrc, gl.VERTEX_SHADER);
 };
 
@@ -91,7 +97,7 @@ export const compileVertexShader = (gl: WebGLRenderingContext, shaderSrc: string
  * @param {string[]|string} shaderSrc - The fragment shader source code.
  * @returns {WebGLShader} The compiled WebGL fragment shader or null if compilation failed.
  */
-export const compileFragmentShader = (gl: WebGLRenderingContext, shaderSrc: string[]|string) => {
+export const compileFragmentShader = (gl: WebGLRenderingContext, shaderSrc: string[] | string) => {
   return compileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
 };
 
@@ -102,12 +108,19 @@ export const compileFragmentShader = (gl: WebGLRenderingContext, shaderSrc: stri
  * @param {string[]|string} fragmentSrc - The fragment shader source code.
  * @returns {WebGLProgram} The compiled WebGL shader program or null if compilation failed.
  */
-export const compileProgram = (gl: WebGLRenderingContext, vertexSrc: string[]|string, fragmentSrc: string[]|string) => {
+export const compileProgram = (
+  gl: WebGLRenderingContext,
+  vertexSrc: string[] | string,
+  fragmentSrc: string[] | string
+) => {
   const fragmentShader = compileFragmentShader(gl, fragmentSrc);
   const vertexShader = compileVertexShader(gl, vertexSrc);
 
   const shaderProgram = gl.createProgram();
 
+  if (!shaderProgram || !vertexShader || !fragmentShader) {
+    return null;
+  }
   gl.attachShader(shaderProgram, vertexShader);
   gl.attachShader(shaderProgram, fragmentShader);
   gl.linkProgram(shaderProgram);

package/src/phaser/geom/circle.ts

@@ -46,7 +46,7 @@ export class Circle {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} A random point within this circle.
    */
-  random(output: Point = null) {
+  random(output: Point | null = null) {
     const result = output || new Point();
     const t = 2 * Math.PI * Math.random();
     const u = Math.random() + Math.random();

package/src/phaser/geom/ellipse.ts

@@ -91,7 +91,7 @@ export class Ellipse {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} A random point within this ellipse.
    */
-  random(output: Point = null) {
+  random(output: Point | null = null) {
     const result = output || new Point();
     const p = Math.random() * Math.PI * 2;
     const r = Math.random();

package/src/phaser/geom/line.ts

@@ -119,7 +119,7 @@ export class Line {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} The midpoint of this line.
    */
-  midPoint(output: Point = null) {
+  midPoint(output: Point | null = null) {
     const result = output || new Point();
     result.x = (this.start.x + this.end.x) / 2;
     result.y = (this.start.y + this.end.y) / 2;
@@ -169,7 +169,7 @@ export class Line {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} A random point on this line.
    */
-  random(output: Point = null) {
+  random(output: Point | null = null) {
     const result = output || new Point();
     const t = Math.random();
     result.x = this.start.x + t * (this.end.x - this.start.x);

package/src/phaser/geom/matrix.ts

@@ -105,7 +105,7 @@ export class Matrix {
    * @param {Float32Array} output - The array to store the result in (optional).
    * @returns {Float32Array} A Float32Array containing the matrix elements.
    */
-  toArray(transpose: boolean = false, output: Float32Array = null) {
+  toArray(transpose: boolean = false, output: Float32Array | null = null) {
     const result = output || new Float32Array(9);
     if (transpose) {
       result[0] = this.a;
@@ -137,7 +137,7 @@ export class Matrix {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} The transformed point.
    */
-  apply(pos: Point, output: Point = null) {
+  apply(pos: Point, output: Point | null = null) {
     const result = output || new Point();
     result.x = this.a * pos.x + this.c * pos.y + this.tx;
     result.y = this.b * pos.x + this.d * pos.y + this.ty;
@@ -150,7 +150,7 @@ export class Matrix {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} The transformed point.
    */
-  applyInverse(pos: Point, output: Point = null) {
+  applyInverse(pos: Point, output: Point | null = null) {
     const result = output || new Point();
     const id = 1 / (this.a * this.d + this.c * -this.b);
     const x = pos.x;

package/src/phaser/geom/polygon.ts

@@ -13,7 +13,7 @@ export class Polygon {
    * Creates a new Polygon instance.
    * @param {object[]} points - The array of points to define the polygon (optional).
    */
-  constructor(points: any[] = null) {
+  constructor(points: any[] | null = null) {
     /** @type {number} */
     this.area = 0;
     /** @type {Point[]} */

package/src/phaser/geom/rectangle.ts

@@ -288,7 +288,7 @@ export class Rectangle {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} A random point within this rectangle.
    */
-  random(output: Point = null) {
+  random(output: Point | null = null) {
     const result = output || new Point();
     result.x = this.randomX;
     result.y = this.randomY;
@@ -301,7 +301,7 @@ export class Rectangle {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} A point at the specified position on the rectangle.
    */
-  getPoint(position: number, output: Point = null) {
+  getPoint(position: number, output: Point | null = null) {
     const result = output || new Point();
     switch (position) {
       case TOP_LEFT:

package/src/phaser/geom/util/circle.ts

@@ -8,7 +8,7 @@ import { Point } from '../point.js';
  * @param {Circle} output - Optional circle to store the result in.
  * @returns {Circle} The cloned circle.
  */
-export const clone = (input: Circle, output: Circle = null) => {
+export const clone = (input: Circle, output: Circle | null = null) => {
   const result = output || new Circle();
   result.x = input.x;
   result.y = input.y;
@@ -60,7 +60,12 @@ export const intersects = (a: Circle, b: Circle) => {
  * @param {Point} output - Optional point to store the result in.
  * @returns {Point} The point on the circumference of the circle.
  */
-export const circumferencePoint = (a: Circle, angle: number, asDegrees: boolean = false, output: Point = null) => {
+export const circumferencePoint = (
+  a: Circle,
+  angle: number,
+  asDegrees: boolean = false,
+  output: Point | null = null
+) => {
   const result = output || new Point();
   if (asDegrees === true) {
     angle = degToRad(angle);
@@ -78,7 +83,7 @@ export const circumferencePoint = (a: Circle, angle: number, asDegrees: boolean
  * @param {Point} output - Optional point to store the result in.
  * @returns {Point} The point on the circumference of the circle.
  */
-export const intersectsPoint = (a: Circle, angle: number, asDegrees: boolean = false, output: Point = null) => {
+export const intersectsPoint = (a: Circle, angle: number, asDegrees: boolean = false, output: Point | null = null) => {
   const result = output || new Point();
   if (asDegrees === true) {
     angle = degToRad(angle);

package/src/phaser/geom/util/line.ts

@@ -8,7 +8,7 @@ import { intersects as intersectsRect } from './rectangle.js';
  * @param {Line} output - Optional line to store the result in.
  * @returns {Line} The cloned line.
  */
-export const clone = (input: Line, output: Line = null) => {
+export const clone = (input: Line, output: Line | null = null) => {
   const result = output || new Line();
   result.start.x = input.start.x;
   result.start.y = input.start.y;
@@ -27,7 +27,14 @@ export const clone = (input: Line, output: Line = null) => {
  * @param {Point} output - Optional point to store the result in.
  * @returns {Point} The intersection point, or null if there is no intersection.
  */
-export const intersectsPoints = (a: any, b: any, e: any, f: any, asSegment: boolean = true, output: Point = null) => {
+export const intersectsPoints = (
+  a: any,
+  b: any,
+  e: any,
+  f: any,
+  asSegment: boolean = true,
+  output: Point | null = null
+) => {
   const result = output || new Point();
   const a1 = b.y - a.y;
   const a2 = f.y - e.y;

package/src/phaser/geom/util/matrix.ts

@@ -6,7 +6,7 @@ import { Matrix } from '../matrix.js';
  * @param {Matrix} output - Optional matrix to store the result in.
  * @returns {Matrix} The cloned matrix.
  */
-export const clone = (input: Matrix, output: Matrix = null) => {
+export const clone = (input: Matrix, output: Matrix | null = null) => {
   const result = output || new Matrix();
   result.a = input.a;
   result.b = input.b;

package/src/phaser/geom/util/point.ts

@@ -7,7 +7,7 @@ import { Point } from '../point.js';
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new point containing the sum of the two points.
  */
-export const add = (a: Point, b: Point, output: Point = null) => {
+export const add = (a: Point, b: Point, output: Point | null = null) => {
   const result = output || new Point();
   result.x = a.x + b.x;
   result.y = a.y + b.y;
@@ -21,7 +21,7 @@ export const add = (a: Point, b: Point, output: Point = null) => {
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new point containing the difference of the two points.
  */
-export const subtract = (a: Point, b: Point, output: Point = null) => {
+export const subtract = (a: Point, b: Point, output: Point | null = null) => {
   const result = output || new Point();
   result.x = a.x - b.x;
   result.y = a.y - b.y;
@@ -35,7 +35,7 @@ export const subtract = (a: Point, b: Point, output: Point = null) => {
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new point containing the product of the two points.
  */
-export const multiply = (a: Point, b: Point, output: Point = null) => {
+export const multiply = (a: Point, b: Point, output: Point | null = null) => {
   const result = output || new Point();
   result.x = a.x * b.x;
   result.y = a.y * b.y;
@@ -49,7 +49,7 @@ export const multiply = (a: Point, b: Point, output: Point = null) => {
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new point containing the quotient of the two points.
  */
-export const divide = (a: Point, b: Point, output: Point = null) => {
+export const divide = (a: Point, b: Point, output: Point | null = null) => {
   const result = output || new Point();
   result.x = a.x / b.x;
   result.y = a.y / b.y;
@@ -82,7 +82,7 @@ export const angle = (a: Point, b: Point) => {
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new point with negated coordinates.
  */
-export const negative = (a: Point, output: Point = null) => {
+export const negative = (a: Point, output: Point | null = null) => {
   const result = output || new Point();
   return result.setTo(-a.x, -a.y);
 };
@@ -95,7 +95,7 @@ export const negative = (a: Point, output: Point = null) => {
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new point with the result of the operation.
  */
-export const multiplyAdd = (a: Point, b: Point, s: number, output: Point = null) => {
+export const multiplyAdd = (a: Point, b: Point, s: number, output: Point | null = null) => {
   const result = output || new Point();
   return result.setTo(a.x + b.x * s, a.y + b.y * s);
 };
@@ -108,7 +108,7 @@ export const multiplyAdd = (a: Point, b: Point, s: number, output: Point = null)
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new point interpolated between the two points.
  */
-export const interpolate = (a: Point, b: Point, f: number, output: Point = null) => {
+export const interpolate = (a: Point, b: Point, f: number, output: Point | null = null) => {
   const result = output || new Point();
   return result.setTo(a.x + (b.x - a.x) * f, a.y + (b.y - a.y) * f);
 };
@@ -119,7 +119,7 @@ export const interpolate = (a: Point, b: Point, f: number, output: Point = null)
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new point that is perpendicular to the input point.
  */
-export const perp = (a: Point, output: Point = null) => {
+export const perp = (a: Point, output: Point | null = null) => {
   const result = output || new Point();
   return result.setTo(-a.y, a.x);
 };
@@ -130,7 +130,7 @@ export const perp = (a: Point, output: Point = null) => {
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new point that is perpendicular to the input point (rotated clockwise).
  */
-export const rperp = (a: Point, output: Point = null) => {
+export const rperp = (a: Point, output: Point | null = null) => {
   const result = output || new Point();
   return result.setTo(a.y, -a.x);
 };
@@ -156,7 +156,7 @@ export const distance = (a: Point, b: Point, round: boolean = false) => {
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new point with the projected result.
  */
-export const project = (a: Point, b: Point, output: Point = null) => {
+export const project = (a: Point, b: Point, output: Point | null = null) => {
   const result = output || new Point();
   const amt = a.dot(b) / b.getMagnitudeSq();
   if (amt !== 0) {
@@ -172,7 +172,7 @@ export const project = (a: Point, b: Point, output: Point = null) => {
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new point with the projected result.
  */
-export const projectUnit = (a: Point, b: Point, output: Point = null) => {
+export const projectUnit = (a: Point, b: Point, output: Point | null = null) => {
   const result = output || new Point();
   const amt = a.dot(b);
   if (amt !== 0) {
@@ -187,7 +187,7 @@ export const projectUnit = (a: Point, b: Point, output: Point = null) => {
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new point with the same x coordinate but negated y coordinate.
  */
-export const normalRightHand = (a: Point, output: Point = null) => {
+export const normalRightHand = (a: Point, output: Point | null = null) => {
   const result = output || new Point();
   return result.setTo(a.y * -1, a.x);
 };
@@ -198,7 +198,7 @@ export const normalRightHand = (a: Point, output: Point = null) => {
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new normalized point.
  */
-export const normalize = (a: Point, output: Point = null) => {
+export const normalize = (a: Point, output: Point | null = null) => {
   const result = output || new Point();
   const m = a.getMagnitude();
   if (m !== 0) {
@@ -217,7 +217,14 @@ export const normalize = (a: Point, output: Point = null) => {
  * @param {number | null | undefined} dist - The distance to rotate from (default: null).
  * @returns {Point} The rotated point instance for chaining.
  */
-export const rotate = (a: Point, x: number, y: number, ang: number, asDegrees: boolean, dist: number | null | undefined) => {
+export const rotate = (
+  a: Point,
+  x: number,
+  y: number,
+  ang: number,
+  asDegrees: boolean,
+  dist: number | null | undefined
+) => {
   if (asDegrees) {
     ang *= Math.PI / 180;
   }
@@ -244,7 +251,7 @@ export const rotate = (a: Point, x: number, y: number, ang: number, asDegrees: b
  * @returns {Point} A new point representing the centroid of the input points.
  * @throws {Error} If the points array is empty.
  */
-export const centroid = (points: Point[], output: Point = null) => {
+export const centroid = (points: Point[], output: Point | null = null) => {
   const result = output || new Point();
   const pointsLen = points.length;
   if (pointsLen < 1) {
@@ -285,7 +292,7 @@ export const parse = (obj: any, xProp: string = 'x', yProp: string = 'y') => {
  * @param {Point} output - The point to store the result in (optional).
  * @returns {Point} A new point with the same coordinates as the input.
  */
-export const clone = (input: Point, output: Point = null) => {
+export const clone = (input: Point, output: Point | null = null) => {
   const result = output || new Point();
   result.setTo(input.x, input.y);
   return result;

package/src/phaser/geom/util/polygon.ts

@@ -6,7 +6,7 @@ import { Polygon } from '../polygon.js';
  * @param {Polygon} output - Optional polygon to store the result in.
  * @returns {Polygon} The cloned polygon.
  */
-export const clone = (input: Polygon, output: Polygon = null) => {
+export const clone = (input: Polygon, output: Polygon | null = null) => {
   const result = output || new Polygon();
   result.setTo(input._points.slice());
   return result;