@vpmedia/phaser 1.11.0 → 1.12.0

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

@@ -7,15 +7,22 @@
 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

@@ -6,7 +6,13 @@
  */
 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 {
+  GEOM_CIRCLE,
+  GEOM_ELLIPSE,
+  GEOM_POLYGON,
+  GEOM_RECTANGLE,
+  GEOM_ROUNDED_RECTANGLE,
+} from '../../core/const';
 import { hex2rgb } from '../../util/math';
 import { triangulate } from './earcut';
 
@@ -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;
@@ -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) {
@@ -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);
@@ -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]);
         }
       }

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

@@ -6,7 +6,6 @@
  */
 
 export default class {
-
   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

@@ -16,7 +16,11 @@ export function pushMask(maskData, renderSession) {
   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);
@@ -29,7 +33,11 @@ export function pushMask(maskData, renderSession) {
  */
 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

@@ -13,12 +13,14 @@ 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
   }
-
 }

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

@@ -4,7 +4,27 @@
  * @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';
@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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;
   }
-
 }