@vpmedia/phaser 1.11.0 → 1.13.0

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

@@ -1,14 +1,13 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
  * @author       Mat Groves http://matgroves.com/ @Doormat23
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
 
 // TODO: fix ++ +=1 conversion issues (when a is 0 than a++ is 0 but a+=1 is 1)
 
 export default class {
-
   constructor(gl) {
     this.vertSize = 10;
     this.maxSize = 6000; // Math.pow(2, 16) / this.vertSize;
@@ -89,7 +88,10 @@ export default class {
       return;
     }
     // TODO trim??
-    if (sprite.texture.baseTexture !== this.currentBaseTexture && !sprite.texture.baseTexture.skipRender) {
+    if (
+      sprite.texture.baseTexture !== this.currentBaseTexture &&
+      !sprite.texture.baseTexture.skipRender
+    ) {
       this.flush();
       this.currentBaseTexture = sprite.texture.baseTexture;
       if (!sprite.texture._uvs) {
@@ -113,73 +115,73 @@ export default class {
       h1 = trim.y - sprite.anchor.y * trim.height;
       h0 = h1 + sprite.texture.crop.height;
     } else {
-      w0 = (sprite.texture.frame.width) * (1 - sprite.anchor.x);
-      w1 = (sprite.texture.frame.width) * -sprite.anchor.x;
+      w0 = sprite.texture.frame.width * (1 - sprite.anchor.x);
+      w1 = sprite.texture.frame.width * -sprite.anchor.x;
       h0 = sprite.texture.frame.height * (1 - sprite.anchor.y);
       h1 = sprite.texture.frame.height * -sprite.anchor.y;
     }
     index = this.currentBatchSize * 4 * this.vertSize;
     index -= 1;
     // xy
-    vertices[index += 1] = w1;
-    vertices[index += 1] = h1;
-    vertices[index += 1] = sprite.position.x;
-    vertices[index += 1] = sprite.position.y;
+    vertices[(index += 1)] = w1;
+    vertices[(index += 1)] = h1;
+    vertices[(index += 1)] = sprite.position.x;
+    vertices[(index += 1)] = sprite.position.y;
     // scale
-    vertices[index += 1] = sprite.scale.x;
-    vertices[index += 1] = sprite.scale.y;
+    vertices[(index += 1)] = sprite.scale.x;
+    vertices[(index += 1)] = sprite.scale.y;
     // rotation
-    vertices[index += 1] = sprite.rotation;
+    vertices[(index += 1)] = sprite.rotation;
     // uv
-    vertices[index += 1] = uvs.x0;
-    vertices[index += 1] = uvs.y1;
+    vertices[(index += 1)] = uvs.x0;
+    vertices[(index += 1)] = uvs.y1;
     // color
-    vertices[index += 1] = sprite.alpha;
+    vertices[(index += 1)] = sprite.alpha;
     // xy
-    vertices[index += 1] = w0;
-    vertices[index += 1] = h1;
-    vertices[index += 1] = sprite.position.x;
-    vertices[index += 1] = sprite.position.y;
+    vertices[(index += 1)] = w0;
+    vertices[(index += 1)] = h1;
+    vertices[(index += 1)] = sprite.position.x;
+    vertices[(index += 1)] = sprite.position.y;
     // scale
-    vertices[index += 1] = sprite.scale.x;
-    vertices[index += 1] = sprite.scale.y;
+    vertices[(index += 1)] = sprite.scale.x;
+    vertices[(index += 1)] = sprite.scale.y;
     // rotation
-    vertices[index += 1] = sprite.rotation;
+    vertices[(index += 1)] = sprite.rotation;
     // uv
-    vertices[index += 1] = uvs.x1;
-    vertices[index += 1] = uvs.y1;
+    vertices[(index += 1)] = uvs.x1;
+    vertices[(index += 1)] = uvs.y1;
     // color
-    vertices[index += 1] = sprite.alpha;
+    vertices[(index += 1)] = sprite.alpha;
     // xy
-    vertices[index += 1] = w0;
-    vertices[index += 1] = h0;
-    vertices[index += 1] = sprite.position.x;
-    vertices[index += 1] = sprite.position.y;
+    vertices[(index += 1)] = w0;
+    vertices[(index += 1)] = h0;
+    vertices[(index += 1)] = sprite.position.x;
+    vertices[(index += 1)] = sprite.position.y;
     // scale
-    vertices[index += 1] = sprite.scale.x;
-    vertices[index += 1] = sprite.scale.y;
+    vertices[(index += 1)] = sprite.scale.x;
+    vertices[(index += 1)] = sprite.scale.y;
     // rotation
-    vertices[index += 1] = sprite.rotation;
+    vertices[(index += 1)] = sprite.rotation;
     // uv
-    vertices[index += 1] = uvs.x2;
-    vertices[index += 1] = uvs.y2;
+    vertices[(index += 1)] = uvs.x2;
+    vertices[(index += 1)] = uvs.y2;
     // color
-    vertices[index += 1] = sprite.alpha;
+    vertices[(index += 1)] = sprite.alpha;
     // xy
-    vertices[index += 1] = w1;
-    vertices[index += 1] = h0;
-    vertices[index += 1] = sprite.position.x;
-    vertices[index += 1] = sprite.position.y;
+    vertices[(index += 1)] = w1;
+    vertices[(index += 1)] = h0;
+    vertices[(index += 1)] = sprite.position.x;
+    vertices[(index += 1)] = sprite.position.y;
     // scale
-    vertices[index += 1] = sprite.scale.x;
-    vertices[index += 1] = sprite.scale.y;
+    vertices[(index += 1)] = sprite.scale.x;
+    vertices[(index += 1)] = sprite.scale.y;
     // rotation
-    vertices[index += 1] = sprite.rotation;
+    vertices[(index += 1)] = sprite.rotation;
     // uv
-    vertices[index += 1] = uvs.x3;
-    vertices[index += 1] = uvs.y3;
+    vertices[(index += 1)] = uvs.x3;
+    vertices[(index += 1)] = uvs.y3;
     // color
-    vertices[index += 1] = sprite.alpha;
+    vertices[(index += 1)] = sprite.alpha;
     // increment the batch
     this.currentBatchSize += 1;
     if (this.currentBatchSize >= this.size) {
@@ -199,7 +201,7 @@ export default class {
     }
     gl.bindTexture(gl.TEXTURE_2D, this.currentBaseTexture._glTextures[gl.id]);
     // upload the verts to the buffer
-    if (this.currentBatchSize > (this.size * 0.5)) {
+    if (this.currentBatchSize > this.size * 0.5) {
       gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.vertices);
     } else {
       const view = this.vertices.subarray(0, this.currentBatchSize * 4 * this.vertSize);
@@ -238,5 +240,4 @@ export default class {
     gl.vertexAttribPointer(this.shader.aTextureCoord, 2, gl.FLOAT, false, stride, 7 * 4);
     gl.vertexAttribPointer(this.shader.colorAttribute, 1, gl.FLOAT, false, stride, 9 * 4);
   }
-
 }

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

@@ -1,12 +1,11 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
  * @author       Mat Groves http://matgroves.com/ @Doormat23
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
 
 export default class {
-
   constructor() {
     this.filterStack = [];
     this.offsetX = 0;
@@ -42,5 +41,4 @@ export default class {
   destroy() {
     // TODO
   }
-
 }

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

@@ -1,21 +1,28 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
  * @author       Mat Groves http://matgroves.com/ @Doormat23
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
 import { SCALE_LINEAR } from '../../core/const';
 
 export default class {
-
   constructor(gl, width, height, scaleMode) {
     this.gl = gl;
     this.frameBuffer = gl.createFramebuffer();
     this.texture = gl.createTexture();
     scaleMode = scaleMode || window.PhaserRegistry.TEXTURE_SCALE_MODE;
     gl.bindTexture(gl.TEXTURE_2D, this.texture);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, scaleMode === SCALE_LINEAR ? gl.LINEAR : gl.NEAREST);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, scaleMode === SCALE_LINEAR ? gl.LINEAR : gl.NEAREST);
+    gl.texParameteri(
+      gl.TEXTURE_2D,
+      gl.TEXTURE_MAG_FILTER,
+      scaleMode === SCALE_LINEAR ? gl.LINEAR : gl.NEAREST
+    );
+    gl.texParameteri(
+      gl.TEXTURE_2D,
+      gl.TEXTURE_MIN_FILTER,
+      scaleMode === SCALE_LINEAR ? gl.LINEAR : gl.NEAREST
+    );
     gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
     gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
     gl.bindFramebuffer(gl.FRAMEBUFFER, this.frameBuffer);
@@ -24,7 +31,12 @@ export default class {
     // required for masking a mask??
     this.renderBuffer = gl.createRenderbuffer();
     gl.bindRenderbuffer(gl.RENDERBUFFER, this.renderBuffer);
-    gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_STENCIL_ATTACHMENT, gl.RENDERBUFFER, this.renderBuffer);
+    gl.framebufferRenderbuffer(
+      gl.FRAMEBUFFER,
+      gl.DEPTH_STENCIL_ATTACHMENT,
+      gl.RENDERBUFFER,
+      this.renderBuffer
+    );
     this.resize(width, height);
   }
 
@@ -57,5 +69,4 @@ export default class {
     this.renderBuffer = null;
     this.gl = null;
   }
-
 }

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

@@ -1,19 +1,25 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
  * @author       Mat Groves http://matgroves.com/ @Doormat23
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
-import GraphicsData from './graphics_data';
-import Point from '../../geom/point';
-import { GEOM_CIRCLE, GEOM_ELLIPSE, GEOM_POLYGON, GEOM_RECTANGLE, GEOM_ROUNDED_RECTANGLE } from '../../core/const';
+import { GraphicsData } from  './graphics_data';
+import { Point } from '../../geom/point';
+import {
+  GEOM_CIRCLE,
+  GEOM_ELLIPSE,
+  GEOM_POLYGON,
+  GEOM_RECTANGLE,
+  GEOM_ROUNDED_RECTANGLE,
+} from '../../core/const';
 import { hex2rgb } from '../../util/math';
 import { triangulate } from './earcut';
 
 /**
- * TBD
+ * TBD.
  *
- * @returns {number} TBD
+ * @returns {number} TBD.
  */
 export function getStencilBufferLimit() {
   if (!window.PhaserRegistry.stencilBufferLimit) {
@@ -23,9 +29,9 @@ export function getStencilBufferLimit() {
 }
 
 /**
- * TBD
+ * TBD.
  *
- * @returns {object[]} TBD
+ * @returns {object[]} TBD.
  */
 export function getGraphicsDataPool() {
   if (!window.PhaserRegistry.graphicsDataPool) {
@@ -36,9 +42,9 @@ export function getGraphicsDataPool() {
 
 /**
  *
- * @param {object} webGL TBD
- * @param {number} type TBD
- * @returns {object} TBD
+ * @param {object} webGL - TBD.
+ * @param {number} type - TBD.
+ * @returns {object} TBD.
  */
 export function switchMode(webGL, type) {
   let webGLData;
@@ -60,8 +66,8 @@ export function switchMode(webGL, type) {
 
 /**
  *
- * @param {object} graphicsData TBD
- * @param {object} webGLData TBD
+ * @param {object} graphicsData - TBD.
+ * @param {object} webGLData - TBD.
  */
 export function buildLine(graphicsData, webGLData) {
   // TODO OPTIMISE!
@@ -133,7 +139,7 @@ export function buildLine(graphicsData, webGLData) {
   p2y = points[3];
   perpx = -(p1y - p2y);
   perpy = p1x - p2x;
-  dist = Math.sqrt((perpx * perpx) + (perpy * perpy));
+  dist = Math.sqrt(perpx * perpx + perpy * perpy);
   perpx /= dist;
   perpy /= dist;
   perpx *= width;
@@ -144,13 +150,13 @@ export function buildLine(graphicsData, webGLData) {
   for (i = 1; i < length - 1; i += 1) {
     p1x = points[(i - 1) * 2];
     p1y = points[(i - 1) * 2 + 1];
-    p2x = points[(i) * 2];
-    p2y = points[(i) * 2 + 1];
+    p2x = points[i * 2];
+    p2y = points[i * 2 + 1];
     p3x = points[(i + 1) * 2];
     p3y = points[(i + 1) * 2 + 1];
     perpx = -(p1y - p2y);
     perpy = p1x - p2x;
-    dist = Math.sqrt((perpx * perpx) + (perpy * perpy));
+    dist = Math.sqrt(perpx * perpx + perpy * perpy);
     perpx /= dist;
     perpy /= dist;
     perpx *= width;
@@ -162,13 +168,13 @@ export function buildLine(graphicsData, webGLData) {
     perp2y /= dist;
     perp2x *= width;
     perp2y *= width;
-    a1 = (-perpy + p1y) - (-perpy + p2y);
-    b1 = (-perpx + p2x) - (-perpx + p1x);
+    a1 = -perpy + p1y - (-perpy + p2y);
+    b1 = -perpx + p2x - (-perpx + p1x);
     c1 = (-perpx + p1x) * (-perpy + p2y) - (-perpx + p2x) * (-perpy + p1y);
-    a2 = (-perp2y + p3y) - (-perp2y + p2y);
-    b2 = (-perp2x + p2x) - (-perp2x + p3x);
+    a2 = -perp2y + p3y - (-perp2y + p2y);
+    b2 = -perp2x + p2x - (-perp2x + p3x);
     c2 = (-perp2x + p3x) * (-perp2y + p2y) - (-perp2x + p2x) * (-perp2y + p3y);
-    denom = (a1 * b2) - (a2 * b1);
+    denom = a1 * b2 - a2 * b1;
     if (Math.abs(denom) < 0.1) {
       denom += 10.1;
       verts.push(p2x - perpx, p2y - perpy, r, g, b, alpha);
@@ -206,7 +212,7 @@ export function buildLine(graphicsData, webGLData) {
   p2y = points[(length - 1) * 2 + 1];
   perpx = -(p1y - p2y);
   perpy = p1x - p2x;
-  dist = Math.sqrt((perpx * perpx) + (perpy * perpy));
+  dist = Math.sqrt(perpx * perpx + perpy * perpy);
   perpx /= dist;
   perpy /= dist;
   perpx *= width;
@@ -225,8 +231,8 @@ export function buildLine(graphicsData, webGLData) {
 
 /**
  *
- * @param {object} graphicsData TBD
- * @param {object} webGLData TBD
+ * @param {object} graphicsData - TBD.
+ * @param {object} webGLData - TBD.
  */
 export function buildRectangle(graphicsData, webGLData) {
   //
@@ -269,13 +275,13 @@ export function buildRectangle(graphicsData, webGLData) {
 
 /**
  *
- * @param {number} fromX TBD
- * @param {number} fromY TBD
- * @param {number} cpX TBD
- * @param {number} cpY TBD
- * @param {number} toX TBD
- * @param {number} toY TBD
- * @returns {number[]} TBD
+ * @param {number} fromX - TBD.
+ * @param {number} fromY - TBD.
+ * @param {number} cpX - TBD.
+ * @param {number} cpY - TBD.
+ * @param {number} toX - TBD.
+ * @param {number} toY - TBD.
+ * @returns {number[]} TBD.
  */
 export function quadraticBezierCurve(fromX, fromY, cpX, cpY, toX, toY) {
   let xa;
@@ -288,7 +294,7 @@ export function quadraticBezierCurve(fromX, fromY, cpX, cpY, toX, toY) {
   const points = [];
   const getPt = (n1, n2, perc) => {
     const diff = n2 - n1;
-    return n1 + (diff * perc);
+    return n1 + diff * perc;
   };
   let j = 0;
   for (let i = 0; i <= n; i += 1) {
@@ -308,8 +314,8 @@ export function quadraticBezierCurve(fromX, fromY, cpX, cpY, toX, toY) {
 
 /**
  *
- * @param {object} graphicsData TBD
- * @param {object} webGLData TBD
+ * @param {object} graphicsData - TBD.
+ * @param {object} webGLData - TBD.
  */
 export function buildRoundedRectangle(graphicsData, webGLData) {
   const rrectData = graphicsData.shape;
@@ -320,9 +326,22 @@ export function buildRoundedRectangle(graphicsData, webGLData) {
   const radius = rrectData.radius;
   let recPoints = [];
   recPoints.push(x, y + radius);
-  recPoints = recPoints.concat(quadraticBezierCurve(x, y + height - radius, x, y + height, x + radius, y + height));
-  recPoints = recPoints.concat(quadraticBezierCurve(x + width - radius, y + height, x + width, y + height, x + width, y + height - radius));
-  recPoints = recPoints.concat(quadraticBezierCurve(x + width, y + radius, x + width, y, x + width - radius, y));
+  recPoints = recPoints.concat(
+    quadraticBezierCurve(x, y + height - radius, x, y + height, x + radius, y + height)
+  );
+  recPoints = recPoints.concat(
+    quadraticBezierCurve(
+      x + width - radius,
+      y + height,
+      x + width,
+      y + height,
+      x + width,
+      y + height - radius
+    )
+  );
+  recPoints = recPoints.concat(
+    quadraticBezierCurve(x + width, y + radius, x + width, y, x + width - radius, y)
+  );
   recPoints = recPoints.concat(quadraticBezierCurve(x + radius, y, x, y, x, y + radius));
   if (graphicsData.fill) {
     const color = hex2rgb(graphicsData.fillColor);
@@ -356,8 +375,8 @@ export function buildRoundedRectangle(graphicsData, webGLData) {
 
 /**
  *
- * @param {object} graphicsData TBD
- * @param {object} webGLData TBD
+ * @param {object} graphicsData - TBD.
+ * @param {object} webGLData - TBD.
  */
 export function buildCircle(graphicsData, webGLData) {
   // need to convert points to a nice regular data
@@ -407,8 +426,8 @@ export function buildCircle(graphicsData, webGLData) {
 
 /**
  *
- * @param {object} graphicsData TBD
- * @param {object} webGLData TBD
+ * @param {object} graphicsData - TBD.
+ * @param {object} webGLData - TBD.
  */
 export function buildComplexPoly(graphicsData, webGLData) {
   // TODO - no need to copy this as it gets turned into a Float32Array anyways..
@@ -451,9 +470,9 @@ export function buildComplexPoly(graphicsData, webGLData) {
 
 /**
  *
- * @param {object} graphicsData TBD
- * @param {object} webGLData TBD
- * @returns {boolean} TBD
+ * @param {object} graphicsData - TBD.
+ * @param {object} webGLData - TBD.
+ * @returns {boolean} TBD.
  */
 export function buildPoly(graphicsData, webGLData) {
   const points = graphicsData.points;
@@ -490,8 +509,8 @@ export function buildPoly(graphicsData, webGLData) {
 
 /**
  *
- * @param {object} graphics TBD
- * @param {object} gl TBD
+ * @param {object} graphics - TBD.
+ * @param {object} gl - TBD.
  */
 export function updateGraphics(graphics, gl) {
   const stencilBufferLimit = getStencilBufferLimit();
@@ -529,7 +548,10 @@ export function updateGraphics(graphics, gl) {
       data.points = data.shape.points.slice();
       if (data.shape.closed) {
         // close the poly if the value is true!
-        if (data.points[0] !== data.points[data.points.length - 2] || data.points[1] !== data.points[data.points.length - 1]) {
+        if (
+          data.points[0] !== data.points[data.points.length - 2] ||
+          data.points[1] !== data.points[data.points.length - 1]
+        ) {
           data.points.push(data.points[0], data.points[1]);
         }
       }
@@ -576,8 +598,8 @@ export function updateGraphics(graphics, gl) {
 
 /**
  *
- * @param {object} graphics TBD
- * @param {object} renderSession TBD
+ * @param {object} graphics - TBD.
+ * @param {object} renderSession - TBD.
  */
 export function renderGraphics(graphics, renderSession) {
   const gl = renderSession.gl;

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

@@ -1,12 +1,11 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
  * @author       Mat Groves http://matgroves.com/ @Doormat23
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
 
-export default class {
-
+export class GraphicsData {
   constructor(gl) {
     this.gl = gl;
     // TODO does this need to be split before uploading??
@@ -38,5 +37,4 @@ export default class {
     gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, this.glIndicies, gl.STATIC_DRAW);
     this.dirty = false;
   }
-
 }

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

@@ -1,35 +1,45 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
  * @author       Mat Groves http://matgroves.com/ @Doormat23
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
 import { updateGraphics } from './graphics';
 
 /**
+ * TBD.
  *
- * @param {object} maskData TBD
- * @param {object} renderSession TBD
+ * @param {object} maskData - TBD.
+ * @param {object} renderSession - TBD.
  */
 export function pushMask(maskData, renderSession) {
   const gl = renderSession.gl;
   if (maskData.dirty) {
     updateGraphics(maskData, gl);
   }
-  if (maskData._webGL[gl.id] === undefined || maskData._webGL[gl.id].data === undefined || maskData._webGL[gl.id].data.length === 0) {
+  if (
+    maskData._webGL[gl.id] === undefined ||
+    maskData._webGL[gl.id].data === undefined ||
+    maskData._webGL[gl.id].data.length === 0
+  ) {
     return;
   }
   renderSession.stencilManager.pushStencil(maskData, maskData._webGL[gl.id].data[0], renderSession);
 }
 
 /**
+ * TBD.
  *
- * @param {object} maskData TBD
- * @param {object} renderSession TBD
+ * @param {object} maskData - TBD.
+ * @param {object} renderSession - TBD.
  */
 export function popMask(maskData, renderSession) {
   const gl = renderSession.gl;
-  if (maskData._webGL[gl.id] === undefined || maskData._webGL[gl.id].data === undefined || maskData._webGL[gl.id].data.length === 0) {
+  if (
+    maskData._webGL[gl.id] === undefined ||
+    maskData._webGL[gl.id].data === undefined ||
+    maskData._webGL[gl.id].data.length === 0
+  ) {
     return;
   }
   renderSession.stencilManager.popStencil(maskData, maskData._webGL[gl.id].data[0], renderSession);

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

@@ -1,24 +1,26 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
  * @author       Mat Groves http://matgroves.com/ @Doormat23
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
-import Rectangle from '../../geom/rectangle';
-import Point from '../../geom/point';
-import Texture from './texture';
-import BaseTexture from './base_texture';
+import { Rectangle } from  '../../geom/rectangle';
+import { Point } from '../../geom/point';
+import { Texture } from './texture';
+import { BaseTexture } from './base_texture';
 import FilterTexture from './filter_texture';
 import CanvasBuffer from '../canvas/buffer';
 import { RENDER_WEBGL } from '../../core/const';
 
 export default class extends Texture {
-
   constructor(width, height, renderer, scaleMode, resolution = 1) {
     const w = width || 100;
     const h = height || 100;
     const res = resolution || 1;
-    const baseTexture = new BaseTexture(null, scaleMode || window.PhaserRegistry.TEXTURE_SCALE_MODE);
+    const baseTexture = new BaseTexture(
+      null,
+      scaleMode || window.PhaserRegistry.TEXTURE_SCALE_MODE
+    );
     baseTexture.width = width * res;
     baseTexture.height = height * res;
     baseTexture._glTextures = [];
@@ -35,13 +37,21 @@ export default class extends Texture {
     if (this.renderer.type === RENDER_WEBGL) {
       const gl = this.renderer.gl;
       this.baseTexture._dirty[gl.id] = false;
-      this.textureBuffer = new FilterTexture(gl, this.width, this.height, this.baseTexture.scaleMode);
+      this.textureBuffer = new FilterTexture(
+        gl,
+        this.width,
+        this.height,
+        this.baseTexture.scaleMode
+      );
       this.baseTexture._glTextures[gl.id] = this.textureBuffer.texture;
       this.render = this.renderWebGL;
       this.projection = new Point(this.width * 0.5, -this.height * 0.5);
     } else {
       this.render = this.renderCanvas;
-      this.textureBuffer = new CanvasBuffer(this.width * this.resolution, this.height * this.resolution);
+      this.textureBuffer = new CanvasBuffer(
+        this.width * this.resolution,
+        this.height * this.resolution
+      );
       this.baseTexture.source = this.textureBuffer.canvas;
     }
     this.valid = true;
@@ -77,5 +87,4 @@ export default class extends Texture {
   getCanvas() {
     // TODO
   }
-
 }