@vpmedia/phaser 1.68.0 → 1.70.0

package/src/phaser/display/canvas/tinter.js

@@ -7,11 +7,11 @@ import { create, removeByCanvas } from './pool.js';
  * @param {object} color - TBD.
  * @returns {object} TBD.
  */
-export function getTintedTexture(sprite, color) {
+export const getTintedTexture = (sprite, color) => {
   const canvas = sprite.tintedTexture || create('CanvasTinter', 1, 1);
   window.PhaserRegistry.CANVAS_TINT_METHOD(sprite.texture, color, canvas);
   return canvas;
-}
+};
 
 /**
  * TBD.
@@ -19,7 +19,7 @@ export function getTintedTexture(sprite, color) {
  * @param {object} color - TBD.
  * @param {HTMLCanvasElement} canvas - TBD.
  */
-export function tintWithMultiply(texture, color, canvas) {
+export const tintWithMultiply = (texture, color, canvas) => {
   const context = canvas.getContext('2d', { willReadFrequently: false });
   const crop = texture.crop;
   if (canvas.width !== crop.width || canvas.height !== crop.height) {
@@ -33,7 +33,7 @@ export function tintWithMultiply(texture, color, canvas) {
   context.drawImage(texture.baseTexture.source, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
   context.globalCompositeOperation = 'destination-atop';
   context.drawImage(texture.baseTexture.source, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
-}
+};
 
 /**
  * TBD.
@@ -41,7 +41,7 @@ export function tintWithMultiply(texture, color, canvas) {
  * @param {object} color - TBD.
  * @param {HTMLCanvasElement} canvas - TBD.
  */
-export function tintWithPerPixel(texture, color, canvas) {
+export const tintWithPerPixel = (texture, color, canvas) => {
   const context = canvas.getContext('2d', { willReadFrequently: false });
   const crop = texture.crop;
   canvas.width = crop.width;
@@ -67,15 +67,14 @@ export function tintWithPerPixel(texture, color, canvas) {
     }
   }
   context.putImageData(pixelData, 0, 0);
-}
+};
 
 /**
  * TBD.
- * @param {import('../../core/game.js').Game} game - TBD.
  * @returns {boolean} TBD.
  * @throws {Error} TBD.
  */
-export function checkInverseAlpha(game) {
+export const checkInverseAlpha = () => {
   // Check for DOM
   if (document === undefined) {
     throw new Error('Error getting Document for checkInverseAlpha()');
@@ -110,15 +109,14 @@ export function checkInverseAlpha(game) {
   return (
     s2.data[0] === s1.data[0] && s2.data[1] === s1.data[1] && s2.data[2] === s1.data[2] && s2.data[3] === s1.data[3]
   );
-}
+};
 
 /**
  * TBD.
- * @param {import('../../core/game.js').Game} game - TBD.
  * @returns {boolean} TBD.
  * @throws {Error} TBD.
  */
-export function canUseNewCanvasBlendModes(game) {
+export const canUseNewCanvasBlendModes = () => {
   // Check for DOM
   if (document === undefined) {
     throw new Error('Error getting Document for canUseNewCanvasBlendModes()');
@@ -153,24 +151,24 @@ export function canUseNewCanvasBlendModes(game) {
   removeByCanvas(canvas);
   // Compare and return
   return data[0] === 255 && data[1] === 0 && data[2] === 0;
-}
+};
 
 /**
  * TBD.
  * @param {import('../../core/game.js').Game} game - TBD.
  */
-export function detectCapabilities(game) {
+export const detectCapabilities = (game) => {
   if (!window.PhaserRegistry) {
     window.PhaserRegistry = {};
   }
   try {
-    window.PhaserRegistry.CAN_CANVAS_HANDLE_ALPHA = checkInverseAlpha(game);
+    window.PhaserRegistry.CAN_CANVAS_HANDLE_ALPHA = checkInverseAlpha();
   } catch (error) {
     game.exceptionHandler(error);
     window.PhaserRegistry.CAN_CANVAS_HANDLE_ALPHA = false;
   }
   try {
-    window.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY = canUseNewCanvasBlendModes(game);
+    window.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY = canUseNewCanvasBlendModes();
   } catch (error) {
     game.exceptionHandler(error);
     window.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY = false;
@@ -178,4 +176,4 @@ export function detectCapabilities(game) {
   window.PhaserRegistry.CANVAS_TINT_METHOD = window.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY
     ? tintWithMultiply
     : tintWithPerPixel;
-}
+};

package/src/phaser/display/canvas/util.js

@@ -9,7 +9,7 @@ import { create as createCanvas } from './pool.js';
  * @param {boolean} skipPool - TBD.
  * @returns {HTMLCanvasElement} TBD.
  */
-export function create(parent, width, height, id, skipPool) {
+export const create = (parent, width, height, id, skipPool) => {
   width = width || 256;
   height = height || 256;
   const canvas = skipPool ? document.createElement('canvas') : createCanvas(parent, width, height);
@@ -20,7 +20,7 @@ export function create(parent, width, height, id, skipPool) {
   canvas.height = height;
   canvas.style.display = 'block';
   return canvas;
-}
+};
 
 /**
  * TBD.
@@ -28,11 +28,11 @@ export function create(parent, width, height, id, skipPool) {
  * @param {string} color - TBD.
  * @returns {object} TBD.
  */
-export function setBackgroundColor(canvas, color) {
+export const setBackgroundColor = (canvas, color) => {
   color = color || 'rgb(0,0,0)';
   canvas.style.backgroundColor = color;
   return canvas;
-}
+};
 
 /**
  * TBD.
@@ -40,13 +40,13 @@ export function setBackgroundColor(canvas, color) {
  * @param {string} value - TBD.
  * @returns {object} TBD.
  */
-export function setTouchAction(canvas, value = 'none') {
+export const setTouchAction = (canvas, value = 'none') => {
   value = value || 'none';
   canvas.style.msTouchAction = value;
   canvas.style['ms-touch-action'] = value;
   canvas.style['touch-action'] = value;
   return canvas;
-}
+};
 
 /**
  * TBD.
@@ -54,7 +54,7 @@ export function setTouchAction(canvas, value = 'none') {
  * @param {string} value - TBD.
  * @returns {object} TBD.
  */
-export function setUserSelect(canvas, value = 'none') {
+export const setUserSelect = (canvas, value = 'none') => {
   value = value || 'none';
   canvas.style['-webkit-touch-callout'] = value;
   canvas.style['-webkit-user-select'] = value;
@@ -64,7 +64,7 @@ export function setUserSelect(canvas, value = 'none') {
   canvas.style['user-select'] = value;
   canvas.style['-webkit-tap-highlight-color'] = 'rgba(0, 0, 0, 0)';
   return canvas;
-}
+};
 
 /**
  * TBD.
@@ -73,7 +73,7 @@ export function setUserSelect(canvas, value = 'none') {
  * @param {boolean} overflowHidden - TBD.
  * @returns {object} TBD.
  */
-export function addToDOM(canvas, parent, overflowHidden = true) {
+export const addToDOM = (canvas, parent, overflowHidden = true) => {
   let target;
   if (parent) {
     if (typeof parent === 'string') {
@@ -93,17 +93,17 @@ export function addToDOM(canvas, parent, overflowHidden = true) {
   }
   target.appendChild(canvas);
   return canvas;
-}
+};
 
 /**
  * TBD.
  * @param {HTMLCanvasElement} canvas - TBD.
  */
-export function removeFromDOM(canvas) {
+export const removeFromDOM = (canvas) => {
   if (canvas && canvas.parentNode) {
     canvas.parentNode.removeChild(canvas);
   }
-}
+};
 
 /**
  * TBD.
@@ -116,17 +116,17 @@ export function removeFromDOM(canvas) {
  * @param {number} skewY - TBD.
  * @returns {object} TBD.
  */
-export function setTransform(context, translateX, translateY, scaleX, scaleY, skewX, skewY) {
+export const setTransform = (context, translateX, translateY, scaleX, scaleY, skewX, skewY) => {
   context.setTransform(scaleX, skewX, skewY, scaleY, translateX, translateY);
   return context;
-}
+};
 
 /**
  * TBD.
  * @param {object} context - TBD.
  * @returns {object} TBD.
  */
-export function getSmoothingPrefix(context) {
+export const getSmoothingPrefix = (context) => {
   const VENDORS = ['i', 'webkitI', 'msI', 'mozI', 'oI'];
   for (let i = 0; i < VENDORS.length; i += 1) {
     const s = `${VENDORS[i]}mageSmoothingEnabled`;
@@ -135,7 +135,7 @@ export function getSmoothingPrefix(context) {
     }
   }
   return null;
-}
+};
 
 /**
  * TBD.
@@ -143,10 +143,10 @@ export function getSmoothingPrefix(context) {
  * @param {number} value - TBD.
  * @returns {object} TBD.
  */
-export function setSmoothingEnabled(context, value) {
+export const setSmoothingEnabled = (context, value) => {
   const s = getSmoothingPrefix(context);
   if (s) {
     context[s] = value;
   }
   return context;
-}
+};

package/src/phaser/display/graphics_data_util.js

@@ -5,7 +5,7 @@ import { GraphicsData } from './graphics_data.js';
  * @param {GraphicsData} source - TBD.
  * @returns {GraphicsData} TBD.
  */
-export function clone(source) {
+export const clone = (source) => {
   return new GraphicsData(
     source.lineWidth,
     source.lineColor,
@@ -15,4 +15,4 @@ export function clone(source) {
     source.fill,
     source.shape
   );
-}
+};

package/src/phaser/display/sprite_util.js

@@ -8,7 +8,7 @@ import { getTintedTexture } from './canvas/tinter.js';
  * @param {import('./webgl/texture.js').Texture} texture - TBD.
  * @param {boolean} destroyBase - TBD.
  */
-export function setTexture(target, texture, destroyBase = false) {
+export const setTexture = (target, texture, destroyBase = false) => {
   if (destroyBase) {
     target.texture.baseTexture.destroy();
   }
@@ -16,7 +16,7 @@ export function setTexture(target, texture, destroyBase = false) {
   target.texture = texture;
   target.texture.valid = true;
   target.cachedTint = -1;
-}
+};
 
 /**
  * TBD.
@@ -24,7 +24,7 @@ export function setTexture(target, texture, destroyBase = false) {
  * @param {object} matrix - TBD.
  * @returns {import('../geom/rectangle.js').Rectangle} TBD.
  */
-export function getBounds(target, matrix = null) {
+export const getBounds = (target, matrix = null) => {
   // TODO verify
   if (target.currentBounds) {
     return target.currentBounds;
@@ -99,14 +99,14 @@ export function getBounds(target, matrix = null) {
   bounds.height = maxY - minY;
   target.currentBounds = bounds;
   return bounds;
-}
+};
 
 /**
  * TBD.
  * @param {import('./image.js').Image} target - TBD.
  * @returns {import('../geom/rectangle.js').Rectangle} TBD.
  */
-export function getLocalBounds(target) {
+export const getLocalBounds = (target) => {
   const matrixCache = target.worldTransform;
   target.worldTransform = getIdentityMatrix();
   let i;
@@ -119,7 +119,7 @@ export function getLocalBounds(target) {
     target.children[i].updateTransform();
   }
   return bounds;
-}
+};
 
 /**
  * TBD.
@@ -127,7 +127,7 @@ export function getLocalBounds(target) {
  * @param {object} renderSession - TBD.
  * @param {import('../geom/matrix.js').Matrix} matrix - TBD.
  */
-export function renderWebGL(target, renderSession, matrix) {
+export const renderWebGL = (target, renderSession, matrix) => {
   // if the sprite is not visible or the alpha is 0 then no need to render this element
   if (!target.visible || target.alpha <= 0 || !target.renderable) {
     return;
@@ -168,7 +168,7 @@ export function renderWebGL(target, renderSession, matrix) {
       target.children[i].renderWebGL(renderSession, wt);
     }
   }
-}
+};
 
 /**
  * TBD.
@@ -176,7 +176,7 @@ export function renderWebGL(target, renderSession, matrix) {
  * @param {object} renderSession - TBD.
  * @param {import('../geom/matrix.js').Matrix} matrix - TBD.
  */
-export function renderCanvas(target, renderSession, matrix) {
+export const renderCanvas = (target, renderSession, matrix) => {
   // If the sprite is not visible or the alpha is 0 then no need to render this element
   if (
     !target.visible ||
@@ -263,4 +263,4 @@ export function renderCanvas(target, renderSession, matrix) {
   if (target._mask) {
     renderSession.maskManager.popMask(renderSession);
   }
-}
+};

package/src/phaser/display/text.js

@@ -1053,7 +1053,7 @@ export class Text extends Image {
   get fontSize() {
     const size = this._fontComponents.fontSize;
     if (size && /(?:^0$|px$)/.exec(size)) {
-      return parseInt(size, 10);
+      return Number.parseInt(size, 10);
     }
     return size;
   }
@@ -1311,7 +1311,7 @@ export class Text extends Image {
    */
   set lineSpacing(value) {
     if (value !== this._lineSpacing) {
-      this._lineSpacing = parseFloat(value);
+      this._lineSpacing = Number.parseFloat(value);
       this.dirty = true;
       if (this.parent) {
         this.updateTransform();

package/src/phaser/display/webgl/graphics.js

@@ -8,23 +8,23 @@ import { GraphicsData } from './graphics_data.js';
  * TBD.
  * @returns {number} TBD.
  */
-export function getStencilBufferLimit() {
+export const getStencilBufferLimit = () => {
   if (!window.PhaserRegistry.stencilBufferLimit) {
     window.PhaserRegistry.stencilBufferLimit = 6;
   }
   return window.PhaserRegistry.stencilBufferLimit;
-}
+};
 
 /**
  * TBD.
  * @returns {object[]} TBD.
  */
-export function getGraphicsDataPool() {
+export const getGraphicsDataPool = () => {
   if (!window.PhaserRegistry.graphicsDataPool) {
     window.PhaserRegistry.graphicsDataPool = [];
   }
   return window.PhaserRegistry.graphicsDataPool;
-}
+};
 
 /**
  * TBD.
@@ -32,7 +32,7 @@ export function getGraphicsDataPool() {
  * @param {number} type - TBD.
  * @returns {object} TBD.
  */
-export function switchMode(webGL, type) {
+export const switchMode = (webGL, type) => {
   let webGLData;
   if (!webGL.data.length) {
     webGLData = getGraphicsDataPool().pop() || new GraphicsData(webGL.gl);
@@ -48,14 +48,14 @@ export function switchMode(webGL, type) {
   }
   webGLData.dirty = true;
   return webGLData;
-}
+};
 
 /**
  * TBD.
  * @param {object} graphicsData - TBD.
  * @param {GraphicsData} webGLData - TBD.
  */
-export function buildLine(graphicsData, webGLData) {
+export const buildLine = (graphicsData, webGLData) => {
   // TODO OPTIMISE!
   let i = 0;
   let points = graphicsData.points;
@@ -213,14 +213,14 @@ export function buildLine(graphicsData, webGLData) {
     indexStart += 1;
   }
   indices.push(indexStart - 1);
-}
+};
 
 /**
  * TBD.
  * @param {object} graphicsData - TBD.
  * @param {GraphicsData} webGLData - TBD.
  */
-export function buildRectangle(graphicsData, webGLData) {
+export const buildRectangle = (graphicsData, webGLData) => {
   //
   // need to convert points to a nice regular data
   //
@@ -257,7 +257,7 @@ export function buildRectangle(graphicsData, webGLData) {
     buildLine(graphicsData, webGLData);
     graphicsData.points = tempPoints;
   }
-}
+};
 
 /**
  * TBD.
@@ -269,7 +269,7 @@ export function buildRectangle(graphicsData, webGLData) {
  * @param {number} toY - TBD.
  * @returns {number[]} TBD.
  */
-export function quadraticBezierCurve(fromX, fromY, cpX, cpY, toX, toY) {
+export const quadraticBezierCurve = (fromX, fromY, cpX, cpY, toX, toY) => {
   let xa;
   let ya;
   let xb;
@@ -296,14 +296,14 @@ export function quadraticBezierCurve(fromX, fromY, cpX, cpY, toX, toY) {
     points.push(x, y);
   }
   return points;
-}
+};
 
 /**
  * TBD.
  * @param {object} graphicsData - TBD.
  * @param {GraphicsData} webGLData - TBD.
  */
-export function buildRoundedRectangle(graphicsData, webGLData) {
+export const buildRoundedRectangle = (graphicsData, webGLData) => {
   const rrectData = graphicsData.shape;
   const x = rrectData.x;
   const y = rrectData.y;
@@ -346,14 +346,14 @@ export function buildRoundedRectangle(graphicsData, webGLData) {
     buildLine(graphicsData, webGLData);
     graphicsData.points = tempPoints;
   }
-}
+};
 
 /**
  * TBD.
  * @param {object} graphicsData - TBD.
  * @param {GraphicsData} webGLData - TBD.
  */
-export function buildCircle(graphicsData, webGLData) {
+export const buildCircle = (graphicsData, webGLData) => {
   // need to convert points to a nice regular data
   const circleData = graphicsData.shape;
   const x = circleData.x;
@@ -397,14 +397,14 @@ export function buildCircle(graphicsData, webGLData) {
     buildLine(graphicsData, webGLData);
     graphicsData.points = tempPoints;
   }
-}
+};
 
 /**
  * TBD.
  * @param {object} graphicsData - TBD.
  * @param {GraphicsData} webGLData - TBD.
  */
-export function buildComplexPoly(graphicsData, webGLData) {
+export const buildComplexPoly = (graphicsData, webGLData) => {
   // TODO - no need to copy this as it gets turned into a Float32Array anyways..
   const points = graphicsData.points.slice();
   if (points.length < 6) {
@@ -441,7 +441,7 @@ export function buildComplexPoly(graphicsData, webGLData) {
   for (let i = 0; i < length; i += 1) {
     indices.push(i);
   }
-}
+};
 
 /**
  * TBD.
@@ -449,7 +449,7 @@ export function buildComplexPoly(graphicsData, webGLData) {
  * @param {GraphicsData} webGLData - TBD.
  * @returns {boolean} TBD.
  */
-export function buildPoly(graphicsData, webGLData) {
+export const buildPoly = (graphicsData, webGLData) => {
   const points = graphicsData.points;
   if (points.length < 6) {
     return false;
@@ -480,14 +480,14 @@ export function buildPoly(graphicsData, webGLData) {
     verts.push(points[i * 2], points[i * 2 + 1], r, g, b, alpha);
   }
   return true;
-}
+};
 
 /**
  * TBD.
  * @param {object} graphics - TBD.
  * @param {WebGLRenderingContext & { id: number }} gl - TBD.
  */
-export function updateGraphics(graphics, gl) {
+export const updateGraphics = (graphics, gl) => {
   const stencilBufferLimit = getStencilBufferLimit();
   // get the contexts graphics object
   let webGL = graphics._webGL[gl.id];
@@ -569,14 +569,14 @@ export function updateGraphics(graphics, gl) {
       webGLData.upload();
     }
   }
-}
+};
 
 /**
  * TBD.
  * @param {object} graphics - TBD.
  * @param {object} renderSession - TBD.
  */
-export function renderGraphics(graphics, renderSession) {
+export const renderGraphics = (graphics, renderSession) => {
   const gl = renderSession.gl;
   const projection = renderSession.projection;
   const offset = renderSession.offset;
@@ -616,4 +616,4 @@ export function renderGraphics(graphics, renderSession) {
       gl.drawElements(gl.TRIANGLE_STRIP, webGLData.indices.length, gl.UNSIGNED_SHORT, 0);
     }
   }
-}
+};

package/src/phaser/display/webgl/mask_manager.js

@@ -5,7 +5,7 @@ import { updateGraphics } from './graphics.js';
  * @param {object} maskData - TBD.
  * @param {object} renderSession - TBD.
  */
-export function pushMask(maskData, renderSession) {
+export const pushMask = (maskData, renderSession) => {
   const gl = renderSession.gl;
   if (maskData.dirty) {
     updateGraphics(maskData, gl);
@@ -18,14 +18,14 @@ export function pushMask(maskData, renderSession) {
     return;
   }
   renderSession.stencilManager.pushStencil(maskData, maskData._webGL[gl.id].data[0], renderSession);
-}
+};
 
 /**
  * TBD.
  * @param {object} maskData - TBD.
  * @param {object} renderSession - TBD.
  */
-export function popMask(maskData, renderSession) {
+export const popMask = (maskData, renderSession) => {
   const gl = renderSession.gl;
   if (
     maskData._webGL[gl.id] === undefined ||
@@ -35,4 +35,4 @@ export function popMask(maskData, renderSession) {
     return;
   }
   renderSession.stencilManager.popStencil(maskData, maskData._webGL[gl.id].data[0], renderSession);
-}
+};

package/src/phaser/display/webgl/shader/complex.js

@@ -1,4 +1,4 @@
-import { generateShaderID } from '../../../util/math.js';
+import { v4 as uuidv4 } from 'uuid';
 import { compileProgram } from '../util.js';
 
 // the next one is used for rendering triangle strips
@@ -10,7 +10,7 @@ export class ComplexPrimitiveShader {
    */
   constructor(gl) {
     this.gl = gl;
-    this._UID = generateShaderID();
+    this._UID = uuidv4();
     this.program = null;
     this.fragmentSrc = [
       'precision mediump float;',

package/src/phaser/display/webgl/shader/fast.js

@@ -1,4 +1,4 @@
-import { generateShaderID } from '../../../util/math.js';
+import { v4 as uuidv4 } from 'uuid';
 import { compileProgram } from '../util.js';
 
 // this shader is used for the fast sprite rendering
@@ -10,7 +10,7 @@ export class FastShader {
    */
   constructor(gl) {
     this.gl = gl;
-    this._UID = generateShaderID();
+    this._UID = uuidv4();
     this.program = null;
     this.textureCount = 0;
     this.fragmentSrc = [

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

@@ -1,4 +1,4 @@
-import { generateShaderID } from '../../../util/math.js';
+import { v4 as uuidv4 } from 'uuid';
 import { compileProgram } from '../util.js';
 
 const defaultVertexSrc = [
@@ -30,7 +30,7 @@ export class NormalShader {
    */
   constructor(gl) {
     this.gl = gl;
-    this._UID = generateShaderID();
+    this._UID = uuidv4();
     this.program = null;
     this.fragmentSrc = [
       'precision lowp float;',

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

@@ -1,4 +1,4 @@
-import { generateShaderID } from '../../../util/math.js';
+import { v4 as uuidv4 } from 'uuid';
 import { compileProgram } from '../util.js';
 
 // the next one is used for rendering primitives
@@ -10,7 +10,7 @@ export class PrimitiveShader {
    */
   constructor(gl) {
     this.gl = gl;
-    this._UID = generateShaderID();
+    this._UID = uuidv4();
     this.program = null;
     this.fragmentSrc = [
       'precision mediump float;',

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

@@ -1,4 +1,4 @@
-import { generateShaderID } from '../../../util/math.js';
+import { v4 as uuidv4 } from 'uuid';
 import { compileProgram } from '../util.js';
 
 // the next one is used for rendering triangle strips
@@ -10,7 +10,7 @@ export class StripShader {
    */
   constructor(gl) {
     this.gl = gl;
-    this._UID = generateShaderID();
+    this._UID = uuidv4();
     this.program = null;
     this.fragmentSrc = [
       'precision mediump float;',