@vpmedia/phaser 1.119.0 → 1.121.0

package/src/phaser/core/animation_manager.ts

@@ -118,15 +118,9 @@ export class AnimationManager {
   ): Animation {
     const frames = frameList ?? [];
     //  If they didn't set the useNumericIndex then let's at least try and guess it
-    if (useNumericIndex === undefined) {
-      if (frames && typeof frames[0] === 'number') {
-        useNumericIndex = true;
-      } else {
-        useNumericIndex = false;
-      }
-    }
+    const numericIndex = useNumericIndex ?? typeof frames[0] === 'number';
     this._outputFrames = [];
-    this._frameData!.getFrameIndexes(frames, useNumericIndex, this._outputFrames);
+    this._frameData!.getFrameIndexes(frames, numericIndex, this._outputFrames);
     this._anims[name] = new Animation(
       this.game,
       this.sprite,
@@ -150,8 +144,7 @@ export class AnimationManager {
    * @returns {boolean} True if all frames are valid, false otherwise.
    */
   public validateFrames(frames: string[] | number[], useNumericIndex = false): boolean {
-    for (let i = 0; i < frames.length; i += 1) {
-      const frame = frames[i]!;
+    for (const frame of frames) {
       if (useNumericIndex) {
         if (Number(frame) > this._frameData!.total) {
           return false;
@@ -254,7 +247,6 @@ export class AnimationManager {
    * Refreshes the current frame texture (not implemented).
    */
   public refreshFrame(): void {
-    // TODO
     this.game.logger.warn('animation_manager.refreshFrame() is not implemented');
     // this.sprite.setTexture(PIXI.TextureCache[this.currentFrame.uuid]);
   }

package/src/phaser/core/animation_parser.ts

@@ -71,9 +71,9 @@ export const spriteSheet = (
  * @param {object} json - TBD.
  * @returns {FrameData} TBD.
  */
-export const JSONDataHash = (game: Game, json: any, _key?: any): FrameData | null => {
+export const jsonDataHash = (game: Game, json: any, _key?: any): FrameData | null => {
   if (!json.frames) {
-    game.logger.warn('JSONDataHash: Invalid Texture Atlas JSON given, missing frames object', json);
+    game.logger.warn('jsonDataHash: Invalid Texture Atlas JSON given, missing frames object', json);
     return null;
   }
   // Let's create some frames then

package/src/phaser/core/array_set.ts

@@ -84,11 +84,9 @@ export class ArraySet {
    * @param {object} value - TBD.
    */
   public setAll(key: string, value: any): void {
-    let i = this.list.length;
-    while (i) {
-      i -= 1;
-      if (this.list[i]) {
-        this.list[i][key] = value;
+    for (const item of this.list) {
+      if (item) {
+        item[key] = value;
       }
     }
   }
@@ -99,11 +97,11 @@ export class ArraySet {
    * @param {...any} args - TBD.
    */
   public callAll(key: string, ...args: unknown[]): void {
-    let i = this.list.length;
-    while (i) {
-      i -= 1;
-      if (this.list[i] && this.list[i][key]) {
-        this.list[i][key].apply(this.list[i], args);
+    // walked backwards so a callback that removes its own entry does not skip the next one
+    for (let i = this.list.length - 1; i >= 0; i -= 1) {
+      const item = this.list[i];
+      if (item && item[key]) {
+        item[key](...args);
       }
     }
   }

package/src/phaser/core/cache.ts

@@ -1,7 +1,7 @@
 import type { TextureSource } from '../display/webgl/base_texture.js';
 import { BaseTexture } from '../display/webgl/base_texture.js';
 import { Texture } from '../display/webgl/texture.js';
-import { JSONDataHash, spriteSheet } from './animation_parser.js';
+import { jsonDataHash, spriteSheet } from './animation_parser.js';
 import { Frame } from './frame.js';
 import { FrameData } from './frame_data.js';
 import { jsonBitmapFont, xmlBitmapFont } from './loader_parser.js';
@@ -215,7 +215,7 @@ export class Cache {
       url,
       data,
       base: new BaseTexture(data),
-      frameData: JSONDataHash(this.game, atlasData, key),
+      frameData: jsonDataHash(this.game, atlasData, key),
     };
     this._cache.image[key] = obj;
     this._resolveURL(url, obj);

package/src/phaser/core/callback.ts

@@ -0,0 +1,14 @@
+/**
+ * A callback the engine invokes with a receiver the caller chose. The rest parameter is `never[]`
+ * so a handler declared with concrete parameters is still assignable.
+ */
+export type Callback = (...args: never[]) => unknown;
+
+/** The same callback once its concrete parameter types are behind us, ready to be applied. */
+export type AppliedCallback = (...args: unknown[]) => unknown;
+
+/** An easing curve: it maps a normalised time to a normalised progress. */
+export type EasingFunction = (k: number) => number;
+
+/** An interpolation curve: it reads a value out of a list of stops at a normalised position. */
+export type InterpolationFunction = (v: number[], k: number) => number;

package/src/phaser/core/device.ts

@@ -1,55 +1,26 @@
+/** What the current device and browser can do, as probed at boot. */
 export class Device {
-  public desktop: boolean = false;
-  public iOS: boolean = false;
-  public android: boolean = false;
-  public chromeOS: boolean = false;
-  public linux: boolean = false;
-  public macOS!: boolean;
-  public windows!: boolean;
-  public windowsPhone!: boolean;
-  public canvas!: boolean;
-  public touch!: boolean;
-  public mspointer!: boolean;
-  public wheelEvent!: string | null;
-  public chrome!: boolean;
-  public firefox!: boolean;
-  public edge!: boolean;
-  public safari!: boolean;
-  public fullscreen!: boolean;
-  public requestFullscreen!: string;
-  public cancelFullscreen!: string;
-  public fullscreenKeyboard!: boolean;
-  public noAudioFormat!: boolean;
-  public supportedAudioFormats!: Record<string, boolean>;
-  public supportedImageFormats!: Record<string, boolean>;
-  /**
-   * Creates a new Device instance.
-   * This class provides information about the current device and browser capabilities.
-   */
-  public constructor() {
-    this.macOS = false;
-    this.windows = false;
-    this.windowsPhone = false;
-    this.canvas = false;
-    this.touch = false;
-    this.mspointer = false;
-    this.wheelEvent = null;
-    this.chrome = false;
-    this.firefox = false;
-    this.edge = false;
-    this.safari = false;
-    this.fullscreen = false;
-    this.requestFullscreen = '';
-    this.cancelFullscreen = '';
-    this.fullscreenKeyboard = false;
-    this.noAudioFormat = false;
-    /**
-     * @type {{[key: string]: boolean}}
-     */
-    this.supportedAudioFormats = {};
-    /**
-     * @type {{[key: string]: boolean}}
-     */
-    this.supportedImageFormats = {};
-  }
+  public desktop = false;
+  public iOS = false;
+  public android = false;
+  public chromeOS = false;
+  public linux = false;
+  public macOS = false;
+  public windows = false;
+  public windowsPhone = false;
+  public canvas = false;
+  public touch = false;
+  public mspointer = false;
+  public wheelEvent: string | null = null;
+  public chrome = false;
+  public firefox = false;
+  public edge = false;
+  public safari = false;
+  public fullscreen = false;
+  public requestFullscreen = '';
+  public cancelFullscreen = '';
+  public fullscreenKeyboard = false;
+  public noAudioFormat = false;
+  public supportedAudioFormats: Record<string, boolean> = {};
+  public supportedImageFormats: Record<string, boolean> = {};
 }

package/src/phaser/core/device_util.ts

@@ -110,8 +110,8 @@ export const checkFullScreenSupport = (device: Device): void => {
         break;
       }
     }
-    // @ts-expect-error
-    if (globalThis.Element && Element.ALLOW_KEYBOARD_INPUT) {
+    // ALLOW_KEYBOARD_INPUT is a legacy webkit fullscreen flag, absent from lib.dom
+    if (globalThis.Element && (Element as unknown as { ALLOW_KEYBOARD_INPUT?: number }).ALLOW_KEYBOARD_INPUT) {
       device.fullscreenKeyboard = true;
     }
   }
@@ -213,9 +213,9 @@ export const checkImage = (device: Device): void => {
     const avif = new Image();
     avif.src =
       'data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=';
-    avif.onload = function onload(): void {
+    avif.addEventListener('load', (): void => {
       device.supportedImageFormats['avif'] = true;
-    };
+    });
   } catch (error) {
     const typedError = error instanceof Error ? error : new Error(String(error));
     logger.fatal('checkImage error with avif', { error: typedError });
@@ -223,9 +223,9 @@ export const checkImage = (device: Device): void => {
   try {
     const webp = new Image();
     webp.src = 'data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=';
-    webp.onload = function onload(): void {
+    webp.addEventListener('load', (): void => {
       device.supportedImageFormats['webp'] = true;
-    };
+    });
   } catch (error) {
     const typedError = error instanceof Error ? error : new Error(String(error));
     logger.fatal('checkImage error with webp', { error: typedError });

package/src/phaser/core/dom.ts

@@ -205,15 +205,15 @@ export class DOM {
    * @returns {Point} The offset position of the element.
    */
   public getOffset(element: HTMLCanvasElement, point: Point | null = null): Point {
-    point = point ?? new Point();
+    const offset = point ?? new Point();
     const box = element.getBoundingClientRect();
     const scrollTop = this.scrollY;
     const scrollLeft = this.scrollX;
     const { clientTop } = document.documentElement;
     const { clientLeft } = document.documentElement;
-    point.x = box.left + scrollLeft - clientLeft;
-    point.y = box.top + scrollTop - clientTop;
-    return point;
+    offset.x = box.left + scrollLeft - clientLeft;
+    offset.y = box.top + scrollTop - clientTop;
+    return offset;
   }
 
   /**
@@ -257,7 +257,7 @@ export class DOM {
    */
   public getScreenOrientation(primaryFallback: string | null = null): OrientationType {
     const { screen } = globalThis;
-    // @ts-expect-error
+    // @ts-expect-error the prefixed orientation properties predate the standard one and are absent from lib.dom
     const orientation = screen.orientation || screen.mozOrientation || screen.msOrientation;
     if (orientation && typeof orientation.type === 'string') {
       // Screen Orientation API specification
@@ -272,9 +272,12 @@ export class DOM {
       return screen.height > screen.width ? PORTRAIT : LANDSCAPE;
     } else if (primaryFallback === 'viewport') {
       return this.visualBounds.height > this.visualBounds.width ? PORTRAIT : LANDSCAPE;
-    } else if (primaryFallback === 'window.orientation' && typeof globalThis.orientation === 'number') {
+    }
+    // the legacy angle, kept behind its own fallback because the standard API does not report it
+    const { orientation: legacyOrientation } = globalThis as { orientation?: number };
+    if (primaryFallback === 'window.orientation' && typeof legacyOrientation === 'number') {
       // This may change by device based on "natural" orientation.
-      return globalThis.orientation === 0 || globalThis.orientation === 180 ? PORTRAIT : LANDSCAPE;
+      return legacyOrientation === 0 || legacyOrientation === 180 ? PORTRAIT : LANDSCAPE;
     } else if (globalThis.matchMedia) {
       if (globalThis.matchMedia('(orientation: portrait)').matches) {
         return PORTRAIT;

package/src/phaser/core/factory.ts

@@ -5,6 +5,7 @@ import { Group } from '../display/group.js';
 import { Image } from '../display/image.js';
 import { Text } from '../display/text.js';
 import type { Game } from './game.js';
+import type { SignalListener } from './signal.js';
 
 export class GameObjectFactory {
   public game!: Game;
@@ -73,8 +74,8 @@ export class GameObjectFactory {
     x: number,
     y: number,
     key: string,
-    callback: Function | null = null,
-    callbackContext: unknown | null = null,
+    callback: SignalListener | null = null,
+    callbackContext: unknown = null,
     overFrame: string | null = null,
     outFrame: string | null = null,
     downFrame: string | null = null,

package/src/phaser/core/game.ts

@@ -42,6 +42,9 @@ export type GameConfig = {
   maxParallelDownloads: number;
   canvas?: HTMLCanvasElement;
   isSkipTicker?: boolean;
+  scaleMode?: number;
+  fullScreenScaleMode?: number;
+  fullScreenTarget?: HTMLElement;
   parent?: string | HTMLElement;
   state?: SceneDefinition | string;
   logger?: Logger;
@@ -180,11 +183,7 @@ export class Game {
     if (this.canvas) {
       removeFromDOM(this.canvas);
     }
-    if (this.config.canvas) {
-      this.canvas = this.config.canvas;
-    } else {
-      this.canvas = create(this, this.width, this.height, this.config.canvasID, true);
-    }
+    this.canvas = this.config.canvas ?? create(this, this.width, this.height, this.config.canvasID, true);
     if (this.config.canvasStyle) {
       const { canvasStyle } = this.config;
       for (const property of Object.keys(canvasStyle)) {

package/src/phaser/core/input.ts

@@ -13,6 +13,7 @@ import { Signal } from './signal.js';
 import type { Game } from './game.js';
 import type { DisplayObject } from '../display/display_object.js';
 import type { InputEvent } from './input_event.js';
+import type { Callback } from './callback.js';
 
 const MAX_POINTERS = 10;
 
@@ -20,9 +21,9 @@ export class Input {
   public game!: Game;
   public hitCanvas!: HTMLCanvasElement;
   public hitContext!: CanvasRenderingContext2D | null;
-  public moveCallbacks!: { callback: Function; context: unknown }[];
+  public moveCallbacks!: { callback: Callback; context: unknown }[];
   public lockCallbacks!: unknown[];
-  public customCandidateHandler!: Function | null;
+  public customCandidateHandler!: Callback | null;
   public customCandidateHandlerContext!: unknown;
   public pollRate!: number;
   public enabled!: boolean;
@@ -66,7 +67,7 @@ export class Input {
   public _localPoint!: Point;
   public _pollCounter!: number;
   public _oldPosition!: Point;
-  public _onClickTrampoline!: any;
+  public _onClickTrampoline!: EventListener | null;
   public _x!: number;
   public _y!: number;
   /**
@@ -154,8 +155,9 @@ export class Input {
       this.touch.start();
     }
     this.mousePointer.active = true;
-    const scope = this;
-    this._onClickTrampoline = (event: InputEvent) => (scope as any).onClickTrampoline(event);
+    this._onClickTrampoline = (): void => {
+      this.onClickTrampoline();
+    };
     this.game.canvas.addEventListener('click', this._onClickTrampoline, false);
   }
 
@@ -171,7 +173,9 @@ export class Input {
     }
     this.moveCallbacks = [];
     remove(this);
-    this.game.canvas.removeEventListener('click', this._onClickTrampoline);
+    if (this._onClickTrampoline) {
+      this.game.canvas.removeEventListener('click', this._onClickTrampoline);
+    }
   }
 
   /**
@@ -179,7 +183,7 @@ export class Input {
    * @param {Function} callback - TBD.
    * @param {object} context - TBD.
    */
-  public setInteractiveCandidateHandler(callback: Function, context: unknown): void {
+  public setInteractiveCandidateHandler(callback: Callback, context: unknown): void {
     this.customCandidateHandler = callback;
     this.customCandidateHandlerContext = context;
   }
@@ -189,7 +193,7 @@ export class Input {
    * @param {Function} callback - TBD.
    * @param {object} context - TBD.
    */
-  public addMoveCallback(callback: Function, context: unknown): void {
+  public addMoveCallback(callback: Callback, context: unknown): void {
     this.moveCallbacks.push({ callback, context });
   }
 
@@ -198,7 +202,7 @@ export class Input {
    * @param {Function} callback - TBD.
    * @param {object} context - TBD.
    */
-  public deleteMoveCallback(callback: Function, context: unknown): void {
+  public deleteMoveCallback(callback: Callback, context: unknown): void {
     let i = this.moveCallbacks.length;
     while (i) {
       i -= 1;
@@ -287,7 +291,7 @@ export class Input {
    * @param {MouseEvent|TouchEvent|PointerEvent} event - TBD.
    * @returns {Pointer} TBD.
    */
-  public startPointer(event: any | TouchEvent | PointerEvent) {
+  public startPointer(event: InputEvent) {
     if (this.maxPointers >= 0 && this.countActivePointers(this.maxPointers) >= this.maxPointers) {
       return null;
     }
@@ -311,7 +315,7 @@ export class Input {
    * @param {MouseEvent|TouchEvent|PointerEvent} event - TBD.
    * @returns {Pointer} TBD.
    */
-  public updatePointer(event: any | TouchEvent | PointerEvent) {
+  public updatePointer(event: InputEvent) {
     if (this.pointer1.active && this.pointer1.identifier === event.identifier) {
       return this.pointer1.move(event);
     }
@@ -332,7 +336,7 @@ export class Input {
    * @param {MouseEvent|TouchEvent|PointerEvent} event - TBD.
    * @returns {Pointer} TBD.
    */
-  public stopPointer(event: any | TouchEvent | PointerEvent) {
+  public stopPointer(event: InputEvent) {
     if (this.pointer1.active && this.pointer1.identifier === event.identifier) {
       return this.pointer1.stop(event);
     }

package/src/phaser/core/input_event.ts

@@ -26,7 +26,7 @@ export type InputEvent = Event & {
   mozMovementY?: number;
   webkitMovementX?: number;
   webkitMovementY?: number;
-  changedTouches?: ArrayLike<InputEvent>;
+  changedTouches?: ArrayLike<InputEvent> & Iterable<InputEvent>;
   targetTouches?: ArrayLike<InputEvent>;
   touches?: ArrayLike<InputEvent>;
   buttons?: number;

package/src/phaser/core/input_handler.ts

@@ -459,39 +459,40 @@ export class InputHandler {
   public checkPixel(x: number | null, y: number | null, pointer?: Pointer): boolean {
     //  Grab a pixel from our image into the hitCanvas and then test it
     if (this.sprite.texture.baseTexture.source) {
-      if (x === null || y === null) {
+      let localX = x;
+      let localY = y;
+      if (localX === null || localY === null) {
         //  Use the pointer parameter
         this.game.input.getLocalPosition(this.sprite, pointer!, this._tempPoint);
-        x = this._tempPoint.x;
-        y = this._tempPoint.y;
+        ({ x: localX, y: localY } = this._tempPoint);
       }
       if (this.sprite.anchor.x !== 0) {
-        x -= -this.sprite.texture.frame.width * this.sprite.anchor.x;
+        localX -= -this.sprite.texture.frame.width * this.sprite.anchor.x;
       }
       if (this.sprite.anchor.y !== 0) {
-        y -= -this.sprite.texture.frame.height * this.sprite.anchor.y;
+        localY -= -this.sprite.texture.frame.height * this.sprite.anchor.y;
       }
-      x += this.sprite.texture.frame.x;
-      y += this.sprite.texture.frame.y;
+      localX += this.sprite.texture.frame.x;
+      localY += this.sprite.texture.frame.y;
       if (this.sprite.texture.trim) {
-        x -= this.sprite.texture.trim.x;
-        y -= this.sprite.texture.trim.y;
+        localX -= this.sprite.texture.trim.x;
+        localY -= this.sprite.texture.trim.y;
         //  If the coordinates are outside the trim area we return false immediately, to save doing a draw call
         if (
-          x < this.sprite.texture.crop.x ||
-          x > this.sprite.texture.crop.right ||
-          y < this.sprite.texture.crop.y ||
-          y > this.sprite.texture.crop.bottom
+          localX < this.sprite.texture.crop.x ||
+          localX > this.sprite.texture.crop.right ||
+          localY < this.sprite.texture.crop.y ||
+          localY > this.sprite.texture.crop.bottom
         ) {
-          this._dx = x;
-          this._dy = y;
+          this._dx = localX;
+          this._dy = localY;
           return false;
         }
       }
-      this._dx = x;
-      this._dy = y;
+      this._dx = localX;
+      this._dy = localY;
       this.game.input.hitContext!.clearRect(0, 0, 1, 1);
-      this.game.input.hitContext!.drawImage(this.sprite.texture.baseTexture.source, x, y, 1, 1, 0, 0, 1, 1);
+      this.game.input.hitContext!.drawImage(this.sprite.texture.baseTexture.source, localX, localY, 1, 1, 0, 0, 1, 1);
       const rgb = this.game.input.hitContext!.getImageData(0, 0, 1, 1);
       if (rgb.data[3]! >= this.pixelPerfectAlpha) {
         return true;
@@ -649,10 +650,8 @@ export class InputHandler {
    */
   public dragTimeElapsed(pointer: Pointer): void {
     this._dragTimePass = true;
-    if (this._pendingDrag && this.sprite) {
-      if (this._dragDistancePass) {
-        this.startDrag(pointer);
-      }
+    if (this._pendingDrag && this.sprite && this._dragDistancePass) {
+      this.startDrag(pointer);
     }
   }
 

package/src/phaser/core/input_mouse.ts

@@ -70,30 +70,29 @@ export class Mouse {
       //  Avoid setting multiple listeners
       return;
     }
-    const scope = this;
     this._onMouseDown = (event): void => {
-      scope.onMouseDown(event);
+      this.onMouseDown(event);
     };
     this._onMouseMove = (event): void => {
-      scope.onMouseMove(event);
+      this.onMouseMove(event);
     };
     this._onMouseUp = (event): void => {
-      scope.onMouseUp(event);
+      this.onMouseUp(event);
     };
     this._onMouseUpGlobal = (event): void => {
-      scope.onMouseUpGlobal(event);
+      this.onMouseUpGlobal(event);
     };
     this._onMouseOutGlobal = (event): void => {
-      scope.onMouseOutGlobal(event);
+      this.onMouseOutGlobal(event);
     };
     this._onMouseOut = (event): void => {
-      scope.onMouseOut(event);
+      this.onMouseOut(event);
     };
     this._onMouseOver = (event): void => {
-      scope.onMouseOver(event);
+      this.onMouseOver(event);
     };
     this._onMouseWheel = (event): void => {
-      scope.onMouseWheel(event);
+      this.onMouseWheel(event);
     };
     const { canvas } = this.game;
     canvas.addEventListener('mousedown', this._onMouseDown, true);
@@ -130,10 +129,8 @@ export class Mouse {
       canvas.removeEventListener('mouseout', this._onMouseOut, true);
     }
     const { wheelEvent } = this.game.device;
-    if (wheelEvent) {
-      if (this._onMouseWheel) {
-        canvas.removeEventListener(wheelEvent, this._onMouseWheel, true);
-      }
+    if (wheelEvent && this._onMouseWheel) {
+      canvas.removeEventListener(wheelEvent, this._onMouseWheel, true);
     }
     if (this._onMouseUpGlobal) {
       globalThis.removeEventListener('mouseup', this._onMouseUpGlobal, true);
@@ -282,10 +279,8 @@ export class Mouse {
    * @param {MouseEvent} event - TBD.
    */
   public eventPreventDefault(event: Event): void {
-    if (this.capture) {
-      if (typeof event.cancelable !== 'boolean' || event.cancelable) {
-        event.preventDefault();
-      }
+    if (this.capture && (typeof event.cancelable !== 'boolean' || event.cancelable)) {
+      event.preventDefault();
     }
   }
 }

package/src/phaser/core/input_mspointer.ts

@@ -48,24 +48,23 @@ export class MSPointer {
     if (!this.game.device.mspointer || this._onMSPointerDown !== null) {
       return;
     }
-    const scope = this;
     this._onMSPointerDown = (event): void => {
-      scope.onPointerDown(event);
+      this.onPointerDown(event);
     };
     this._onMSPointerMove = (event): void => {
-      scope.onPointerMove(event);
+      this.onPointerMove(event);
     };
     this._onMSPointerUp = (event): void => {
-      scope.onPointerUp(event);
+      this.onPointerUp(event);
     };
     this._onMSPointerUpGlobal = (event): void => {
-      scope.onPointerUpGlobal(event);
+      this.onPointerUpGlobal(event);
     };
     this._onMSPointerOut = (event): void => {
-      scope.onPointerOut(event);
+      this.onPointerOut(event);
     };
     this._onMSPointerOver = (event): void => {
-      scope.onPointerOver(event);
+      this.onPointerOver(event);
     };
     const { canvas } = this.game;
     canvas.addEventListener('MSPointerDown', this._onMSPointerDown, false);
@@ -269,10 +268,8 @@ export class MSPointer {
    * @param {Event} event - TBD.
    */
   public eventPreventDefault(event: Event): void {
-    if (this.capture) {
-      if (typeof event.cancelable !== 'boolean' || event.cancelable) {
-        event.preventDefault();
-      }
+    if (this.capture && (typeof event.cancelable !== 'boolean' || event.cancelable)) {
+      event.preventDefault();
     }
   }
 }