@vpmedia/phaser 1.106.0 → 1.108.0

package/src/phaser/core/input.ts

@@ -220,7 +220,7 @@ export class Input {
     const id = this.pointers.length + 1;
     const pointer = new Pointer(this.game, id, POINTER_CONTACT);
     this.pointers.push(pointer);
-    this[`pointer${id}`] = pointer;
+    (this as unknown as Record<string, Pointer>)[`pointer${id}`] = pointer;
     return pointer;
   }
 
@@ -420,7 +420,7 @@ export class Input {
   getLocalPosition(
     displayObject: import('../display/display_object.js').DisplayObject,
     pointer: Pointer,
-    output: Point = null
+    output: Point | null = null
   ) {
     const result = output || new Point();
     const wt = displayObject.worldTransform;

package/src/phaser/core/input_handler.ts

@@ -42,7 +42,7 @@ export class InputHandler {
   _dragTimePass!: any;
   _dragDistancePass!: any;
   _wasEnabled!: any;
-  _tempPoint!: any;
+  _tempPoint!: import('../geom/point.js').Point;
   _pointerData!: any;
   _dx!: any;
   _dy!: any;
@@ -324,7 +324,7 @@ export class InputHandler {
    * @param {number} pointerId - TBD.
    * @returns {boolean} TBD.
    */
-  pointerOver(pointerId: number = null) {
+  pointerOver(pointerId: number | null = null) {
     if (!this.enabled) {
       return false;
     }
@@ -344,7 +344,7 @@ export class InputHandler {
    * @param {number} pointerId - TBD.
    * @returns {boolean} TBD.
    */
-  pointerOut(pointerId: number = null) {
+  pointerOut(pointerId: number | null = null) {
     if (!this.enabled) {
       return false;
     }
@@ -354,6 +354,7 @@ export class InputHandler {
           return true;
         }
       }
+      return false;
     }
     return this._pointerData[pointerId].isOut;
   }
@@ -449,10 +450,10 @@ export class InputHandler {
    * @param {import('./input_pointer.js').Pointer} pointer - TBD.
    * @returns {boolean} TBD.
    */
-  checkPixel(x: number, y: number, pointer?: any) {
+  checkPixel(x: number | null, y: number | null, pointer?: any) {
     //  Grab a pixel from our image into the hitCanvas and then test it
     if (this.sprite.texture.baseTexture.source) {
-      if (x === null && y === null) {
+      if (x === null || y === null) {
         //  Use the pointer parameter
         this.game.input.getLocalPosition(this.sprite, pointer, this._tempPoint);
         x = this._tempPoint.x;

package/src/phaser/core/input_mouse.ts

@@ -1,79 +1,3 @@
-/* const NO_BUTTON = -1;
-const LEFT_BUTTON = 0;
-const MIDDLE_BUTTON = 1;
-const RIGHT_BUTTON = 2;
-const BACK_BUTTON = 3;
-const FORWARD_BUTTON = 4;
-const WHEEL_UP = 1;
-const WHEEL_DOWN = -1; */
-
-class WheelEventProxy {
-  _scaleFactor!: any;
-  _deltaMode!: any;
-  originalEvent!: any;
-  type!: any;
-  deltaZ!: any;
-  /**
-   * TBD.
-   * @param {number} scaleFactor - TBD.
-   * @param {number} deltaMode - TBD.
-   */
-  constructor(scaleFactor: number, deltaMode: number) {
-    this._scaleFactor = scaleFactor;
-    this._deltaMode = deltaMode;
-    this.originalEvent = null;
-    this.type = 'wheel';
-    this.deltaZ = { value: 0 };
-  }
-
-  /**
-   * TBD.
-   * @param {WheelEvent} event - TBD.
-   * @returns {WheelEventProxy} TBD.
-   */
-  bindEvent(event: any) {
-    // TODO
-    console.warn('input_mouse.bindEvent() is not implemented');
-    /*
-    if (!window.PhaserRegistry.isMouseWheelEventBinded && event) {
-      const makeBinder = (name) => {
-        return () => {
-          const v = this.originalEvent[name];
-          return typeof v !== 'function' ? v : v.bind(this.originalEvent);
-        };
-      };
-      window.PhaserRegistry.isMouseWheelEventBinded = true;
-    }
-    */
-    this.originalEvent = event;
-    return this;
-  }
-
-  /**
-   * TBD.
-   * @returns {number} TBD.
-   */
-  get deltaMode() {
-    return this._deltaMode;
-  }
-
-  /**
-   * TBD.
-   * @returns {number} TBD.
-   */
-  get deltaY() {
-    return this._scaleFactor * (this.originalEvent.wheelDelta || this.originalEvent.detail) || 0;
-  }
-
-  /**
-   * TBD.
-   * @returns {number} TBD.
-   */
-  get deltaX() {
-    return this._scaleFactor * this.originalEvent.wheelDeltaX || 0;
-  }
-}
-
 export class Mouse {
   game!: any;
   input!: any;
@@ -91,14 +15,14 @@ export class Mouse {
   locked!: any;
   stopOnGameOut!: any;
   event!: any;
-  _onMouseDown!: any;
-  _onMouseMove!: any;
-  _onMouseUp!: any;
-  _onMouseOut!: any;
-  _onMouseOver!: any;
-  _onMouseWheel!: any;
-  _onMouseUpGlobal!: any;
-  _onMouseOutGlobal!: any;
+  _onMouseDown!: ((event: MouseEvent) => void) | null;
+  _onMouseMove!: ((event: MouseEvent) => void) | null;
+  _onMouseUp!: ((event: MouseEvent) => void) | null;
+  _onMouseOut!: ((event: MouseEvent) => void) | null;
+  _onMouseOver!: ((event: MouseEvent) => void) | null;
+  _onMouseWheel!: ((event: WheelEvent) => void) | null;
+  _onMouseUpGlobal!: (event: MouseEvent) => void;
+  _onMouseOutGlobal!: (event: MouseEvent) => void;
   _wheelEvent!: any;
   /**
    * TBD.

package/src/phaser/core/input_mspointer.ts

@@ -9,12 +9,12 @@ export class MSPointer {
   button!: any;
   event!: any;
   enabled!: any;
-  _onMSPointerDown!: any;
-  _onMSPointerMove!: any;
-  _onMSPointerUp!: any;
-  _onMSPointerUpGlobal!: any;
-  _onMSPointerOut!: any;
-  _onMSPointerOver!: any;
+  _onMSPointerDown!: ((event: PointerEvent) => void) | null;
+  _onMSPointerMove!: ((event: PointerEvent) => void) | null;
+  _onMSPointerUp!: ((event: PointerEvent) => void) | null;
+  _onMSPointerUpGlobal!: ((event: Event) => void) | null;
+  _onMSPointerOut!: ((event: PointerEvent) => void) | null;
+  _onMSPointerOver!: ((event: PointerEvent) => void) | null;
   /**
    * TBD.
    * @param {import('./game.js').Game} game - TBD.
@@ -86,11 +86,15 @@ export class MSPointer {
     canvas.removeEventListener('pointerdown', this._onMSPointerDown, false);
     canvas.removeEventListener('pointermove', this._onMSPointerMove, false);
     canvas.removeEventListener('pointerup', this._onMSPointerUp, false);
-    window.removeEventListener('MSPointerUp', this._onMSPointerUpGlobal, true);
+    if (this._onMSPointerUpGlobal) {
+      window.removeEventListener('MSPointerUp', this._onMSPointerUpGlobal, true);
+    }
     canvas.removeEventListener('MSPointerOver', this._onMSPointerOver, true);
     canvas.removeEventListener('MSPointerOut', this._onMSPointerOut, true);
     //  IE11+ uses non-prefix events
-    window.removeEventListener('pointerup', this._onMSPointerUpGlobal, true);
+    if (this._onMSPointerUpGlobal) {
+      window.removeEventListener('pointerup', this._onMSPointerUpGlobal, true);
+    }
     canvas.removeEventListener('pointerover', this._onMSPointerOver, true);
     canvas.removeEventListener('pointerout', this._onMSPointerOut, true);
   }

package/src/phaser/core/input_touch.ts

@@ -10,13 +10,13 @@ export class Touch {
   touchCancelCallback!: any;
   preventDefault!: any;
   event!: any;
-  _onTouchStart!: any;
-  _onTouchMove!: any;
-  _onTouchEnd!: any;
-  _onTouchEnter!: any;
-  _onTouchLeave!: any;
-  _onTouchCancel!: any;
-  _documentTouchMove!: any;
+  _onTouchStart!: ((event: TouchEvent) => void) | null;
+  _onTouchMove!: ((event: TouchEvent) => void) | null;
+  _onTouchEnd!: ((event: TouchEvent) => void) | null;
+  _onTouchEnter!: ((event: TouchEvent) => void) | null;
+  _onTouchLeave!: ((event: TouchEvent) => void) | null;
+  _onTouchCancel!: ((event: TouchEvent) => void) | null;
+  _documentTouchMove!: (event: TouchEvent) => void;
   /**
    * TBD.
    * @param {import('./game.js').Game} game - TBD.

package/src/phaser/core/loader.ts

@@ -204,10 +204,10 @@ export class Loader {
   addToFileList(
     type: string,
     key: string = '',
-    url: string = null,
-    properties: any = null,
+    url: string | null = null,
+    properties: any | null = null,
     overwrite: boolean = false,
-    extension: string = null
+    extension: string | null = null
   ) {
     if (key === undefined || key === '') {
       this.game.logger.warn(`Loader: Invalid or no key given of type ${type}`);
@@ -221,7 +221,7 @@ export class Loader {
         return this;
       }
     }
-    const file = {
+    const file: Record<string, unknown> = {
       type,
       key,
       path: this.path,
@@ -233,10 +233,9 @@ export class Loader {
       error: false,
     };
     if (properties) {
-      const keys = Object.keys(properties);
-      for (let i = 0; i < keys.length; i += 1) {
-        const prop = keys[i];
-        file[prop] = properties[prop];
+      const extraProperties = properties as Record<string, unknown>;
+      for (const prop of Object.keys(extraProperties)) {
+        file[prop] = extraProperties[prop];
       }
     }
     const fileIndex = this.getAssetIndex(type, key);
@@ -282,7 +281,7 @@ export class Loader {
       url: url,
       path: this.path,
       syncPoint: true,
-      data: null,
+      data: null as unknown,
       loading: false,
       loaded: false,
       error: false,
@@ -454,9 +453,9 @@ export class Loader {
    */
   bitmapFont(
     key: string,
-    textureURL: string = null,
-    atlasURL: string = null,
-    atlasData: any = null,
+    textureURL: string | null = null,
+    atlasURL: string | null = null,
+    atlasData: any | null = null,
     xSpacing: number = 0,
     ySpacing: number = 0
   ) {
@@ -504,8 +503,8 @@ export class Loader {
   atlas(
     key: string,
     textureURL: string,
-    atlasURL: string = null,
-    atlasData: any = null,
+    atlasURL: string | null = null,
+    atlasData: any | null = null,
     format: number = TEXTURE_ATLAS_JSON_HASH
   ) {
     if (textureURL === undefined || textureURL === null) {
@@ -888,7 +887,7 @@ export class Loader {
    * @param {Function} onload - The function to call when the file loads successfully.
    * @param {Function} onerror - The function to call if the file fails to load.
    */
-  xhrLoad(file: any, url: any, type: any, onload: Function, onerror: Function = null) {
+  xhrLoad(file: any, url: any, type: any, onload: Function, onerror: Function | null = null) {
     this.log('xhrLoad', file);
     const scope = this;
     const xhr = new XMLHttpRequest();
@@ -1007,7 +1006,7 @@ export class Loader {
    * @param {XMLHttpRequest} xhr - The XMLHttpRequest object that failed.
    * @param {number | string} reason - The error code or message explaining the failure.
    */
-  fileError(file: any, xhr: any = null, reason: any = 0) {
+  fileError(file: any, xhr: any | null = null, reason: any = 0) {
     // const url = file.requestUrl || this.transformUrl(file.url, file);
     if (!reason && xhr) {
       reason = xhr.status;
@@ -1070,22 +1069,27 @@ export class Loader {
         } else {
           //  Load the XML before carrying on with the next file
           loadNext = false;
-          this.xhrLoad(file, this.transformUrl(file.atlasURL, file), 'text', (bitmapFontFile, bitmapFontXhr) => {
-            let json;
-            try {
-              // Try to parse as JSON, if it fails, then it's hopefully XML
-              json = JSON.parse(bitmapFontXhr.responseText);
-            } catch (error) {
-              // pass
+          this.xhrLoad(
+            file,
+            this.transformUrl(file.atlasURL, file),
+            'text',
+            (bitmapFontFile: Record<string, unknown>, bitmapFontXhr: XMLHttpRequest) => {
+              let json;
+              try {
+                // Try to parse as JSON, if it fails, then it's hopefully XML
+                json = JSON.parse(bitmapFontXhr.responseText);
+              } catch (error) {
+                // pass
+              }
+              if (json) {
+                bitmapFontFile.atlasType = 'json';
+                this.jsonLoadComplete(bitmapFontFile, bitmapFontXhr);
+              } else {
+                bitmapFontFile.atlasType = 'xml';
+                this.xmlLoadComplete(bitmapFontFile, bitmapFontXhr);
+              }
             }
-            if (json) {
-              bitmapFontFile.atlasType = 'json';
-              this.jsonLoadComplete(bitmapFontFile, bitmapFontXhr);
-            } else {
-              bitmapFontFile.atlasType = 'xml';
-              this.xmlLoadComplete(bitmapFontFile, bitmapFontXhr);
-            }
-          });
+          );
         }
         break;
       case 'audio':

package/src/phaser/core/loader_parser.ts

@@ -94,13 +94,18 @@ export const jsonBitmapFont = (
   xSpacing: number,
   ySpacing: number
 ) => {
-  const data = {
+  const data: {
+    font: string;
+    size: number;
+    lineHeight: number;
+    chars: Record<number, { kerning: Record<number, number>; [key: string]: unknown }>;
+  } = {
     font: json.font.info._face,
     size: Number.parseInt(json.font.info._size, 10),
     lineHeight: Number.parseInt(json.font.common._lineHeight, 10) + ySpacing,
     chars: {},
   };
-  json.font.chars.char.forEach((letter) => {
+  json.font.chars.char.forEach((letter: Record<string, string>) => {
     const charCode = Number.parseInt(letter._id, 10);
     data.chars[charCode] = {
       x: Number.parseInt(letter._x, 10),
@@ -114,8 +119,11 @@ export const jsonBitmapFont = (
     };
   });
   if (json.font.kernings && json.font.kernings.kerning) {
-    json.font.kernings.kerning.forEach((kerning) => {
-      data.chars[kerning._second].kerning[kerning._first] = Number.parseInt(kerning._amount, 10);
+    json.font.kernings.kerning.forEach((kerning: Record<string, string>) => {
+      const char = data.chars[Number.parseInt(kerning._second, 10)];
+      if (char) {
+        char.kerning[Number.parseInt(kerning._first, 10)] = Number.parseInt(kerning._amount, 10);
+      }
     });
   }
   return finalizeBitmapFont(baseTexture, data);

package/src/phaser/core/scale_manager.ts

@@ -60,10 +60,10 @@ export class ScaleManager {
   _lastReportedCanvasSize!: any;
   _lastReportedGameSize!: any;
   _booted!: any;
-  _orientationChange!: any;
-  _windowResize!: any;
-  _fullScreenChange!: any;
-  _fullScreenError!: any;
+  _orientationChange!: (event: Event) => void;
+  _windowResize!: (event: UIEvent) => void;
+  _fullScreenChange!: (event: Event) => void;
+  _fullScreenError!: (event: Event) => void;
   /**
    * TBD.
    * @param {import('./game.js').Game} game - TBD.
@@ -826,7 +826,7 @@ export class ScaleManager {
       return false;
     }
     this.hasPhaserSetFullScreen = false;
-    document[this.game.device.cancelFullscreen]();
+    (document as unknown as Record<string, () => void>)[this.game.device.cancelFullscreen]();
     return true;
   }
 

package/src/phaser/core/scene.ts

@@ -43,10 +43,10 @@ export class Scene {
 
   /**
    * Handle scene resize.
-   * @param {number} width - The new width of the scene.
-   * @param {number} height - The new height of the scene.
+   * @param {number} _width - The new width of the scene.
+   * @param {number} _height - The new height of the scene.
    */
-  resize(width: number, height: number) {
+  resize(_width: number, _height: number) {
     // inherit
   }
 

package/src/phaser/core/signal.ts

@@ -48,7 +48,7 @@ export class Signal {
   _registerListener(
     listener: Function,
     isOnce: boolean = false,
-    listenerContext: any = null,
+    listenerContext: any | null = null,
     priority: number = 0,
     args: any = null
   ) {
@@ -95,7 +95,7 @@ export class Signal {
    * @param {object} context - The context of the listener.
    * @returns {number} The index of the listener in the bindings array, or -1 if not found.
    */
-  _indexOfListener(listener: Function, context: any = null) {
+  _indexOfListener(listener: Function, context: any | null = null) {
     if (!this._bindings) {
       return -1;
     }
@@ -117,7 +117,7 @@ export class Signal {
    * @param {object} context - The context of the listener.
    * @returns {boolean} True if the listener is registered, false otherwise.
    */
-  has(listener: Function, context: any = null) {
+  has(listener: Function, context: any | null = null) {
     return this._indexOfListener(listener, context) !== -1;
   }
 
@@ -129,7 +129,7 @@ export class Signal {
    * @param {...any} args - Additional arguments to pass to the listener.
    * @returns {SignalBinding} The binding for this listener.
    */
-  add(listener: Function, listenerContext: any = null, priority: number = 0, ...args: any[]) {
+  add(listener: Function, listenerContext: any | null = null, priority: number = 0, ...args: any[]) {
     this.validateListener(listener, 'add');
     return this._registerListener(listener, false, listenerContext, priority, args);
   }
@@ -142,7 +142,7 @@ export class Signal {
    * @param {...any} args - Additional arguments to pass to the listener.
    * @returns {SignalBinding} The binding for this listener.
    */
-  addOnce(listener: Function, listenerContext: any = null, priority: number = 0, ...args: any[]) {
+  addOnce(listener: Function, listenerContext: any | null = null, priority: number = 0, ...args: any[]) {
     this.validateListener(listener, 'addOnce');
     return this._registerListener(listener, true, listenerContext, priority, args);
   }
@@ -153,7 +153,7 @@ export class Signal {
    * @param {object} context - The context of the listener.
    * @returns {Function} The removed listener function.
    */
-  remove(listener: Function, context: any = null) {
+  remove(listener: Function, context: any | null = null) {
     this.validateListener(listener, 'remove');
     const i = this._indexOfListener(listener, context);
     if (i !== -1) {
@@ -168,7 +168,7 @@ export class Signal {
    * Remove all listeners from the signal, or only those in a specific context.
    * @param {object} context - The context to filter listeners by, or null to remove all.
    */
-  removeAll(context: any = null) {
+  removeAll(context: any | null = null) {
     if (!this._bindings) {
       return;
     }
@@ -268,7 +268,7 @@ export class Signal {
   get boundDispatch() {
     const _this = this;
     if (!this._boundDispatch) {
-      this._boundDispatch = (...rest) => _this.dispatch(...rest);
+      this._boundDispatch = (...rest: unknown[]) => _this.dispatch(...rest);
     }
     return this._boundDispatch;
   }
@@ -279,7 +279,7 @@ export class Signal {
    */
   toPromise() {
     return new Promise((resolve) => {
-      this.addOnce((...args) => {
+      this.addOnce((...args: unknown[]) => {
         resolve(args.length <= 1 ? args[0] : args);
       }, this);
     });

package/src/phaser/core/signal_binding.ts

@@ -22,7 +22,7 @@ export class SignalBinding {
     signal: import('./signal.js').Signal,
     listener: Function,
     isOnce: boolean = false,
-    listenerContext: any = null,
+    listenerContext: any | null = null,
     priority: number = 0,
     args: any = null
   ) {

package/src/phaser/core/sound.ts

@@ -27,8 +27,8 @@ export class Sound {
   allowMultiple!: boolean;
   externalNode!: AudioNode | null;
   masterGainNode!: GainNode | null;
-  gainNode!: GainNode | null;
-  _sound!: AudioBufferSourceNode | null;
+  gainNode!: GainNode;
+  _sound!: AudioBufferSourceNode;
   _markedToDelete!: boolean;
   _removeFromSoundManager!: boolean;
   onPlay!: Signal;
@@ -61,7 +61,7 @@ export class Sound {
     key: string,
     volume: number = 1,
     loop: boolean = false,
-    connect: boolean = null
+    connect: boolean | null = null
   ) {
     // TODO
     // https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Migrating_from_webkitAudioContext
@@ -73,7 +73,6 @@ export class Sound {
     this.key = key;
     this.loop = loop;
     this.markers = {};
-    this.context = null;
     this.autoplay = false;
     this.totalDuration = 0;
     this.startTime = 0;
@@ -93,24 +92,16 @@ export class Sound {
     this.allowMultiple = false;
     /** @type {GainNode} */
     this.externalNode = null;
-    /** @type {GainNode} */
-    this.masterGainNode = null;
-    /** @type {GainNode} */
-    this.gainNode = null;
-    /** @type {AudioBufferSourceNode} */
-    this._sound = null;
     this._markedToDelete = false;
     this._removeFromSoundManager = false;
     this.context = this.game.sound.context;
     this.masterGainNode = this.game.sound.masterGain;
-    if (this.context.createGain === undefined) {
-      this.gainNode = (this.context as any).createGainNode();
-    } else {
-      this.gainNode = this.context.createGain();
-    }
-    this.gainNode.gain.value = volume * this.game.sound.volume;
-    if (connect) {
-      this.gainNode.connect(this.masterGainNode);
+    const gainNode: GainNode =
+      this.context.createGain === undefined ? (this.context as any).createGainNode() : this.context.createGain();
+    this.gainNode = gainNode;
+    gainNode.gain.value = volume * this.game.sound.volume;
+    if (connect && this.masterGainNode) {
+      gainNode.connect(this.masterGainNode);
     }
     this.onPlay = new Signal();
     this.onPause = new Signal();
@@ -192,7 +183,7 @@ export class Sound {
       this.game.sound.remove(this);
     } else {
       this.markers = {};
-      this.context = null;
+      this.context = null!;
       this._buffer = null;
       this.externalNode = null;
       this.onPlay.dispose();
@@ -348,7 +339,7 @@ export class Sound {
       if (!this.loop && marker === '') {
         this._sound.onended = this.onEndedHandler.bind(this);
       }
-      this.totalDuration = this._sound.buffer.duration;
+      this.totalDuration = this._sound.buffer?.duration ?? 0;
       if (this.duration === 0) {
         this.duration = this.totalDuration;
         this.durationMS = Math.ceil(this.totalDuration * 1000);
@@ -520,7 +511,7 @@ export class Sound {
       this.game.sound.remove(this);
     } else {
       this.markers = {};
-      this.context = null;
+      this.context = null!;
       this._buffer = null;
       this.externalNode = null;
       this.onPlay.dispose();

package/src/phaser/core/sound_manager.ts

@@ -209,7 +209,7 @@ export class SoundManager {
         });
         this.removeUnlockHandlers();
       })
-      .catch((error) => {
+      .catch((error: unknown) => {
         this.game.logger.info('onContextResumeReject', {
           initialState,
           state: this.context.state,
@@ -280,10 +280,10 @@ export class SoundManager {
     this.game.cache.updateSound(key, 'isDecoding', true);
     this.context
       .decodeAudioData(soundData)
-      .then((buffer) => {
+      .then((buffer: AudioBuffer) => {
         this.game.cache.decodedSound(key, buffer);
       })
-      .catch((error) => {
+      .catch((error: unknown) => {
         const typedError = error instanceof Error ? error : new Error(String(error));
         this.game.logger.exception('SoundManager', typedError, { tags: { 'asset.key': key } });
         if (typedError.name === 'InvalidStateError') {

package/src/phaser/core/stage.ts

@@ -62,7 +62,7 @@ export class Stage extends DisplayObject {
   /**
    * Pre-updates the stage and its children.
    */
-  preUpdate() {
+  override preUpdate() {
     this.currentRenderOrderID = 0;
     //  This can't loop in reverse, we need the renderOrderID to be in sequence
     for (let i = 0; i < this.children.length; i += 1) {
@@ -73,7 +73,7 @@ export class Stage extends DisplayObject {
   /**
    * Updates the stage and its children.
    */
-  update() {
+  override update() {
     let i = this.children.length;
     while (i) {
       i -= 1;
@@ -84,7 +84,7 @@ export class Stage extends DisplayObject {
   /**
    * Post-updates the stage and its children.
    */
-  postUpdate() {
+  override postUpdate() {
     for (let i = 0; i < this.children.length; i += 1) {
       this.children[i].postUpdate();
     }
@@ -94,7 +94,7 @@ export class Stage extends DisplayObject {
   /**
    * Updates the stage's transformation matrix.
    */
-  updateTransform(): this {
+  override updateTransform(): this {
     this.worldAlpha = 1;
     for (let i = 0; i < this.children.length; i += 1) {
       this.children[i].updateTransform();
@@ -105,9 +105,9 @@ export class Stage extends DisplayObject {
   /**
    * Destroys the stage and cleans up resources.
    */
-  destroy() {
+  override destroy() {
     this.exists = false;
-    this.game = null;
+    this.game = null!;
     this.worldTransform = null;
     this._bgColor = null;
   }