pixi.js - npm Package Compare versions

Comparing version 4.5.4 to 4.5.5

lib/core/Application.js

@@ -47,2 +47,5 @@ 'use strict';
      * @param {object} [options] - The optional renderer parameters
+     * @param {boolean} [options.autoStart=true] - automatically starts the rendering after the construction.
+     *     Note that setting this parameter to false does NOT stop the shared ticker even if you set
+     *     options.sharedTicker to true in case that it is already started. Stop it by your own.
      * @param {number} [options.width=800] - the width of the renderers view
@@ -67,2 +70,4 @@ * @param {number} [options.height=600] - the height of the renderers view
      *  If you experience unexplained flickering try setting this to true. **webgl only**
+     * @param {string} [options.powerPreference] - Parameter passed to webgl context, set to "high-performance"
+     *  for devices with dual graphics card **webgl only**
      * @param {boolean} [options.sharedTicker=false] - `true` to use PIXI.ticker.shared, `false` to create new ticker.
@@ -90,2 +95,3 @@ * @param {boolean} [options.sharedLoader=false] - `true` to use PIXI.loaders.shared, `false` to create new Loader.
         this._options = options = Object.assign({
+            autoStart: true,
             sharedTicker: false,
@@ -123,3 +129,5 @@ forceCanvas: false,
         // Start the rendering
-        this.start();
+        if (options.autoStart) {
+            this.start();
+        }
     }
@@ -126,0 +134,0 @@

lib/core/autoDetectRenderer.js

@@ -50,2 +50,4 @@ 'use strict';
  *  If you experience unexplained flickering try setting this to true. **webgl only**
+ * @param {string} [options.powerPreference] - Parameter passed to webgl context, set to "high-performance"
+ *  for devices with dual graphics card **webgl only**
  * @return {PIXI.WebGLRenderer|PIXI.CanvasRenderer} Returns WebGL renderer if available, otherwise CanvasRenderer
@@ -52,0 +54,0 @@ */

lib/core/const.js

@@ -13,3 +13,3 @@ 'use strict';
  */
-var VERSION = exports.VERSION = '4.5.4';
+var VERSION = exports.VERSION = '4.5.5';
 
@@ -16,0 +16,0 @@ /**

lib/core/graphics/Graphics.js

@@ -682,3 +682,3 @@ 'use strict';
      *
-     * @param {number[]|PIXI.Point[]} path - The path data used to construct the polygon.
+     * @param {number[]|PIXI.Point[]|PIXI.Polygon} path - The path data used to construct the polygon.
      * @return {PIXI.Graphics} This Graphics object. Good for chaining method calls
@@ -685,0 +685,0 @@ */

lib/core/renderers/canvas/CanvasRenderer.js

@@ -214,2 +214,3 @@ 'use strict';
         context.globalAlpha = 1;
+        this._activeBlendMode = _const.BLEND_MODES.NORMAL;
         context.globalCompositeOperation = this.blendModes[_const.BLEND_MODES.NORMAL];
@@ -326,2 +327,11 @@
 
+    /**
+     * Checks if blend mode has changed.
+     */
+
+
+    CanvasRenderer.prototype.invalidateBlendMode = function invalidateBlendMode() {
+        this._activeBlendMode = this.blendModes.indexOf(this.context.globalCompositeOperation);
+    };
+
     return CanvasRenderer;
@@ -328,0 +338,0 @@ }(_SystemRenderer3.default);

lib/core/renderers/canvas/utils/CanvasMaskManager.js

@@ -151,2 +151,3 @@ 'use strict';
         renderer.context.restore();
+        renderer.invalidateBlendMode();
     };
@@ -153,0 +154,0 @@

lib/core/renderers/webgl/managers/StencilManager.js

@@ -57,3 +57,3 @@ 'use strict';
     /**
-     * Applies the Mask and adds it to the current filter stack. @alvin
+     * Applies the Mask and adds it to the current stencil stack. @alvin
      *
@@ -70,25 +70,21 @@ * @param {PIXI.Graphics} graphics - The mask
         var gl = this.renderer.gl;
-        var sms = this.stencilMaskStack;
+        var prevMaskCount = this.stencilMaskStack.length;
 
-        if (sms.length === 0) {
+        if (prevMaskCount === 0) {
             gl.enable(gl.STENCIL_TEST);
-            gl.clear(gl.STENCIL_BUFFER_BIT);
-            gl.stencilFunc(gl.ALWAYS, 1, 1);
         }
 
-        sms.push(graphics);
+        this.stencilMaskStack.push(graphics);
 
+        // Increment the refference stencil value where the new mask overlaps with the old ones.
         gl.colorMask(false, false, false, false);
-        gl.stencilFunc(gl.EQUAL, 0, sms.length);
+        gl.stencilFunc(gl.EQUAL, prevMaskCount, this._getBitwiseMask());
         gl.stencilOp(gl.KEEP, gl.KEEP, gl.INCR);
-
         this.renderer.plugins.graphics.render(graphics);
 
-        gl.colorMask(true, true, true, true);
-        gl.stencilFunc(gl.NOTEQUAL, 0, sms.length);
-        gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
+        this._useCurrent();
     };
 
     /**
-     * TODO @alvin
+     * Removes the last mask from the stencil stack. @alvin
      */
@@ -101,19 +97,16 @@
         var gl = this.renderer.gl;
-        var sms = this.stencilMaskStack;
+        var graphics = this.stencilMaskStack.pop();
 
-        var graphics = sms.pop();
-
-        if (sms.length === 0) {
+        if (this.stencilMaskStack.length === 0) {
             // the stack is empty!
             gl.disable(gl.STENCIL_TEST);
+            gl.clear(gl.STENCIL_BUFFER_BIT);
+            gl.clearStencil(0);
         } else {
+            // Decrement the refference stencil value where the popped mask overlaps with the other ones
             gl.colorMask(false, false, false, false);
-            gl.stencilFunc(gl.EQUAL, 0, sms.length);
             gl.stencilOp(gl.KEEP, gl.KEEP, gl.DECR);
-
             this.renderer.plugins.graphics.render(graphics);
 
-            gl.colorMask(true, true, true, true);
-            gl.stencilFunc(gl.NOTEQUAL, 0, sms.length);
-            gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
+            this._useCurrent();
         }
@@ -123,2 +116,26 @@ };
     /**
+     * Setup renderer to use the current stencil data.
+     */
+
+
+    StencilManager.prototype._useCurrent = function _useCurrent() {
+        var gl = this.renderer.gl;
+
+        gl.colorMask(true, true, true, true);
+        gl.stencilFunc(gl.EQUAL, this.stencilMaskStack.length, this._getBitwiseMask());
+        gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
+    };
+
+    /**
+     * Fill 1s equal to the number of acitve stencil masks.
+     *
+     * @return {number} The bitwise mask.
+     */
+
+
+    StencilManager.prototype._getBitwiseMask = function _getBitwiseMask() {
+        return (1 << this.stencilMaskStack.length) - 1;
+    };
+
+    /**
      * Destroys the mask stack.
@@ -125,0 +142,0 @@ *

lib/core/renderers/webgl/WebGLRenderer.js

@@ -110,3 +110,5 @@ 'use strict';
      * @param {boolean} [options.legacy=false] - If true PixiJS will aim to ensure compatibility
-     * with older / less advanced devices. If you experiance unexplained flickering try setting this to true.
+     *  with older / less advanced devices. If you experiance unexplained flickering try setting this to true.
+     * @param {string} [options.powerPreference] - Parameter passed to webgl context, set to "high-performance"
+     *  for devices with dual graphics card
      */
@@ -149,3 +151,4 @@ function WebGLRenderer(options, arg2, arg3) {
             stencil: true,
-            preserveDrawingBuffer: _this.options.preserveDrawingBuffer
+            preserveDrawingBuffer: _this.options.preserveDrawingBuffer,
+            powerPreference: _this.options.powerPreference
         };
@@ -152,0 +155,0 @@

lib/core/sprites/canvas/CanvasTinter.js

@@ -92,2 +92,3 @@ 'use strict';
 
+        context.save();
         context.fillStyle = '#' + ('00000' + (color | 0).toString(16)).substr(-6);
@@ -104,2 +105,3 @@
         context.drawImage(texture.baseTexture.source, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
+        context.restore();
     },
@@ -128,2 +130,3 @@
 
+        context.save();
         context.globalCompositeOperation = 'copy';
@@ -137,2 +140,3 @@ context.fillStyle = '#' + ('00000' + (color | 0).toString(16)).substr(-6);
         // context.globalCompositeOperation = 'copy';
+        context.restore();
     },
@@ -162,4 +166,6 @@
 
+        context.save();
         context.globalCompositeOperation = 'copy';
         context.drawImage(texture.baseTexture.source, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
+        context.restore();
 
@@ -166,0 +172,0 @@ var rgbValues = (0, _utils.hex2rgb)(color);

lib/core/sprites/Sprite.js

@@ -381,3 +381,3 @@ 'use strict';
             this._bounds.maxX = this._texture.orig.width * (1 - this._anchor._x);
-            this._bounds.maxY = this._texture.orig.height * (1 - this._anchor._x);
+            this._bounds.maxY = this._texture.orig.height * (1 - this._anchor._y);
 
@@ -384,0 +384,0 @@ if (!rect) {

lib/core/text/TextMetrics.js

@@ -78,3 +78,3 @@ 'use strict';
         var lineHeight = style.lineHeight || fontProperties.fontSize + style.strokeThickness;
-        var height = Math.max(lineHeight, fontProperties.fontSize + style.strokeThickness) + (lines.length - 1) * lineHeight;
+        var height = Math.max(lineHeight, fontProperties.fontSize + style.strokeThickness) + (lines.length - 1) * (lineHeight + style.leading);
 
@@ -85,3 +85,3 @@ if (style.dropShadow) {
 
-        return new TextMetrics(text, style, width, height, lines, lineWidths, lineHeight, maxLineWidth, fontProperties);
+        return new TextMetrics(text, style, width, height, lines, lineWidths, lineHeight + style.leading, maxLineWidth, fontProperties);
     };
@@ -88,0 +88,0 @@

lib/core/text/TextStyle.js

@@ -41,3 +41,4 @@ 'use strict';
     wordWrap: false,
-    wordWrapWidth: 100
+    wordWrapWidth: 100,
+    leading: 0
 };
@@ -64,3 +65,3 @@
      * @param {number} [style.dropShadowBlur=0] - Set a shadow blur radius
-     * @param {string} [style.dropShadowColor='black'] - A fill style to be used on the dropshadow e.g 'red', '#00FF00'
+     * @param {string|number} [style.dropShadowColor='black'] - A fill style to be used on the dropshadow e.g 'red', '#00FF00'
      * @param {number} [style.dropShadowDistance=5] - Set a distance of the drop shadow
@@ -82,2 +83,3 @@ * @param {string|string[]|number|number[]|CanvasGradient|CanvasPattern} [style.fill='black'] - A canvas
      *  '200', '300', '400', '500', '600', '700', 800' or '900')
+     * @param {number} [style.leading=0] - The space between lines
      * @param {number} [style.letterSpacing=0] - The amount of spacing between letters, default is 0
@@ -136,2 +138,9 @@ * @param {number} [style.lineHeight] - The line height, a number that represents the vertical space that a letter uses
     /**
+     * Alignment for multiline text ('left', 'center' or 'right'), does not affect single line text
+     *
+     * @member {string}
+     */
+
+
+    /**
      * Generates a font style string to use for `TextMetrics.measureFont()`.
@@ -172,3 +181,4 @@ *
         },
-        set: function set(align) {
+        set: function set(align) // eslint-disable-line require-jsdoc
+        {
             if (this._align !== align) {
@@ -179,2 +189,9 @@ this._align = align;
         }
+
+        /**
+         * Indicates if lines can be wrapped within words, it needs wordWrap to be set to true
+         *
+         * @member {boolean}
+         */
+
     }, {
@@ -185,3 +202,4 @@ key: 'breakWords',
         },
-        set: function set(breakWords) {
+        set: function set(breakWords) // eslint-disable-line require-jsdoc
+        {
             if (this._breakWords !== breakWords) {
@@ -192,2 +210,9 @@ this._breakWords = breakWords;
         }
+
+        /**
+         * Set a drop shadow for the text
+         *
+         * @member {boolean}
+         */
+
     }, {
@@ -198,3 +223,4 @@ key: 'dropShadow',
         },
-        set: function set(dropShadow) {
+        set: function set(dropShadow) // eslint-disable-line require-jsdoc
+        {
             if (this._dropShadow !== dropShadow) {
@@ -205,2 +231,9 @@ this._dropShadow = dropShadow;
         }
+
+        /**
+         * Set alpha for the drop shadow
+         *
+         * @member {number}
+         */
+
     }, {
@@ -211,3 +244,4 @@ key: 'dropShadowAlpha',
         },
-        set: function set(dropShadowAlpha) {
+        set: function set(dropShadowAlpha) // eslint-disable-line require-jsdoc
+        {
             if (this._dropShadowAlpha !== dropShadowAlpha) {
@@ -218,2 +252,9 @@ this._dropShadowAlpha = dropShadowAlpha;
         }
+
+        /**
+         * Set a angle of the drop shadow
+         *
+         * @member {number}
+         */
+
     }, {
@@ -224,3 +265,4 @@ key: 'dropShadowAngle',
         },
-        set: function set(dropShadowAngle) {
+        set: function set(dropShadowAngle) // eslint-disable-line require-jsdoc
+        {
             if (this._dropShadowAngle !== dropShadowAngle) {
@@ -231,2 +273,9 @@ this._dropShadowAngle = dropShadowAngle;
         }
+
+        /**
+         * Set a shadow blur radius
+         *
+         * @member {number}
+         */
+
     }, {
@@ -237,3 +286,4 @@ key: 'dropShadowBlur',
         },
-        set: function set(dropShadowBlur) {
+        set: function set(dropShadowBlur) // eslint-disable-line require-jsdoc
+        {
             if (this._dropShadowBlur !== dropShadowBlur) {
@@ -244,2 +294,9 @@ this._dropShadowBlur = dropShadowBlur;
         }
+
+        /**
+         * A fill style to be used on the dropshadow e.g 'red', '#00FF00'
+         *
+         * @member {string|number}
+         */
+
     }, {
@@ -250,3 +307,4 @@ key: 'dropShadowColor',
         },
-        set: function set(dropShadowColor) {
+        set: function set(dropShadowColor) // eslint-disable-line require-jsdoc
+        {
             var outputColor = getColor(dropShadowColor);
@@ -258,2 +316,9 @@ if (this._dropShadowColor !== outputColor) {
         }
+
+        /**
+         * Set a distance of the drop shadow
+         *
+         * @member {number}
+         */
+
     }, {
@@ -264,3 +329,4 @@ key: 'dropShadowDistance',
         },
-        set: function set(dropShadowDistance) {
+        set: function set(dropShadowDistance) // eslint-disable-line require-jsdoc
+        {
             if (this._dropShadowDistance !== dropShadowDistance) {
@@ -271,2 +337,11 @@ this._dropShadowDistance = dropShadowDistance;
         }
+
+        /**
+         * A canvas fillstyle that will be used on the text e.g 'red', '#00FF00'.
+         * Can be an array to create a gradient eg ['#000000','#FFFFFF']
+         * {@link https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillStyle|MDN}
+         *
+         * @member {string|string[]|number|number[]|CanvasGradient|CanvasPattern}
+         */
+
     }, {
@@ -277,3 +352,4 @@ key: 'fill',
         },
-        set: function set(fill) {
+        set: function set(fill) // eslint-disable-line require-jsdoc
+        {
             var outputColor = getColor(fill);
@@ -285,2 +361,10 @@ if (this._fill !== outputColor) {
         }
+
+        /**
+         * If fill is an array of colours to create a gradient, this can change the type/direction of the gradient.
+         * See {@link PIXI.TEXT_GRADIENT}
+         *
+         * @member {number}
+         */
+
     }, {
@@ -291,3 +375,4 @@ key: 'fillGradientType',
         },
-        set: function set(fillGradientType) {
+        set: function set(fillGradientType) // eslint-disable-line require-jsdoc
+        {
             if (this._fillGradientType !== fillGradientType) {
@@ -298,2 +383,10 @@ this._fillGradientType = fillGradientType;
         }
+
+        /**
+         * If fill is an array of colours to create a gradient, this array can set the stop points
+         * (numbers between 0 and 1) for the color, overriding the default behaviour of evenly spacing them.
+         *
+         * @member {number[]}
+         */
+
     }, {
@@ -304,3 +397,4 @@ key: 'fillGradientStops',
         },
-        set: function set(fillGradientStops) {
+        set: function set(fillGradientStops) // eslint-disable-line require-jsdoc
+        {
             if (!areArraysEqual(this._fillGradientStops, fillGradientStops)) {
@@ -311,2 +405,9 @@ this._fillGradientStops = fillGradientStops;
         }
+
+        /**
+         * The font family
+         *
+         * @member {string|string[]}
+         */
+
     }, {
@@ -317,3 +418,4 @@ key: 'fontFamily',
         },
-        set: function set(fontFamily) {
+        set: function set(fontFamily) // eslint-disable-line require-jsdoc
+        {
             if (this.fontFamily !== fontFamily) {
@@ -324,2 +426,10 @@ this._fontFamily = fontFamily;
         }
+
+        /**
+         * The font size
+         * (as a number it converts to px, but as a string, equivalents are '26px','20pt','160%' or '1.6em')
+         *
+         * @member {number|string}
+         */
+
     }, {
@@ -330,3 +440,4 @@ key: 'fontSize',
         },
-        set: function set(fontSize) {
+        set: function set(fontSize) // eslint-disable-line require-jsdoc
+        {
             if (this._fontSize !== fontSize) {
@@ -337,2 +448,10 @@ this._fontSize = fontSize;
         }
+
+        /**
+         * The font style
+         * ('normal', 'italic' or 'oblique')
+         *
+         * @member {string}
+         */
+
     }, {
@@ -343,3 +462,4 @@ key: 'fontStyle',
         },
-        set: function set(fontStyle) {
+        set: function set(fontStyle) // eslint-disable-line require-jsdoc
+        {
             if (this._fontStyle !== fontStyle) {
@@ -350,2 +470,10 @@ this._fontStyle = fontStyle;
         }
+
+        /**
+         * The font variant
+         * ('normal' or 'small-caps')
+         *
+         * @member {string}
+         */
+
     }, {
@@ -356,3 +484,4 @@ key: 'fontVariant',
         },
-        set: function set(fontVariant) {
+        set: function set(fontVariant) // eslint-disable-line require-jsdoc
+        {
             if (this._fontVariant !== fontVariant) {
@@ -363,2 +492,10 @@ this._fontVariant = fontVariant;
         }
+
+        /**
+         * The font weight
+         * ('normal', 'bold', 'bolder', 'lighter' and '100', '200', '300', '400', '500', '600', '700', 800' or '900')
+         *
+         * @member {string}
+         */
+
     }, {
@@ -369,3 +506,4 @@ key: 'fontWeight',
         },
-        set: function set(fontWeight) {
+        set: function set(fontWeight) // eslint-disable-line require-jsdoc
+        {
             if (this._fontWeight !== fontWeight) {
@@ -376,2 +514,9 @@ this._fontWeight = fontWeight;
         }
+
+        /**
+         * The amount of spacing between letters, default is 0
+         *
+         * @member {number}
+         */
+
     }, {
@@ -382,3 +527,4 @@ key: 'letterSpacing',
         },
-        set: function set(letterSpacing) {
+        set: function set(letterSpacing) // eslint-disable-line require-jsdoc
+        {
             if (this._letterSpacing !== letterSpacing) {
@@ -389,2 +535,9 @@ this._letterSpacing = letterSpacing;
         }
+
+        /**
+         * The line height, a number that represents the vertical space that a letter uses
+         *
+         * @member {number}
+         */
+
     }, {
@@ -395,3 +548,4 @@ key: 'lineHeight',
         },
-        set: function set(lineHeight) {
+        set: function set(lineHeight) // eslint-disable-line require-jsdoc
+        {
             if (this._lineHeight !== lineHeight) {
@@ -402,3 +556,30 @@ this._lineHeight = lineHeight;
         }
+
+        /**
+         * The space between lines
+         *
+         * @member {number}
+         */
+
     }, {
+        key: 'leading',
+        get: function get() {
+            return this._leading;
+        },
+        set: function set(leading) // eslint-disable-line require-jsdoc
+        {
+            if (this._leading !== leading) {
+                this._leading = leading;
+                this.styleID++;
+            }
+        }
+
+        /**
+         * The lineJoin property sets the type of corner created, it can resolve spiked text issues.
+         * Default is 'miter' (creates a sharp corner).
+         *
+         * @member {string}
+         */
+
+    }, {
         key: 'lineJoin',
@@ -408,3 +589,4 @@ get: function get() {
         },
-        set: function set(lineJoin) {
+        set: function set(lineJoin) // eslint-disable-line require-jsdoc
+        {
             if (this._lineJoin !== lineJoin) {
@@ -415,2 +597,10 @@ this._lineJoin = lineJoin;
         }
+
+        /**
+         * The miter limit to use when using the 'miter' lineJoin mode
+         * This can reduce or increase the spikiness of rendered text.
+         *
+         * @member {number}
+         */
+
     }, {
@@ -421,3 +611,4 @@ key: 'miterLimit',
         },
-        set: function set(miterLimit) {
+        set: function set(miterLimit) // eslint-disable-line require-jsdoc
+        {
             if (this._miterLimit !== miterLimit) {
@@ -428,2 +619,10 @@ this._miterLimit = miterLimit;
         }
+
+        /**
+         * Occasionally some fonts are cropped. Adding some padding will prevent this from happening
+         * by adding padding to all sides of the text.
+         *
+         * @member {number}
+         */
+
     }, {
@@ -434,3 +633,4 @@ key: 'padding',
         },
-        set: function set(padding) {
+        set: function set(padding) // eslint-disable-line require-jsdoc
+        {
             if (this._padding !== padding) {
@@ -441,2 +641,10 @@ this._padding = padding;
         }
+
+        /**
+         * A canvas fillstyle that will be used on the text stroke
+         * e.g 'blue', '#FCFF00'
+         *
+         * @member {string|number}
+         */
+
     }, {
@@ -447,3 +655,4 @@ key: 'stroke',
         },
-        set: function set(stroke) {
+        set: function set(stroke) // eslint-disable-line require-jsdoc
+        {
             var outputColor = getColor(stroke);
@@ -455,2 +664,10 @@ if (this._stroke !== outputColor) {
         }
+
+        /**
+         * A number that represents the thickness of the stroke.
+         * Default is 0 (no stroke)
+         *
+         * @member {number}
+         */
+
     }, {
@@ -461,3 +678,4 @@ key: 'strokeThickness',
         },
-        set: function set(strokeThickness) {
+        set: function set(strokeThickness) // eslint-disable-line require-jsdoc
+        {
             if (this._strokeThickness !== strokeThickness) {
@@ -468,2 +686,9 @@ this._strokeThickness = strokeThickness;
         }
+
+        /**
+         * The baseline of the text that is rendered.
+         *
+         * @member {string}
+         */
+
     }, {
@@ -474,3 +699,4 @@ key: 'textBaseline',
         },
-        set: function set(textBaseline) {
+        set: function set(textBaseline) // eslint-disable-line require-jsdoc
+        {
             if (this._textBaseline !== textBaseline) {
@@ -481,2 +707,9 @@ this._textBaseline = textBaseline;
         }
+
+        /**
+         * Trim transparent borders
+         *
+         * @member {boolean}
+         */
+
     }, {
@@ -487,3 +720,4 @@ key: 'trim',
         },
-        set: function set(trim) {
+        set: function set(trim) // eslint-disable-line require-jsdoc
+        {
             if (this._trim !== trim) {
@@ -494,2 +728,9 @@ this._trim = trim;
         }
+
+        /**
+         * Indicates if word wrap should be used
+         *
+         * @member {boolean}
+         */
+
     }, {
@@ -500,3 +741,4 @@ key: 'wordWrap',
         },
-        set: function set(wordWrap) {
+        set: function set(wordWrap) // eslint-disable-line require-jsdoc
+        {
             if (this._wordWrap !== wordWrap) {
@@ -507,2 +749,9 @@ this._wordWrap = wordWrap;
         }
+
+        /**
+         * The width at which text will wrap, it needs wordWrap to be set to true
+         *
+         * @member {number}
+         */
+
     }, {
@@ -513,3 +762,4 @@ key: 'wordWrapWidth',
         },
-        set: function set(wordWrapWidth) {
+        set: function set(wordWrapWidth) // eslint-disable-line require-jsdoc
+        {
             if (this._wordWrapWidth !== wordWrapWidth) {
@@ -516,0 +766,0 @@ this._wordWrapWidth = wordWrapWidth;

lib/core/textures/Texture.js

@@ -533,3 +533,6 @@ 'use strict';
             for (var i = 0; i < texture.textureCacheIds.length; ++i) {
-                delete _utils.TextureCache[texture.textureCacheIds[i]];
+                // Check that texture matches the one being passed in before deleting it from the cache.
+                if (_utils.TextureCache[texture.textureCacheIds[i]] === texture) {
+                    delete _utils.TextureCache[texture.textureCacheIds[i]];
+                }
             }
@@ -536,0 +539,0 @@

lib/core/ticker/Ticker.js

@@ -102,5 +102,5 @@ 'use strict';
          * @member {number}
-         * @default 0
+         * @default -1
          */
-        this.lastTime = 0;
+        this.lastTime = -1;
 
@@ -107,0 +107,0 @@ /**

lib/mesh/canvas/CanvasMeshRenderer.js

@@ -222,2 +222,3 @@ 'use strict';
         context.restore();
+        this.renderer.invalidateBlendMode();
     };
@@ -224,0 +225,0 @@

lib/particles/ParticleContainer.js

@@ -265,8 +265,4 @@ 'use strict';
 
-        var compositeOperation = renderer.blendModes[this.blendMode];
+        renderer.setBlendMode(this.blendMode);
 
-        if (compositeOperation !== context.globalCompositeOperation) {
-            context.globalCompositeOperation = compositeOperation;
-        }
-
         context.globalAlpha = this.worldAlpha;
@@ -273,0 +269,0 @@

package.json

 {
   "name": "pixi.js",
-  "version": "4.5.4",
-  "description": "PixiJS is a fast lightweight 2D library that works across all devices.",
+  "version": "4.5.5",
+  "description": "The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.",
   "author": "Mat Groves",
@@ -80,3 +80,3 @@ "contributors": [
     "js-md5": "^0.4.1",
-    "jsdoc": "^3.4.2",
+    "jsdoc": "3.4.3",
     "minimist": "^1.2.0",
@@ -83,0 +83,0 @@ "mkdirp": "^0.5.1",

README.md

@@ -1,2 +0,2 @@
-PixiJS — A 2D JavaScript Renderer
+PixiJS — The HTML5 Creation Engine
 =============
@@ -6,6 +6,3 @@
 
-
-
-
-[![Inline docs](http://inch-ci.org/github/GoodBoyDigital/pixi.js.svg?branch=dev)](http://inch-ci.org/github/GoodBoyDigital/pixi.js)
+[![Inline docs](http://inch-ci.org/github/pixijs/pixi.js.svg?branch=dev)](http://inch-ci.org/github/pixijs/pixi.js)
 [![Build Status](https://travis-ci.org/pixijs/pixi.js.svg?branch=dev)](https://travis-ci.org/pixijs/pixi.js)
@@ -19,3 +16,3 @@
 ([@doormat23](https://twitter.com/doormat23), [@rolnaaba](https://twitter.com/rolnaaba), [@bigtimebuddy](https://twitter.com/bigtimebuddy), [@ivanpopelyshev](https://twitter.com/ivanpopelyshev))
-and we will keep you posted! You can also check back on [our site](http://www.goodboydigital.com/blog)
+and we will keep you posted! You can also check back on [our site](http://www.pixijs.com)
 as any breakthroughs will be posted up there too!
@@ -38,3 +35,3 @@
 - Docs: Get to know the PixiJS API by checking out the [docs](https://pixijs.github.io/docs/).
-- Wiki: Other misc tutorials and resources are [on the Wiki](https://github.com/pixijs/pixi.js/wiki/Resources).
+- Wiki: Other misc tutorials and resources are [on the Wiki](https://github.com/pixijs/pixi.js/wiki).
 
@@ -71,3 +68,3 @@ ### Community ###
 
-- [WebGL Filters!](http://www.goodboydigital.com/pixijs/examples/15/indexAll.html)
+- [WebGL Filters!](http://pixijs.github.io/pixi-filters/examples/)
 - [Run pixie run](http://www.goodboydigital.com/runpixierun)
@@ -115,3 +112,3 @@ - [Fight for Everyone](http://www.goodboydigital.com/casestudies/fightforeveryone)
 - Filters
-- [User Plugins](https://github.com/pixijs/pixi.js/wiki/Pixi-v3-Plugins)
+- [User Plugins](https://github.com/pixijs/pixi.js/wiki/v3-Pixi-Plugins)
 
@@ -118,0 +115,0 @@ ### Basic Usage Example ###

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

7418040

increased by0.56%

Lines of code

59553

increased by0.8%

Worsened metrics

Number of lines in readme file

196

decreased by-1.51%

No dependency changes