@vpmedia/phaser 1.67.0 → 1.69.0

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/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;',

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

@@ -7,7 +7,7 @@ import { Texture } from './texture.js';
  * @param {number} scaleMode - TBD.
  * @returns {object} TBD.
  */
-export function baseTextureFromCanvas(canvas, scaleMode) {
+export const baseTextureFromCanvas = (canvas, scaleMode) => {
   if (canvas.width === 0) {
     canvas.width = 1;
   }
@@ -15,7 +15,7 @@ export function baseTextureFromCanvas(canvas, scaleMode) {
     canvas.height = 1;
   }
   return new BaseTexture(canvas, scaleMode);
-}
+};
 
 /**
  * TBD.
@@ -23,6 +23,6 @@ export function baseTextureFromCanvas(canvas, scaleMode) {
  * @param {number} scaleMode - TBD.
  * @returns {object} TBD.
  */
-export function textureFromCanvas(canvas, scaleMode) {
+export const textureFromCanvas = (canvas, scaleMode) => {
   return new Texture(baseTextureFromCanvas(canvas, scaleMode));
-}
+};

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

@@ -18,16 +18,16 @@ export const CONTEXT_LOST_WEBGL = 0x9242;
  * @param {WebGLRenderingContext} gl - TBD.
  * @returns {number} TBD.
  */
-export function getWebGLContextErrorCode(gl) {
+export const getWebGLContextErrorCode = (gl) => {
   return gl?.getError() ?? 0;
-}
+};
 
 /**
  * TBD.
  * @param {number} errorCode - TBD.
  * @returns {string} TBD.
  */
-export function getWebGLContextErrorName(errorCode) {
+export const getWebGLContextErrorName = (errorCode) => {
   switch (errorCode) {
     case NO_ERROR:
       return 'NO_ERROR';
@@ -46,12 +46,12 @@ export function getWebGLContextErrorName(errorCode) {
     default:
       return `UNKNOWN_ERROR_${errorCode}`;
   }
-}
+};
 
 /**
  * TBD.
  */
-export function initDefaultShaders() {}
+export const initDefaultShaders = () => {};
 
 /**
  * TBD.
@@ -60,7 +60,7 @@ export function initDefaultShaders() {}
  * @param {object} shaderType - TBD.
  * @returns {WebGLShader} TBD.
  */
-export function compileShader(gl, shaderSrc, shaderType) {
+export const compileShader = (gl, shaderSrc, shaderType) => {
   let src = shaderSrc;
   if (Array.isArray(shaderSrc)) {
     src = shaderSrc.join('\n');
@@ -76,7 +76,7 @@ export function compileShader(gl, shaderSrc, shaderType) {
     return null;
   }
   return shader;
-}
+};
 
 /**
  * TBD.
@@ -84,9 +84,9 @@ export function compileShader(gl, shaderSrc, shaderType) {
  * @param {string[]|string} shaderSrc - TBD.
  * @returns {WebGLShader} TBD.
  */
-export function compileVertexShader(gl, shaderSrc) {
+export const compileVertexShader = (gl, shaderSrc) => {
   return compileShader(gl, shaderSrc, gl.VERTEX_SHADER);
-}
+};
 
 /**
  * TBD.
@@ -94,9 +94,9 @@ export function compileVertexShader(gl, shaderSrc) {
  * @param {string[]|string} shaderSrc - TBD.
  * @returns {WebGLShader} TBD.
  */
-export function compileFragmentShader(gl, shaderSrc) {
+export const compileFragmentShader = (gl, shaderSrc) => {
   return compileShader(gl, shaderSrc, gl.FRAGMENT_SHADER);
-}
+};
 
 /**
  * TBD.
@@ -105,7 +105,7 @@ export function compileFragmentShader(gl, shaderSrc) {
  * @param {string[]|string} fragmentSrc - TBD.
  * @returns {WebGLProgram} TBD.
  */
-export function compileProgram(gl, vertexSrc, fragmentSrc) {
+export const compileProgram = (gl, vertexSrc, fragmentSrc) => {
   const fragmentShader = compileFragmentShader(gl, fragmentSrc);
   const vertexShader = compileVertexShader(gl, vertexSrc);
 
@@ -122,4 +122,4 @@ export function compileProgram(gl, vertexSrc, fragmentSrc) {
     window.PhaserRegistry.GL_PROGRAM_INFO_LOG = gl.getProgramInfoLog(shaderProgram);
   }
   return shaderProgram;
-}
+};