@vpmedia/phaser 1.11.0 → 1.13.0

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

@@ -1,13 +1,33 @@
 /**
+ * @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 { RENDER_WEBGL, SCALE_LINEAR, BLEND_NORMAL, BLEND_ADD, BLEND_MULTIPLY, BLEND_SCREEN, BLEND_OVERLAY, BLEND_DARKEN, BLEND_LIGHTEN, BLEND_COLOR_DODGE, BLEND_COLOR_BURN, BLEND_HARD_LIGHT, BLEND_SOFT_LIGHT, BLEND_DIFFERENCE, BLEND_EXCLUSION, BLEND_HUE, BLEND_SATURATION, BLEND_COLOR, BLEND_LUMINOSITY } from '../../core/const';
+import {
+  RENDER_WEBGL,
+  SCALE_LINEAR,
+  BLEND_NORMAL,
+  BLEND_ADD,
+  BLEND_MULTIPLY,
+  BLEND_SCREEN,
+  BLEND_OVERLAY,
+  BLEND_DARKEN,
+  BLEND_LIGHTEN,
+  BLEND_COLOR_DODGE,
+  BLEND_COLOR_BURN,
+  BLEND_HARD_LIGHT,
+  BLEND_SOFT_LIGHT,
+  BLEND_DIFFERENCE,
+  BLEND_EXCLUSION,
+  BLEND_HUE,
+  BLEND_SATURATION,
+  BLEND_COLOR,
+  BLEND_LUMINOSITY,
+} from '../../core/const';
 import { remove } from '../canvas/pool';
 import { isPowerOfTwo } from '../../util/math';
-import Point from '../../geom/point';
+import { Point } from '../../geom/point';
 import WebGLShaderManager from './shader_manager';
 import WebGLSpriteBatch from './sprite_batch';
 import * as WebGLMaskManager from './mask_manager';
@@ -16,7 +36,6 @@ import WebGLStencilManager from './stencil_manager';
 import WebGLBlendModeManager from './blend_manager';
 
 export default class {
-
   constructor(game) {
     this.type = RENDER_WEBGL;
     this.resolution = game.config.resolution;
@@ -94,7 +113,9 @@ export default class {
   }
 
   initContext() {
-    const gl = this.view.getContext('webgl', this._contextOptions) || this.view.getContext('experimental-webgl', this._contextOptions);
+    const gl =
+      this.view.getContext('webgl', this._contextOptions) ||
+      this.view.getContext('experimental-webgl', this._contextOptions);
     this.gl = gl;
     if (!gl) {
       // fail, not able to get a context
@@ -184,12 +205,24 @@ export default class {
     gl.bindTexture(gl.TEXTURE_2D, texture._glTextures[gl.id]);
     gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, texture.premultipliedAlpha);
     gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, texture.source);
-    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, texture.scaleMode === SCALE_LINEAR ? gl.LINEAR : gl.NEAREST);
+    gl.texParameteri(
+      gl.TEXTURE_2D,
+      gl.TEXTURE_MAG_FILTER,
+      texture.scaleMode === SCALE_LINEAR ? gl.LINEAR : gl.NEAREST
+    );
     if (texture.mipmap && isPowerOfTwo(texture.width, texture.height)) {
-      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, texture.scaleMode === SCALE_LINEAR ? gl.LINEAR_MIPMAP_LINEAR : gl.NEAREST_MIPMAP_NEAREST);
+      gl.texParameteri(
+        gl.TEXTURE_2D,
+        gl.TEXTURE_MIN_FILTER,
+        texture.scaleMode === SCALE_LINEAR ? gl.LINEAR_MIPMAP_LINEAR : gl.NEAREST_MIPMAP_NEAREST
+      );
       gl.generateMipmap(gl.TEXTURE_2D);
     } else {
-      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, texture.scaleMode === SCALE_LINEAR ? gl.LINEAR : gl.NEAREST);
+      gl.texParameteri(
+        gl.TEXTURE_2D,
+        gl.TEXTURE_MIN_FILTER,
+        texture.scaleMode === SCALE_LINEAR ? gl.LINEAR : gl.NEAREST
+      );
     }
     if (!texture._powerOf2) {
       gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
@@ -228,5 +261,4 @@ export default class {
     b[BLEND_LUMINOSITY] = [gl.ONE, gl.ONE_MINUS_SRC_ALPHA];
     window.PhaserRegistry.blendModesWebGL = b;
   }
-
 }

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

@@ -1,8 +1,8 @@
 /**
+ * @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 { generateShaderID } from '../../../util/math';
 import { compileProgram } from '../util';
@@ -10,7 +10,6 @@ import { compileProgram } from '../util';
 // the next one is used for rendering triangle strips
 
 export default class {
-
   constructor(gl) {
     this.gl = gl;
     this._UID = generateShaderID();
@@ -70,5 +69,4 @@ export default class {
     this.gl = null;
     this.attribute = null;
   }
-
 }

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

@@ -1,8 +1,8 @@
 /**
+ * @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 { generateShaderID } from '../../../util/math';
 import { compileProgram } from '../util';
@@ -10,7 +10,6 @@ import { compileProgram } from '../util';
 // this shader is used for the fast sprite rendering
 
 export default class {
-
   constructor(gl) {
     this.gl = gl;
     this._UID = generateShaderID();
@@ -82,7 +81,14 @@ export default class {
     if (this.colorAttribute === -1) {
       this.colorAttribute = 2;
     }
-    this.attributes = [this.aVertexPosition, this.aPositionCoord, this.aScale, this.aRotation, this.aTextureCoord, this.colorAttribute];
+    this.attributes = [
+      this.aVertexPosition,
+      this.aPositionCoord,
+      this.aScale,
+      this.aRotation,
+      this.aTextureCoord,
+      this.colorAttribute,
+    ];
     // End worst hack eva //
     this.program = program;
   }
@@ -93,5 +99,4 @@ export default class {
     this.gl = null;
     this.attributes = null;
   }
-
 }

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

@@ -1,8 +1,8 @@
 /**
+ * @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 { generateShaderID } from '../../../util/math';
 import { compileProgram } from '../util';
@@ -30,7 +30,6 @@ const defaultVertexSrc = [
 // this shader is used for the default sprite rendering
 
 export default class {
-
   constructor(gl) {
     this.gl = gl;
     this._UID = generateShaderID();
@@ -144,26 +143,43 @@ export default class {
       // KeyTexture = whatever + luminance + width 256, height 2, border 0
       //  magFilter can be: gl.LINEAR, gl.LINEAR_MIPMAP_LINEAR or gl.NEAREST
       //  wrapS/T can be: gl.CLAMP_TO_EDGE or gl.REPEAT
-      const magFilter = (data.magFilter) ? data.magFilter : gl.LINEAR;
-      const minFilter = (data.minFilter) ? data.minFilter : gl.LINEAR;
-      let wrapS = (data.wrapS) ? data.wrapS : gl.CLAMP_TO_EDGE;
-      let wrapT = (data.wrapT) ? data.wrapT : gl.CLAMP_TO_EDGE;
-      const format = (data.luminance) ? gl.LUMINANCE : gl.RGBA;
+      const magFilter = data.magFilter ? data.magFilter : gl.LINEAR;
+      const minFilter = data.minFilter ? data.minFilter : gl.LINEAR;
+      let wrapS = data.wrapS ? data.wrapS : gl.CLAMP_TO_EDGE;
+      let wrapT = data.wrapT ? data.wrapT : gl.CLAMP_TO_EDGE;
+      const format = data.luminance ? gl.LUMINANCE : gl.RGBA;
       if (data.repeat) {
         wrapS = gl.REPEAT;
         wrapT = gl.REPEAT;
       }
       gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, !!data.flipY);
       if (data.width) {
-        const width = (data.width) ? data.width : 512;
-        const height = (data.height) ? data.height : 2;
-        const border = (data.border) ? data.border : 0;
+        const width = data.width ? data.width : 512;
+        const height = data.height ? data.height : 2;
+        const border = data.border ? data.border : 0;
 
         // void texImage2D(GLenum target, GLint level, GLenum internalformat, GLsizei width, GLsizei height, GLint border, GLenum format, GLenum type, ArrayBufferView? pixels);
-        gl.texImage2D(gl.TEXTURE_2D, 0, format, width, height, border, format, gl.UNSIGNED_BYTE, null);
+        gl.texImage2D(
+          gl.TEXTURE_2D,
+          0,
+          format,
+          width,
+          height,
+          border,
+          format,
+          gl.UNSIGNED_BYTE,
+          null
+        );
       } else {
         //  void texImage2D(GLenum target, GLint level, GLenum internalformat, GLenum format, GLenum type, ImageData? pixels);
-        gl.texImage2D(gl.TEXTURE_2D, 0, format, gl.RGBA, gl.UNSIGNED_BYTE, uniform.value.baseTexture.source);
+        gl.texImage2D(
+          gl.TEXTURE_2D,
+          0,
+          format,
+          gl.RGBA,
+          gl.UNSIGNED_BYTE,
+          uniform.value.baseTexture.source
+        );
       }
       gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, magFilter);
       gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, minFilter);
@@ -193,9 +209,22 @@ export default class {
       } else if (uniform.glValueLength === 2) {
         uniform.glFunc.call(gl, uniform.uniformLocation, uniform.value.x, uniform.value.y);
       } else if (uniform.glValueLength === 3) {
-        uniform.glFunc.call(gl, uniform.uniformLocation, uniform.value.x, uniform.value.y, uniform.value.z);
+        uniform.glFunc.call(
+          gl,
+          uniform.uniformLocation,
+          uniform.value.x,
+          uniform.value.y,
+          uniform.value.z
+        );
       } else if (uniform.glValueLength === 4) {
-        uniform.glFunc.call(gl, uniform.uniformLocation, uniform.value.x, uniform.value.y, uniform.value.z, uniform.value.w);
+        uniform.glFunc.call(
+          gl,
+          uniform.uniformLocation,
+          uniform.value.x,
+          uniform.value.y,
+          uniform.value.z,
+          uniform.value.w
+        );
       } else if (uniform.type === 'sampler2D') {
         if (uniform._init) {
           gl.activeTexture(gl['TEXTURE' + this.textureCount]);
@@ -221,5 +250,4 @@ export default class {
     this.gl = null;
     this.attributes = null;
   }
-
 }

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

@@ -1,8 +1,8 @@
 /**
+ * @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 { generateShaderID } from '../../../util/math';
 import { compileProgram } from '../util';
@@ -10,7 +10,6 @@ import { compileProgram } from '../util';
 // the next one is used for rendering primitives
 
 export default class {
-
   constructor(gl) {
     this.gl = gl;
     this._UID = generateShaderID();
@@ -68,5 +67,4 @@ export default class {
     this.gl = null;
     this.attributes = null;
   }
-
 }

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

@@ -1,8 +1,8 @@
 /**
+ * @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 { generateShaderID } from '../../../util/math';
 import { compileProgram } from '../util';
@@ -10,7 +10,6 @@ import { compileProgram } from '../util';
 // the next one is used for rendering triangle strips
 
 export default class {
-
   constructor(gl) {
     this.gl = gl;
     this._UID = generateShaderID();
@@ -73,5 +72,4 @@ export default class {
     this.gl = null;
     this.attribute = null;
   }
-
 }

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

@@ -1,8 +1,8 @@
 /**
+ * @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 PrimitiveShader from './shader/primitive';
 import ComplexPrimitiveShader from './shader/complex';
@@ -11,7 +11,6 @@ import FastShader from './shader/fast';
 import StripShader from './shader/strip';
 
 export default class {
-
   constructor() {
     this.gl = null;
     this.primitiveShader = null;
@@ -85,5 +84,4 @@ export default class {
     this.stripShader.destroy();
     this.gl = null;
   }
-
 }

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

@@ -1,8 +1,8 @@
 /**
+ * @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 AbstractFilter from './abstract_filter';
 import NormalShader from './shader/normal';
@@ -10,7 +10,6 @@ import NormalShader from './shader/normal';
 // TODO: fix ++ +=1 conversion issues (when a is 0 than a++ is 0 but a+=1 is 1)
 
 export default class {
-
   constructor() {
     this.vertSize = 5;
     this.size = 2000; // Math.pow(2, 16) /  this.vertSize;
@@ -111,8 +110,8 @@ export default class {
       h1 = trim.y - aY * trim.height;
       h0 = h1 + texture.crop.height;
     } else {
-      w0 = (texture.frame.width) * (1 - aX);
-      w1 = (texture.frame.width) * -aX;
+      w0 = texture.frame.width * (1 - aX);
+      w1 = texture.frame.width * -aX;
       h0 = texture.frame.height * (1 - aY);
       h1 = texture.frame.height * -aY;
     }
@@ -128,17 +127,17 @@ export default class {
     const positions = this.positions;
     if (this.renderSession.roundPixels) {
       // xy
-      positions[i] = a * w1 + c * h1 + tx | 0;
-      positions[i + 1] = d * h1 + b * w1 + ty | 0;
+      positions[i] = (a * w1 + c * h1 + tx) | 0;
+      positions[i + 1] = (d * h1 + b * w1 + ty) | 0;
       // xy
-      positions[i + 5] = a * w0 + c * h1 + tx | 0;
-      positions[i + 6] = d * h1 + b * w0 + ty | 0;
+      positions[i + 5] = (a * w0 + c * h1 + tx) | 0;
+      positions[i + 6] = (d * h1 + b * w0 + ty) | 0;
       // xy
-      positions[i + 10] = a * w0 + c * h0 + tx | 0;
-      positions[i + 11] = d * h0 + b * w0 + ty | 0;
+      positions[i + 10] = (a * w0 + c * h0 + tx) | 0;
+      positions[i + 11] = (d * h0 + b * w0 + ty) | 0;
       // xy
-      positions[i + 15] = a * w1 + c * h0 + tx | 0;
-      positions[i + 16] = d * h0 + b * w1 + ty | 0;
+      positions[i + 15] = (a * w1 + c * h0 + tx) | 0;
+      positions[i + 16] = (d * h0 + b * w1 + ty) | 0;
     } else {
       // xy
       positions[i] = a * w1 + c * h1 + tx;
@@ -167,7 +166,8 @@ export default class {
     positions[i + 18] = uvs.y3;
     // color and alpha
     const tint = sprite.tint;
-    colors[i + 4] = (tint >> 16) + (tint & 0xff00) + ((tint & 0xff) << 16) + (sprite.worldAlpha * 255 << 24);
+    colors[i + 4] =
+      (tint >> 16) + (tint & 0xff00) + ((tint & 0xff) << 16) + ((sprite.worldAlpha * 255) << 24);
     colors[i + 9] = colors[i + 4];
     colors[i + 14] = colors[i + 4];
     colors[i + 19] = colors[i + 4];
@@ -203,7 +203,7 @@ export default class {
       gl.vertexAttribPointer(shader.colorAttribute, 4, gl.UNSIGNED_BYTE, true, stride, 4 * 4);
     }
     // 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.positions.subarray(0, this.currentBatchSize * 4 * this.vertSize);
@@ -316,5 +316,4 @@ export default class {
     this.currentBaseTexture = null;
     this.gl = null;
   }
-
 }

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

@@ -1,13 +1,12 @@
 /**
+ * @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 { hex2rgb } from '../../util/math';
 
 export default class {
-
   constructor() {
     this.stencilStack = [];
     this.reverse = true;
@@ -35,39 +34,39 @@ export default class {
     this.stencilStack.push(webGLData);
     const level = this.count;
     gl.colorMask(false, false, false, false);
-    gl.stencilFunc(gl.ALWAYS, 0, 0xFF);
+    gl.stencilFunc(gl.ALWAYS, 0, 0xff);
     gl.stencilOp(gl.KEEP, gl.KEEP, gl.INVERT);
     // draw the triangle strip!
     if (webGLData.mode === 1) {
       gl.drawElements(gl.TRIANGLE_FAN, webGLData.indices.length - 4, gl.UNSIGNED_SHORT, 0);
       if (this.reverse) {
-        gl.stencilFunc(gl.EQUAL, 0xFF - level, 0xFF);
+        gl.stencilFunc(gl.EQUAL, 0xff - level, 0xff);
         gl.stencilOp(gl.KEEP, gl.KEEP, gl.DECR);
       } else {
-        gl.stencilFunc(gl.EQUAL, level, 0xFF);
+        gl.stencilFunc(gl.EQUAL, level, 0xff);
         gl.stencilOp(gl.KEEP, gl.KEEP, gl.INCR);
       }
       // draw a quad to increment..
       gl.drawElements(gl.TRIANGLE_FAN, 4, gl.UNSIGNED_SHORT, (webGLData.indices.length - 4) * 2);
       if (this.reverse) {
-        gl.stencilFunc(gl.EQUAL, 0xFF - (level + 1), 0xFF);
+        gl.stencilFunc(gl.EQUAL, 0xff - (level + 1), 0xff);
       } else {
-        gl.stencilFunc(gl.EQUAL, level + 1, 0xFF);
+        gl.stencilFunc(gl.EQUAL, level + 1, 0xff);
       }
       this.reverse = !this.reverse;
     } else {
       if (!this.reverse) {
-        gl.stencilFunc(gl.EQUAL, 0xFF - level, 0xFF);
+        gl.stencilFunc(gl.EQUAL, 0xff - level, 0xff);
         gl.stencilOp(gl.KEEP, gl.KEEP, gl.DECR);
       } else {
-        gl.stencilFunc(gl.EQUAL, level, 0xFF);
+        gl.stencilFunc(gl.EQUAL, level, 0xff);
         gl.stencilOp(gl.KEEP, gl.KEEP, gl.INCR);
       }
       gl.drawElements(gl.TRIANGLE_STRIP, webGLData.indices.length, gl.UNSIGNED_SHORT, 0);
       if (!this.reverse) {
-        gl.stencilFunc(gl.EQUAL, 0xFF - (level + 1), 0xFF);
+        gl.stencilFunc(gl.EQUAL, 0xff - (level + 1), 0xff);
       } else {
-        gl.stencilFunc(gl.EQUAL, level + 1, 0xFF);
+        gl.stencilFunc(gl.EQUAL, level + 1, 0xff);
       }
     }
     gl.colorMask(true, true, true, true);
@@ -130,41 +129,40 @@ export default class {
       if (webGLData.mode === 1) {
         this.reverse = !this.reverse;
         if (this.reverse) {
-          gl.stencilFunc(gl.EQUAL, 0xFF - (level + 1), 0xFF);
+          gl.stencilFunc(gl.EQUAL, 0xff - (level + 1), 0xff);
           gl.stencilOp(gl.KEEP, gl.KEEP, gl.INCR);
         } else {
-          gl.stencilFunc(gl.EQUAL, level + 1, 0xFF);
+          gl.stencilFunc(gl.EQUAL, level + 1, 0xff);
           gl.stencilOp(gl.KEEP, gl.KEEP, gl.DECR);
         }
         // draw a quad to increment..
         gl.drawElements(gl.TRIANGLE_FAN, 4, gl.UNSIGNED_SHORT, (webGLData.indices.length - 4) * 2);
-        gl.stencilFunc(gl.ALWAYS, 0, 0xFF);
+        gl.stencilFunc(gl.ALWAYS, 0, 0xff);
         gl.stencilOp(gl.KEEP, gl.KEEP, gl.INVERT);
         // draw the triangle strip!
         gl.drawElements(gl.TRIANGLE_FAN, webGLData.indices.length - 4, gl.UNSIGNED_SHORT, 0);
         if (!this.reverse) {
-          gl.stencilFunc(gl.EQUAL, 0xFF - (level), 0xFF);
+          gl.stencilFunc(gl.EQUAL, 0xff - level, 0xff);
         } else {
-          gl.stencilFunc(gl.EQUAL, level, 0xFF);
+          gl.stencilFunc(gl.EQUAL, level, 0xff);
         }
       } else {
         if (!this.reverse) {
-          gl.stencilFunc(gl.EQUAL, 0xFF - (level + 1), 0xFF);
+          gl.stencilFunc(gl.EQUAL, 0xff - (level + 1), 0xff);
           gl.stencilOp(gl.KEEP, gl.KEEP, gl.INCR);
         } else {
-          gl.stencilFunc(gl.EQUAL, level + 1, 0xFF);
+          gl.stencilFunc(gl.EQUAL, level + 1, 0xff);
           gl.stencilOp(gl.KEEP, gl.KEEP, gl.DECR);
         }
         gl.drawElements(gl.TRIANGLE_STRIP, webGLData.indices.length, gl.UNSIGNED_SHORT, 0);
         if (!this.reverse) {
-          gl.stencilFunc(gl.EQUAL, 0xFF - (level), 0xFF);
+          gl.stencilFunc(gl.EQUAL, 0xff - level, 0xff);
         } else {
-          gl.stencilFunc(gl.EQUAL, level, 0xFF);
+          gl.stencilFunc(gl.EQUAL, level, 0xff);
         }
       }
       gl.colorMask(true, true, true, true);
       gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
     }
   }
-
 }

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

@@ -1,13 +1,13 @@
 /**
+ * @module display/webgl/texture
+ * @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 { Rectangle } from  '../../geom/rectangle';
 
 export class TextureUvs {
-
   constructor() {
     this.x0 = 0;
     this.y0 = 0;
@@ -18,11 +18,9 @@ export class TextureUvs {
     this.x3 = 0;
     this.y3 = 0;
   }
-
 }
 
-export default class {
-
+export class Texture {
   constructor(baseTexture, frame, crop, trim) {
     this.noFrame = false;
     if (!frame) {
@@ -74,18 +72,25 @@ export default class {
     this.crop.y = frame.y;
     this.crop.width = frame.width;
     this.crop.height = frame.height;
-    if (!this.trim && (frame.x + frame.width > this.baseTexture.width || frame.y + frame.height > this.baseTexture.height)) {
+    if (
+      !this.trim &&
+      (frame.x + frame.width > this.baseTexture.width ||
+        frame.y + frame.height > this.baseTexture.height)
+    ) {
       // If `true` then `PIXI.Texture.setFrame` will no longer throw an error if the texture dimensions are incorrect.
       // Instead `Texture.valid` will be set to `false` (#1556)
       // TODO: make this configurable
       const isTextureSilentFail = true;
       if (!isTextureSilentFail) {
-        throw new Error('Texture Error: frame does not fit inside the base Texture dimensions ' + this);
+        throw new Error(
+          'Texture Error: frame does not fit inside the base Texture dimensions ' + this
+        );
       }
       this.valid = false;
       return;
     }
-    this.valid = frame && frame.width && frame.height && this.baseTexture.source && this.baseTexture.hasLoaded;
+    this.valid =
+      frame && frame.width && frame.height && this.baseTexture.source && this.baseTexture.hasLoaded;
     if (this.trim) {
       this.width = this.trim.width;
       this.height = this.trim.height;
@@ -113,5 +118,4 @@ export default class {
     this._uvs.x3 = frame.x / tw;
     this._uvs.y3 = (frame.y + frame.height) / th;
   }
-
 }

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

@@ -1,17 +1,18 @@
 /**
+ * @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 BaseTexture from './base_texture';
-import Texture from './texture';
+import { BaseTexture } from './base_texture';
+import { Texture } from './texture';
 
 /**
+ * TBD.
  *
- * @param {object} canvas TBD
- * @param {number} scaleMode TBD
- * @returns {object} TBD
+ * @param {HTMLCanvasElement} canvas - TBD.
+ * @param {number} scaleMode - TBD.
+ * @returns {object} TBD.
  */
 export function baseTextureFromCanvas(canvas, scaleMode) {
   if (canvas.width === 0) {
@@ -24,10 +25,11 @@ export function baseTextureFromCanvas(canvas, scaleMode) {
 }
 
 /**
+ * TBD.
  *
- * @param {object} canvas TBD
- * @param {number} scaleMode TBD
- * @returns {object} TBD
+ * @param {HTMLCanvasElement} canvas - TBD.
+ * @param {number} scaleMode - TBD.
+ * @returns {object} TBD.
  */
 export function textureFromCanvas(canvas, scaleMode) {
   return new Texture(baseTextureFromCanvas(canvas, scaleMode));