| BitmapText |
* Returns approximate bounds. Values will be more accurate if spritesheet frame registration points are close
@@ -6961,10 +7179,9 @@ this.createjs = this.createjs||{};
**/
p.getBounds = function() {
if (this._bounds) { return this._rectangle.copy(this._bounds); }
- var cacheCanvas = this.cacheCanvas;
- if (cacheCanvas) {
- var scale = this._cacheScale;
- return this._rectangle.setValues(this._cacheOffsetX, this._cacheOffsetY, cacheCanvas.width/scale, cacheCanvas.height/scale);
+ var cache = this.bitmapCache;
+ if (cache && this.cacheCanvas) {
+ return cache.getBounds();
}
return null;
};
@@ -7037,6 +7254,7 @@ this.createjs = this.createjs||{};
* present in a {{#crossLink "StageGL"}}{{/crossLink}} instance.
*
* @method _updateState
+ * @protected
* @default null
*/
p._updateState = null;
@@ -7072,6 +7290,7 @@ this.createjs = this.createjs||{};
o.hitArea = this.hitArea;
o.cursor = this.cursor;
o._bounds = this._bounds;
+ o._webGLRenderStyle = this._webGLRenderStyle;
return o;
};
@@ -7198,12 +7417,11 @@ this.createjs = this.createjs||{};
* A Container is a nestable display list that allows you to work with compound display elements. For example you could
* group arm, leg, torso and head {{#crossLink "Bitmap"}}{{/crossLink}} instances together into a Person Container, and
* transform them as a group, while still being able to move the individual parts relative to each other. Children of
- * containers have their transform and alpha properties concatenated with their parent
- * Container.
+ * containers have their `transform` and `alpha` properties concatenated with their parent Container.
*
- * For example, a {{#crossLink "Shape"}}{{/crossLink}} with x=100 and alpha=0.5, placed in a Container with x=50
- * and alpha=0.7 will be rendered to the canvas at x=150 and alpha=0.35.
- * Containers have some overhead, so you generally shouldn't create a Container to hold a single child.
+ * For example, a {{#crossLink "Shape"}}{{/crossLink}} with `x=100` and `alpha=0.5`, placed in a Container with `x=50`
+ * and `alpha=0.7` will be rendered to the canvas at `x=150` and `alpha=0.35`. Containers have some overhead, so you
+ * generally shouldn't create a Container to hold a single child.
*
* Example
*
@@ -7263,6 +7481,12 @@ this.createjs = this.createjs||{};
p._getNumChildren = function() {
return this.children.length;
};
+
+ /**
+ * Use the {{#crossLink "Container/numChildren:property"}}{{/crossLink}} property instead.
+ * @method getNumChildren
+ * @deprecated
+ */
// Container.getNumChildren is @deprecated. Remove for 1.1+
p.getNumChildren = createjs.deprecate(p._getNumChildren, "Container.getNumChildren");
@@ -7513,7 +7737,7 @@ this.createjs = this.createjs||{};
* container.sortChildren(sortFunction);
*
* @method sortChildren
- * @param {Function} sortFunction the function to use to sort the child list. See JavaScript's Array.sort
+ * @param {Function} sortFunction the function to use to sort the child list. See JavaScript's `Array.sort`
* documentation for details.
**/
p.sortChildren = function(sortFunction) {
@@ -7622,7 +7846,7 @@ this.createjs = this.createjs||{};
* list. This routine ignores any display objects with {{#crossLink "DisplayObject/mouseEnabled:property"}}{{/crossLink}}
* set to `false`. The array will be sorted in order of visual depth, with the top-most display object at index 0.
* This uses shape based hit detection, and can be an expensive operation to run, so it is best to use it carefully.
- * For example, if testing for objects under the mouse, test on tick (instead of on {{#crossLink "DisplayObject/mousemove:event"}}{{/crossLink}}),
+ * For example, if testing for objects under the mouse, test on tick (instead of on {{#crossLink "Stage/stagemousemove:event"}}{{/crossLink}}),
* and only if the mouse's position has changed.
*
*
@@ -7633,7 +7857,7 @@ this.createjs = this.createjs||{};
* listeners or a {{#crossLink "DisplayObject:cursor:property"}}{{/crossLink}} property. That is, only objects
* that would normally intercept mouse interaction will be included. This can significantly improve performance
* in some cases by reducing the number of display objects that need to be tested.
- *
+ *
*
* This method accounts for both {{#crossLink "DisplayObject/hitArea:property"}}{{/crossLink}} and {{#crossLink "DisplayObject/mask:property"}}{{/crossLink}}.
* @method getObjectsUnderPoint
@@ -7651,7 +7875,7 @@ this.createjs = this.createjs||{};
/**
* Similar to {{#crossLink "Container/getObjectsUnderPoint"}}{{/crossLink}}, but returns only the top-most display
- * object. This runs significantly faster than getObjectsUnderPoint(), but is still potentially an expensive
+ * object. This runs significantly faster than `getObjectsUnderPoint()`, but is still potentially an expensive
* operation. See {{#crossLink "Container/getObjectsUnderPoint"}}{{/crossLink}} for more information.
* @method getObjectUnderPoint
* @param {Number} x The x position in the container to test.
@@ -7664,17 +7888,13 @@ this.createjs = this.createjs||{};
return this._getObjectsUnderPoint(pt.x, pt.y, null, mode>0, mode==1);
};
- /**
- * Docced in superclass.
- */
+ // Docced in superclass
p.getBounds = function() {
return this._getBounds(null, true);
};
- /**
- * Docced in superclass.
- */
+ // Docced in superclass
p.getTransformedBounds = function() {
return this._getBounds();
};
@@ -8216,7 +8436,24 @@ this.createjs = this.createjs||{};
ctx.restore();
this.dispatchEvent("drawend");
};
-
+
+ /**
+ * Draws the stage into the specified context ignoring its visible, alpha, shadow, and transform.
+ * Returns true if the draw was handled (useful for overriding functionality).
+ *
+ * NOTE: This method is mainly for internal use, though it may be useful for advanced uses.
+ * @method draw
+ * @param {CanvasRenderingContext2D} ctx The canvas 2D context object to draw into.
+ * @param {Boolean} [ignoreCache=false] Indicates whether the draw operation should ignore any current cache.
+ * For example, used for drawing the cache (to prevent it from simply drawing an existing cache back
+ * into itself).
+ **/
+ p.draw = function(ctx, ignoreCache) {
+ var result = this.Container_draw(ctx, ignoreCache);
+ this.canvas._invalid = true;
+ return result;
+ };
+
/**
* Propagates a tick event through the display list. This is automatically called by {{#crossLink "Stage/update"}}{{/crossLink}}
* unless {{#crossLink "Stage/tickOnUpdate:property"}}{{/crossLink}} is set to false.
@@ -8294,9 +8531,11 @@ this.createjs = this.createjs||{};
* value is allowed. The default value is a transparent background.
* @param {String} [mimeType="image/png"] The MIME type of the image format to be create. The default is "image/png". If an unknown MIME type
* is passed in, or if the browser does not support the specified MIME type, the default value will be used.
+ * @param {Number} [encoderOptions=0.92] A Number between 0 and 1 indicating the image quality to use for image
+ * formats that use lossy compression such as image/jpeg and image/webp.
* @return {String} a Base64 encoded image.
**/
- p.toDataURL = function(backgroundColor, mimeType) {
+ p.toDataURL = function(backgroundColor, mimeType, encoderOptions) {
var data, ctx = this.canvas.getContext('2d'), w = this.canvas.width, h = this.canvas.height;
if (backgroundColor) {
@@ -8308,7 +8547,7 @@ this.createjs = this.createjs||{};
ctx.fillRect(0, 0, w, h);
}
- var dataURL = this.canvas.toDataURL(mimeType||"image/png");
+ var dataURL = this.canvas.toDataURL(mimeType||"image/png", encoderOptions);
if(backgroundColor) {
ctx.putImageData(data, 0, 0);
@@ -8607,54 +8846,57 @@ this.createjs = this.createjs||{};
nextStage&&nextStage._testMouseOver(clear, owner, eventTarget);
return;
}
- var o = this._getPointerData(-1);
- // only update if the mouse position has changed. This provides a lot of optimization, but has some trade-offs.
- if (!o || (!clear && this.mouseX == this._mouseOverX && this.mouseY == this._mouseOverY && this.mouseInBounds)) { return; }
+ if (this.canvas) { // Jeff Peck change from CreateJS Slack
+ var o = this._getPointerData(-1);
+ // only update if the mouse position has changed. This provides a lot of optimization, but has some trade-offs.
+ if (!o || (!clear && this.mouseX == this._mouseOverX && this.mouseY == this._mouseOverY && this.mouseInBounds)) { return; }
+
+ var e = o.posEvtObj;
+ var isEventTarget = eventTarget || e&&(e.target == this.canvas);
+ var target=null, common = -1, cursor="", t, i, l;
- var e = o.posEvtObj;
- var isEventTarget = eventTarget || e&&(e.target == this.canvas);
- var target=null, common = -1, cursor="", t, i, l;
-
- if (!owner && (clear || this.mouseInBounds && isEventTarget)) {
- target = this._getObjectsUnderPoint(this.mouseX, this.mouseY, null, true);
- this._mouseOverX = this.mouseX;
- this._mouseOverY = this.mouseY;
- }
-
- var oldList = this._mouseOverTarget||[];
- var oldTarget = oldList[oldList.length-1];
- var list = this._mouseOverTarget = [];
+ if (!owner && (clear || this.mouseInBounds && isEventTarget)) {
+ target = this._getObjectsUnderPoint(this.mouseX, this.mouseY, null, true);
+ this._mouseOverX = this.mouseX;
+ this._mouseOverY = this.mouseY;
+ }
- // generate ancestor list and check for cursor:
- t = target;
- while (t) {
- list.unshift(t);
- if (!cursor) { cursor = t.cursor; }
- t = t.parent;
- }
- this.canvas.style.cursor = cursor;
- if (!owner && eventTarget) { eventTarget.canvas.style.cursor = cursor; }
+ var oldList = this._mouseOverTarget||[];
+ var oldTarget = oldList[oldList.length-1];
+ var list = this._mouseOverTarget = [];
+
+ // generate ancestor list and check for cursor:
+ // Note: Internet Explorer won't update null or undefined cursor properties
+ t = target;
+ while (t) {
+ list.unshift(t);
+ if (!cursor && t.cursor) { cursor = t.cursor; }
+ t = t.parent;
+ }
+ this.canvas.style.cursor = cursor;
+ if (!owner && eventTarget) { eventTarget.canvas.style.cursor = cursor; }
- // find common ancestor:
- for (i=0,l=list.length; icommon; i--) {
- this._dispatchMouseEvent(oldList[i], "rollout", false, -1, o, e, target);
- }
+ for (i=oldList.length-1; i>common; i--) {
+ this._dispatchMouseEvent(oldList[i], "rollout", false, -1, o, e, target);
+ }
- for (i=list.length-1; i>common; i--) {
- this._dispatchMouseEvent(list[i], "rollover", false, -1, o, e, oldTarget);
- }
+ for (i=list.length-1; i>common; i--) {
+ this._dispatchMouseEvent(list[i], "rollover", false, -1, o, e, oldTarget);
+ }
- if (oldTarget != target) {
- this._dispatchMouseEvent(target, "mouseover", true, -1, o, e, oldTarget);
+ if (oldTarget != target) {
+ this._dispatchMouseEvent(target, "mouseover", true, -1, o, e, oldTarget);
+ }
}
nextStage&&nextStage._testMouseOver(clear, owner || target && this, eventTarget || isEventTarget && this);
@@ -8711,29 +8953,41 @@ this.createjs = this.createjs||{};
/*
* README IF EDITING:
- * Terminology for developers:
*
+ * - Terminology for developers:
* Vertex: a point that help defines a shape, 3 per triangle. Usually has an x,y,z but can have more/less info.
* Vertex Property: a piece of information attached to the vertex like a vector3 containing x,y,z
* Index/Indices: used in groups of 3 to define a triangle, points to vertices by their index in an array (some render
* modes do not use these)
* Card: a group of 2 triangles used to display a rectangular image
- * U/V: common names for the [0-1] texture co-ordinates on an image
- * Batch: a single call to the renderer, best done as little as possible so multiple cards are put into a single batch
- * Buffer: WebGL array data
+ * UV: common names for the [0-1] texture co-ordinates on an image
+ * Batch: a single call to the renderer, best done as little as possible. Multiple cards are batched for this reason
* Program/Shader: For every vertex we run the Vertex shader. The results are used per pixel by the Fragment shader. When
- * combined and paired these are a shader "program"
- * Texture: WebGL representation of image data and associated extra information
- * Slot: A space on the GPU into which textures can be loaded for use in a batch, using "ActiveTexture" switches texture slot.
+ * combined and paired these are a "shader program"
+ * Texture: WebGL representation of image data and associated extra information, separate from a DOM Image
+ * Slot: A space on the GPU into which textures can be loaded for use in a batch, i.e. using "ActiveTexture" switches texture slot.
+ * Render___: actual WebGL draw call
+ * Buffer: WebGL array data
+ * Cover: A card that covers the entire viewport
+ * Dst: The existing drawing surface in the shader
+ * Src: The new data being provided in the shader
+ *
+ * - Notes:
+ * WebGL treats 0,0 as the bottom left, as such there's a lot of co-ordinate space flipping to make regular canvas
+ * numbers make sense to users and WebGL simultaneously. This extends to textures stored in memory too. If writing
+ * code that deals with x/y, be aware your y may be flipped.
+ * Older versions had distinct internal paths for filters and regular draws, these have been merged.
+ * Draws are slowly assembled out of found content. Overflowing things like shaders, object/texture count will cause
+ * an early draw before continuing. Lookout for the things that force a draw. Marked with <------------------------
*/
(function () {
"use strict";
/**
- * A StageGL instance is the root level {{#crossLink "Container"}}{{/crossLink}} for an WebGL-optimized display list,
- * which is used in place of the usual {{#crossLink "Stage"}}{{/crossLink}}. This class should behave identically to
- * a {{#crossLink "Stage"}}{{/crossLink}} except for WebGL-specific functionality.
+ * A StageGL instance is the root level {{#crossLink "Container"}}{{/crossLink}} for a WebGL-optimized display list,
+ * which can be used in place of the usual {{#crossLink "Stage"}}{{/crossLink}}. This class should behave identically
+ * to a {{#crossLink "Stage"}}{{/crossLink}} except for WebGL-specific functionality.
*
* Each time the {{#crossLink "Stage/tick"}}{{/crossLink}} method is called, the display list is rendered to the
* target <canvas/> instance, ignoring non-WebGL-compatible display objects. On devices and browsers that don't
@@ -8754,6 +9008,7 @@ this.createjs = this.createjs||{};
* resize your canvas after making a StageGL instance, this will properly size the WebGL context stored in memory.
* - Best performance in demanding scenarios will come from manual management of texture memory, but it is handled
* automatically by default. See {{#crossLink "StageGL/releaseTexture"}}{{/crossLink}} for details.
+ * - Disable `directDraw` to get access to cacheless filters and composite oeprations!
*
* Example
* This example creates a StageGL instance, adds a child to it, then uses the EaselJS {{#crossLink "Ticker"}}{{/crossLink}}
@@ -8771,41 +9026,45 @@ this.createjs = this.createjs||{};
* stage.update();
* }
*
- * Notes
- * - StageGL is not currently included in the minified version of EaselJS.
- * - {{#crossLink "SpriteContainer"}}{{/crossLink}} (the previous approach to WebGL with EaselJS) has been deprecated.
- * - Earlier versions of WebGL support in EaselJS (SpriteStage and SpriteContainer) had hard limitations on images
- * per container, which have been solved.
- *
* @class StageGL
* @extends Stage
* @constructor
* @param {HTMLCanvasElement | String | Object} canvas A canvas object that StageGL will render to, or the string id
- * of a canvas object in the current DOM.
+ * of a canvas object in the current DOM.
* @param {Object} options All the option parameters in a reference object, some are not supported by some browsers.
* @param {Boolean} [options.preserveBuffer=false] If `true`, the canvas is NOT auto-cleared by WebGL (the spec
- * discourages setting this to `true`). This is useful if you want persistent draw effects.
+ * discourages setting this to `true`). This is useful if you want persistent draw effects and has also fixed device
+ * specific bugs due to mis-timed clear commands.
* @param {Boolean} [options.antialias=false] Specifies whether or not the browser's WebGL implementation should try
- * to perform anti-aliasing. This will also enable linear pixel sampling on power-of-two textures (smoother images).
+ * to perform anti-aliasing. This will also enable linear pixel sampling on power-of-two textures (smoother images).
* @param {Boolean} [options.transparent=false] If `true`, the canvas is transparent. This is very
* expensive, and should be used with caution.
- * @param {Boolean} [options.premultiply=false] Alters color handling. If `true`, this assumes the shader must
- * account for pre-multiplied alpha. This can help avoid visual halo effects with some assets, but may also cause
- * problems with other assets.
- * @param {Integer} [options.autoPurge=1200] How often the system should automatically dump unused textures with
- * `purgeTextures(autoPurge)` every `autoPurge/2` draws. See {{#crossLink "StageGL/purgeTextures"}}{{/crossLink}} for more
- * information.
+ * @param {Boolean} [options.directDraw=true] If `true`, this will bypass intermediary render-textures when possible
+ * resulting in reduced memory and increased performance, this disables some features. Cache-less filters and some
+ * {{#crossLink "DisplayObject/compositeOperation:property"}}{{/crossLink}} values rely on this being false.
+ * @param (Boolean} [options.premultiply] @deprecated Upgraded colour & transparency handling have fixed the issue
+ * this flag was trying to solve rendering it unnecessary.
+ * @param {int} [options.autoPurge=1200] How often the system should automatically dump unused textures. Calls
+ * `purgeTextures(autoPurge)` every `autoPurge/2` draws. See {{#crossLink "StageGL/purgeTextures"}}{{/crossLink}}
+ * for more information on texture purging.
+ * @param {String|int} [options.clearColor=undefined] Automatically calls {{#crossLink "StageGL/setClearColor"}}{{/crossLink}}
+ * after init is complete, can be overridden and changed manually later.
+ * @param {String|int} [options.batchSize=DEFAULT_MAX_BATCH_SIZE] The size of the buffer used to retain a batch.
+ * Making it smaller reduces GPU load, but making it too small adds extra GPU calls. Figure out your maximum batch
+ * count and set it to a small buffer above that per-project. Check src/utils/WebGLInspector to track.
*/
function StageGL(canvas, options) {
this.Stage_constructor(canvas);
+ var transparent, antialias, preserveBuffer, autoPurge, directDraw, batchSize;
if (options !== undefined) {
if (typeof options !== "object"){ throw("Invalid options object"); }
- var premultiply = options.premultiply;
- var transparent = options.transparent;
- var antialias = options.antialias;
- var preserveBuffer = options.preserveBuffer;
- var autoPurge = options.autoPurge;
+ transparent = options.transparent;
+ antialias = options.antialias;
+ preserveBuffer = options.preserveBuffer;
+ autoPurge = options.autoPurge;
+ directDraw = options.directDraw;
+ batchSize = options.batchSize;
}
// public properties:
@@ -8818,6 +9077,18 @@ this.createjs = this.createjs||{};
*/
this.vocalDebug = false;
+ /**
+ * Specifies whether this instance is slaved to a {{#crossLink "BitmapCache"}}{{/crossLink}} or draws independantly.
+ * Necessary to control texture outputs and behaviours when caching. StageGL cache outputs will only render
+ * properly for the StageGL that made them. See the {{#crossLink "cache"}}{{/crossLink}} function documentation
+ * for more information. Enabled by default when BitmapCache's `useGL` is true.
+ * NOTE: This property is mainly for internal use, though it may be useful for advanced uses.
+ * @property isCacheControlled
+ * @type {Boolean}
+ * @default false
+ */
+ this.isCacheControlled = false;
+
// private properties:
/**
* Specifies whether or not the canvas is auto-cleared by WebGL. The WebGL spec discourages `true`.
@@ -8848,24 +9119,24 @@ this.createjs = this.createjs||{};
*/
this._transparent = transparent||false;
- /**
- * Specifies whether or not StageGL is handling colours as premultiplied alpha.
- * @property _premultiply
- * @protected
- * @type {Boolean}
- * @default false
- */
- this._premultiply = premultiply||false;
-
/**
* Internal value of {{#crossLink "StageGL/autoPurge"}}{{/crossLink}}
* @property _autoPurge
* @protected
- * @type {Integer}
+ * @type {int}
* @default null
*/
this._autoPurge = undefined;
- this.autoPurge = autoPurge; //getter/setter handles setting the real value and validating
+ this.autoPurge = autoPurge; //getter/setter handles setting the real value and validating and documentation
+
+ /**
+ * See directDraw
+ * @property _directDraw
+ * @protected
+ * @type {Boolean}
+ * @default false
+ */
+ this._directDraw = directDraw === undefined ? true : (!!directDraw);
/**
* The width in px of the drawing surface saved in memory.
@@ -8904,6 +9175,13 @@ this.createjs = this.createjs||{};
*/
this._webGLContext = null;
+ /**
+ * Reduce API logic by allowing stage to behave as a renderTexture target, should always be null as null is canvas.
+ * @type {null}
+ * @protected
+ */
+ this._frameBuffer = null;
+
/**
* The color to use when the WebGL canvas has been cleared. May appear as a background color. Defaults to grey.
* @property _clearColor
@@ -8914,14 +9192,18 @@ this.createjs = this.createjs||{};
this._clearColor = {r: 0.50, g: 0.50, b: 0.50, a: 0.00};
/**
- * The maximum number of cards (aka a single sprite) that can be drawn in one draw call. Use getter/setters to
- * modify otherwise internal buffers may be incorrect sizes.
- * @property _maxCardsPerBatch
+ * The maximum number of verticies (6 make a single sprite) that can be drawn in one draw call. Use constructor props
+ * to modify otherwise internal buffers may be invalid sizes.
+ * @property _maxBatchVertexCount
* @protected
* @type {Number}
- * @default StageGL.DEFAULT_MAX_BATCH_SIZE (10000)
+ * @default StageGL.DEFAULT_MAX_BATCH_SIZE * StageGL.INDICIES_PER_CARD
*/
- this._maxCardsPerBatch = StageGL.DEFAULT_MAX_BATCH_SIZE; //TODO: write getter/setters for this
+ this._maxBatchVertexCount = Math.max(
+ Math.min(
+ Number(batchSize) || StageGL.DEFAULT_MAX_BATCH_SIZE,
+ StageGL.DEFAULT_MAX_BATCH_SIZE)
+ , StageGL.DEFAULT_MIN_BATCH_SIZE) * StageGL.INDICIES_PER_CARD;
/**
* The shader program used to draw the current batch.
@@ -8933,76 +9215,89 @@ this.createjs = this.createjs||{};
this._activeShader = null;
/**
- * The vertex position data for the current draw call.
- * @property _vertices
+ * The non cover, per object shader used for most rendering actions.
+ * @type {WebGLProgram}
* @protected
- * @type {Float32Array}
- * @default null
*/
- this._vertices = null;
+ this._mainShader = null;
/**
- * The WebGL buffer attached to {{#crossLink "StageGL/_vertices:property"}}{{/crossLink}}.
- * @property _vertexPositionBuffer
+ * All the different vertex attribute sets that can be used with the render buffer. Currently only internal,
+ * if/when alternate main shaders are possible, they'll register themselves here.
+ * @property _attributeConfig
* @protected
- * @type {WebGLBuffer}
- * @default null
+ * @type {Object}
*/
- this._vertexPositionBuffer = null;
+ this._attributeConfig = {};
/**
- * The vertex U/V data for the current draw call.
- * @property _uvs
+ * Which of the configs in {{#crossLink "StageGL/_attributeConfig:property"}}{{/crossLink}} is currently active.
+ * @property _activeConfig
* @protected
- * @type {Float32Array}
- * @default null
+ * @type {Object}
*/
- this._uvs = null;
+ this._activeConfig = null;
/**
- * The WebGL buffer attached to {{#crossLink "StageGL/_uvs:property"}}{{/crossLink}}.
- * @property _uvPositionBuffer
+ * One of the major render buffers used in composite blending drawing. Do not expect this to always be the same object.
+ * "What you're drawing to", object occasionally swaps with concat.
+ * @property _bufferTextureOutput
* @protected
- * @type {WebGLBuffer}
- * @default null
+ * @type {WebGLTexture}
*/
- this._uvPositionBuffer = null;
+ this._bufferTextureOutput = null;
/**
- * The vertex indices data for the current draw call.
- * @property _indices
+ * One of the major render buffers used in composite blending drawing. Do not expect this to always be the same object.
+ * "What you've draw before now", object occasionally swaps with output.
+ * @property _bufferTextureConcat
* @protected
- * @type {Float32Array}
- * @default null
+ * @type {WebGLTexture}
*/
- this._indices = null;
+ this._bufferTextureConcat = null;
/**
- * The WebGL buffer attached to {{#crossLink "StageGL/_indices:property"}}{{/crossLink}}.
- * @property _textureIndexBuffer
+ * One of the major render buffers used in composite blending drawing.
+ * "Temporary mixing surface"
+ * @property _bufferTextureTemp
* @protected
- * @type {WebGLBuffer}
- * @default null
+ * @type {WebGLTexture}
*/
- this._textureIndexBuffer = null;
+ this._bufferTextureTemp = null;
/**
- * The vertices data for the current draw call.
- * @property _alphas
+ * The current render buffer being targeted, usually targets internal buffers, but may be set to cache's buffer during a cache render.
+ * @property _batchTextureOutput
* @protected
- * @type {Float32Array}
- * @default null
+ * @type {WebGLTexture | StageGL}
*/
- this._alphas = null;
+ this._batchTextureOutput = this;
/**
- * The WebGL buffer attached to {{#crossLink "StageGL/_alphas:property"}}{{/crossLink}}.
- * @property _alphaBuffer
+ * The current render buffer being targeted, usually targets internal buffers, but may be set to cache's buffer during a cache render.
+ * @property _batchTextureConcat
* @protected
- * @type {WebGLBuffer}
- * @default null
+ * @type {WebGLTexture}
+ */
+ this._batchTextureConcat = null;
+
+ /**
+ * The current render buffer being targeted, usually targets internal buffers, but may be set to cache's buffer during a cache render.
+ * @property _batchTextureTemp
+ * @protected
+ * @type {WebGLTexture}
+ */
+ this._batchTextureTemp = null;
+
+ /**
+ * Internal library of the shaders that have been compiled and created along with their parameters. Should contain
+ * compiled `gl.ShaderProgram` and settings for `gl.blendFunc` and `gl.blendEquation`. Populated as requested.
+ *
+ * See {{#crossLink "StageGL/_updateRenderMode:method"}}{{/crossLink}} for exact details.
+ * @type {Object}
+ * @private
*/
- this._alphaBuffer = null;
+ this._builtShaders = {};
/**
* An index based lookup of every WebGL Texture currently in use.
@@ -9038,30 +9333,59 @@ this.createjs = this.createjs||{};
this._baseTextures = [];
/**
- * The number of concurrent textures the GPU can handle. This value is dynamically set from WebGL during initialization
- * via `gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS)`. The WebGL spec states that the lowest guaranteed value is 8,
- * but it could be higher. Do not set this value higher than the value returned by the GPU. Setting it lower will
- * probably reduce performance, but may be advisable to reserve slots for custom filter work.
- * NOTE: Can also act as a length for {{#crossLink "StageGL/_batchTextures:property"}}.
- * @property _batchTextureCount
+ * Texture slots for a draw
+ * @property _gpuTextureCount
* @protected
- * @type {Number}
- * @default 8
+ * @type {uint}
*/
- this._batchTextureCount = 8;
+ this._gpuTextureCount = 8;
/**
- * The location at which the last texture was inserted into a GPU slot in {{#crossLink "StageGL/_batchTextures:property"}}{{/crossLink}}.
- * Manual control of this variable can yield improvements in performance by intelligently replacing textures
- * inside a batch to reduce texture re-load. It is impossible to write automated general use code, as it requires
- * display list look ahead inspection and/or render foreknowledge.
- * @property _lastTextureInsert
+ * Texture slots on the hardware
+ * @property _gpuTextureMax
* @protected
- * @type {Number}
- * @default -1
+ * @type {uint}
+ */
+ this._gpuTextureMax = 8;
+
+ /**
+ * Texture slots in a batch for User textures
+ * @property _batchTextureCount
+ * @protected
+ * @type {uint}
+ */
+ this._batchTextureCount = 0;
+
+ /**
+ * The location at which the last texture was inserted into a GPU slot
*/
this._lastTextureInsert = -1;
+ /**
+ * The current string name of the render mode being employed per Context2D spec.
+ * Must start invalid to trigger default shader into being built during init.
+ * https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
+ * @type {string}
+ * @private
+ */
+ this._renderMode = "";
+
+ /**
+ * Flag indicating that the content being batched in `appendToBatch` must be drawn now and not follow batch logic.
+ * Used for effects that are compounding in nature and cannot be applied in a single pass.
+ * Should be enabled with extreme care due to massive performance implications.
+ * @type {boolean}
+ * @private
+ */
+ this._immediateRender = false;
+
+ /**
+ * Vertices drawn into the batch so far.
+ * @type {number}
+ * @private
+ */
+ this._batchVertexCount = 0;
+
/**
* The current batch being drawn, A batch consists of a call to `drawElements` on the GPU. Many of these calls
* can occur per draw.
@@ -9083,21 +9407,21 @@ this.createjs = this.createjs||{};
this._drawID = 0;
/**
- * Used to prevent textures in certain GPU slots from being replaced by an insert.
- * @property _slotBlackList
+ * Tracks how many renders have occurred this draw, used for performance monitoring and empty draw avoidance.
+ * @property _renderPerDraw
* @protected
- * @type {Array}
+ * @type {Number}
+ * @default 0
*/
- this._slotBlacklist = [];
+ this._renderPerDraw = 0;
/**
- * Used to prevent nested draw calls from accidentally overwriting drawing information by tracking depth.
- * @property _isDrawing
+ * Used to prevent textures in certain GPU slots from being replaced by an insert.
+ * @property _slotBlackList
* @protected
- * @type {Number}
- * @default 0
+ * @type {Array}
*/
- this._isDrawing = 0;
+ this._slotBlacklist = [];
/**
* Used to ensure every canvas used as a texture source has a unique ID.
@@ -9106,18 +9430,7 @@ this.createjs = this.createjs||{};
* @type {Number}
* @default 0
*/
- this._lastTrackedCanvas = 0;
-
- /**
- * Controls whether final rendering output of a {{#crossLink "cacheDraw"}}{{/crossLink}} is the canvas or a render
- * texture. See the {{#crossLink "cache"}}{{/crossLink}} function modifications for full implications and discussion.
- * @property isCacheControlled
- * @protected
- * @type {Boolean}
- * @default false
- * @todo LM: is this supposed to be _isCacheControlled since its private?
- */
- this.isCacheControlled = false;
+ this._lastTrackedCanvas = -1;
/**
* Used to counter-position the object being cached so it aligns with the cache surface. Additionally ensures
@@ -9131,12 +9444,18 @@ this.createjs = this.createjs||{};
// and begin
this._initializeWebGL();
+
+ // these settings require everything to be ready
+ if (options !== undefined) {
+ options.clearColor !== undefined && this.setClearColor(options.clearColor);
+ options.premultiply !== undefined && (createjs.deprecate(null, "options.premultiply")());
+ }
}
var p = createjs.extend(StageGL, createjs.Stage);
// static methods:
/**
- * Calculate the U/V co-ordinate based info for sprite frames. Instead of pixel count it uses a 0-1 space. Also includes
+ * Calculate the UV co-ordinate based info for sprite frames. Instead of pixel count it uses a 0-1 space. Also includes
* the ability to get info back for a specific frame, or only calculate that one frame.
*
* //generate UV rects for all entries
@@ -9159,28 +9478,28 @@ this.createjs = this.createjs||{};
if (target === undefined) { target = -1; }
if (onlyTarget === undefined) { onlyTarget = false; }
- var start = (target != -1 && onlyTarget)?(target):(0);
- var end = (target != -1 && onlyTarget)?(target+1):(spritesheet._frames.length);
+ var start = (target !== -1 && onlyTarget)?(target):(0);
+ var end = (target !== -1 && onlyTarget)?(target+1):(spritesheet._frames.length);
for (var i=start; i 7 ? Number("0x"+color.slice(7, 9))/255 : 1;
+ } else if (color.indexOf("rgba(") === 0) {
+ var output = color.slice(5, -1).split(",");
+ r = Number(output[0])/255;
+ g = Number(output[1])/255;
+ b = Number(output[2])/255;
+ a = Number(output[3]);
+ }
+ } else { // >>> is an unsigned shift which is what we want as 0x80000000 and up are negative values
+ r = ((color & 0xFF000000) >>> 24)/255;
+ g = ((color & 0x00FF0000) >>> 16)/255;
+ b = ((color & 0x0000FF00) >>> 8)/255;
+ a = (color & 0x000000FF)/255;
+ }
+
+ return {
+ r: Math.min(Math.max(0, r), 1),
+ g: Math.min(Math.max(0, g), 1),
+ b: Math.min(Math.max(0, b), 1),
+ a: Math.min(Math.max(0, a), 1)
+ }
+ };
+
+// static properties:
+ /**
+ * The number of properties defined per vertex (x, y, textureU, textureV, textureIndex, alpha)
+ * @property VERTEX_PROPERTY_COUNT
+ * @protected
+ * @static
+ * @final
* @type {Number}
- * @default 10000
+ * @default 6
* @readonly
*/
- StageGL.DEFAULT_MAX_BATCH_SIZE = 10000;
+ StageGL.VERTEX_PROPERTY_COUNT = 6;
+
+ /**
+ * The number of triangle indices it takes to form a Card. 3 per triangle, 2 triangles.
+ * @property INDICIES_PER_CARD
+ * @protected
+ * @static
+ * @final
+ * @type {Number}
+ * @default 6
+ * @readonly
+ */
+ StageGL.INDICIES_PER_CARD = 6;
+
+ /**
+ * The default value for the maximum number of cards we want to process in a batch. See
+ * {{#crossLink "StageGL/WEBGL_MAX_INDEX_NUM:property"}}{{/crossLink}} for a hard limit.
+ * this value comes is designed to sneak under that limit.
+ * @property DEFAULT_MAX_BATCH_SIZE
+ * @static
+ * @final
+ * @type {Number}
+ * @default 10920
+ * @readonly
+ */
+ StageGL.DEFAULT_MAX_BATCH_SIZE = 10920;
+
+ /**
+ * The default value for the minimum number of cards we want to process in a batch. Less
+ * max cards can mean better performance, but anything below this is probably not worth it.
+ * @property DEFAULT_MIN_BATCH_SIZE
+ * @static
+ * @final
+ * @type {Number}
+ * @default 170
+ * @readonly
+ */
+ StageGL.DEFAULT_MIN_BATCH_SIZE = 170;
/**
* The maximum size WebGL allows for element index numbers. Uses a 16 bit unsigned integer. It takes 6 indices to
@@ -9238,15 +9612,16 @@ this.createjs = this.createjs||{};
StageGL.WEBGL_MAX_INDEX_NUM = Math.pow(2, 16);
/**
- * Default U/V rect for dealing with full coverage from an image source.
+ * Default UV rect for dealing with full coverage from an image source.
* @property UV_RECT
+ * @protected
* @static
* @final
* @type {Object}
* @default {t:0, l:0, b:1, r:1}
* @readonly
*/
- StageGL.UV_RECT = {t:0, l:0, b:1, r:1};
+ StageGL.UV_RECT = {t:1, l:0, b:0, r:1};
try {
/**
@@ -9259,15 +9634,15 @@ this.createjs = this.createjs||{};
*/
StageGL.COVER_VERT = new Float32Array([
-1, 1, //TL
- 1, 1, //TR
+ 1, 1, //TR
-1, -1, //BL
- 1, 1, //TR
- 1, -1, //BR
+ 1, 1, //TR
+ 1, -1, //BR
-1, -1 //BL
]);
/**
- * U/V for {{#crossLink "StageGL/COVER_VERT:property"}}{{/crossLink}}.
+ * UV for {{#crossLink "StageGL/COVER_VERT:property"}}{{/crossLink}}.
* @property COVER_UV
* @static
* @final
@@ -9275,23 +9650,6 @@ this.createjs = this.createjs||{};
* @readonly
*/
StageGL.COVER_UV = new Float32Array([
- 0, 0, //TL
- 1, 0, //TR
- 0, 1, //BL
- 1, 0, //TR
- 1, 1, //BR
- 0, 1 //BL
- ]);
-
- /**
- * Flipped U/V for {{#crossLink "StageGL:COVER_VERT:property"}}{{/crossLink}}.
- * @property COVER_UV_FLIP
- * @static
- * @final
- * @type {Float32Array}
- * @readonly
- */
- StageGL.COVER_UV_FLIP = new Float32Array([
0, 1, //TL
1, 1, //TR
0, 0, //BL
@@ -9306,13 +9664,19 @@ this.createjs = this.createjs||{};
* regular shader is designed to render all expected objects. Shader code may contain templates that are replaced
* pre-compile.
* @property REGULAR_VARYING_HEADER
+ * @protected
* @static
* @final
* @type {String}
* @readonly
*/
StageGL.REGULAR_VARYING_HEADER = (
- "precision mediump float;" +
+ "#ifdef GL_FRAGMENT_PRECISION_HIGH \n"+
+ "precision highp float; \n"+
+ "#else \n"+
+ "precision mediump float; \n"+
+ "#endif \n"+
+
"varying vec2 vTextureCoord;" +
"varying lowp float indexPicker;" +
"varying lowp float alphaValue;"
@@ -9322,6 +9686,7 @@ this.createjs = this.createjs||{};
* Actual full header for the vertex shader. Includes the varying header. The regular shader is designed to render
* all expected objects. Shader code may contain templates that are replaced pre-compile.
* @property REGULAR_VERTEX_HEADER
+ * @protected
* @static
* @final
* @type {String}
@@ -9340,6 +9705,7 @@ this.createjs = this.createjs||{};
* Actual full header for the fragment shader. Includes the varying header. The regular shader is designed to render
* all expected objects. Shader code may contain templates that are replaced pre-compile.
* @property REGULAR_FRAGMENT_HEADER
+ * @protected
* @static
* @final
* @type {String}
@@ -9354,6 +9720,7 @@ this.createjs = this.createjs||{};
* Body of the vertex shader. The regular shader is designed to render all expected objects. Shader code may contain
* templates that are replaced pre-compile.
* @property REGULAR_VERTEX_BODY
+ * @protected
* @static
* @final
* @type {String}
@@ -9361,15 +9728,7 @@ this.createjs = this.createjs||{};
*/
StageGL.REGULAR_VERTEX_BODY = (
"void main(void) {" +
- //DHG TODO: This doesn't work. Must be something wrong with the hand built matrix see js... bypass for now
- //vertexPosition, round if flag
- //"gl_Position = pMatrix * vec4(vertexPosition.x, vertexPosition.y, 0.0, 1.0);" +
- "gl_Position = vec4("+
- "(vertexPosition.x * pMatrix[0][0]) + pMatrix[3][0]," +
- "(vertexPosition.y * pMatrix[1][1]) + pMatrix[3][1]," +
- "pMatrix[3][2]," +
- "1.0" +
- ");" +
+ "gl_Position = pMatrix * vec4(vertexPosition.x, vertexPosition.y, 0.0, 1.0);" +
"alphaValue = objectAlpha;" +
"indexPicker = textureIndex;" +
"vTextureCoord = uvPosition;" +
@@ -9380,6 +9739,7 @@ this.createjs = this.createjs||{};
* Body of the fragment shader. The regular shader is designed to render all expected objects. Shader code may
* contain templates that are replaced pre-compile.
* @property REGULAR_FRAGMENT_BODY
+ * @protected
* @static
* @final
* @type {String}
@@ -9394,59 +9754,29 @@ this.createjs = this.createjs||{};
"{{alternates}}" +
"}" +
- "{{fragColor}}" +
- "}"
- );
- StageGL.REGULAR_FRAG_COLOR_NORMAL = (
- "gl_FragColor = vec4(color.rgb, color.a * alphaValue);"
- );
- StageGL.REGULAR_FRAG_COLOR_PREMULTIPLY = (
- "if(color.a > 0.0035) {" + // 1/255 = 0.0039, so ignore any value below 1 because it's probably noise
- "gl_FragColor = vec4(color.rgb/color.a, color.a * alphaValue);" +
- "} else {" +
- "gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);" +
+ "gl_FragColor = vec4(color.rgb * alphaValue, color.a * alphaValue);" +
"}"
);
- //TODO: DHG: a real particle shader
- /**
- * @property PARTICLE_VERTEX_BODY
- * @todo
- * @final
- * @static
- * @type {String}
- * @readonly
- */
- StageGL.PARTICLE_VERTEX_BODY = (
- StageGL.REGULAR_VERTEX_BODY
- );
- /**
- * @property PARTICLE_FRAGMENT_BODY
- * @todo
- * @final
- * @static
- * @type {String}
- * @readonly
- */
- StageGL.PARTICLE_FRAGMENT_BODY = (
- StageGL.REGULAR_FRAGMENT_BODY
- );
-
/**
* Portion of the shader that contains the "varying" properties required in both vertex and fragment shaders. The
* cover shader is designed to be a simple vertex/uv only texture render that covers the render surface. Shader
* code may contain templates that are replaced pre-compile.
* @property COVER_VARYING_HEADER
+ * @protected
* @static
* @final
* @type {String}
* @readonly
*/
StageGL.COVER_VARYING_HEADER = (
- "precision mediump float;" +
+ "#ifdef GL_FRAGMENT_PRECISION_HIGH \n"+
+ "precision highp float; \n"+
+ "#else \n"+
+ "precision mediump float; \n"+
+ "#endif \n"+
- "varying highp vec2 vRenderCoord;" +
- "varying highp vec2 vTextureCoord;"
+ "varying vec2 vTextureCoord;"
);
/**
@@ -9454,6 +9784,7 @@ this.createjs = this.createjs||{};
* simple vertex/uv only texture render that covers the render surface. Shader code may contain templates that are
* replaced pre-compile.
* @property COVER_VERTEX_HEADER
+ * @protected
* @static
* @final
* @type {String}
@@ -9462,8 +9793,7 @@ this.createjs = this.createjs||{};
StageGL.COVER_VERTEX_HEADER = (
StageGL.COVER_VARYING_HEADER +
"attribute vec2 vertexPosition;" +
- "attribute vec2 uvPosition;" +
- "uniform float uUpright;"
+ "attribute vec2 uvPosition;"
);
/**
@@ -9471,6 +9801,7 @@ this.createjs = this.createjs||{};
* simple vertex/uv only texture render that covers the render surface. Shader code may contain templates that are
* replaced pre-compile.
* @property COVER_FRAGMENT_HEADER
+ * @protected
* @static
* @final
* @type {String}
@@ -9485,6 +9816,7 @@ this.createjs = this.createjs||{};
* Body of the vertex shader. The cover shader is designed to be a simple vertex/uv only texture render that covers
* the render surface. Shader code may contain templates that are replaced pre-compile.
* @property COVER_VERTEX_BODY
+ * @protected
* @static
* @final
* @type {String}
@@ -9493,8 +9825,7 @@ this.createjs = this.createjs||{};
StageGL.COVER_VERTEX_BODY = (
"void main(void) {" +
"gl_Position = vec4(vertexPosition.x, vertexPosition.y, 0.0, 1.0);" +
- "vRenderCoord = uvPosition;" +
- "vTextureCoord = vec2(uvPosition.x, abs(uUpright - uvPosition.y));" +
+ "vTextureCoord = uvPosition;" +
"}"
);
@@ -9502,6 +9833,7 @@ this.createjs = this.createjs||{};
* Body of the fragment shader. The cover shader is designed to be a simple vertex/uv only texture render that
* covers the render surface. Shader code may contain templates that are replaced pre-compile.
* @property COVER_FRAGMENT_BODY
+ * @protected
* @static
* @final
* @type {String}
@@ -9509,11 +9841,299 @@ this.createjs = this.createjs||{};
*/
StageGL.COVER_FRAGMENT_BODY = (
"void main(void) {" +
- "vec4 color = texture2D(uSampler, vRenderCoord);" +
- "gl_FragColor = color;" +
+ "gl_FragColor = texture2D(uSampler, vTextureCoord);" +
+ "}"
+ );
+
+ /**
+ * The starting template of a cover fragment shader with simple blending equations
+ * @property BLEND_FRAGMENT_SIMPLE
+ * @protected
+ * @static
+ * @final
+ * @type {String}
+ * @readonly
+ */
+ StageGL.BLEND_FRAGMENT_SIMPLE = (
+ "uniform sampler2D uMixSampler;"+
+ "void main(void) {" +
+ "vec4 src = texture2D(uMixSampler, vTextureCoord);" +
+ "vec4 dst = texture2D(uSampler, vTextureCoord);"
+ // note this is an open bracket on main!
+ );
+
+ /**
+ * The starting template of a cover fragment shader which has complex blending equations
+ * @property BLEND_FRAGMENT_COMPLEX
+ * @protected
+ * @static
+ * @final
+ * @type {String}
+ * @readonly
+ */
+ StageGL.BLEND_FRAGMENT_COMPLEX = (
+ StageGL.BLEND_FRAGMENT_SIMPLE +
+ "vec3 srcClr = min(src.rgb/src.a, 1.0);" +
+ "vec3 dstClr = min(dst.rgb/dst.a, 1.0);" +
+
+ "float totalAlpha = min(1.0 - (1.0-dst.a) * (1.0-src.a), 1.0);" +
+ "float srcFactor = min(max(src.a - dst.a, 0.0) / totalAlpha, 1.0);" +
+ "float dstFactor = min(max(dst.a - src.a, 0.0) / totalAlpha, 1.0);" +
+ "float mixFactor = max(max(1.0 - srcFactor, 0.0) - dstFactor, 0.0);" +
+
+ "gl_FragColor = vec4(" +
+ "(" +
+ "srcFactor * srcClr +" +
+ "dstFactor * dstClr +" +
+ "mixFactor * vec3("
+ // this should be closed with the cap!
+ );
+
+ /**
+ * The closing portion of a template for a cover fragment shader which has complex blending equations
+ * @property BLEND_FRAGMENT_COMPLEX_CAP
+ * @protected
+ * @static
+ * @final
+ * @type {String}
+ * @readonly
+ */
+ StageGL.BLEND_FRAGMENT_COMPLEX_CAP = (
+ ")" +
+ ") * totalAlpha, totalAlpha" +
+ ");" +
"}"
);
+ /**
+ * A shader utility function, used to calculate the "overlay" blend of two elements
+ * @property BLEND_FRAGMENT_OVERLAY_UTIL
+ * @protected
+ * @static
+ * @final
+ * @type {String}
+ * @readonly
+ */
+ StageGL.BLEND_FRAGMENT_OVERLAY_UTIL = (
+ "float overlay(float a, float b) {" +
+ "if(a < 0.5) { return 2.0 * a * b; }" +
+ "return 1.0 - 2.0 * (1.0-a) * (1.0-b);" +
+ "}"
+ );
+
+ /**
+ * A collection of shader utility functions, used to calculate HSL math. Taken from W3C spec
+ * https://www.w3.org/TR/compositing-1/#blendingnonseparable
+ * @property BLEND_FRAGMENT_HSL_UTIL
+ * @protected
+ * @static
+ * @final
+ * @type {String}
+ * @readonly
+ */
+ StageGL.BLEND_FRAGMENT_HSL_UTIL = (
+ "float getLum(vec3 c) { return 0.299*c.r + 0.589*c.g + 0.109*c.b; }" +
+ "float getSat(vec3 c) { return max(max(c.r, c.g), c.b) - min(min(c.r, c.g), c.b); }" +
+ "vec3 clipHSL(vec3 c) {" +
+ "float lum = getLum(c);" +
+ "float n = min(min(c.r, c.g), c.b);" +
+ "float x = max(max(c.r, c.g), c.b);" +
+ "if(n < 0.0){ c = lum + (((c - lum) * lum) / (lum - n)); }" +
+ "if(x > 1.0){ c = lum + (((c - lum) * (1.0 - lum)) / (x - lum)); }" +
+ "return clamp(c, 0.0, 1.0);" +
+ "}" +
+ "vec3 setLum(vec3 c, float lum) {" +
+ "return clipHSL(c + (lum - getLum(c)));" +
+ "}" +
+ "vec3 setSat(vec3 c, float val) {" +
+ "vec3 result = vec3(0.0);" +
+ "float minVal = min(min(c.r, c.g), c.b);" +
+ "float maxVal = max(max(c.r, c.g), c.b);" +
+ "vec3 minMask = vec3(c.r == minVal, c.g == minVal, c.b == minVal);" +
+ "vec3 maxMask = vec3(c.r == maxVal, c.g == maxVal, c.b == maxVal);" +
+ "vec3 midMask = 1.0 - min(minMask+maxMask, 1.0);" +
+ "float midVal = (c*midMask).r + (c*midMask).g + (c*midMask).b;" +
+ "if(maxVal > minVal) {" +
+ "result = midMask * min( ((midVal - minVal) * val) / (maxVal - minVal), 1.0);" +
+ "result += maxMask * val;" +
+ "}" +
+ "return result;" +
+ "}"
+ );
+
+ /**
+ * The hash of supported blend modes and their properties
+ * @property BLEND_SOURCES
+ * @static
+ * @final
+ * @type {Object}
+ * @readonly
+ */
+ StageGL.BLEND_SOURCES = {
+ "source-over": { // empty object verifies it as a blend mode, but default values handle actual settings
+ //eqRGB: "FUNC_ADD", eqA: "FUNC_ADD"
+ //srcRGB: "ONE", srcA: "ONE"
+ //dstRGB: "ONE_MINUS_SRC_ALPHA", dstA: "ONE_MINUS_SRC_ALPHA"
+ },
+ "source-in": {
+ shader: (StageGL.BLEND_FRAGMENT_SIMPLE +
+ "gl_FragColor = vec4(src.rgb * dst.a, src.a * dst.a);" +
+ "}")
+ },
+ "source-in_cheap": {
+ srcRGB: "DST_ALPHA", srcA: "ZERO",
+ dstRGB: "ZERO", dstA: "SRC_ALPHA"
+ },
+ "source-out": {
+ shader: (StageGL.BLEND_FRAGMENT_SIMPLE +
+ "gl_FragColor = vec4(src.rgb * (1.0 - dst.a), src.a - dst.a);" +
+ "}")
+ },
+ "source-out_cheap": {
+ eqA: "FUNC_SUBTRACT",
+ srcRGB: "ONE_MINUS_DST_ALPHA", srcA: "ONE",
+ dstRGB: "ZERO", dstA: "SRC_ALPHA"
+ },
+ "source-atop": {
+ srcRGB: "DST_ALPHA", srcA: "ZERO",
+ dstRGB: "ONE_MINUS_SRC_ALPHA", dstA: "ONE"
+ },
+ "destination-over": {
+ srcRGB: "ONE_MINUS_DST_ALPHA", srcA: "ONE_MINUS_DST_ALPHA",
+ dstRGB: "ONE", dstA: "ONE"
+ },
+ "destination-in": {
+ shader: (StageGL.BLEND_FRAGMENT_SIMPLE +
+ "gl_FragColor = vec4(dst.rgb * src.a, src.a * dst.a);" +
+ "}")
+ },
+ "destination-in_cheap": {
+ srcRGB: "ZERO", srcA: "DST_ALPHA",
+ dstRGB: "SRC_ALPHA", dstA: "ZERO"
+ },
+ "destination-out": {
+ eqA: "FUNC_REVERSE_SUBTRACT",
+ srcRGB: "ZERO", srcA: "DST_ALPHA",
+ dstRGB: "ONE_MINUS_SRC_ALPHA", dstA: "ONE"
+ },
+ "destination-atop": {
+ shader: (StageGL.BLEND_FRAGMENT_SIMPLE +
+ "gl_FragColor = vec4(dst.rgb * src.a + src.rgb * (1.0 - dst.a), src.a);" +
+ "}")
+ },
+ "destination-atop_cheap": {
+ srcRGB: "ONE_MINUS_DST_ALPHA", srcA: "ONE",
+ dstRGB: "SRC_ALPHA", dstA: "ZERO"
+ },
+ "copy": {
+ shader: (StageGL.BLEND_FRAGMENT_SIMPLE +
+ "gl_FragColor = vec4(src.rgb, src.a);" +
+ "}")
+ },
+ "copy_cheap": {
+ dstRGB: "ZERO", dstA: "ZERO"
+ },
+ "xor": {
+ shader: (StageGL.BLEND_FRAGMENT_SIMPLE +
+ "float omSRC = (1.0 - src.a);" +
+ "float omDST = (1.0 - dst.a);" +
+ "gl_FragColor = vec4(src.rgb * omDST + dst.rgb * omSRC, src.a * omDST + dst.a * omSRC);"
+ + "}")
+ },
+
+ "multiply": { // this has to be complex to handle retention of both dst and src in non mixed scenarios
+ shader: (StageGL.BLEND_FRAGMENT_COMPLEX +
+ "srcClr * dstClr"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ },
+ "multiply_cheap": { // NEW, handles retention of src data incorrectly when no dst data present
+ srcRGB: "ONE_MINUS_DST_ALPHA", srcA: "ONE",
+ dstRGB: "SRC_COLOR", dstA: "ONE"
+ },
+ "screen": {
+ srcRGB: "ONE", srcA: "ONE",
+ dstRGB: "ONE_MINUS_SRC_COLOR", dstA: "ONE_MINUS_SRC_ALPHA"
+ },
+ "lighter": {
+ dstRGB: "ONE", dstA:"ONE"
+ },
+ "lighten": { //WebGL 2.0 can optimize this
+ shader: (StageGL.BLEND_FRAGMENT_COMPLEX +
+ "max(srcClr, dstClr)"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ },
+ "darken": { //WebGL 2.0 can optimize this
+ shader: (StageGL.BLEND_FRAGMENT_COMPLEX +
+ "min(srcClr, dstClr)"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ },
+
+ "overlay": {
+ shader: (StageGL.BLEND_FRAGMENT_OVERLAY_UTIL + StageGL.BLEND_FRAGMENT_COMPLEX +
+ "overlay(dstClr.r,srcClr.r), overlay(dstClr.g,srcClr.g), overlay(dstClr.b,srcClr.b)"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ },
+ "hard-light": {
+ shader: (StageGL.BLEND_FRAGMENT_OVERLAY_UTIL + StageGL.BLEND_FRAGMENT_COMPLEX +
+ "overlay(srcClr.r,dstClr.r), overlay(srcClr.g,dstClr.g), overlay(srcClr.b,dstClr.b)"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ },
+ "soft-light": {
+ shader: (
+ "float softcurve(float a) {" +
+ "if(a > 0.25) { return sqrt(a); }" +
+ "return ((16.0 * a - 12.0) * a + 4.0) * a;" +
+ "}" +
+ "float softmix(float a, float b) {" +
+ "if(b <= 0.5) { return a - (1.0 - 2.0*b) * a * (1.0 - a); }" +
+ "return a + (2.0 * b - 1.0) * (softcurve(a) - a);" +
+ "}" + StageGL.BLEND_FRAGMENT_COMPLEX +
+ "softmix(dstClr.r,srcClr.r), softmix(dstClr.g,srcClr.g), softmix(dstClr.b,srcClr.b)"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ },
+ "color-dodge": {
+ shader: (StageGL.BLEND_FRAGMENT_COMPLEX +
+ "clamp(dstClr / (1.0 - srcClr), 0.0, 1.0)"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ },
+ "color-burn": {
+ shader: (StageGL.BLEND_FRAGMENT_COMPLEX +
+ "1.0 - clamp((1.0 - smoothstep(0.0035, 0.9955, dstClr)) / smoothstep(0.0035, 0.9955, srcClr), 0.0, 1.0)"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ },
+ "difference": { // do this to match visible results in browsers
+ shader: (StageGL.BLEND_FRAGMENT_COMPLEX +
+ "abs(src.rgb - dstClr)"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ },
+ "exclusion": { // do this to match visible results in browsers
+ shader: (StageGL.BLEND_FRAGMENT_COMPLEX +
+ "dstClr + src.rgb - 2.0 * src.rgb * dstClr"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ },
+
+ "hue": {
+ shader: (StageGL.BLEND_FRAGMENT_HSL_UTIL + StageGL.BLEND_FRAGMENT_COMPLEX +
+ "setLum(setSat(srcClr, getSat(dstClr)), getLum(dstClr))"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ },
+ "saturation": {
+ shader: (StageGL.BLEND_FRAGMENT_HSL_UTIL + StageGL.BLEND_FRAGMENT_COMPLEX +
+ "setLum(setSat(dstClr, getSat(srcClr)), getLum(dstClr))"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ },
+ "color": {
+ shader: (StageGL.BLEND_FRAGMENT_HSL_UTIL + StageGL.BLEND_FRAGMENT_COMPLEX +
+ "setLum(srcClr, getLum(dstClr))"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ },
+ "luminosity": {
+ shader: (StageGL.BLEND_FRAGMENT_HSL_UTIL + StageGL.BLEND_FRAGMENT_COMPLEX +
+ "setLum(dstClr, getLum(srcClr))"
+ + StageGL.BLEND_FRAGMENT_COMPLEX_CAP)
+ }
+ };
+
// events:
/**
* Dispatched each update immediately before the canvas is cleared and the display list is drawn to it. You can call
@@ -9533,7 +10153,7 @@ this.createjs = this.createjs||{};
p._set_autoPurge = function (value) {
value = isNaN(value)?1200:value;
- if (value != -1) {
+ if (value !== -1) {
value = value<10?10:value;
}
this._autoPurge = value;
@@ -9555,10 +10175,12 @@ this.createjs = this.createjs||{};
/**
* Specifies whether or not StageGL is automatically purging unused textures. Higher numbers purge less
- * often. Values below 10 are upgraded to 10, and -1 disables this feature.
+ * often. Values below 10 are upgraded to 10, and -1 disables this feature. If you are not dynamically adding
+ * and removing new images this can be se9000t to -1, and should be for performance reasons. If you only add images,
+ * or add and remove the same images for the entire application, it is safe to turn off this feature. Alternately,
+ * manually manage removing textures yourself with {{#crossLink "StageGL/releaseTexture"}}{{/crossLink}}
* @property autoPurge
- * @protected
- * @type {Integer}
+ * @type {int}
* @default 1000
*/
autoPurge: { get: p._get_autoPurge, set: p._set_autoPurge }
@@ -9581,30 +10203,36 @@ this.createjs = this.createjs||{};
// defaults and options
var options = {
- depth: false, // Disable the depth buffer as it isn't used.
- alpha: this._transparent, // Make the canvas background transparent.
- stencil: true,
+ depth: false, // nothing has depth
+ stencil: false, // while there's uses for this, we're not using any yet
+ premultipliedAlpha: this._transparent, // this is complicated, trust it
+
+ alpha: this._transparent,
antialias: this._antialias,
- premultipliedAlpha: this._premultiply, // Assume the drawing buffer contains colors with premultiplied alpha.
preserveDrawingBuffer: this._preserveBuffer
};
var gl = this._webGLContext = this._fetchWebGLContext(this.canvas, options);
if (!gl) { return null; }
- this.updateSimultaneousTextureCount(gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS));
- this._maxTextureSlots = gl.getParameter(gl.MAX_COMBINED_TEXTURE_IMAGE_UNITS);
- this._createBuffers(gl);
- this._initTextures(gl);
-
gl.disable(gl.DEPTH_TEST);
+ gl.depthMask(false);
gl.enable(gl.BLEND);
- gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
- gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, this._premultiply);
- //gl.pixelStorei(gl.UNPACK_COLORSPACE_CONVERSION_WEBGL, gl.NONE);
+ gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);
+ gl.clearColor(0.0, 0.0, 0.0, 0);
+ gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD);
+ gl.blendFuncSeparate(gl.ONE, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+
+ this._createBuffers();
+ this._initMaterials();
+ this._updateRenderMode("source-over");
+
+ this.updateViewport(this.canvas.width, this.canvas.height);
+ if (!this._directDraw) {
+ this._bufferTextureOutput = this.getRenderBufferTexture(this._viewportWidth, this._viewportHeight);
+ }
- this._webGLContext.clearColor(this._clearColor.r, this._clearColor.g, this._clearColor.b, this._clearColor.a);
- this.updateViewport(this._viewportWidth || this.canvas.width, this._viewportHeight || this.canvas.height);
+ this.canvas._invalid = true;
}
} else {
this._webGLContext = null;
@@ -9613,23 +10241,17 @@ this.createjs = this.createjs||{};
};
// public methods:
- /**
- * Docced in superclass
- */
+ // Docced in superclass
p.update = function (props) {
if (!this.canvas) { return; }
if (this.tickOnUpdate) { this.tick(props); }
this.dispatchEvent("drawstart");
- if (this.autoClear) { this.clear(); }
if (this._webGLContext) {
- // Use WebGL.
- this._batchDraw(this, this._webGLContext);
- if (this._autoPurge != -1 && !(this._drawID%((this._autoPurge/2)|0))) {
- this.purgeTextures(this._autoPurge);
- }
+ this.draw(this._webGLContext, false);
} else {
// Use 2D.
+ if (this.autoClear) { this.clear(); }
var ctx = this.canvas.getContext("2d");
ctx.save();
this.updateContext(ctx);
@@ -9639,23 +10261,18 @@ this.createjs = this.createjs||{};
this.dispatchEvent("drawend");
};
- /**
- * Docced in superclass
- */
+ // Docced in superclass
p.clear = function () {
if (!this.canvas) { return; }
- if (StageGL.isWebGLActive(this._webGLContext)) {
- var gl = this._webGLContext;
- var cc = this._clearColor;
- var adjust = this._transparent ? cc.a : 1.0;
- // Use WebGL settings; adjust for pre multiplied alpha appropriate to scenario
- this._webGLContext.clearColor(cc.r * adjust, cc.g * adjust, cc.b * adjust, adjust);
- gl.clear(gl.COLOR_BUFFER_BIT);
- this._webGLContext.clearColor(cc.r, cc.g, cc.b, cc.a);
- } else {
- // Use 2D.
+
+ var gl = this._webGLContext;
+ if (!StageGL.isWebGLActive(gl)) { // Use 2D.
this.Stage_clear();
+ return;
}
+
+ gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+ this._clearFrameBuffer(this._transparent ? this._clearColor.a : 1);
};
/**
@@ -9671,13 +10288,55 @@ this.createjs = this.createjs||{};
* @return {Boolean} If the draw was handled by this function
*/
p.draw = function (context, ignoreCache) {
- if (context === this._webGLContext && StageGL.isWebGLActive(this._webGLContext)) {
- var gl = this._webGLContext;
- this._batchDraw(this, gl, ignoreCache);
- return true;
- } else {
+ var gl = this._webGLContext;
+ // 2D context fallback
+ if (!(context === this._webGLContext && StageGL.isWebGLActive(gl))) {
return this.Stage_draw(context, ignoreCache);
}
+
+ var storeBatchOutput = this._batchTextureOutput;
+ var storeBatchConcat = this._batchTextureConcat;
+ var storeBatchTemp = this._batchTextureTemp;
+
+ // Use WebGL
+ this._renderPerDraw = 0;
+ this._batchVertexCount = 0;
+ this._drawID++;
+
+ if (this._directDraw) {
+ this._batchTextureOutput = this;
+ if (this.autoClear) { this.clear(); }
+ } else {
+ this._batchTextureOutput = this._bufferTextureOutput;
+ this._batchTextureConcat = this._bufferTextureConcat;
+ this._batchTextureTemp = this._bufferTextureTemp;
+ }
+
+ this._updateRenderMode("source-over");
+ this._drawContent(this, ignoreCache);
+
+ if (!this._directDraw) {
+ if (this.autoClear) { this.clear(); }
+ this.batchReason = "finalOutput";
+ if(this._renderPerDraw) {
+ this._drawCover(null, this._batchTextureOutput);
+ }
+ }
+
+ // batches may generate or swap around textures. To be sure we capture them, store them back into buffer
+ this._bufferTextureOutput = this._batchTextureOutput;
+ this._bufferTextureConcat = this._batchTextureConcat;
+ this._bufferTextureTemp = this._batchTextureTemp;
+
+ this._batchTextureOutput = storeBatchOutput;
+ this._batchTextureConcat = storeBatchConcat;
+ this._batchTextureTemp = storeBatchTemp;
+
+ if (this._autoPurge !== -1 && !(this._drawID%((this._autoPurge/2)|0))) {
+ this.purgeTextures(this._autoPurge);
+ }
+
+ return true;
};
/**
@@ -9687,81 +10346,70 @@ this.createjs = this.createjs||{};
* @method cacheDraw
* @param {DisplayObject} target The object we're drawing into cache.
* For example, used for drawing the cache (to prevent it from simply drawing an existing cache back into itself).
- * @param {Array} filters The filters we're drawing into cache.
* @param {BitmapCache} manager The BitmapCache instance looking after the cache
* @return {Boolean} If the draw was handled by this function
*/
- p.cacheDraw = function (target, filters, manager) {
- if (StageGL.isWebGLActive(this._webGLContext)) {
- var gl = this._webGLContext;
- this._cacheDraw(gl, target, filters, manager);
- return true;
- } else {
+ p.cacheDraw = function (target, manager) {
+ // 2D context fallback
+ if (!StageGL.isWebGLActive(this._webGLContext)) {
return false;
}
- };
- /**
- * Blocks, or frees a texture "slot" on the GPU. Can be useful if you are overflowing textures. When overflowing
- * textures they are re-uploaded to the GPU every time they're encountered, this can be expensive with large textures.
- * By blocking the slot you reduce available slots, potentially increasing draw calls, but mostly you prevent a
- * texture being re-uploaded if it would have moved slots due to overflow.
- *
- * NOTE: This method is mainly for internal use, though it may be useful for advanced uses.
- * For example, block the slot a background image is stored in so there is less re-loading of that image.
- * @method protectTextureSlot
- * @param {Number} id The slot to be affected
- * @param {Boolean} [lock=false] Whether this slot is the one being locked.
- */
- p.protectTextureSlot = function (id, lock) {
- if (id > this._maxTextureSlots || id < 0) {
- throw "Slot outside of acceptable range";
+ for (var i = 0; i < this._gpuTextureCount; i++) {
+ if(this._batchTextures[i]._frameBuffer) {
+ this._batchTextures[i] = this._baseTextures[i];
+ }
}
- this._slotBlacklist[id] = !!lock;
- };
- /**
- * Render textures can't draw into themselves so any item being used for renderTextures needs two to alternate between.
- * This function creates, gets, and toggles the render surface between the two.
- *
- * NOTE: This method is mainly for internal use, though it may be useful for advanced uses.
- * @method getTargetRenderTexture
- * @param {DisplayObject} target The object associated with the render textures, usually a cached object.
- * @param {Number} w The width to create the texture at.
- * @param {Number} h The height to create the texture at.
- * @return {Objet}
- * @todo fill in return type
- */
- p.getTargetRenderTexture = function (target, w, h) {
- var result, toggle = false;
- var gl = this._webGLContext;
- if (target.__lastRT !== undefined && target.__lastRT === target.__rtA) { toggle = true; }
- if (!toggle) {
- if (target.__rtA === undefined) {
- target.__rtA = this.getRenderBufferTexture(w, h);
- } else {
- if (w != target.__rtA._width || h != target.__rtA._height) {
- this.resizeTexture(target.__rtA, w, h);
- }
- this.setTextureParams(gl);
- }
- result = target.__rtA;
- } else {
- if (target.__rtB === undefined) {
- target.__rtB = this.getRenderBufferTexture(w, h);
- } else {
- if (w != target.__rtB._width || h != target.__rtB._height) {
- this.resizeTexture(target.__rtB, w, h);
- }
- this.setTextureParams(gl);
- }
- result = target.__rtB;
+ var storeBatchOutput = this._batchTextureOutput;
+ var storeBatchConcat = this._batchTextureConcat;
+ var storeBatchTemp = this._batchTextureTemp;
+
+ var filterCount = manager._filterCount, filtersLeft = filterCount;
+ var backupWidth = this._viewportWidth, backupHeight = this._viewportHeight;
+ this._updateDrawingSurface(manager._drawWidth, manager._drawHeight);
+
+ this._batchTextureOutput = (manager._filterCount%2) ? manager._bufferTextureConcat : manager._bufferTextureOutput;
+ this._batchTextureConcat = (manager._filterCount%2) ? manager._bufferTextureOutput : manager._bufferTextureConcat;
+ this._batchTextureTemp = manager._bufferTextureTemp;
+
+ var container = this._cacheContainer;
+ container.children = [target];
+ container.transformMatrix = this._alignTargetToCache(target, manager);
+
+ this._updateRenderMode("source-over");
+ this._drawContent(container, true);
+
+ // re-align buffers with fake filter passes to solve certain error cases
+ if (this.isCacheControlled) {
+ // post filter pass to place content into output buffer
+ //TODO: add in directDraw support for cache controlled StageGLs
+ filterCount++;
+ filtersLeft++;
+ } else if (manager._cacheCanvas !== ((manager._filterCount%2) ? this._batchTextureConcat : this._batchTextureOutput)) {
+ // pre filter pass to align output, may of become misaligned due to composite operations
+ filtersLeft++;
}
- if (!result) {
- throw "Problems creating render textures, known causes include using too much VRAM by not releasing WebGL texture instances";
+
+ while (filtersLeft) { //warning: pay attention to where filtersLeft is modified, this is a micro-optimization
+ var filter = manager._getGLFilter(filterCount - (filtersLeft--));
+ var swap = this._batchTextureConcat;
+ this._batchTextureConcat = this._batchTextureOutput;
+ this._batchTextureOutput = (this.isCacheControlled && filtersLeft === 0) ? this : swap;
+ this.batchReason = "filterPass";
+ this._drawCover(this._batchTextureOutput._frameBuffer, this._batchTextureConcat, filter);
}
- target.__lastRT = result;
- return result;
+
+ manager._bufferTextureOutput = this._batchTextureOutput;
+ manager._bufferTextureConcat = this._batchTextureConcat;
+ manager._bufferTextureTemp = this._batchTextureTemp;
+
+ this._batchTextureOutput = storeBatchOutput;
+ this._batchTextureConcat = storeBatchConcat;
+ this._batchTextureTemp = storeBatchTemp;
+
+ this._updateDrawingSurface(backupWidth, backupHeight);
+ return true;
};
/**
@@ -9775,18 +10423,19 @@ this.createjs = this.createjs||{};
* developer to ensure that a texture in use is not removed.
*
* Textures in use, or to be used again shortly, should not be removed. This is simply for performance reasons.
- * Removing a texture in use will cause the texture to have to be re-uploaded slowing rendering.
+ * Removing a texture in use will cause the texture to end up being re-uploaded slowing rendering.
* @method releaseTexture
- * @param {DisplayObject | Texture | Image | Canvas} item An object that used the texture to be discarded.
+ * @param {DisplayObject | WebGLTexture | Image | Canvas} item An object that used the texture to be discarded.
+ * @param {Boolean} [safe=false] Should the release attempt to be "safe" and only delete this usage.
*/
- p.releaseTexture = function (item) {
+ p.releaseTexture = function (item, safe) {
var i, l;
if (!item) { return; }
// this is a container object
if (item.children) {
for (i = 0, l = item.children.length; i < l; i++) {
- this.releaseTexture(item.children[i]);
+ this.releaseTexture(item.children[i], safe);
}
}
@@ -9809,10 +10458,11 @@ this.createjs = this.createjs||{};
} else if (item._webGLRenderStyle === 2) {
// this is a Bitmap class
foundImage = item.image;
+ if (foundImage.getImage) { foundImage = foundImage.getImage(); }
} else if (item._webGLRenderStyle === 1) {
// this is a SpriteSheet, we can't tell which image we used from the list easily so remove them all!
for (i = 0, l = item.spriteSheet._images.length; i < l; i++) {
- this.releaseTexture(item.spriteSheet._images[i]);
+ this.releaseTexture(item.spriteSheet._images[i], safe);
}
return;
}
@@ -9826,14 +10476,22 @@ this.createjs = this.createjs||{};
}
// remove it
- this._killTextureObject(this._textureDictionary[foundImage._storeID]);
- foundImage._storeID = undefined;
+ var texture = this._textureDictionary[foundImage._storeID];
+ if (safe) {
+ var data = texture._imageData;
+ var index = data.indexOf(foundImage);
+ if (index >= 0) { data.splice(index, 1); }
+ foundImage._storeID = undefined;
+ if (data.length === 0) { this._killTextureObject(texture); }
+ } else {
+ this._killTextureObject(texture);
+ }
};
/**
* Similar to {{#crossLink "releaseTexture"}}{{/crossLink}}, but this function differs by searching for textures to
* release. It works by assuming that it can purge any texture which was last used more than "count" draw calls ago.
- * Because this process is unaware of the objects and whether they may be used on your stage, false positives can
+ * Because this process is unaware of the objects and whether they may be used later on your stage, false positives can
* occur. It is recommended to manually manage your memory with {{#crossLink "StageGL/releaseTexture"}}{{/crossLink}},
* however, there are many use cases where this is simpler and error-free. This process is also run by default under
* the hood to prevent leaks. To disable it see the {{#crossLink "StageGL/autoPurge:property"}}{{/crossLink}} property.
@@ -9841,53 +10499,24 @@ this.createjs = this.createjs||{};
* @param {Number} [count=100] How many renders ago the texture was last used
*/
p.purgeTextures = function (count) {
- if (count == undefined){ count = 100; }
+ if (!(count >= 0)){ count = 100; }
var dict = this._textureDictionary;
var l = dict.length;
- for (var i= 0; i>> is an unsigned shift which is what we want as 0x80000000 and up are negative values
- r = ((color & 0xFF000000) >>> 24)/255;
- g = ((color & 0x00FF0000) >>> 16)/255;
- b = ((color & 0x0000FF00) >>> 8)/255;
- a = (color & 0x000000FF)/255;
}
- this._clearColor.r = r || 0;
- this._clearColor.g = g || 0;
- this._clearColor.b = b || 0;
- this._clearColor.a = a || 0;
+ // create the dataurl
+ dataURL = this.canvas.toDataURL(mimeType||"image/png", encoderOptions);
+
+ // reset the picture in the canvas
+ if(!this._preserveBuffer || backgroundColor !== undefined) {
+ if(backgroundColor !== undefined) {
+ this._clearColor = clearBackup;
+ }
+ this.clear();
+ if(!this._directDraw) {
+ this._drawCover(null, this._bufferTextureOutput);
+ } else {
+ this.draw(gl);
+ }
+ }
- if (!this._webGLContext) { return; }
- this._webGLContext.clearColor(this._clearColor.r, this._clearColor.g, this._clearColor.b, this._clearColor.a);
+ return dataURL;
};
- /**
- * docced in subclass
- */
+ // Docced in subclass
p.toString = function () {
return "[StageGL (name="+ this.name +")]";
};
// private methods:
+ /**
+ * Changes the active drawing surface and view matrix to the correct parameters without polluting the concept
+ * of the current stage size
+ * @param {uint} w The width of the surface in pixels, defaults to _viewportWidth
+ * @param {uint} h The height of the surface in pixels, defaults to _viewportHeight
+ */
+ p._updateDrawingSurface = function(w, h) {
+ this._viewportWidth = w;
+ this._viewportHeight = h;
+
+ this._webGLContext.viewport(0, 0, this._viewportWidth, this._viewportHeight);
+
+ // WebGL works with a -1,1 space on its screen. It also follows Y-Up
+ // we need to flip the y, scale and then translate the co-ordinates to match this
+ // additionally we offset into they Y so the polygons are inside the camera's "clipping" plane
+ this._projectionMatrix = new Float32Array([
+ 2 / w, 0, 0, 0,
+ 0, -2 / h, 0, 0,
+ 0, 0, 1, 0,
+ -1, 1, 0, 1
+ ]);
+ };
+
+ /**
+ * Returns a base texture that has no image or data loaded. Not intended for loading images. In some error cases,
+ * the texture creation will fail. This function differs from {{#crossLink "StageGL/getBaseTexture"}}{{/crossLink}}
+ * in that the failed textures will be replaced with a safe to render "nothing" texture.
+ * @method _getSafeTexture
+ * @param {uint} [w=1] The width of the texture in pixels, defaults to 1
+ * @param {uint} [h=1] The height of the texture in pixels, defaults to 1
+ * @protected
+ */
+ p._getSafeTexture = function (w, h) {
+ var texture = this.getBaseTexture(w, h);
+
+ if (!texture) {
+ var msg = "Problem creating texture, possible cause: using too much VRAM, please try releasing texture memory";
+ (console.error && console.error(msg)) || console.log(msg);
+
+ texture = this._baseTextures[0];
+ }
+
+ return texture;
+ };
+
+ /**
+ * Visually clear out the currently active FrameBuffer, does not rebind or adjust the frameBuffer in use.
+ * @method _getSafeTexture
+ * @param alpha
+ * @protected
+ */
+ p._clearFrameBuffer = function (alpha) {
+ var gl = this._webGLContext;
+ var cc = this._clearColor;
+
+ if (alpha > 0) { alpha = 1; }
+ if (alpha < 0) { alpha = 0; }
+
+ // Use WebGL settings; adjust for pre multiplied alpha appropriate to scenario
+ gl.clearColor(cc.r * alpha, cc.g * alpha, cc.b * alpha, alpha);
+ gl.clear(gl.COLOR_BUFFER_BIT);
+ gl.clearColor(0, 0, 0, 0);
+ };
+
/**
* Sets up and returns the WebGL context for the canvas. May return undefined in error scenarios. These can include
* situations where the canvas element already has a context, 2D or GL.
@@ -10161,40 +10872,29 @@ this.createjs = this.createjs||{};
* filters. Once compiled, shaders are saved so. If the Shader code requires dynamic alterations re-run this function
* to generate a new shader.
* @method _fetchShaderProgram
- * @param {WebGLRenderingContext} gl The canvas WebGL context object to draw into.
- * @param {String} [shaderName="regular"] Working values: "regular", "override", and "filter". Which type of shader to build.
+ * @param {Boolean} coverShader Is this a per object shader or a cover shader
* Filter and override both accept the custom params. Regular and override have all features. Filter is a special case reduced feature shader meant to be over-ridden.
- * @param {String} [customVTX] Extra vertex shader information to replace a regular draw, see
+ * @param {String | undefined} [customVTX=undefined] Extra vertex shader information to replace a regular draw, see
* {{#crossLink "StageGL/COVER_VERTEX_BODY"}}{{/crossLink}} for default and {{#crossLink "Filter"}}{{/crossLink}} for examples.
- * @param {String} [customFRAG] Extra fragment shader information to replace a regular draw, see
+ * @param {String | undefined} [customFRAG=undefined] Extra fragment shader information to replace a regular draw, see
* {{#crossLink "StageGL/COVER_FRAGMENT_BODY"}}{{/crossLink}} for default and {{#crossLink "Filter"}}{{/crossLink}} for examples.
- * @param {Function} [shaderParamSetup] Function to run so custom shader parameters can get applied for the render.
+ * @param {Function | undefined} [shaderParamSetup=undefined] Function to run so custom shader parameters can get applied for the render.
* @protected
* @return {WebGLProgram} The compiled and linked shader
*/
- p._fetchShaderProgram = function (gl, shaderName, customVTX, customFRAG, shaderParamSetup) {
+ p._fetchShaderProgram = function (coverShader, customVTX, customFRAG, shaderParamSetup) {
+ var gl = this._webGLContext;
+
gl.useProgram(null); // safety to avoid collisions
// build the correct shader string out of the right headers and bodies
var targetFrag, targetVtx;
- switch (shaderName) {
- case "filter":
- targetVtx = StageGL.COVER_VERTEX_HEADER + (customVTX || StageGL.COVER_VERTEX_BODY);
- targetFrag = StageGL.COVER_FRAGMENT_HEADER + (customFRAG || StageGL.COVER_FRAGMENT_BODY);
- break;
- case "particle": //TODO
- targetVtx = StageGL.REGULAR_VERTEX_HEADER + StageGL.PARTICLE_VERTEX_BODY;
- targetFrag = StageGL.REGULAR_FRAGMENT_HEADER + StageGL.PARTICLE_FRAGMENT_BODY;
- break;
- case "override":
- targetVtx = StageGL.REGULAR_VERTEX_HEADER + (customVTX || StageGL.REGULAR_VERTEX_BODY);
- targetFrag = StageGL.REGULAR_FRAGMENT_HEADER + (customFRAG || StageGL.REGULAR_FRAGMENT_BODY);
- break;
- case "regular":
- default:
- targetVtx = StageGL.REGULAR_VERTEX_HEADER + StageGL.REGULAR_VERTEX_BODY;
- targetFrag = StageGL.REGULAR_FRAGMENT_HEADER + StageGL.REGULAR_FRAGMENT_BODY;
- break;
+ if (coverShader) {
+ targetVtx = StageGL.COVER_VERTEX_HEADER + (customVTX || StageGL.COVER_VERTEX_BODY);
+ targetFrag = StageGL.COVER_FRAGMENT_HEADER + (customFRAG || StageGL.COVER_FRAGMENT_BODY);
+ } else {
+ targetVtx = StageGL.REGULAR_VERTEX_HEADER + (customVTX || StageGL.REGULAR_VERTEX_BODY);
+ targetFrag = StageGL.REGULAR_FRAGMENT_HEADER + (customFRAG || StageGL.REGULAR_FRAGMENT_BODY);
}
// create the separate vars
@@ -10206,7 +10906,6 @@ this.createjs = this.createjs||{};
gl.attachShader(shaderProgram, vertexShader);
gl.attachShader(shaderProgram, fragmentShader);
gl.linkProgram(shaderProgram);
- shaderProgram._type = shaderName;
// check compile status
if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
@@ -10216,58 +10915,44 @@ this.createjs = this.createjs||{};
// set up the parameters on the shader
gl.useProgram(shaderProgram);
- switch (shaderName) {
- case "filter":
- // get the places in memory the shader is stored so we can feed information into them
- // then save it off on the shader because it's so tied to the shader itself
- shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "vertexPosition");
- gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
- shaderProgram.uvPositionAttribute = gl.getAttribLocation(shaderProgram, "uvPosition");
- gl.enableVertexAttribArray(shaderProgram.uvPositionAttribute);
+ // get the places in memory the shader is stored so we can feed information into them
+ // then save it off on the shader because it's so tied to the shader itself
+ shaderProgram.positionAttribute = gl.getAttribLocation(shaderProgram, "vertexPosition");
+ gl.enableVertexAttribArray(shaderProgram.positionAttribute);
- shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
- gl.uniform1i(shaderProgram.samplerUniform, 0);
+ shaderProgram.uvPositionAttribute = gl.getAttribLocation(shaderProgram, "uvPosition");
+ gl.enableVertexAttribArray(shaderProgram.uvPositionAttribute);
- shaderProgram.uprightUniform = gl.getUniformLocation(shaderProgram, "uUpright");
- gl.uniform1f(shaderProgram.uprightUniform, 0);
+ if (coverShader) {
+ shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
+ gl.uniform1i(shaderProgram.samplerUniform, 0);
- // if there's some custom attributes be sure to hook them up
- if (shaderParamSetup) {
- shaderParamSetup(gl, this, shaderProgram);
- }
- break;
- case "override":
- case "particle":
- case "regular":
- default:
- // get the places in memory the shader is stored so we can feed information into them
- // then save it off on the shader because it's so tied to the shader itself
- shaderProgram.vertexPositionAttribute = gl.getAttribLocation(shaderProgram, "vertexPosition");
- gl.enableVertexAttribArray(shaderProgram.vertexPositionAttribute);
-
- shaderProgram.uvPositionAttribute = gl.getAttribLocation(shaderProgram, "uvPosition");
- gl.enableVertexAttribArray(shaderProgram.uvPositionAttribute);
-
- shaderProgram.textureIndexAttribute = gl.getAttribLocation(shaderProgram, "textureIndex");
- gl.enableVertexAttribArray(shaderProgram.textureIndexAttribute);
-
- shaderProgram.alphaAttribute = gl.getAttribLocation(shaderProgram, "objectAlpha");
- gl.enableVertexAttribArray(shaderProgram.alphaAttribute);
-
- var samplers = [];
- for (var i = 0; i < this._batchTextureCount; i++) {
- samplers[i] = i;
- }
+ // if there's some custom attributes be sure to hook them up
+ if (shaderParamSetup) {
+ shaderParamSetup(gl, this, shaderProgram);
+ }
+ } else {
+ shaderProgram.textureIndexAttribute = gl.getAttribLocation(shaderProgram, "textureIndex");
+ gl.enableVertexAttribArray(shaderProgram.textureIndexAttribute);
+
+ shaderProgram.alphaAttribute = gl.getAttribLocation(shaderProgram, "objectAlpha");
+ gl.enableVertexAttribArray(shaderProgram.alphaAttribute);
+
+ var samplers = [];
+ for (var i = 0; i < this._gpuTextureCount; i++) {
+ samplers[i] = i;
+ }
+ shaderProgram.samplerData = samplers;
- shaderProgram.samplerData = samplers;
- shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
- gl.uniform1iv(shaderProgram.samplerUniform, samplers);
+ shaderProgram.samplerUniform = gl.getUniformLocation(shaderProgram, "uSampler");
+ gl.uniform1iv(shaderProgram.samplerUniform, shaderProgram.samplerData);
- shaderProgram.pMatrixUniform = gl.getUniformLocation(shaderProgram, "pMatrix");
- break;
+ shaderProgram.pMatrixUniform = gl.getUniformLocation(shaderProgram, "pMatrix");
}
+ shaderProgram._type = coverShader ? "cover" : "batch";
+
gl.useProgram(this._activeShader);
return shaderProgram;
};
@@ -10282,17 +10967,20 @@ this.createjs = this.createjs||{};
* @protected
*/
p._createShader = function (gl, type, str) {
- // inject the static number
- str = str.replace(/{{count}}/g, this._batchTextureCount);
+ var textureCount = this._batchTextureCount;
- // resolve issue with no dynamic samplers by creating correct samplers in if else chain
- // TODO: WebGL 2.0 does not need this support
- var insert = "";
- for (var i = 1; i gl.MAX_TEXTURE_SIZE || image.height > gl.MAX_TEXTURE_SIZE){
console && console.error("Oversized Texture: "+ image.width+"x"+image.height +" vs "+ gl.MAX_TEXTURE_SIZE +"max");
@@ -10525,14 +11253,14 @@ this.createjs = this.createjs||{};
* @protected
*/
p._insertTextureInBatch = function (gl, texture) {
- // if it wasn't used last batch
- if (this._batchTextures[texture._activeIndex] !== texture) {
+ var image;
+ if (this._batchTextures[texture._activeIndex] !== texture) { // if it wasn't used last batch
// we've got to find it a a spot.
var found = -1;
var start = (this._lastTextureInsert+1) % this._batchTextureCount;
var look = start;
do {
- if (this._batchTextures[look]._batchID != this._batchID && !this._slotBlacklist[look]) {
+ if (this._batchTextures[look]._batchID !== this._batchID && !this._slotBlacklist[look]) {
found = look;
break;
}
@@ -10542,26 +11270,27 @@ this.createjs = this.createjs||{};
// we couldn't find anywhere for it go, meaning we're maxed out
if (found === -1) {
this.batchReason = "textureOverflow";
- this._drawBuffers(gl); // <------------------------------------------------------------------------
- this.batchCardCount = 0;
- found = start;
+ this._renderBatch(); // <------------------------------------------------------------------------
+ found = start; //TODO: how do we optimize this to be smarter?
}
// lets put it into that spot
this._batchTextures[found] = texture;
texture._activeIndex = found;
- var image = texture._imageData;
- if (image && image._invalid && texture._drawID !== undefined) {
+ image = texture._imageData && texture._imageData[0]; // first come first served, potentially problematic
+ if (image && ((image._invalid === undefined && image._isCanvas) || image._invalid)) {
this._updateTextureImageData(gl, image);
} else {
- gl.activeTexture(gl.TEXTURE0 + found);
- gl.bindTexture(gl.TEXTURE_2D, texture);
- this.setTextureParams(gl);
+ // probably redundant, confirm functionality then remove from codebase
+ //gl.activeTexture(gl.TEXTURE0 + found);
+ //gl.bindTexture(gl.TEXTURE_2D, texture);
+ //this.setTextureParams(gl);
}
this._lastTextureInsert = found;
- } else {
- var image = texture._imageData;
- if (texture._storeID != undefined && image && image._invalid) {
+
+ } else if (texture._drawID !== this._drawID) { // being active from previous draws doesn't mean up to date
+ image = texture._imageData && texture._imageData[0];
+ if (image && ((image._invalid === undefined && image._isCanvas) || image._invalid)) {
this._updateTextureImageData(gl, image);
}
}
@@ -10575,32 +11304,35 @@ this.createjs = this.createjs||{};
* {{#crossLink "StageGL/releaseTexture"}}{{/crossLink}} instead as it will call this with the correct texture object(s).
* Note: Testing shows this may not happen immediately, have to wait frames for WebGL to have actually adjust memory.
* @method _killTextureObject
- * @param {Texture} tex The texture to be cleaned out
+ * @param {WebGLTexture} texture The texture to be cleaned out
* @protected
*/
- p._killTextureObject = function (tex) {
- if (!tex) { return; }
+ p._killTextureObject = function (texture) {
+ if (!texture) { return; }
var gl = this._webGLContext;
// remove linkage
- if (tex._storeID !== undefined && tex._storeID >= 0) {
- this._textureDictionary[tex._storeID] = undefined;
+ if (texture._storeID !== undefined && texture._storeID >= 0) {
+ this._textureDictionary[texture._storeID] = undefined;
for (var n in this._textureIDs) {
- if (this._textureIDs[n] == tex._storeID) { delete this._textureIDs[n]; }
+ if (this._textureIDs[n] === texture._storeID) { delete this._textureIDs[n]; }
+ }
+ var data = texture._imageData;
+ if (data) {
+ for (var i=data.length-1; i>=0; i--) { data[i]._storeID = undefined; }
}
- if(tex._imageData) { tex._imageData._storeID = undefined; }
- tex._imageData = tex._storeID = undefined;
+ texture._imageData = texture._storeID = undefined;
}
// make sure to drop it out of an active slot
- if (tex._activeIndex !== undefined && this._batchTextures[tex._activeIndex] === tex) {
- this._batchTextures[tex._activeIndex] = this._baseTextures[tex._activeIndex];
+ if (texture._activeIndex !== undefined && this._batchTextures[texture._activeIndex] === texture) {
+ this._batchTextures[texture._activeIndex] = this._baseTextures[texture._activeIndex];
}
// remove buffers if present
try {
- if (tex._frameBuffer) { gl.deleteFramebuffer(tex._frameBuffer); }
- tex._frameBuffer = undefined;
+ if (texture._frameBuffer) { gl.deleteFramebuffer(texture._frameBuffer); }
+ texture._frameBuffer = undefined;
} catch(e) {
/* suppress delete errors because it's already gone or didn't need deleting probably */
if (this.vocalDebug) { console.log(e); }
@@ -10608,7 +11340,7 @@ this.createjs = this.createjs||{};
// remove entry
try {
- gl.deleteTexture(tex);
+ gl.deleteTexture(texture);
} catch(e) {
/* suppress delete errors because it's already gone or didn't need deleting probably */
if (this.vocalDebug) { console.log(e); }
@@ -10616,241 +11348,180 @@ this.createjs = this.createjs||{};
};
/**
- * Store or restore current batch textures into a backup array
- * @method _backupBatchTextures
- * @param {Boolean} restore Perform a restore instead of a store.
- * @param {Array} [target=this._backupTextures] Where to perform the backup, defaults to internal backup.
+ * Small utility function to keep internal API consistent and set the uniforms for a dual texture cover render
+ * @method _setCoverMixShaderParams
+ * @param {WebGLRenderingContext} gl The context where the drawing takes place
+ * @param stage unused
+ * @param shaderProgram unused
* @protected
*/
- p._backupBatchTextures = function (restore, target) {
- var gl = this._webGLContext;
-
- if (!this._backupTextures) { this._backupTextures = []; }
- if (target === undefined) { target = this._backupTextures; }
-
- for (var i=0; i 0) {
- this._drawBuffers(gl);
+ p._updateRenderMode = function (newMode) {
+ if ( newMode === null || newMode === undefined){ newMode = "source-over"; }
+
+ var blendSrc = StageGL.BLEND_SOURCES[newMode];
+ if (blendSrc === undefined) {
+ if (this.vocalDebug){ console.log("Unknown compositeOperation ["+ newMode +"], reverting to default"); }
+ blendSrc = StageGL.BLEND_SOURCES[newMode = "source-over"];
+ }
+
+ if (this._renderMode === newMode) { return; }
+
+ var gl = this._webGLContext;
+ var shaderData = this._builtShaders[newMode];
+ if (shaderData === undefined) {
+ try {
+ shaderData = this._builtShaders[newMode] = {
+ eqRGB: gl[blendSrc.eqRGB || "FUNC_ADD"],
+ srcRGB: gl[blendSrc.srcRGB || "ONE"],
+ dstRGB: gl[blendSrc.dstRGB || "ONE_MINUS_SRC_ALPHA"],
+ eqA: gl[blendSrc.eqA || "FUNC_ADD"],
+ srcA: gl[blendSrc.srcA || "ONE"],
+ dstA: gl[blendSrc.dstA || "ONE_MINUS_SRC_ALPHA"],
+ immediate: blendSrc.shader !== undefined,
+ shader: (blendSrc.shader || this._builtShaders["source-over"] === undefined) ?
+ this._fetchShaderProgram(
+ true, undefined, blendSrc.shader,
+ this._setCoverMixShaderParams
+ ) : this._builtShaders["source-over"].shader // re-use source-over when we don't need a new shader
+ };
+ if (blendSrc.shader) { shaderData.shader._name = newMode; }
+ } catch (e) {
+ this._builtShaders[newMode] = undefined;
+ console && console.log("SHADER SWITCH FAILURE", e);
+ return;
+ }
+ }
+
+ if (shaderData.immediate) {
+ if (this._directDraw) {
+ if (this.vocalDebug) { console.log("Illegal compositeOperation ["+ newMode +"] due to StageGL.directDraw = true, reverting to default"); }
+ return;
+ }
+ this._activeConfig = this._attributeConfig["micro"];
}
- this._isDrawing++;
- this._drawID++;
- this.batchCardCount = 0;
- this.depth = 0;
+ gl.bindFramebuffer(gl.FRAMEBUFFER, this._batchTextureOutput._frameBuffer);
- this._appendToBatchGroup(sceneGraph, gl, new createjs.Matrix2D(), this.alpha, ignoreCache);
+ this.batchReason = "shaderSwap";
+ this._renderBatch(); // <--------------------------------------------------------------------------------
- this.batchReason = "drawFinish";
- this._drawBuffers(gl); // <--------------------------------------------------------
- this._isDrawing--;
+ this._renderMode = newMode;
+ this._immediateRender = shaderData.immediate;
+ gl.blendEquationSeparate(shaderData.eqRGB, shaderData.eqA);
+ gl.blendFuncSeparate(shaderData.srcRGB, shaderData.dstRGB, shaderData.srcA, shaderData.dstA);
};
/**
- * Perform the drawing process to fill a specific cache texture, including applying filters.
- * @method _cacheDraw
- * @param {DisplayObject} target The object we're drawing into the cache. For example, used for drawing the cache
- * (to prevent it from simply drawing an existing cache back into itself).
- * @param {Array} filters The filters we're drawing into cache.
- * @param {BitmapCache} manager The BitmapCache instance looking after the cache
+ * Helper function for the standard content draw
+ * @method _drawContent
+ * @param {Stage | Container} content
+ * @param {Boolean} ignoreCache
* @protected
*/
- p._cacheDraw = function (gl, target, filters, manager) {
- /*
- Implicitly there are 4 modes to this function: filtered-sameContext, filtered-uniqueContext, sameContext, uniqueContext.
- Each situation must be handled slightly differently as 'sameContext' or 'uniqueContext' define how the output works,
- one drawing directly into the main context and the other drawing into a stored renderTexture respectively.
- When the draw is a 'filtered' draw, the filters are applied sequentially and will draw into saved textures repeatedly.
- Once the final filter is done the final output is treated depending upon whether it is a same or unique context.
- The internal complexity comes from reducing over-draw, shared code, and issues like textures needing to be flipped
- sometimes when written to render textures.
- */
- var renderTexture;
- var shaderBackup = this._activeShader;
- var blackListBackup = this._slotBlacklist;
- var lastTextureSlot = this._maxTextureSlots-1;
- var wBackup = this._viewportWidth, hBackup = this._viewportHeight;
-
- // protect the last slot so that we have somewhere to bind the renderTextures so it doesn't get upset
- this.protectTextureSlot(lastTextureSlot, true);
-
- // create offset container for drawing item
- var mtx = target.getMatrix();
- mtx = mtx.clone();
- mtx.scale(1/manager.scale, 1/manager.scale);
- mtx = mtx.invert();
- mtx.translate(-manager.offX/manager.scale*target.scaleX, -manager.offY/manager.scale*target.scaleY);
- var container = this._cacheContainer;
- container.children = [target];
- container.transformMatrix = mtx;
+ p._drawContent = function (content, ignoreCache) {
+ var gl = this._webGLContext;
- this._backupBatchTextures(false);
+ this._activeShader = this._mainShader;
- if (filters && filters.length) {
- this._drawFilters(target, filters, manager);
- } else {
- // is this for another stage or mine?
- if (this.isCacheControlled) {
- // draw item to canvas I -> C
- gl.clear(gl.COLOR_BUFFER_BIT);
- this._batchDraw(container, gl, true);
- } else {
- gl.activeTexture(gl.TEXTURE0 + lastTextureSlot);
- target.cacheCanvas = this.getTargetRenderTexture(target, manager._drawWidth, manager._drawHeight);
- renderTexture = target.cacheCanvas;
-
- // draw item to render texture I -> T
- gl.bindFramebuffer(gl.FRAMEBUFFER, renderTexture._frameBuffer);
- this.updateViewport(manager._drawWidth, manager._drawHeight);
- this._projectionMatrix = this._projectionMatrixFlip;
- gl.clear(gl.COLOR_BUFFER_BIT);
- this._batchDraw(container, gl, true);
-
- gl.bindFramebuffer(gl.FRAMEBUFFER, null);
- this.updateViewport(wBackup, hBackup);
- }
- }
+ gl.bindFramebuffer(gl.FRAMEBUFFER, this._batchTextureOutput._frameBuffer);
+ if(this._batchTextureOutput._frameBuffer !== null) { gl.clear(gl.COLOR_BUFFER_BIT); }
- this._backupBatchTextures(true);
+ this._appendToBatch(content, new createjs.Matrix2D(), this.alpha, ignoreCache);
- this.protectTextureSlot(lastTextureSlot, false);
- this._activeShader = shaderBackup;
- this._slotBlacklist = blackListBackup;
+ this.batchReason = "contentEnd";
+ this._renderBatch();
};
/**
- * Sub portion of _cacheDraw, split off for readability. Do not call independently.
- * @method _drawFilters
- * @param {DisplayObject} target The object we're drawing with a filter.
- * @param {Array} filters The filters we're drawing into cache.
- * @param {BitmapCache} manager The BitmapCache instance looking after the cache
+ * Used to draw one or more textures potentially using a filter into the supplied buffer.
+ * Mostly used for caches, filters, and outputting final render frames.
+ * Draws `dst` into `out` after applying `srcFilter` depending on its current value.
+ * @method _drawCover
+ * @param {WebGLFramebuffer} out Buffer to draw the results into (null is the canvas element)
+ * @param {WebGLTexture} dst Base texture layer aka "destination" in image blending terminology
+ * @param {WebGLTexture | Filter} [srcFilter = undefined] Modification parameter for the draw. If a texture, the
+ * current _renderMode applies it as a "source" image. If a Filter, the filter is applied to the dst with its params.
+ * @protected
*/
- p._drawFilters = function (target, filters, manager) {
+ p._drawCover = function (out, dst, srcFilter) {
var gl = this._webGLContext;
- var renderTexture;
- var lastTextureSlot = this._maxTextureSlots-1;
- var wBackup = this._viewportWidth, hBackup = this._viewportHeight;
-
- var container = this._cacheContainer;
- var filterCount = filters.length;
-
- // we don't know which texture slot we're dealing with previously and we need one out of the way
- // once we're using that slot activate it so when we make and bind our RenderTexture it's safe there
- gl.activeTexture(gl.TEXTURE0 + lastTextureSlot);
- renderTexture = this.getTargetRenderTexture(target, manager._drawWidth, manager._drawHeight);
- // draw item to render texture I -> T
- gl.bindFramebuffer(gl.FRAMEBUFFER, renderTexture._frameBuffer);
- this.updateViewport(manager._drawWidth, manager._drawHeight);
- gl.clear(gl.COLOR_BUFFER_BIT);
- this._batchDraw(container, gl, true);
+ gl.bindFramebuffer(gl.FRAMEBUFFER, out);
+ if (out !== null){ gl.clear(gl.COLOR_BUFFER_BIT); }
- // bind the result texture to slot 0 as all filters and cover draws assume original content is in slot 0
gl.activeTexture(gl.TEXTURE0);
- gl.bindTexture(gl.TEXTURE_2D, renderTexture);
+ gl.bindTexture(gl.TEXTURE_2D, dst);
this.setTextureParams(gl);
- var flipY = false;
- var i = 0, filter = filters[i];
- do { // this is safe because we wouldn't be in apply filters without a filter count of at least 1
-
- // swap to correct shader
- this._activeShader = this.getFilterShader(filter);
- if (!this._activeShader) { continue; }
-
- // now the old result is stored in slot 0, make a new render texture
- gl.activeTexture(gl.TEXTURE0 + lastTextureSlot);
- renderTexture = this.getTargetRenderTexture(target, manager._drawWidth, manager._drawHeight);
- gl.bindFramebuffer(gl.FRAMEBUFFER, renderTexture._frameBuffer);
-
- // draw result to render texture R -> T
- gl.viewport(0, 0, manager._drawWidth, manager._drawHeight);
- gl.clear(gl.COLOR_BUFFER_BIT);
- this._drawCover(gl, flipY);
-
- // bind the result texture to slot 0 as all filters and cover draws assume original content is in slot 0
- gl.activeTexture(gl.TEXTURE0);
- gl.bindTexture(gl.TEXTURE_2D, renderTexture);
- this.setTextureParams(gl);
-
- // use flipping to keep things upright, things already cancel out on a single filter
- // this needs to be here as multiPass is not accurate to _this_ frame until after shader acquisition
- if (filterCount > 1 || filters[0]._multiPass) {
- flipY = !flipY;
+ if (srcFilter instanceof createjs.Filter) {
+ this._activeShader = this.getFilterShader(srcFilter);
+ } else {
+ if (srcFilter instanceof WebGLTexture) {
+ gl.activeTexture(gl.TEXTURE1);
+ gl.bindTexture(gl.TEXTURE_2D, srcFilter);
+ this.setTextureParams(gl);
+ } else if (srcFilter !== undefined && this.vocalDebug) {
+ console.log("Unknown data handed to function: ", srcFilter);
}
+ this._activeShader = this._builtShaders[this._renderMode].shader;
+ }
- // work through the multipass if it's there, otherwise move on
- filter = filter._multiPass !== null ? filter._multiPass : filters[++i];
- } while (filter);
-
- // is this for another stage or mine
- if (this.isCacheControlled) {
- gl.bindFramebuffer(gl.FRAMEBUFFER, null);
- this.updateViewport(wBackup, hBackup);
+ this._renderCover();
+ };
- // draw result to canvas R -> C
- this._activeShader = this.getFilterShader(this);
- gl.clear(gl.COLOR_BUFFER_BIT);
- this._drawCover(gl, flipY);
+ /**
+ * Returns a matrix that can be used to counter position the `target` so that it fits and scales to the `manager`
+ * @param {DisplayObject} target The object to be counter positioned
+ * @param {BitmapCache} manager The cache manager to be aligned to
+ * @returns {Matrix2D} The matrix that can be used used to counter position the container
+ * @method _alignTargetToCache
+ * @private
+ */
+ p._alignTargetToCache = function(target, manager) {
+ if (manager._counterMatrix === null) {
+ manager._counterMatrix = target.getMatrix();
} else {
- //TODO: DHG: this is less than ideal. A flipped initial render for this circumstance might help. Adjust the perspective matrix?
- if (flipY) {
- gl.activeTexture(gl.TEXTURE0 + lastTextureSlot);
- renderTexture = this.getTargetRenderTexture(target, manager._drawWidth, manager._drawHeight);
- gl.bindFramebuffer(gl.FRAMEBUFFER, renderTexture._frameBuffer);
-
- this._activeShader = this.getFilterShader(this);
- gl.viewport(0, 0, manager._drawWidth, manager._drawHeight);
- gl.clear(gl.COLOR_BUFFER_BIT);
- this._drawCover(gl, !flipY);
- }
- gl.bindFramebuffer(gl.FRAMEBUFFER, null);
- this.updateViewport(wBackup, hBackup);
-
- // make sure the last texture is the active thing to draw
- target.cacheCanvas = renderTexture;
+ target.getMatrix(manager._counterMatrix)
}
+
+ var mtx = manager._counterMatrix;
+ mtx.scale(1/manager.scale, 1/manager.scale);
+ mtx = mtx.invert();
+ mtx.translate(-manager.offX/manager.scale*target.scaleX, -manager.offY/manager.scale*target.scaleY);
+
+ return mtx;
};
/**
* Add all the contents of a container to the pending buffers, called recursively on each container. This may
* trigger a draw if a buffer runs out of space. This is the main workforce of the render loop.
- * @method _appendToBatchGroup
+ * @method _appendToBatch
* @param {Container} container The {{#crossLink "Container"}}{{/crossLink}} that contains everything to be drawn.
- * @param {WebGLRenderingContext} gl The canvas WebGL context object to draw into.
* @param {Matrix2D} concatMtx The effective (concatenated) transformation matrix when beginning this container
* @param {Number} concatAlpha The effective (concatenated) alpha when beginning this container
- * @param {Boolean} ignoreCache Don't use an element's cache during this draw
+ * @param {Boolean} [ignoreCache=false] Don't use an element's cache during this draw
* @protected
*/
- p._appendToBatchGroup = function (container, gl, concatMtx, concatAlpha, ignoreCache) {
+ p._appendToBatch = function (container, concatMtx, concatAlpha, ignoreCache) {
+ var gl = this._webGLContext;
+
// sort out shared properties
- if (!container._glMtx) { container._glMtx = new createjs.Matrix2D(); }
var cMtx = container._glMtx;
cMtx.copy(concatMtx);
- if (container.transformMatrix) {
+ if (container.transformMatrix !== null) {
cMtx.appendMatrix(container.transformMatrix);
} else {
cMtx.appendTransform(
@@ -10861,6 +11532,11 @@ this.createjs = this.createjs||{};
);
}
+ var previousRenderMode = this._renderMode;
+ if (container.compositeOperation) {
+ this._updateRenderMode(container.compositeOperation);
+ }
+
// sub components of figuring out the position an object holds
var subL, subT, subR, subB;
@@ -10868,28 +11544,57 @@ this.createjs = this.createjs||{};
var l = container.children.length;
for (var i = 0; i < l; i++) {
var item = container.children[i];
+ var useCache = (!ignoreCache && item.cacheCanvas) || false;
- if (!(item.visible && concatAlpha)) { continue; }
- if (!item.cacheCanvas || ignoreCache) {
+ if (!(item.visible && concatAlpha > 0.0035)) { continue; }
+ var itemAlpha = item.alpha;
+
+ if (useCache === false) {
if (item._updateState){
item._updateState();
}
- if (item.children) {
- this._appendToBatchGroup(item, gl, cMtx, item.alpha * concatAlpha);
- continue;
+
+ if(!this._directDraw && (!ignoreCache && item.cacheCanvas === null && item.filters !== null && item.filters.length)) {
+ var bounds;
+ if (item.bitmapCache === null) {
+ bounds = item.getBounds();
+ item.bitmapCache = new createjs.BitmapCache();
+ item.bitmapCache._autoGenerated = true;
+ }
+ if (item.bitmapCache._autoGenerated) {
+ this.batchReason = "cachelessFilterInterupt";
+ this._renderBatch(); // <----------------------------------------------------
+
+ item.alpha = 1;
+ var shaderBackup = this._activeShader;
+ bounds = bounds || item.getBounds();
+ item.bitmapCache.define(item, bounds.x, bounds.y, bounds.width, bounds.height, 1, {useGL:this});
+ useCache = item.bitmapCache._cacheCanvas;
+
+ item.alpha = itemAlpha;
+ this._activeShader = shaderBackup;
+ gl.bindFramebuffer(gl.FRAMEBUFFER, this._batchTextureOutput._frameBuffer);
+ }
}
}
+ if (useCache === false && item.children) {
+ this._appendToBatch(item, cMtx, itemAlpha * concatAlpha);
+ continue;
+ }
+
+ var containerRenderMode = this._renderMode;
+ if (item.compositeOperation) {
+ this._updateRenderMode(item.compositeOperation);
+ }
+
// check for overflowing batch, if yes then force a render
- // TODO: DHG: consider making this polygon count dependant for things like vector draws
- if (this.batchCardCount+1 > this._maxCardsPerBatch) {
+ if (this._batchVertexCount + StageGL.INDICIES_PER_CARD > this._maxBatchVertexCount) {
this.batchReason = "vertexOverflow";
- this._drawBuffers(gl); // <------------------------------------------------------------
- this.batchCardCount = 0;
+ this._renderBatch(); // <------------------------------------------------------------
}
// keep track of concatenated position
- if (!item._glMtx) { item._glMtx = new createjs.Matrix2D(); }
var iMtx = item._glMtx;
iMtx.copy(cMtx);
if (item.transformMatrix) {
@@ -10904,34 +11609,34 @@ this.createjs = this.createjs||{};
}
var uvRect, texIndex, image, frame, texture, src;
- var useCache = item.cacheCanvas && !ignoreCache;
- if (item._webGLRenderStyle === 2 || useCache) { // BITMAP / Cached Canvas
- image = (ignoreCache?false:item.cacheCanvas) || item.image;
- } else if (item._webGLRenderStyle === 1) { // SPRITE
- frame = item.spriteSheet.getFrame(item.currentFrame); //TODO: Faster way?
+ // get the image data, or abort if not present
+ // BITMAP / Cached Canvas
+ if (item._webGLRenderStyle === 2 || useCache !== false) {
+ image = useCache === false ? item.image : useCache;
+
+ // SPRITE
+ } else if (item._webGLRenderStyle === 1) {
+ frame = item.spriteSheet.getFrame(item.currentFrame);
if (frame === null) { continue; }
image = frame.image;
- } else { // MISC (DOM objects render themselves later)
+
+ // MISC (DOM objects render themselves later)
+ } else {
continue;
}
-
- var uvs = this._uvs;
- var vertices = this._vertices;
- var texI = this._indices;
- var alphas = this._alphas;
+ if (!image) { continue; }
// calculate texture
- if (!image) { continue; }
if (image._storeID === undefined) {
// this texture is new to us so load it and add it to the batch
texture = this._loadTextureImage(gl, image);
- this._insertTextureInBatch(gl, texture);
} else {
// fetch the texture (render textures know how to look themselves up to simplify this logic)
texture = this._textureDictionary[image._storeID];
- if (!texture){
- if (this.vocalDebug){ console.log("Texture should not be looked up while not being stored."); }
+
+ if (!texture){ //TODO: this should really not occur but has due to bugs, hopefully this can be removed eventually
+ if (this.vocalDebug){ console.log("Image source should not be lookup a non existent texture, please report a bug."); }
continue;
}
@@ -10941,16 +11646,18 @@ this.createjs = this.createjs||{};
}
}
texIndex = texture._activeIndex;
+ image._drawID = this._drawID;
- if (item._webGLRenderStyle === 2 || useCache) { // BITMAP / Cached Canvas
- if (!useCache && item.sourceRect) {
+ // BITMAP / Cached Canvas
+ if (item._webGLRenderStyle === 2 || useCache !== false) {
+ if (useCache === false && item.sourceRect) {
// calculate uvs
if (!item._uvRect) { item._uvRect = {}; }
src = item.sourceRect;
uvRect = item._uvRect;
- uvRect.t = (src.y)/image.height;
+ uvRect.t = 1 - ((src.y)/image.height);
uvRect.l = (src.x)/image.width;
- uvRect.b = (src.y + src.height)/image.height;
+ uvRect.b = 1 - ((src.y + src.height)/image.height);
uvRect.r = (src.x + src.width)/image.width;
// calculate vertices
@@ -10960,16 +11667,18 @@ this.createjs = this.createjs||{};
// calculate uvs
uvRect = StageGL.UV_RECT;
// calculate vertices
- if (useCache) {
+ if (useCache === false) {
+ subL = 0; subT = 0;
+ subR = image.width+subL; subB = image.height+subT;
+ } else {
src = item.bitmapCache;
subL = src.x+(src._filterOffX/src.scale); subT = src.y+(src._filterOffY/src.scale);
subR = (src._drawWidth/src.scale)+subL; subB = (src._drawHeight/src.scale)+subT;
- } else {
- subL = 0; subT = 0;
- subR = image.width+subL; subB = image.height+subT;
}
}
- } else if (item._webGLRenderStyle === 1) { // SPRITE
+
+ // SPRITE
+ } else if (item._webGLRenderStyle === 1) {
var rect = frame.rect;
// calculate uvs
@@ -10983,120 +11692,210 @@ this.createjs = this.createjs||{};
subR = rect.width-frame.regX; subB = rect.height-frame.regY;
}
- // These must be calculated here else a forced draw might happen after they're set
- var offV1 = this.batchCardCount*StageGL.INDICIES_PER_CARD; // offset for 1 component vectors
- var offV2 = offV1*2; // offset for 2 component vectors
+ var spacing = 0;
+ var cfg = this._activeConfig;
+ var vpos = cfg.position.array;
+ var uvs = cfg.uv.array;
+ var texI = cfg.texture.array;
+ var alphas = cfg.alpha.array;
- //DHG: See Matrix2D.transformPoint for why this math specifically
// apply vertices
- vertices[offV2] = subL *iMtx.a + subT *iMtx.c +iMtx.tx; vertices[offV2+1] = subL *iMtx.b + subT *iMtx.d +iMtx.ty;
- vertices[offV2+2] = subL *iMtx.a + subB *iMtx.c +iMtx.tx; vertices[offV2+3] = subL *iMtx.b + subB *iMtx.d +iMtx.ty;
- vertices[offV2+4] = subR *iMtx.a + subT *iMtx.c +iMtx.tx; vertices[offV2+5] = subR *iMtx.b + subT *iMtx.d +iMtx.ty;
- vertices[offV2+6] = vertices[offV2+2]; vertices[offV2+7] = vertices[offV2+3];
- vertices[offV2+8] = vertices[offV2+4]; vertices[offV2+9] = vertices[offV2+5];
- vertices[offV2+10] = subR *iMtx.a + subB *iMtx.c +iMtx.tx; vertices[offV2+11] = subR *iMtx.b + subB *iMtx.d +iMtx.ty;
+ spacing = cfg.position.spacing;
+ var vtxOff = this._batchVertexCount * spacing + cfg.position.offset;
+ vpos[vtxOff] = subL*iMtx.a + subT*iMtx.c + iMtx.tx; vpos[vtxOff+1] = subL*iMtx.b + subT*iMtx.d + iMtx.ty;
+ vtxOff += spacing;
+ vpos[vtxOff] = subL*iMtx.a + subB*iMtx.c + iMtx.tx; vpos[vtxOff+1] = subL*iMtx.b + subB*iMtx.d + iMtx.ty;
+ vtxOff += spacing;
+ vpos[vtxOff] = subR*iMtx.a + subT*iMtx.c + iMtx.tx; vpos[vtxOff+1] = subR*iMtx.b + subT*iMtx.d + iMtx.ty;
+ vtxOff += spacing;
+ vpos[vtxOff] = subL*iMtx.a + subB*iMtx.c + iMtx.tx; vpos[vtxOff+1] = subL*iMtx.b + subB*iMtx.d + iMtx.ty;
+ vtxOff += spacing;
+ vpos[vtxOff] = subR*iMtx.a + subT*iMtx.c + iMtx.tx; vpos[vtxOff+1] = subR*iMtx.b + subT*iMtx.d + iMtx.ty;
+ vtxOff += spacing;
+ vpos[vtxOff] = subR*iMtx.a + subB*iMtx.c + iMtx.tx; vpos[vtxOff+1] = subR*iMtx.b + subB*iMtx.d + iMtx.ty;
// apply uvs
- uvs[offV2] = uvRect.l; uvs[offV2+1] = uvRect.t;
- uvs[offV2+2] = uvRect.l; uvs[offV2+3] = uvRect.b;
- uvs[offV2+4] = uvRect.r; uvs[offV2+5] = uvRect.t;
- uvs[offV2+6] = uvRect.l; uvs[offV2+7] = uvRect.b;
- uvs[offV2+8] = uvRect.r; uvs[offV2+9] = uvRect.t;
- uvs[offV2+10] = uvRect.r; uvs[offV2+11] = uvRect.b;
+ spacing = cfg.uv.spacing;
+ var uvOff = this._batchVertexCount * spacing + cfg.uv.offset;
+ uvs[uvOff] = uvRect.l; uvs[uvOff+1] = uvRect.t;
+ uvOff += spacing;
+ uvs[uvOff] = uvRect.l; uvs[uvOff+1] = uvRect.b;
+ uvOff += spacing;
+ uvs[uvOff] = uvRect.r; uvs[uvOff+1] = uvRect.t;
+ uvOff += spacing;
+ uvs[uvOff] = uvRect.l; uvs[uvOff+1] = uvRect.b;
+ uvOff += spacing;
+ uvs[uvOff] = uvRect.r; uvs[uvOff+1] = uvRect.t;
+ uvOff += spacing;
+ uvs[uvOff] = uvRect.r; uvs[uvOff+1] = uvRect.b;
// apply texture
- texI[offV1] = texI[offV1+1] = texI[offV1+2] = texI[offV1+3] = texI[offV1+4] = texI[offV1+5] = texIndex;
+ spacing = cfg.texture.spacing;
+ var texOff = this._batchVertexCount * spacing + cfg.texture.offset;
+ texI[texOff] = texIndex;
+ texOff += spacing;
+ texI[texOff] = texIndex;
+ texOff += spacing;
+ texI[texOff] = texIndex;
+ texOff += spacing;
+ texI[texOff] = texIndex;
+ texOff += spacing;
+ texI[texOff] = texIndex;
+ texOff += spacing;
+ texI[texOff] = texIndex;
// apply alpha
- alphas[offV1] = alphas[offV1+1] = alphas[offV1+2] = alphas[offV1+3] = alphas[offV1+4] = alphas[offV1+5] = item.alpha * concatAlpha;
+ spacing = cfg.alpha.spacing;
+ var aOff = this._batchVertexCount * spacing + cfg.alpha.offset;
+ alphas[aOff] = itemAlpha * concatAlpha;
+ aOff += spacing;
+ alphas[aOff] = itemAlpha * concatAlpha;
+ aOff += spacing;
+ alphas[aOff] = itemAlpha * concatAlpha;
+ aOff += spacing;
+ alphas[aOff] = itemAlpha * concatAlpha;
+ aOff += spacing;
+ alphas[aOff] = itemAlpha * concatAlpha;
+ aOff += spacing;
+ alphas[aOff] = itemAlpha * concatAlpha;
+
+ this._batchVertexCount += StageGL.INDICIES_PER_CARD;
+
+ if (this._immediateRender) {
+ this._activeConfig = this._attributeConfig["default"];
+ this._immediateBatchRender();
+ }
+
+ if (this._renderMode !== containerRenderMode) {
+ this._updateRenderMode(containerRenderMode);
+ }
+ }
+
+ if (this._renderMode !== previousRenderMode) {
+ this._updateRenderMode(previousRenderMode);
+ }
+ };
+
+ /**
+ * The shader or effect needs to be drawn immediately, sub function of `_appendToBatch`
+ * @method _immediateBatchRender
+ * @protected
+ */
+ p._immediateBatchRender = function() {
+ var gl = this._webGLContext;
- this.batchCardCount++;
+ if (this._batchTextureConcat === null){
+ this._batchTextureConcat = this.getRenderBufferTexture(this._viewportWidth, this._viewportHeight);
+ } else {
+ this.resizeTexture(this._batchTextureConcat, this._viewportWidth, this._viewportHeight);
+ gl.bindFramebuffer(gl.FRAMEBUFFER, this._batchTextureConcat._frameBuffer);
+ gl.clear(gl.COLOR_BUFFER_BIT);
+ }
+ if (this._batchTextureTemp === null){
+ this._batchTextureTemp = this.getRenderBufferTexture(this._viewportWidth, this._viewportHeight);
+ gl.bindFramebuffer(gl.FRAMEBUFFER, this._batchTextureTemp._frameBuffer);
+ } else {
+ this.resizeTexture(this._batchTextureTemp, this._viewportWidth, this._viewportHeight);
+ gl.bindFramebuffer(gl.FRAMEBUFFER, this._batchTextureTemp._frameBuffer);
+ gl.clear(gl.COLOR_BUFFER_BIT);
}
+
+ var swap = this._batchTextureOutput;
+ this._batchTextureOutput = this._batchTextureConcat;
+ this._batchTextureConcat = swap;
+
+ this._activeShader = this._mainShader;
+ this.batchReason = "immediatePrep";
+ this._renderBatch();//<-----------------------------------------------------------------------------------------
+
+ this.batchReason = "immediateResults";
+ this._drawCover(this._batchTextureOutput._frameBuffer, this._batchTextureConcat, this._batchTextureTemp);
+
+ gl.bindFramebuffer(gl.FRAMEBUFFER, this._batchTextureOutput._frameBuffer);
};
/**
* Draws all the currently defined cards in the buffer to the render surface.
- * @method _drawBuffers
- * @param {WebGLRenderingContext} gl The canvas WebGL context object to draw into.
+ * @method _renderBatch
* @protected
*/
- p._drawBuffers = function (gl) {
- if (this.batchCardCount <= 0) { return; } // prevents error logs on stages filled with un-renederable content.
+ p._renderBatch = function () {
+ if (this._batchVertexCount <= 0) { return; } // prevents error logs on stages filled with un-renederable content.
+ var gl = this._webGLContext;
+ this._renderPerDraw++;
if (this.vocalDebug) {
- console.log("Draw["+ this._drawID +":"+ this._batchID +"] : "+ this.batchReason);
+ console.log("Batch["+ this._drawID +":"+ this._batchID +"] : "+ this.batchReason);
}
var shaderProgram = this._activeShader;
- var vertexPositionBuffer = this._vertexPositionBuffer;
- var textureIndexBuffer = this._textureIndexBuffer;
- var uvPositionBuffer = this._uvPositionBuffer;
- var alphaBuffer = this._alphaBuffer;
+ var pc, config = this._activeConfig;
gl.useProgram(shaderProgram);
- gl.bindBuffer(gl.ARRAY_BUFFER, vertexPositionBuffer);
- gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, vertexPositionBuffer.itemSize, gl.FLOAT, false, 0, 0);
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, this._vertices);
+ pc = config.position;
+ gl.bindBuffer(gl.ARRAY_BUFFER, pc.buffer);
+ gl.vertexAttribPointer(shaderProgram.positionAttribute, pc.size, pc.type, false, pc.stride, pc.offB);
+ gl.bufferSubData(gl.ARRAY_BUFFER, 0, pc.array);
- gl.bindBuffer(gl.ARRAY_BUFFER, textureIndexBuffer);
- gl.vertexAttribPointer(shaderProgram.textureIndexAttribute, textureIndexBuffer.itemSize, gl.FLOAT, false, 0, 0);
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, this._indices);
+ pc = config.texture;
+ gl.bindBuffer(gl.ARRAY_BUFFER, pc.buffer);
+ gl.vertexAttribPointer(shaderProgram.textureIndexAttribute, pc.size, pc.type, false, pc.stride, pc.offB);
+ gl.bufferSubData(gl.ARRAY_BUFFER, 0, pc.array);
- gl.bindBuffer(gl.ARRAY_BUFFER, uvPositionBuffer);
- gl.vertexAttribPointer(shaderProgram.uvPositionAttribute, uvPositionBuffer.itemSize, gl.FLOAT, false, 0, 0);
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, this._uvs);
+ pc = config.uv;
+ gl.bindBuffer(gl.ARRAY_BUFFER, pc.buffer);
+ gl.vertexAttribPointer(shaderProgram.uvPositionAttribute, pc.size, pc.type, false, pc.stride, pc.offB);
+ gl.bufferSubData(gl.ARRAY_BUFFER, 0, pc.array);
- gl.bindBuffer(gl.ARRAY_BUFFER, alphaBuffer);
- gl.vertexAttribPointer(shaderProgram.alphaAttribute, alphaBuffer.itemSize, gl.FLOAT, false, 0, 0);
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, this._alphas);
+ pc = config.alpha;
+ gl.bindBuffer(gl.ARRAY_BUFFER, pc.buffer);
+ gl.vertexAttribPointer(shaderProgram.alphaAttribute, pc.size, pc.type, false, pc.stride, pc.offB);
+ gl.bufferSubData(gl.ARRAY_BUFFER, 0, pc.array);
gl.uniformMatrix4fv(shaderProgram.pMatrixUniform, gl.FALSE, this._projectionMatrix);
for (var i = 0; i < this._batchTextureCount; i++) {
- var texture = this._batchTextures[i];
gl.activeTexture(gl.TEXTURE0 + i);
- gl.bindTexture(gl.TEXTURE_2D, texture);
- this.setTextureParams(gl, texture.isPOT);
+ gl.bindTexture(gl.TEXTURE_2D, this._batchTextures[i]);
}
- gl.drawArrays(gl.TRIANGLES, 0, this.batchCardCount*StageGL.INDICIES_PER_CARD);
+ gl.drawArrays(gl.TRIANGLES, 0, this._batchVertexCount);
+
+ this._batchVertexCount = 0;
this._batchID++;
};
/**
- * Draws a card that covers the entire render surface. Mainly used for filters.
- * @method _drawBuffers
- * @param {WebGLRenderingContext} gl The canvas WebGL context object to draw into.
- * @param {Boolean} flipY Covers are used for things like RenderTextures and because of 3D vs Canvas space this can
- * end up meaning the `y` space sometimes requires flipping in the render.
+ * Draws a card that covers the entire render surface. Mainly used for filters and composite operations.
+ * @method _renderCover
* @protected
*/
- p._drawCover = function (gl, flipY) {
- if (this._isDrawing > 0) {
- this._drawBuffers(gl);
- }
+ p._renderCover = function () {
+ var gl = this._webGLContext;
+ this._renderPerDraw++;
if (this.vocalDebug) {
- console.log("Draw["+ this._drawID +":"+ this._batchID +"] : "+ "Cover");
+ console.log("Cover["+ this._drawID +":"+ this._batchID +"] : "+ this.batchReason);
}
var shaderProgram = this._activeShader;
- var vertexPositionBuffer = this._vertexPositionBuffer;
- var uvPositionBuffer = this._uvPositionBuffer;
+ var pc, config = this._attributeConfig.default;
- gl.clear(gl.COLOR_BUFFER_BIT);
gl.useProgram(shaderProgram);
- gl.bindBuffer(gl.ARRAY_BUFFER, vertexPositionBuffer);
- gl.vertexAttribPointer(shaderProgram.vertexPositionAttribute, vertexPositionBuffer.itemSize, gl.FLOAT, false, 0, 0);
+ pc = config.position;
+ gl.bindBuffer(gl.ARRAY_BUFFER, pc.buffer);
+ gl.vertexAttribPointer(shaderProgram.positionAttribute, pc.size, pc.type, false, pc.stride, pc.offB);
gl.bufferSubData(gl.ARRAY_BUFFER, 0, StageGL.COVER_VERT);
- gl.bindBuffer(gl.ARRAY_BUFFER, uvPositionBuffer);
- gl.vertexAttribPointer(shaderProgram.uvPositionAttribute, uvPositionBuffer.itemSize, gl.FLOAT, false, 0, 0);
- gl.bufferSubData(gl.ARRAY_BUFFER, 0, flipY?StageGL.COVER_UV_FLIP:StageGL.COVER_UV);
+
+ pc = config.uv;
+ gl.bindBuffer(gl.ARRAY_BUFFER, pc.buffer);
+ gl.vertexAttribPointer(shaderProgram.uvPositionAttribute, pc.size, pc.type, false, pc.stride, pc.offB);
+ gl.bufferSubData(gl.ARRAY_BUFFER, 0, StageGL.COVER_UV);
gl.uniform1i(shaderProgram.samplerUniform, 0);
- gl.uniform1f(shaderProgram.uprightUniform, flipY?0:1);
gl.drawArrays(gl.TRIANGLES, 0, StageGL.INDICIES_PER_CARD);
+ this._batchID++; // while this isn't a batch, this fixes issues with expected textures in expected places
};
createjs.StageGL = createjs.promote(StageGL, "Stage");
@@ -11173,9 +11972,7 @@ this.createjs = this.createjs||{};
this.sourceRect = null;
// private properties:
- /**
- * Docced in superclass.
- */
+ // Docced in superclass
this._webGLRenderStyle = createjs.DisplayObject._StageGL_BITMAP;
}
var p = createjs.extend(Bitmap, createjs.DisplayObject);
@@ -11268,9 +12065,7 @@ this.createjs = this.createjs||{};
* @method uncache
**/
- /**
- * Docced in superclass.
- */
+ // Docced in superclass
p.getBounds = function() {
var rect = this.DisplayObject_getBounds();
if (rect) { return rect; }
@@ -11287,7 +12082,10 @@ this.createjs = this.createjs||{};
**/
p.clone = function(node) {
var image = this.image;
- if(image && node){ image = image.cloneNode(); }
+ if(image && node){
+ image = image.cloneNode();
+ image.src = image.src; // IE cloneNode bug fix
+ }
var o = new Bitmap(image);
if (this.sourceRect) { o.sourceRect = this.sourceRect.clone(); }
this._cloneProps(o);
@@ -11442,9 +12240,7 @@ this.createjs = this.createjs||{};
**/
this._skipAdvance = false;
- /**
- * Docced in superclass.
- */
+ // Docced in superclass
this._webGLRenderStyle = createjs.DisplayObject._StageGL_SPRITE;
if (frameOrAnimation != null) { this.gotoAndPlay(frameOrAnimation); }
@@ -12087,9 +12883,7 @@ this.createjs = this.createjs||{};
return this._drawText(null,{}).height;
};
- /**
- * Docced in superclass.
- */
+ // Docced in superclass
p.getBounds = function() {
var rect = this.DisplayObject_getBounds();
if (rect) { return rect; }
@@ -12394,6 +13188,7 @@ this.createjs = this.createjs || {};
/**
* Sprite object pool.
+ * @property _spritePool
* @type {Array}
* @static
* @private
@@ -12402,18 +13197,14 @@ this.createjs = this.createjs || {};
// public methods:
- /**
- * Docced in superclass.
- **/
+ // Docced in superclass
p.draw = function(ctx, ignoreCache) {
if (this.DisplayObject_draw(ctx, ignoreCache)) { return; }
this._updateState();
this.Container_draw(ctx, ignoreCache);
};
- /**
- * Docced in superclass.
- **/
+ // Docced in superclass
p.getBounds = function() {
this._updateText();
return this.Container_getBounds();
@@ -12459,9 +13250,7 @@ this.createjs = this.createjs || {};
// private methods:
- /**
- * Docced in superclass.
- **/
+ // Docced in superclass
p._updateState = function() {
this._updateText();
};
@@ -12638,15 +13427,15 @@ this.createjs = this.createjs||{};
*
* mc.gotoAndPlay("start");
*
- * It is recommended to use tween.to() to animate and set properties (use no duration to have it set
- * immediately), and the tween.wait() method to create delays between animations. Note that using the
- * tween.set() method to affect properties will likely not provide the desired result.
+ * It is recommended to use `tween.to()` to animate and set properties (use no duration to have it set
+ * immediately), and the `tween.wait()`method to create delays between animations. Note that using the
+ * `tween.set()` method to affect properties will likely not provide the desired result.
*
* @class MovieClip
* @main MovieClip
* @param {Object} [props] The configuration properties to apply to this instance (ex. `{mode:MovieClip.SYNCHED}`).
- * Supported props for the MovieClip are listed below. These props are set on the corresponding instance properties except where
- * specified.
+ * Supported props for the MovieClip are listed below. These props are set on the corresponding instance properties
+ * except where specified.
* - `mode`
* - `startPosition`
* - `frameBounds`
@@ -12735,12 +13524,11 @@ this.createjs = this.createjs||{};
/**
* If true, the MovieClip will automatically be reset to its first frame whenever the timeline adds
- * it back onto the display list. This only applies to MovieClip instances with mode=INDEPENDENT.
- *
- * For example, if you had a character animation with a "body" child MovieClip instance
- * with different costumes on each frame, you could set body.autoReset = false, so that
- * you can manually change the frame it is on, without worrying that it will be reset
- * automatically.
+ * it back onto the display list. This only applies to MovieClip instances with `mode` of "INDEPENDENT".
+
+ * For example, if you had a character animation with a "body" child MovieClip instance with different costumes
+ * on each frame, you could set `body.autoReset = false`, so that you can manually change the frame it is on,
+ * without worrying that it will be reset automatically.
* @property autoReset
* @type Boolean
* @default true
@@ -12787,9 +13575,9 @@ this.createjs = this.createjs||{};
* mc.timeline.addTween(tween);
*
* Elements can be added and removed from the timeline by toggling an "_off" property
- * using the tweenInstance.to() method. Note that using Tween.set is not recommended to
- * create MovieClip animations. The following example will toggle the target off on frame 0, and then back on for
- * frame 1. You can use the "visible" property to achieve the same effect.
+ * using the `tweenInstance.to()` method. Note that using `Tween.set` is not recommended to create MovieClip
+ * animations. The following example will toggle the target off on frame 0, and then back on for frame 1. You
+ * can use the "visible" property to achieve the same effect.
*
* var tween = createjs.Tween.get(target).to({_off:false})
* .wait(1).to({_off:true})
@@ -12903,6 +13691,12 @@ this.createjs = this.createjs||{};
p._getLabels = function() {
return this.timeline.getLabels();
};
+
+ /**
+ * Use the {{#crossLink "MovieClip/labels:property"}}{{/crossLink}} property instead.
+ * @method getLabels
+ * @deprecated
+ */
// MovieClip.getLabels is @deprecated. Remove for 1.1+
p.getLabels = createjs.deprecate(p._getLabels, "MovieClip.getLabels");
@@ -12915,6 +13709,12 @@ this.createjs = this.createjs||{};
p._getCurrentLabel = function() {
return this.timeline.currentLabel;
};
+
+ /**
+ * Use the {{#crossLink "MovieClip/currentLabel:property"}}{{/crossLink}} property instead.
+ * @method getCurrentLabel
+ * @deprecated
+ */
// MovieClip.getCurrentLabel is @deprecated. Remove for 1.1+
p.getCurrentLabel = createjs.deprecate(p._getCurrentLabel, "MovieClip.getCurrentLabel");
@@ -12927,6 +13727,12 @@ this.createjs = this.createjs||{};
p._getDuration = function() {
return this.timeline.duration;
};
+
+ /**
+ * Use the {{#crossLink "MovieClip/duration:property"}}{{/crossLink}} property instead.
+ * @method getDuration
+ * @deprecated
+ */
// MovieClip.getDuration is @deprecated. Remove for 1.1+
p.getDuration = createjs.deprecate(p._getDuration, "MovieClip.getDuration");
@@ -12971,9 +13777,10 @@ this.createjs = this.createjs||{};
// public methods:
/**
* Constructor alias for backwards compatibility. This method will be removed in future versions.
- * Subclasses should be updated to use {{#crossLink "Utility Methods/extends"}}{{/crossLink}}.
+ * Subclasses should be updated to use {{#crossLink "Utility Methods/extend"}}{{/crossLink}} and
+ * {{#crossLink "Utility Methods/promote"}}{{/crossLink}} instead.
* @method initialize
- * @deprecated in favour of `createjs.promote()`
+ * @deprecated
**/
p.initialize = MovieClip; // TODO: Deprecated. This is for backwards support of Adobe Flash/Animate
@@ -13057,14 +13864,15 @@ this.createjs = this.createjs||{};
while ((o = o.parent) && fps === null) { if (o.mode === independent) { fps = o._framerate; } }
this._framerate = fps;
- if (this.paused) { return; }
+ // adjusted by Dan Zen 3/27/21 for https://github.com/CreateJS/EaselJS/issues/1048
+ if (this.totalFrames <= 1) { return; }
// calculate how many frames to advance:
var t = (fps !== null && fps !== -1 && time !== null) ? time/(1000/fps) + this._t : 1;
var frames = t|0;
this._t = t-frames; // leftover time, save to add to next advance.
- while (frames--) { this._updateTimeline(this._rawPosition+1, false); }
+ while (!this.paused && frames--) { this._updateTimeline(this._rawPosition+1, false); }
};
/**
@@ -13087,9 +13895,6 @@ this.createjs = this.createjs||{};
// private methods:
- /**
- * Docced in superclass.
- **/
p._updateState = function() {
if (this._rawPosition === -1 || this.mode !== MovieClip.INDEPENDENT) { this._updateTimeline(-1); }
};
@@ -13402,10 +14207,20 @@ this.createjs = this.createjs||{};
return img;
};
+ /**
+ * Use the {{#crossLink "DisplayObject/scaleX:property"}}{{/crossLink}} property instead.
+ * @method addFlippedFrames
+ * @deprecated
+ */
// SpriteSheetUtils.addFlippedFrames is @deprecated. Remove for 1.1+
SpriteSheetUtils.addFlippedFrames = createjs.deprecate(null, "SpriteSheetUtils.addFlippedFrames");
- // SpriteSheetUtils.addFlippedFrames is @deprecated. Remove for 1.1+
+ /**
+ * Use the {{#crossLink "AlphaMapFilter"}}{{/crossLink}} instead.
+ * @method mergeAlpha
+ * @deprecated
+ */
+ // SpriteSheetUtils.mergeAlpha is @deprecated. Remove for 1.1+
SpriteSheetUtils.mergeAlpha = createjs.deprecate(null, "SpriteSheetUtils.mergeAlpha");
@@ -13997,8 +14812,6 @@ this.createjs = this.createjs||{};
// constructor:
/**
- * This class is still experimental, and more advanced use is likely to be buggy. Please report bugs.
- *
* A DOMElement allows you to associate a HTMLElement with the display list. It will be transformed
* within the DOM as though it is child of the {{#crossLink "Container"}}{{/crossLink}} it is added to. However, it is
* not rendered to canvas, and as such will retain whatever z-index it has relative to the canvas (ie. it will be
@@ -14265,9 +15078,11 @@ this.createjs = this.createjs||{};
// constructor:
/**
- * Base class that all filters should inherit from. Filters need to be applied to objects that have been cached using
- * the {{#crossLink "DisplayObject/cache"}}{{/crossLink}} method. If an object changes, please cache it again, or use
- * {{#crossLink "DisplayObject/updateCache"}}{{/crossLink}}. Note that the filters must be applied before caching.
+ * Base class that all filters should inherit from. Appli
+ *
+ * When on a regular Stage apply the Filters and then cache the object using the {{#crossLink "DisplayObject/cache"}}{{/crossLink}} method.
+ * When a cached object changes, please use {{#crossLink "DisplayObject/updateCache"}}{{/crossLink}}.
+ * When on a StageGL simply setting content in the `.filters` array will trigger an automatic and constantly updated cache.
*
* Example
*
@@ -14281,13 +15096,20 @@ this.createjs = this.createjs||{};
* margins that need to be applied in order to fully display the filter. For example, the {{#crossLink "BlurFilter"}}{{/crossLink}}
* will cause an object to feather outwards, resulting in a margin around the shape.
*
+ * Any filter that consumes an external image stretches the image to cover the cached bounds. If this is an undesired
+ * visual result, then use an intermediary cache to properly size and layout your data before passing it to a filter.
+ *
+ *
* EaselJS Filters
* EaselJS comes with a number of pre-built filters:
- * - {{#crossLink "AlphaMapFilter"}}{{/crossLink}} : Map a greyscale image to the alpha channel of a display object
- * - {{#crossLink "AlphaMaskFilter"}}{{/crossLink}}: Map an image's alpha channel to the alpha channel of a display object
- * - {{#crossLink "BlurFilter"}}{{/crossLink}}: Apply vertical and horizontal blur to a display object
- * - {{#crossLink "ColorFilter"}}{{/crossLink}}: Color transform a display object
- * - {{#crossLink "ColorMatrixFilter"}}{{/crossLink}}: Transform an image using a {{#crossLink "ColorMatrix"}}{{/crossLink}}
+ *
+ * - {{#crossLink "AberrationFilter"}}{{/crossLink}} : Shift the RGB components separately along a given vector
+ * - {{#crossLink "AlphaMapFilter"}}{{/crossLink}} : Map a greyscale image to the alpha channel of a display object
+ * - {{#crossLink "AlphaMaskFilter"}}{{/crossLink}}: Map an image's alpha channel to the alpha channel of a display object
+ * - {{#crossLink "BlurFilter"}}{{/crossLink}}: Apply vertical and horizontal blur to a display object
+ * - {{#crossLink "ColorFilter"}}{{/crossLink}}: Color transform a display object
+ * - {{#crossLink "ColorMatrixFilter"}}{{/crossLink}}: Transform an image using a {{#crossLink "ColorMatrix"}}{{/crossLink}}
+ * - {{#crossLink "DisplacementFilter"}}{{/crossLink}}: Create localized distortions in supplied display object
*
*
* @class Filter
@@ -14315,7 +15137,6 @@ this.createjs = this.createjs||{};
* Pre-processed template shader code. It will be parsed before being fed in into the shader compiler.
* This should be based upon StageGL.SHADER_VERTEX_BODY_REGULAR
* @property VTX_SHADER
- * @virtual
* @type {String}
* @readonly
*/
@@ -14325,7 +15146,6 @@ this.createjs = this.createjs||{};
* Pre-processed template shader code. It will be parsed before being fed in into the shader compiler.
* This should be based upon StageGL.SHADER_FRAGMENT_BODY_REGULAR
* @property FRAG_SHADER
- * @virtual
* @type {String}
* @readonly
*/
@@ -14333,6 +15153,30 @@ this.createjs = this.createjs||{};
}
var p = Filter.prototype;
+// static methods:
+ /**
+ * Check to see if an image source being provided is one that is valid.
+ * Valid Sources:
+ *
+ * - Image Object
+ * - HTML Canvas Element
+ * - `.cacheCanvas` on an object with the same stage
+ *
+ * WebGLTextures CANNOT be shared between multiple WebGL contexts. This means the only safe source for a WebGLTexture
+ * is an object cached using the same StageGL as the object trying to use it in a filter. This function does not
+ * enforce that restriction, as it is difficult or expensive to detect. The render will crash or fail to load the
+ * image data if the rule isn't followed.
+ * @param {HTMLImageElement|HTMLCanvasElement|WebGLTexture} src The element to check for validity
+ * @return Boolean Whether the source is valid
+ */
+ Filter.isValidImageSource = function(src) {
+ return Boolean(src) && (
+ src instanceof Image ||
+ src instanceof WebGLTexture ||
+ src instanceof HTMLCanvasElement
+ );
+ };
+
// public methods:
/**
* Provides padding values for this filter. That is, how much the filter will extend the visual bounds of an object it is applied to.
@@ -14347,7 +15191,6 @@ this.createjs = this.createjs||{};
/**
* Assign any unique uniforms or other setup functionality here.
* @method shaderParamSetup
- * @virtual
* @param {WebGLContext} gl The context associated with the stage performing the render.
* @param {StageGL} stage The stage instance that will be rendering.
* @param {ShaderProgram} shaderProgram The compiled shader that is going to be used to perform the render.
@@ -14362,23 +15205,19 @@ this.createjs = this.createjs||{};
* @param {Number} y The y position to use for the source rect.
* @param {Number} width The width to use for the source rect.
* @param {Number} height The height to use for the source rect.
- * @param {CanvasRenderingContext2D} [targetCtx] The 2D context to draw the result to. Defaults to the context passed to ctx.
- * @param {Number} [targetX] The x position to draw the result to. Defaults to the value passed to x.
- * @param {Number} [targetY] The y position to draw the result to. Defaults to the value passed to y.
+ * @param {CanvasRenderingContext2D} [targetCtx=ctx] The 2D context to draw the result to. Defaults to the context passed to ctx.
* @return {Boolean} If the filter was applied successfully.
**/
- p.applyFilter = function(ctx, x, y, width, height, targetCtx, targetX, targetY) {
+ p.applyFilter = function(ctx, x, y, width, height, targetCtx) {
// this is the default behaviour because most filters access pixel data. It is overridden when not needed.
targetCtx = targetCtx || ctx;
- if (targetX == null) { targetX = x; }
- if (targetY == null) { targetY = y; }
try {
var imageData = ctx.getImageData(x, y, width, height);
} catch (e) {
return false;
}
if (this._applyFilter(imageData)) {
- targetCtx.putImageData(imageData, targetX, targetY);
+ targetCtx.putImageData(imageData, x, y);
return true;
}
return false;
@@ -14423,7 +15262,6 @@ this.createjs = this.createjs||{};
(function() {
"use strict";
-
// constructor:
/**
* The BitmapCache is an internal representation of all the cache properties and logic required in order to "cache"
@@ -14432,17 +15270,20 @@ this.createjs = this.createjs||{};
*
* Caching in this context is purely visual, and will render the DisplayObject out into an image to be used instead
* of the object. The actual cache itself is still stored on the target with the {{#crossLink "DisplayObject/cacheCanvas:property"}}{{/crossLink}}.
- * Working with a singular image like a {{#crossLink "Bitmap"}}{{/crossLink}} there is little benefit to performing
- * a cache as it is already a single image. Caching is best done on containers containing multiple complex parts that
- * do not move often, so that rendering the image instead will improve overall rendering speed. A cached object will
- * not visually update until explicitly told to do so with a call to update, much like a Stage. If a cache is being
+ * Working with a singular image like a {{#crossLink "Bitmap"}}{{/crossLink}} there is little benefit to performing
+ * a cache as it is already a single image. Caching is best done on containers containing multiple complex parts that
+ * do not move often, so that rendering the image instead will improve overall rendering speed. A cached object will
+ * not visually update until explicitly told to do so with a call to update, much like a Stage. If a cache is being
* updated every frame it is likely not improving rendering performance. Cache are best used when updates will be sparse.
*
- * Caching is also a co-requisite for applying filters to prevent expensive filters running constantly without need,
- * and to physically enable some effects. The BitmapCache is also responsible for applying filters to objects and
- * reads each {{#crossLink "Filter"}}{{/crossLink}} due to this relationship. Real-time Filters are not recommended
- * performance wise when dealing with a Context2D canvas. For best performance and to still allow for some visual
- * effects use a compositeOperation when possible.
+ * Caching is also a co-requisite for applying filters to prevent expensive filters running constantly without need,
+ * and to physically enable some effects. The BitmapCache is also responsible for applying filters to objects and
+ * reads each {{#crossLink "Filter"}}{{/crossLink}} due to this relationship. Real-time Filters are not recommended
+ * performance wise when dealing with a Context2D canvas. On a StageGL performance is better so the presence of a
+ * filter will automatically create a cache if one is not made manually.
+ *
+ * Some visual effects can be achieved with a {{#crossLink "DisplayObject/compositeOperation:property"}}{{/crossLink}}
+ * so check out that setting before settling on a filter.
* @class BitmapCache
* @constructor
**/
@@ -14525,6 +15366,13 @@ this.createjs = this.createjs||{};
this.cacheID = 0;
// protected:
+ /**
+ * The number of filters found to process this update, used to optimize some decisions and surfaces
+ * @type {number}
+ * @private
+ */
+ this._filterCount = 0;
+
/**
* The relative offset of the filter's x position, used for drawing the cache onto its container.
* Re-calculated every update call before drawing.
@@ -14545,6 +15393,37 @@ this.createjs = this.createjs||{};
**/
this._filterOffY = 0;
+ /**
+ * Internal tracking of the disabled state, use the getter/setters.
+ * @property _disabled
+ * @type {boolean}
+ * @protected
+ */
+ this._disabled = false;
+
+ /**
+ * Internal tracking of whether this cache was automatically created and thus automatically controlled
+ * @type {boolean}
+ * @protected
+ */
+ this._autoGenerated = false;
+
+ /**
+ * Internal tracking of intended cacheCanvas, may or may not be assigned based on disabled state.
+ * @property _cacheCanvas
+ * @type {HTMLCanvasElement | WebGLTexture | Object}
+ * @protected
+ */
+ this._cacheCanvas = null;
+
+ /**
+ * Output StageGL target for GL drawing
+ * @property _stageGL
+ * @type {StageGL}
+ * @protected
+ */
+ this._stageGL = null;
+
/**
* The cacheID when a DataURL was requested.
* @property _cacheDataURLID
@@ -14580,9 +15459,73 @@ this.createjs = this.createjs||{};
* @default 0
**/
this._drawHeight = 0;
+
+ /**
+ * Internal tracking of the last requested bounds, may happen repeadtedly so stored to avoid object creation
+ * @property _boundRect
+ * @protected
+ * @type {Rectangle}
+ * @default 0
+ **/
+ this._boundRect = new createjs.Rectangle();
+
+ // semi protected: not public API but modified by other classes
+ /**
+ * Storage for the StageGL counter positioning matrix used on the object being cached
+ * @property _counterMatrix
+ * @type {Matrix2D}
+ */
+ this._counterMatrix = null;
+
+ /**
+ * One of the major render buffers used in composite blending and filter drawing. Do not expect this to always be the same object.
+ * "What you're drawing to", object occasionally swaps with concat.
+ * @property _bufferTextureOutput
+ * @type {WebGLTexture}
+ */
+ this._bufferTextureOutput = null;
+
+ /**
+ * One of the major render buffers used in composite blending and filter drawing. Do not expect this to always be the same object.
+ * "What you've draw before now", object occasionally swaps with output.
+ * @property _bufferTextureConcat
+ * @type {WebGLTexture}
+ */
+ this._bufferTextureConcat = null;
+
+ /**
+ * One of the major render buffers used only for composite blending draws.
+ * "Temporary mixing surface"
+ * @property _bufferTextureTemp
+ * @type {WebGLTexture}
+ */
+ this._bufferTextureTemp = null;
}
var p = BitmapCache.prototype;
+ p._get_disabled = function () {
+ return this._disabled;
+ };
+ p._set_disabled = function (value) {
+ this._disabled = !!value;
+ if (this.target) {
+ this.target.cacheCanvas = (this._disabled || this._autoGenerated) ? null : this._cacheCanvas;
+ }
+ };
+
+ try {
+ Object.defineProperties(p, {
+ /**
+ * Disable or enable the BitmapCache from displaying. Does not cause or block cache or cache updates when toggled.
+ * Best used if the cached state is always identical, but the object will need temporary uncaching.
+ * @property autoPurge
+ * @type {Boolean}
+ * @default false
+ */
+ disabled: { get: p._get_disabled, set: p._set_disabled }
+ });
+ } catch (e) {} // TODO: use Log
+
/**
* Returns the bounds that surround all applied filters, relies on each filter to describe how it changes bounds.
* @method getFilterBounds
@@ -14592,17 +15535,17 @@ this.createjs = this.createjs||{};
* @static
**/
BitmapCache.getFilterBounds = function(target, output) {
- if(!output){ output = new createjs.Rectangle(); }
+ if (!output){ output = new createjs.Rectangle(); }
var filters = target.filters;
var filterCount = filters && filters.length;
if (!!filterCount <= 0) { return output; }
- for(var i=0; i= 1) {
+ if (this._bufferTextureConcat === null) {
+ this._bufferTextureConcat = this._stageGL.getRenderBufferTexture(this._drawWidth, this._drawHeight);
+ } else {
+ this._stageGL.resizeTexture(this._bufferTextureConcat, this._drawWidth, this._drawHeight);
+ }
+ }
+ }
+
this._filterOffX = filterBounds.x;
this._filterOffY = filterBounds.y;
this.offX = this.x*this.scale + this._filterOffX;
@@ -14733,24 +15712,21 @@ this.createjs = this.createjs||{};
* @method release
**/
p.release = function() {
- if (this._webGLCache) {
- // if it isn't cache controlled clean up after yourself
- if (!this._webGLCache.isCacheControlled) {
- if (this.__lastRT){ this.__lastRT = undefined; }
- if (this.__rtA){ this._webGLCache._killTextureObject(this.__rtA); }
- if (this.__rtB){ this._webGLCache._killTextureObject(this.__rtB); }
- if (this.target && this.target.cacheCanvas){ this._webGLCache._killTextureObject(this.target.cacheCanvas); }
- }
+ if (this._stageGL) {
+ if (this._bufferTextureOutput !== null){ this._stageGL._killTextureObject(this._bufferTextureOutput); }
+ if (this._bufferTextureConcat !== null){ this._stageGL._killTextureObject(this._bufferTextureConcat); }
+ if (this._bufferTextureTemp !== null){ this._stageGL._killTextureObject(this._bufferTextureTemp); }
// set the context to none and let the garbage collector get the rest when the canvas itself gets removed
- this._webGLCache = false;
+ this._stageGL = false;
} else {
var stage = this.target.stage;
- if (stage instanceof createjs.StageGL){
- stage.releaseTexture(this.target.cacheCanvas);
+ if (stage instanceof createjs.StageGL) {
+ stage.releaseTexture(this._cacheCanvas);
}
}
- this.target = this.target.cacheCanvas = null;
+ this.disabled = true;
+ this.target = this._cacheCanvas = null;
this.cacheID = this._cacheDataURLID = this._cacheDataURL = undefined;
this.width = this.height = this.x = this.y = this.offX = this.offY = 0;
this.scale = 1;
@@ -14763,12 +15739,12 @@ this.createjs = this.createjs||{};
* @method getCacheDataURL
* @return {String} The image data url for the cache.
**/
- p.getCacheDataURL = function() {
- var cacheCanvas = this.target && this.target.cacheCanvas;
+ p.getCacheDataURL = function(type, encoderOptions) {
+ var cacheCanvas = this.target && this._cacheCanvas;
if (!cacheCanvas) { return null; }
- if (this.cacheID != this._cacheDataURLID) {
+ if (this.cacheID !== this._cacheDataURLID) {
this._cacheDataURLID = this.cacheID;
- this._cacheDataURL = cacheCanvas.toDataURL?cacheCanvas.toDataURL():null; // incase function is
+ this._cacheDataURL = cacheCanvas.getCacheDataURL ? cacheCanvas.getCacheDataURL(type, encoderOptions) : null;
}
return this._cacheDataURL;
};
@@ -14780,14 +15756,41 @@ this.createjs = this.createjs||{};
* @return {Boolean} Whether the draw was handled successfully.
**/
p.draw = function(ctx) {
- if(!this.target) { return false; }
- ctx.drawImage(this.target.cacheCanvas,
+ if (!this.target) { return false; }
+ ctx.drawImage(this._cacheCanvas,
this.x + (this._filterOffX/this.scale), this.y + (this._filterOffY/this.scale),
this._drawWidth/this.scale, this._drawHeight/this.scale
);
return true;
};
+ /**
+ * Determine the bounds of the shape in local space.
+ * @method getBounds
+ * @return {Rectangle}
+ */
+ p.getBounds = function() {
+ var scale = this.scale;
+ return this._boundRect.setValues(
+ this.x, this.y,
+ this.width/scale, this.height/scale
+ );
+ };
+
+ /**
+ * Fetch the correct filter in order, complicated by multipass filtering.
+ * @param {Number} lookup The filter in the list to return
+ */
+ p._getGLFilter = function(lookup) {
+ if (this.target.filters === null || lookup < 0){ return undefined; }
+ var i = 0;
+ var result = this.target.filters[i];
+ while (result && --lookup >= 0) {
+ result = result._multiPass ? result._multiPass : this.target.filters[++i];
+ }
+ return result;
+ };
+
// private methods:
/**
* Create or resize the invisible canvas/surface that is needed for the display object(s) to draw to,
@@ -14797,12 +15800,15 @@ this.createjs = this.createjs||{};
* @protected
**/
p._updateSurface = function() {
+ var surface;
+
if (!this._options || !this._options.useGL) {
- var surface = this.target.cacheCanvas;
+ surface = this._cacheCanvas;
// create it if it's missing
- if(!surface) {
- surface = this.target.cacheCanvas = createjs.createCanvas?createjs.createCanvas():document.createElement("canvas");
+ if (!surface) {
+ surface = this._cacheCanvas = createjs.createCanvas?createjs.createCanvas():document.createElement("canvas");
+ this.disabled = this._disabled;
}
// now size it
@@ -14812,51 +15818,43 @@ this.createjs = this.createjs||{};
}
// create it if it's missing
- if (!this._webGLCache) {
+ if (!this._stageGL) {
if (this._options.useGL === "stage") {
- if(!(this.target.stage && this.target.stage.isWebGL)){
+ var targetStage = this.target.stage;
+ // use the stage that this object belongs on as the WebGL context
+ if (!(targetStage && targetStage.isWebGL)){
var error = "Cannot use 'stage' for cache because the object's parent stage is ";
- error += this.target.stage ? "non WebGL." : "not set, please addChild to the correct stage.";
+ error += targetStage ? "non WebGL." : "not set, please addChild to the correct stage.";
throw error;
}
- this.target.cacheCanvas = true; // will be replaced with RenderTexture, temporary positive value for old "isCached" checks
- this._webGLCache = this.target.stage;
+ this._stageGL = targetStage;
- } else if(this._options.useGL === "new") {
- this.target.cacheCanvas = document.createElement("canvas"); // we can turn off autopurge because we wont be making textures here
- this._webGLCache = new createjs.StageGL(this.target.cacheCanvas, {antialias: true, transparent: true, autoPurge: -1});
- this._webGLCache.isCacheControlled = true; // use this flag to control stage sizing and final output
+ } else if (this._options.useGL === "new") {
+ // create a new WebGL context to run this cache
+ this._cacheCanvas = document.createElement("canvas"); // low autopurge in case of filter swapping and low texture count
+ this._stageGL = new createjs.StageGL(this._cacheCanvas, {antialias: true, transparent: true, autoPurge: 10});
+ if (!this._stageGL._webGLContext){ throw "GL Cache asked for but unavailable"; }
+ this._stageGL.isCacheControlled = true; // use this flag to control stage sizing and final output
- } else if(this._options.useGL instanceof createjs.StageGL) {
- this.target.cacheCanvas = true; // will be replaced with RenderTexture, temporary positive value for old "isCached" checks
- this._webGLCache = this._options.useGL;
- this._webGLCache.isCacheControlled = true; // use this flag to control stage sizing and final output
+ } else if (this._options.useGL instanceof createjs.StageGL) {
+ // use the provided WebGL context to run this cache, trust the user it works and is configured.
+ this._stageGL = this._options.useGL;
} else {
throw "Invalid option provided to useGL, expected ['stage', 'new', StageGL, undefined], got "+ this._options.useGL;
}
}
- // now size render surfaces
- var surface = this.target.cacheCanvas;
- var stageGL = this._webGLCache;
+ this.disabled = this._disabled;
- // if we have a dedicated stage we've gotta size it
+ // if we have a dedicated stage we've got to size it
+ var stageGL = this._stageGL;
if (stageGL.isCacheControlled) {
+ surface = this._cacheCanvas;
surface.width = this._drawWidth;
surface.height = this._drawHeight;
stageGL.updateViewport(this._drawWidth, this._drawHeight);
}
- if (this.target.filters) {
- // with filters we can't tell how many we'll need but the most we'll ever need is two, so make them now
- stageGL.getTargetRenderTexture(this.target, this._drawWidth,this._drawHeight);
- stageGL.getTargetRenderTexture(this.target, this._drawWidth,this._drawHeight);
- } else {
- // without filters then we only need one RenderTexture, and that's only if its not a dedicated stage
- if (!stageGL.isCacheControlled) {
- stageGL.getTargetRenderTexture(this.target, this._drawWidth,this._drawHeight);
- }
- }
};
/**
@@ -14865,19 +15863,12 @@ this.createjs = this.createjs||{};
* @protected
**/
p._drawToCache = function(compositeOperation) {
- var surface = this.target.cacheCanvas;
+ var surface = this._cacheCanvas;
var target = this.target;
- var webGL = this._webGLCache;
-
- if (webGL){
- //TODO: auto split blur into an x/y pass
- webGL.cacheDraw(target, target.filters, this);
+ var webGL = this._stageGL;
- // we may of swapped around which element the surface is, so we re-fetch it
- surface = this.target.cacheCanvas;
-
- surface.width = this._drawWidth;
- surface.height = this._drawHeight;
+ if (webGL) {
+ webGL.cacheDraw(target, this);
} else {
var ctx = surface.getContext("2d");
@@ -14892,7 +15883,6 @@ this.createjs = this.createjs||{};
target.draw(ctx, true);
ctx.restore();
-
if (target.filters && target.filters.length) {
this._applyFilters(ctx);
}
@@ -14915,14 +15905,14 @@ this.createjs = this.createjs||{};
var i = 0, filter = filters[i];
do { // this is safe because we wouldn't be in apply filters without a filter count of at least 1
- if(filter.usesContext){
- if(data) {
+ if (filter.usesContext){
+ if (data) {
ctx.putImageData(data, 0,0);
data = null;
}
filter.applyFilter(ctx, 0,0, w,h);
} else {
- if(!data) {
+ if (!data) {
data = ctx.getImageData(0,0, w,h);
}
filter._applyFilter(data);
@@ -14933,7 +15923,7 @@ this.createjs = this.createjs||{};
} while (filter);
//done
- if(data) {
+ if (data) {
ctx.putImageData(data, 0,0);
}
};
@@ -15011,9 +16001,7 @@ this.createjs = this.createjs||{};
this._quality;
this._lastQuality = null;
- /**
- * This is a template to generate the shader for {{#crossLink FRAG_SHADER_BODY}}{{/crossLink}}
- */
+ // This is a template to generate the shader for BlurFilter.FRAG_SHADER_BODY.
this.FRAG_SHADER_TEMPLATE = (
"uniform float xWeight[{{blurX}}];" +
"uniform float yWeight[{{blurY}}];" +
@@ -15027,7 +16015,7 @@ this.createjs = this.createjs||{};
"for(int i=0; i<{{blurX}}; i++) {" +
"for(int j=0; j<{{blurY}}; j++) {" +
- "sampleOffset = vRenderCoord + (textureOffset * vec2(float(i)-xAdj, float(j)-yAdj));" +
+ "sampleOffset = vTextureCoord + (textureOffset * vec2(float(i)-xAdj, float(j)-yAdj));" +
"color += texture2D(uSampler, sampleOffset) * (xWeight[i] * yWeight[j]);" +
"}" +
"}" +
@@ -15075,7 +16063,7 @@ this.createjs = this.createjs||{};
}
return this._compiledShader;
};
- p._setShader = function() { this._compiledShader; };
+ p._setShader = function(value) { this._compiledShader = value; };
try {
Object.defineProperties(p, {
@@ -15120,7 +16108,7 @@ this.createjs = this.createjs||{};
this.FRAG_SHADER_BODY = result;
};
- /** docced in super class **/
+ // Docced in superclass
p.shaderParamSetup = function(gl, stage, shaderProgram) {
// load the normalized gaussian weight tables
gl.uniform1fv(
@@ -15159,7 +16147,7 @@ this.createjs = this.createjs||{};
BlurFilter.SHG_TABLE = [0, 9, 10, 11, 9, 12, 10, 11, 12, 9, 13, 13, 10, 9, 13, 13, 14, 14, 14, 14, 10, 13, 14, 14, 14, 13, 13, 13, 9, 14, 14, 14, 15, 14, 15, 14, 15, 15, 14, 15, 15, 15, 14, 15, 15, 15, 15, 15, 14, 15, 15, 15, 15, 15, 15, 12, 14, 15, 15, 13, 15, 15, 15, 15, 16, 16, 16, 15, 16, 14, 16, 16, 14, 16, 13, 16, 16, 16, 15, 16, 13, 16, 15, 16, 14, 9, 16, 16, 16, 16, 16, 16, 16, 16, 16, 13, 14, 16, 16, 15, 16, 16, 10, 16, 15, 16, 14, 16, 16, 14, 16, 16, 14, 16, 16, 14, 15, 16, 16, 16, 14, 15, 14, 15, 13, 16, 16, 15, 17, 17, 17, 17, 17, 17, 14, 15, 17, 17, 16, 16, 17, 16, 15, 17, 16, 17, 11, 17, 16, 17, 16, 17, 16, 17, 17, 16, 17, 17, 16, 17, 17, 16, 16, 17, 17, 17, 16, 14, 17, 17, 17, 17, 15, 16, 14, 16, 15, 16, 13, 16, 15, 16, 14, 16, 15, 16, 12, 16, 15, 16, 17, 17, 17, 17, 17, 13, 16, 15, 17, 17, 17, 16, 15, 17, 17, 17, 16, 15, 17, 17, 14, 16, 17, 17, 16, 17, 17, 16, 15, 17, 16, 14, 17, 16, 15, 17, 16, 17, 17, 16, 17, 15, 16, 17, 14, 17, 16, 15, 17, 16, 17, 13, 17, 16, 17, 17, 16, 17, 14, 17, 16, 17, 16, 17, 16, 17, 9];
// public methods:
- /** docced in super class **/
+ // Docced in superclass
p.getBounds = function (rect) {
var x = this.blurX|0, y = this.blurY| 0;
if(x <= 0 && y <= 0) { return rect; }
@@ -15167,12 +16155,12 @@ this.createjs = this.createjs||{};
return (rect || new createjs.Rectangle()).pad(y*q+1,x*q+1,y*q+1,x*q+1);
};
- /** docced in super class **/
+ // Docced in superclass
p.clone = function() {
return new BlurFilter(this.blurX, this.blurY, this.quality);
};
- /** docced in super class **/
+ // Docced in superclass
p.toString = function() {
return "[BlurFilter]";
};
@@ -15180,7 +16168,7 @@ this.createjs = this.createjs||{};
// private methods:
- /** docced in super class **/
+ // Docced in superclass
p._applyFilter = function (imageData) {
var radiusX = this._blurX >> 1;
if (isNaN(radiusX) || radiusX < 0) return false;
@@ -15425,12 +16413,16 @@ this.createjs = this.createjs || {};
* @class AlphaMapFilter
* @extends Filter
* @constructor
- * @param {HTMLImageElement|HTMLCanvasElement} alphaMap The greyscale image (or canvas) to use as the alpha value for the
+ * @param {HTMLImageElement|HTMLCanvasElement|WebGLTexture} alphaMap The greyscale image (or canvas) to use as the alpha value for the
* result. This should be exactly the same dimensions as the target.
**/
function AlphaMapFilter(alphaMap) {
this.Filter_constructor();
-
+
+ if (!createjs.Filter.isValidImageSource(alphaMap)) {
+ throw "Must provide valid image source for alpha map, see Filter.isValidImageSource";
+ }
+
// public properties:
/**
* The greyscale image (or canvas) to use as the alpha value for the result. This should be exactly the same
@@ -15440,49 +16432,61 @@ this.createjs = this.createjs || {};
**/
this.alphaMap = alphaMap;
-
// private properties:
/**
- * @property _alphaMap
+ * @property _map
* @protected
* @type HTMLImageElement|HTMLCanvasElement
**/
- this._alphaMap = null;
+ this._map = null;
/**
- * @property _mapData
+ * @property _mapCtx
* @protected
- * @type Uint8ClampedArray
+ * @type CanvasRenderingContext2D
**/
- this._mapData = null;
+ this._mapCtx = null;
+
+ /**
+ * @property _mapTexture
+ * @protected
+ * @type WebGLTexture
+ */
this._mapTexture = null;
this.FRAG_SHADER_BODY = (
"uniform sampler2D uAlphaSampler;"+
"void main(void) {" +
- "vec4 color = texture2D(uSampler, vRenderCoord);" +
+ "vec4 color = texture2D(uSampler, vTextureCoord);" +
"vec4 alphaMap = texture2D(uAlphaSampler, vTextureCoord);" +
// some image formats can have transparent white rgba(1,1,1, 0) when put on the GPU, this means we need a slight tweak
// using ceil ensure that the colour will be used so long as it exists but pure transparency will be treated black
- "gl_FragColor = vec4(color.rgb, color.a * (alphaMap.r * ceil(alphaMap.a)));" +
+ "float newAlpha = alphaMap.r * ceil(alphaMap.a);" +
+ "gl_FragColor = vec4(clamp(color.rgb/color.a, 0.0, 1.0) * newAlpha, newAlpha);" +
"}"
);
+
+ if(alphaMap instanceof WebGLTexture) {
+ this._mapTexture = alphaMap;
+ }
}
var p = createjs.extend(AlphaMapFilter, createjs.Filter);
// TODO: deprecated
// p.initialize = function() {}; // searchable for devs wondering where it is. REMOVED. See docs for details.
- /** docced in super class **/
+ // Docced in superclass
p.shaderParamSetup = function(gl, stage, shaderProgram) {
- if(!this._mapTexture) { this._mapTexture = gl.createTexture(); }
+ if(this._mapTexture === null) { this._mapTexture = gl.createTexture(); }
gl.activeTexture(gl.TEXTURE1);
gl.bindTexture(gl.TEXTURE_2D, this._mapTexture);
stage.setTextureParams(gl);
- gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, this.alphaMap);
+ if (this.alphaMap !== this._mapTexture) {
+ gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, this.alphaMap);
+ }
gl.uniform1i(
gl.getUniformLocation(shaderProgram, "uAlphaSampler"),
@@ -15491,31 +16495,57 @@ this.createjs = this.createjs || {};
};
// public methods:
- /** docced in super class **/
+ // Docced in superclass
p.clone = function () {
var o = new AlphaMapFilter(this.alphaMap);
- o._alphaMap = this._alphaMap;
- o._mapData = this._mapData;
return o;
};
- /** docced in super class **/
+ // Docced in superclass
p.toString = function () {
return "[AlphaMapFilter]";
};
// private methods:
- /** docced in super class **/
+ // Docced in superclass
p._applyFilter = function (imageData) {
- if (!this.alphaMap) { return true; }
if (!this._prepAlphaMap()) { return false; }
-
- // TODO: update to support scenarios where the target has different dimensions.
- var data = imageData.data;
- var map = this._mapData;
- for(var i=0, l=data.length; iExample
+ * This example uses a preset to generate a sepia photograph effect
+ *
+ * var shape = new createjs.Shape().set({x:100,y:100});
+ * shape.graphics.beginFill("#ff0000").drawCircle(0,0,50);
+ *
+ * shape.filters = [
+ * new createjs.ColorMatrixFilter( createjs.ColorMatrix.createSepiaPreset() )
+ * ];
+ *
+ * shape.cache(-50, -50, 100, 100);
+ *
* See {{#crossLink "Filter"}}{{/crossLink}} for an more information on applying filters.
* @class ColorMatrixFilter
* @constructor
@@ -16252,14 +17362,15 @@ this.createjs = this.createjs||{};
"uniform vec4 uColorMatrixOffset;" +
"void main(void) {" +
- "vec4 color = texture2D(uSampler, vRenderCoord);" +
+ "vec4 color = texture2D(uSampler, vTextureCoord);" +
"mat4 m = uColorMatrix;" +
- "vec4 newColor = vec4(0,0,0,0);" +
- "newColor.r = color.r*m[0][0] + color.g*m[0][1] + color.b*m[0][2] + color.a*m[0][3];" +
- "newColor.g = color.r*m[1][0] + color.g*m[1][1] + color.b*m[1][2] + color.a*m[1][3];" +
- "newColor.b = color.r*m[2][0] + color.g*m[2][1] + color.b*m[2][2] + color.a*m[2][3];" +
- "newColor.a = color.r*m[3][0] + color.g*m[3][1] + color.b*m[3][2] + color.a*m[3][3];" +
+ "vec4 newColor = vec4(" +
+ "color.r*m[0][0] + color.g*m[0][1] + color.b*m[0][2] + color.a*m[0][3]," +
+ "color.r*m[1][0] + color.g*m[1][1] + color.b*m[1][2] + color.a*m[1][3]," +
+ "color.r*m[2][0] + color.g*m[2][1] + color.b*m[2][2] + color.a*m[2][3]," +
+ "color.r*m[3][0] + color.g*m[3][1] + color.b*m[3][2] + color.a*m[3][3]" +
+ ");" +
"gl_FragColor = newColor + uColorMatrixOffset;" +
"}"
@@ -16270,7 +17381,7 @@ this.createjs = this.createjs||{};
// TODO: deprecated
// p.initialize = function() {}; // searchable for devs wondering where it is. REMOVED. See docs for details.
- /** docced in super class **/
+ // Docced in superclass
p.shaderParamSetup = function(gl, stage, shaderProgram) {
var mat = this.matrix;
var colorMatrix = new Float32Array([
@@ -16291,18 +17402,18 @@ this.createjs = this.createjs||{};
};
// public methods:
- /** docced in super class **/
+ // Docced in superclass
p.toString = function() {
return "[ColorMatrixFilter]";
};
- /** docced in super class **/
+ // Docced in superclass
p.clone = function() {
return new ColorMatrixFilter(this.matrix);
};
// private methods:
- /** docced in super class **/
+ // Docced in superclass
p._applyFilter = function(imageData) {
var data = imageData.data;
var l = data.length;
@@ -16372,9 +17483,9 @@ this.createjs = this.createjs||{};
* @static
**/
Touch.isSupported = function() {
- return !!(('ontouchstart' in window) // iOS & Android
- || (window.navigator['msPointerEnabled'] && window.navigator['msMaxTouchPoints'] > 0) // IE10
- || (window.navigator['pointerEnabled'] && window.navigator['maxTouchPoints'] > 0)); // IE11+
+ return !!(('ontouchstart' in window) // iOS & Android
+ || (window.MSPointerEvent && window.navigator.msMaxTouchPoints > 0) // IE10
+ || (window.PointerEvent && window.navigator.maxTouchPoints > 0)); // IE11+
};
/**
@@ -16401,7 +17512,7 @@ this.createjs = this.createjs||{};
// note that in the future we may need to disable the standard mouse event model before adding
// these to prevent duplicate calls. It doesn't seem to be an issue with iOS devices though.
if ('ontouchstart' in window) { Touch._IOS_enable(stage); }
- else if (window.navigator['msPointerEnabled'] || window.navigator["pointerEnabled"]) { Touch._IE_enable(stage); }
+ else if (window.PointerEvent || window.MSPointerEvent) { Touch._IE_enable(stage); }
return true;
};
@@ -16412,9 +17523,9 @@ this.createjs = this.createjs||{};
* @static
**/
Touch.disable = function(stage) {
- if (!stage) { return; }
+ if (!stage||!stage.__touch) { return; }
if ('ontouchstart' in window) { Touch._IOS_disable(stage); }
- else if (window.navigator['msPointerEnabled'] || window.navigator["pointerEnabled"]) { Touch._IE_disable(stage); }
+ else if (window.PointerEvent || window.MSPointerEvent) { Touch._IE_disable(stage); }
delete stage.__touch;
};
@@ -16469,11 +17580,11 @@ this.createjs = this.createjs||{};
var id = touch.identifier;
if (touch.target != stage.canvas) { continue; }
- if (type == "touchstart") {
+ if (type === "touchstart") {
this._handleStart(stage, id, e, touch.pageX, touch.pageY);
- } else if (type == "touchmove") {
+ } else if (type === "touchmove") {
this._handleMove(stage, id, e, touch.pageX, touch.pageY);
- } else if (type == "touchend" || type == "touchcancel") {
+ } else if (type === "touchend" || type === "touchcancel") {
this._handleEnd(stage, id, e);
}
}
@@ -16489,7 +17600,7 @@ this.createjs = this.createjs||{};
var canvas = stage.canvas;
var f = stage.__touch.f = function(e) { Touch._IE_handleEvent(stage,e); };
- if (window.navigator["pointerEnabled"] === undefined) {
+ if (window.PointerEvent === undefined) {
canvas.addEventListener("MSPointerDown", f, false);
window.addEventListener("MSPointerMove", f, false);
window.addEventListener("MSPointerUp", f, false);
@@ -16515,7 +17626,7 @@ this.createjs = this.createjs||{};
Touch._IE_disable = function(stage) {
var f = stage.__touch.f;
- if (window.navigator["pointerEnabled"] === undefined) {
+ if (window.PointerEvent === undefined) {
window.removeEventListener("MSPointerMove", f, false);
window.removeEventListener("MSPointerUp", f, false);
window.removeEventListener("MSPointerCancel", f, false);
@@ -16546,15 +17657,15 @@ this.createjs = this.createjs||{};
var id = e.pointerId;
var ids = stage.__touch.activeIDs;
- if (type == "MSPointerDown" || type == "pointerdown") {
+ if (type === "MSPointerDown" || type === "pointerdown") {
if (e.srcElement != stage.canvas) { return; }
ids[id] = true;
this._handleStart(stage, id, e, e.pageX, e.pageY);
} else if (ids[id]) { // it's an id we're watching
- if (type == "MSPointerMove" || type == "pointermove") {
+ if (type === "MSPointerMove" || type === "pointermove") {
this._handleMove(stage, id, e, e.pageX, e.pageY);
- } else if (type == "MSPointerUp" || type == "MSPointerCancel"
- || type == "pointerup" || type == "pointercancel") {
+ } else if (type === "MSPointerUp" || type === "MSPointerCancel"
+ || type === "pointerup" || type === "pointercancel") {
delete(ids[id]);
this._handleEnd(stage, id, e);
}
@@ -16637,7 +17748,7 @@ this.createjs = this.createjs || {};
* @type String
* @static
**/
- s.version = /*=version*/"1.0.0"; // injected by build process
+ s.version = /*=version*/"1.0.4"; // injected by build process
/**
* The build date for this release in UTC format.
@@ -16645,6 +17756,6 @@ this.createjs = this.createjs || {};
* @type String
* @static
**/
- s.buildDate = /*=date*/"Thu, 14 Sep 2017 19:47:53 GMT"; // injected by build process
+ s.buildDate = /*=date*/"Sun, 17 Dec 2023 00:04:21 GMT"; // injected by build process
})();
\ No newline at end of file
diff --git a/lib/easeljs.min.js b/lib/easeljs.min.js
index ec40b26c9..9fafe3e50 100644
--- a/lib/easeljs.min.js
+++ b/lib/easeljs.min.js
@@ -9,7 +9,8 @@
*
* This notice shall be included in all copies or substantial portions of the Software.
*/
-this.createjs=this.createjs||{},createjs.extend=function(a,b){"use strict";function c(){this.constructor=a}return c.prototype=b.prototype,a.prototype=new c},this.createjs=this.createjs||{},createjs.promote=function(a,b){"use strict";var c=a.prototype,d=Object.getPrototypeOf&&Object.getPrototypeOf(c)||c.__proto__;if(d){c[(b+="_")+"constructor"]=d.constructor;for(var e in d)c.hasOwnProperty(e)&&"function"==typeof d[e]&&(c[b+e]=d[e])}return a},this.createjs=this.createjs||{},createjs.indexOf=function(a,b){"use strict";for(var c=0,d=a.length;d>c;c++)if(b===a[c])return c;return-1},this.createjs=this.createjs||{},function(){"use strict";function a(){throw"UID cannot be instantiated"}a._nextID=0,a.get=function(){return a._nextID++},createjs.UID=a}(),this.createjs=this.createjs||{},createjs.deprecate=function(a,b){"use strict";return function(){var c="Deprecated property or method '"+b+"'. See docs for info.";return console&&(console.warn?console.warn(c):console.log(c)),a&&a.apply(this,arguments)}},this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c){this.type=a,this.target=null,this.currentTarget=null,this.eventPhase=0,this.bubbles=!!b,this.cancelable=!!c,this.timeStamp=(new Date).getTime(),this.defaultPrevented=!1,this.propagationStopped=!1,this.immediatePropagationStopped=!1,this.removed=!1}var b=a.prototype;b.preventDefault=function(){this.defaultPrevented=this.cancelable&&!0},b.stopPropagation=function(){this.propagationStopped=!0},b.stopImmediatePropagation=function(){this.immediatePropagationStopped=this.propagationStopped=!0},b.remove=function(){this.removed=!0},b.clone=function(){return new a(this.type,this.bubbles,this.cancelable)},b.set=function(a){for(var b in a)this[b]=a[b];return this},b.toString=function(){return"[Event (type="+this.type+")]"},createjs.Event=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(){this._listeners=null,this._captureListeners=null}var b=a.prototype;a.initialize=function(a){a.addEventListener=b.addEventListener,a.on=b.on,a.removeEventListener=a.off=b.removeEventListener,a.removeAllEventListeners=b.removeAllEventListeners,a.hasEventListener=b.hasEventListener,a.dispatchEvent=b.dispatchEvent,a._dispatchEvent=b._dispatchEvent,a.willTrigger=b.willTrigger},b.addEventListener=function(a,b,c){var d;d=c?this._captureListeners=this._captureListeners||{}:this._listeners=this._listeners||{};var e=d[a];return e&&this.removeEventListener(a,b,c),e=d[a],e?e.push(b):d[a]=[b],b},b.on=function(a,b,c,d,e,f){return b.handleEvent&&(c=c||b,b=b.handleEvent),c=c||this,this.addEventListener(a,function(a){b.call(c,a,e),d&&a.remove()},f)},b.removeEventListener=function(a,b,c){var d=c?this._captureListeners:this._listeners;if(d){var e=d[a];if(e)for(var f=0,g=e.length;g>f;f++)if(e[f]==b){1==g?delete d[a]:e.splice(f,1);break}}},b.off=b.removeEventListener,b.removeAllEventListeners=function(a){a?(this._listeners&&delete this._listeners[a],this._captureListeners&&delete this._captureListeners[a]):this._listeners=this._captureListeners=null},b.dispatchEvent=function(a,b,c){if("string"==typeof a){var d=this._listeners;if(!(b||d&&d[a]))return!0;a=new createjs.Event(a,b,c)}else a.target&&a.clone&&(a=a.clone());try{a.target=this}catch(e){}if(a.bubbles&&this.parent){for(var f=this,g=[f];f.parent;)g.push(f=f.parent);var h,i=g.length;for(h=i-1;h>=0&&!a.propagationStopped;h--)g[h]._dispatchEvent(a,1+(0==h));for(h=1;i>h&&!a.propagationStopped;h++)g[h]._dispatchEvent(a,3)}else this._dispatchEvent(a,2);return!a.defaultPrevented},b.hasEventListener=function(a){var b=this._listeners,c=this._captureListeners;return!!(b&&b[a]||c&&c[a])},b.willTrigger=function(a){for(var b=this;b;){if(b.hasEventListener(a))return!0;b=b.parent}return!1},b.toString=function(){return"[EventDispatcher]"},b._dispatchEvent=function(a,b){var c,d,e=2>=b?this._captureListeners:this._listeners;if(a&&e&&(d=e[a.type])&&(c=d.length)){try{a.currentTarget=this}catch(f){}try{a.eventPhase=0|b}catch(f){}a.removed=!1,d=d.slice();for(var g=0;c>g&&!a.immediatePropagationStopped;g++){var h=d[g];h.handleEvent?h.handleEvent(a):h(a),a.removed&&(this.off(a.type,h,1==b),a.removed=!1)}}2===b&&this._dispatchEvent(a,2.1)},createjs.EventDispatcher=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(){throw"Ticker cannot be instantiated."}a.RAF_SYNCHED="synched",a.RAF="raf",a.TIMEOUT="timeout",a.timingMode=null,a.maxDelta=0,a.paused=!1,a.removeEventListener=null,a.removeAllEventListeners=null,a.dispatchEvent=null,a.hasEventListener=null,a._listeners=null,createjs.EventDispatcher.initialize(a),a._addEventListener=a.addEventListener,a.addEventListener=function(){return!a._inited&&a.init(),a._addEventListener.apply(a,arguments)},a._inited=!1,a._startTime=0,a._pausedTime=0,a._ticks=0,a._pausedTicks=0,a._interval=50,a._lastTime=0,a._times=null,a._tickTimes=null,a._timerId=null,a._raf=!0,a._setInterval=function(b){a._interval=b,a._inited&&a._setupTick()},a.setInterval=createjs.deprecate(a._setInterval,"Ticker.setInterval"),a._getInterval=function(){return a._interval},a.getInterval=createjs.deprecate(a._getInterval,"Ticker.getInterval"),a._setFPS=function(b){a._setInterval(1e3/b)},a.setFPS=createjs.deprecate(a._setFPS,"Ticker.setFPS"),a._getFPS=function(){return 1e3/a._interval},a.getFPS=createjs.deprecate(a._getFPS,"Ticker.getFPS");try{Object.defineProperties(a,{interval:{get:a._getInterval,set:a._setInterval},framerate:{get:a._getFPS,set:a._setFPS}})}catch(b){console.log(b)}a.init=function(){a._inited||(a._inited=!0,a._times=[],a._tickTimes=[],a._startTime=a._getTime(),a._times.push(a._lastTime=0),a.interval=a._interval)},a.reset=function(){if(a._raf){var b=window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||window.msCancelAnimationFrame;b&&b(a._timerId)}else clearTimeout(a._timerId);a.removeAllEventListeners("tick"),a._timerId=a._times=a._tickTimes=null,a._startTime=a._lastTime=a._ticks=a._pausedTime=0,a._inited=!1},a.getMeasuredTickTime=function(b){var c=0,d=a._tickTimes;if(!d||d.length<1)return-1;b=Math.min(d.length,b||0|a._getFPS());for(var e=0;b>e;e++)c+=d[e];return c/b},a.getMeasuredFPS=function(b){var c=a._times;return!c||c.length<2?-1:(b=Math.min(c.length-1,b||0|a._getFPS()),1e3/((c[0]-c[b])/b))},a.getTime=function(b){return a._startTime?a._getTime()-(b?a._pausedTime:0):-1},a.getEventTime=function(b){return a._startTime?(a._lastTime||a._startTime)-(b?a._pausedTime:0):-1},a.getTicks=function(b){return a._ticks-(b?a._pausedTicks:0)},a._handleSynch=function(){a._timerId=null,a._setupTick(),a._getTime()-a._lastTime>=.97*(a._interval-1)&&a._tick()},a._handleRAF=function(){a._timerId=null,a._setupTick(),a._tick()},a._handleTimeout=function(){a._timerId=null,a._setupTick(),a._tick()},a._setupTick=function(){if(null==a._timerId){var b=a.timingMode;if(b==a.RAF_SYNCHED||b==a.RAF){var c=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame;if(c)return a._timerId=c(b==a.RAF?a._handleRAF:a._handleSynch),void(a._raf=!0)}a._raf=!1,a._timerId=setTimeout(a._handleTimeout,a._interval)}},a._tick=function(){var b=a.paused,c=a._getTime(),d=c-a._lastTime;if(a._lastTime=c,a._ticks++,b&&(a._pausedTicks++,a._pausedTime+=d),a.hasEventListener("tick")){var e=new createjs.Event("tick"),f=a.maxDelta;e.delta=f&&d>f?f:d,e.paused=b,e.time=c,e.runTime=c-a._pausedTime,a.dispatchEvent(e)}for(a._tickTimes.unshift(a._getTime()-c);a._tickTimes.length>100;)a._tickTimes.pop();for(a._times.unshift(c);a._times.length>100;)a._times.pop()};var c=window,d=c.performance.now||c.performance.mozNow||c.performance.msNow||c.performance.oNow||c.performance.webkitNow;a._getTime=function(){return(d&&d.call(c.performance)||(new Date).getTime())-a._startTime},createjs.Ticker=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a){this.readyState=a.readyState,this._video=a,this._canvas=null,this._lastTime=-1,this.readyState<2&&a.addEventListener("canplaythrough",this._videoReady.bind(this))}var b=a.prototype;b.getImage=function(){if(!(this.readyState<2)){var a=this._canvas,b=this._video;if(a||(a=this._canvas=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas"),a.width=b.videoWidth,a.height=b.videoHeight),b.readyState>=2&&b.currentTime!==this._lastTime){var c=a.getContext("2d");c.clearRect(0,0,a.width,a.height),c.drawImage(b,0,0,a.width,a.height),this._lastTime=b.currentTime}return a}},b._videoReady=function(){this.readyState=2},createjs.VideoBuffer=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c,d,e,f,g,h,i,j,k){this.Event_constructor(a,b,c),this.stageX=d,this.stageY=e,this.rawX=null==i?d:i,this.rawY=null==j?e:j,this.nativeEvent=f,this.pointerID=g,this.primary=!!h,this.relatedTarget=k}var b=createjs.extend(a,createjs.Event);b._get_localX=function(){return this.currentTarget.globalToLocal(this.rawX,this.rawY).x},b._get_localY=function(){return this.currentTarget.globalToLocal(this.rawX,this.rawY).y},b._get_isTouch=function(){return-1!==this.pointerID};try{Object.defineProperties(b,{localX:{get:b._get_localX},localY:{get:b._get_localY},isTouch:{get:b._get_isTouch}})}catch(c){}b.clone=function(){return new a(this.type,this.bubbles,this.cancelable,this.stageX,this.stageY,this.nativeEvent,this.pointerID,this.primary,this.rawX,this.rawY)},b.toString=function(){return"[MouseEvent (type="+this.type+" stageX="+this.stageX+" stageY="+this.stageY+")]"},createjs.MouseEvent=createjs.promote(a,"Event")}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c,d,e,f){this.setValues(a,b,c,d,e,f)}var b=a.prototype;a.DEG_TO_RAD=Math.PI/180,a.identity=null,b.setValues=function(a,b,c,d,e,f){return this.a=null==a?1:a,this.b=b||0,this.c=c||0,this.d=null==d?1:d,this.tx=e||0,this.ty=f||0,this},b.append=function(a,b,c,d,e,f){var g=this.a,h=this.b,i=this.c,j=this.d;return(1!=a||0!=b||0!=c||1!=d)&&(this.a=g*a+i*b,this.b=h*a+j*b,this.c=g*c+i*d,this.d=h*c+j*d),this.tx=g*e+i*f+this.tx,this.ty=h*e+j*f+this.ty,this},b.prepend=function(a,b,c,d,e,f){var g=this.a,h=this.c,i=this.tx;return this.a=a*g+c*this.b,this.b=b*g+d*this.b,this.c=a*h+c*this.d,this.d=b*h+d*this.d,this.tx=a*i+c*this.ty+e,this.ty=b*i+d*this.ty+f,this},b.appendMatrix=function(a){return this.append(a.a,a.b,a.c,a.d,a.tx,a.ty)},b.prependMatrix=function(a){return this.prepend(a.a,a.b,a.c,a.d,a.tx,a.ty)},b.appendTransform=function(b,c,d,e,f,g,h,i,j){if(f%360)var k=f*a.DEG_TO_RAD,l=Math.cos(k),m=Math.sin(k);else l=1,m=0;return g||h?(g*=a.DEG_TO_RAD,h*=a.DEG_TO_RAD,this.append(Math.cos(h),Math.sin(h),-Math.sin(g),Math.cos(g),b,c),this.append(l*d,m*d,-m*e,l*e,0,0)):this.append(l*d,m*d,-m*e,l*e,b,c),(i||j)&&(this.tx-=i*this.a+j*this.c,this.ty-=i*this.b+j*this.d),this},b.prependTransform=function(b,c,d,e,f,g,h,i,j){if(f%360)var k=f*a.DEG_TO_RAD,l=Math.cos(k),m=Math.sin(k);else l=1,m=0;return(i||j)&&(this.tx-=i,this.ty-=j),g||h?(g*=a.DEG_TO_RAD,h*=a.DEG_TO_RAD,this.prepend(l*d,m*d,-m*e,l*e,0,0),this.prepend(Math.cos(h),Math.sin(h),-Math.sin(g),Math.cos(g),b,c)):this.prepend(l*d,m*d,-m*e,l*e,b,c),this},b.rotate=function(b){b*=a.DEG_TO_RAD;var c=Math.cos(b),d=Math.sin(b),e=this.a,f=this.b;return this.a=e*c+this.c*d,this.b=f*c+this.d*d,this.c=-e*d+this.c*c,this.d=-f*d+this.d*c,this},b.skew=function(b,c){return b*=a.DEG_TO_RAD,c*=a.DEG_TO_RAD,this.append(Math.cos(c),Math.sin(c),-Math.sin(b),Math.cos(b),0,0),this},b.scale=function(a,b){return this.a*=a,this.b*=a,this.c*=b,this.d*=b,this},b.translate=function(a,b){return this.tx+=this.a*a+this.c*b,this.ty+=this.b*a+this.d*b,this},b.identity=function(){return this.a=this.d=1,this.b=this.c=this.tx=this.ty=0,this},b.invert=function(){var a=this.a,b=this.b,c=this.c,d=this.d,e=this.tx,f=a*d-b*c;return this.a=d/f,this.b=-b/f,this.c=-c/f,this.d=a/f,this.tx=(c*this.ty-d*e)/f,this.ty=-(a*this.ty-b*e)/f,this},b.isIdentity=function(){return 0===this.tx&&0===this.ty&&1===this.a&&0===this.b&&0===this.c&&1===this.d},b.equals=function(a){return this.tx===a.tx&&this.ty===a.ty&&this.a===a.a&&this.b===a.b&&this.c===a.c&&this.d===a.d},b.transformPoint=function(a,b,c){return c=c||{},c.x=a*this.a+b*this.c+this.tx,c.y=a*this.b+b*this.d+this.ty,c},b.decompose=function(b){null==b&&(b={}),b.x=this.tx,b.y=this.ty,b.scaleX=Math.sqrt(this.a*this.a+this.b*this.b),b.scaleY=Math.sqrt(this.c*this.c+this.d*this.d);var c=Math.atan2(-this.c,this.d),d=Math.atan2(this.b,this.a),e=Math.abs(1-c/d);return 1e-5>e?(b.rotation=d/a.DEG_TO_RAD,this.a<0&&this.d>=0&&(b.rotation+=b.rotation<=0?180:-180),b.skewX=b.skewY=0):(b.skewX=c/a.DEG_TO_RAD,b.skewY=d/a.DEG_TO_RAD),b},b.copy=function(a){return this.setValues(a.a,a.b,a.c,a.d,a.tx,a.ty)},b.clone=function(){return new a(this.a,this.b,this.c,this.d,this.tx,this.ty)},b.toString=function(){return"[Matrix2D (a="+this.a+" b="+this.b+" c="+this.c+" d="+this.d+" tx="+this.tx+" ty="+this.ty+")]"},a.identity=new a,createjs.Matrix2D=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c,d,e){this.setValues(a,b,c,d,e)}var b=a.prototype;b.setValues=function(a,b,c,d,e){return this.visible=null==a?!0:!!a,this.alpha=null==b?1:b,this.shadow=c,this.compositeOperation=d,this.matrix=e||this.matrix&&this.matrix.identity()||new createjs.Matrix2D,this},b.append=function(a,b,c,d,e){return this.alpha*=b,this.shadow=c||this.shadow,this.compositeOperation=d||this.compositeOperation,this.visible=this.visible&&a,e&&this.matrix.appendMatrix(e),this},b.prepend=function(a,b,c,d,e){return this.alpha*=b,this.shadow=this.shadow||c,this.compositeOperation=this.compositeOperation||d,this.visible=this.visible&&a,e&&this.matrix.prependMatrix(e),this},b.identity=function(){return this.visible=!0,this.alpha=1,this.shadow=this.compositeOperation=null,this.matrix.identity(),this},b.clone=function(){return new a(this.alpha,this.shadow,this.compositeOperation,this.visible,this.matrix.clone())},createjs.DisplayProps=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b){this.setValues(a,b)}var b=a.prototype;b.setValues=function(a,b){return this.x=a||0,this.y=b||0,this},b.copy=function(a){return this.x=a.x,this.y=a.y,this},b.clone=function(){return new a(this.x,this.y)},b.toString=function(){return"[Point (x="+this.x+" y="+this.y+")]"},createjs.Point=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c,d){this.setValues(a,b,c,d)}var b=a.prototype;b.setValues=function(a,b,c,d){return this.x=a||0,this.y=b||0,this.width=c||0,this.height=d||0,this},b.extend=function(a,b,c,d){return c=c||0,d=d||0,a+c>this.x+this.width&&(this.width=a+c-this.x),b+d>this.y+this.height&&(this.height=b+d-this.y),a=this.x&&a+c<=this.x+this.width&&b>=this.y&&b+d<=this.y+this.height},b.union=function(a){return this.clone().extend(a.x,a.y,a.width,a.height)},b.intersection=function(b){var c=b.x,d=b.y,e=c+b.width,f=d+b.height;return this.x>c&&(c=this.x),this.y>d&&(d=this.y),this.x+this.width=e||d>=f?null:new a(c,d,e-c,f-d)},b.intersects=function(a){return a.x<=this.x+this.width&&this.x<=a.x+a.width&&a.y<=this.y+this.height&&this.y<=a.y+a.height},b.isEmpty=function(){return this.width<=0||this.height<=0},b.clone=function(){return new a(this.x,this.y,this.width,this.height)},b.toString=function(){return"[Rectangle (x="+this.x+" y="+this.y+" width="+this.width+" height="+this.height+")]"},createjs.Rectangle=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c,d,e,f,g){a.addEventListener&&(this.target=a,this.overLabel=null==c?"over":c,this.outLabel=null==b?"out":b,this.downLabel=null==d?"down":d,this.play=e,this._isPressed=!1,this._isOver=!1,this._enabled=!1,a.mouseChildren=!1,this.enabled=!0,this.handleEvent({}),f&&(g&&(f.actionsEnabled=!1,f.gotoAndStop&&f.gotoAndStop(g)),a.hitArea=f))}var b=a.prototype;b._setEnabled=function(a){if(a!=this._enabled){var b=this.target;this._enabled=a,a?(b.cursor="pointer",b.addEventListener("rollover",this),b.addEventListener("rollout",this),b.addEventListener("mousedown",this),b.addEventListener("pressup",this),b._reset&&(b.__reset=b._reset,b._reset=this._reset)):(b.cursor=null,b.removeEventListener("rollover",this),b.removeEventListener("rollout",this),b.removeEventListener("mousedown",this),b.removeEventListener("pressup",this),b.__reset&&(b._reset=b.__reset,delete b.__reset))}},b.setEnabled=createjs.deprecate(b._setEnabled,"ButtonHelper.setEnabled"),b._getEnabled=function(){return this._enabled},b.getEnabled=createjs.deprecate(b._getEnabled,"ButtonHelper.getEnabled");try{Object.defineProperties(b,{enabled:{get:b._getEnabled,set:b._setEnabled}})}catch(c){}b.toString=function(){return"[ButtonHelper]"},b.handleEvent=function(a){var b,c=this.target,d=a.type;"mousedown"==d?(this._isPressed=!0,b=this.downLabel):"pressup"==d?(this._isPressed=!1,b=this._isOver?this.overLabel:this.outLabel):"rollover"==d?(this._isOver=!0,b=this._isPressed?this.downLabel:this.overLabel):(this._isOver=!1,b=this._isPressed?this.overLabel:this.outLabel),this.play?c.gotoAndPlay&&c.gotoAndPlay(b):c.gotoAndStop&&c.gotoAndStop(b)},b._reset=function(){var a=this.paused;this.__reset(),this.paused=a},createjs.ButtonHelper=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c,d){this.color=a||"black",this.offsetX=b||0,this.offsetY=c||0,this.blur=d||0}var b=a.prototype;a.identity=new a("transparent",0,0,0),b.toString=function(){return"[Shadow]"},b.clone=function(){return new a(this.color,this.offsetX,this.offsetY,this.blur)},createjs.Shadow=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a){this.EventDispatcher_constructor(),this.complete=!0,this.framerate=0,this._animations=null,this._frames=null,this._images=null,this._data=null,this._loadCount=0,this._frameHeight=0,this._frameWidth=0,this._numFrames=0,this._regX=0,this._regY=0,this._spacing=0,this._margin=0,this._parseData(a)}var b=createjs.extend(a,createjs.EventDispatcher);b._getAnimations=function(){return this._animations.slice()},b.getAnimations=createjs.deprecate(b._getAnimations,"SpriteSheet.getAnimations");try{Object.defineProperties(b,{animations:{get:b._getAnimations}})}catch(c){}b.getNumFrames=function(a){if(null==a)return this._frames?this._frames.length:this._numFrames||0;var b=this._data[a];return null==b?0:b.frames.length},b.getAnimation=function(a){return this._data[a]},b.getFrame=function(a){var b;return this._frames&&(b=this._frames[a])?b:null},b.getFrameBounds=function(a,b){var c=this.getFrame(a);return c?(b||new createjs.Rectangle).setValues(-c.regX,-c.regY,c.rect.width,c.rect.height):null},b.toString=function(){return"[SpriteSheet]"},b.clone=function(){throw"SpriteSheet cannot be cloned."},b._parseData=function(a){var b,c,d,e;if(null!=a){if(this.framerate=a.framerate||0,a.images&&(c=a.images.length)>0)for(e=this._images=[],b=0;c>b;b++){var f=a.images[b];if("string"==typeof f){var g=f;f=document.createElement("img"),f.src=g}e.push(f),f.getContext||f.naturalWidth||(this._loadCount++,this.complete=!1,function(a,b){f.onload=function(){a._handleImageLoad(b)}}(this,g),function(a,b){f.onerror=function(){a._handleImageError(b)}}(this,g))}if(null==a.frames);else if(Array.isArray(a.frames))for(this._frames=[],e=a.frames,b=0,c=e.length;c>b;b++){var h=e[b];this._frames.push({image:this._images[h[4]?h[4]:0],rect:new createjs.Rectangle(h[0],h[1],h[2],h[3]),regX:h[5]||0,regY:h[6]||0})}else d=a.frames,this._frameWidth=d.width,this._frameHeight=d.height,this._regX=d.regX||0,this._regY=d.regY||0,this._spacing=d.spacing||0,this._margin=d.margin||0,this._numFrames=d.count,0==this._loadCount&&this._calculateFrames();if(this._animations=[],null!=(d=a.animations)){this._data={};var i;for(i in d){var j={name:i},k=d[i];if("number"==typeof k)e=j.frames=[k];else if(Array.isArray(k))if(1==k.length)j.frames=[k[0]];else for(j.speed=k[3],j.next=k[2],e=j.frames=[],b=k[0];b<=k[1];b++)e.push(b);else{j.speed=k.speed,j.next=k.next;var l=k.frames;e=j.frames="number"==typeof l?[l]:l.slice(0)}(j.next===!0||void 0===j.next)&&(j.next=i),(j.next===!1||e.length<2&&j.next==i)&&(j.next=null),j.speed||(j.speed=1),this._animations.push(i),this._data[i]=j}}}},b._handleImageLoad=function(){0==--this._loadCount&&(this._calculateFrames(),this.complete=!0,this.dispatchEvent("complete"))},b._handleImageError=function(a){var b=new createjs.Event("error");b.src=a,this.dispatchEvent(b),0==--this._loadCount&&this.dispatchEvent("complete")},b._calculateFrames=function(){if(!this._frames&&0!=this._frameWidth){this._frames=[];var a=this._numFrames||1e5,b=0,c=this._frameWidth,d=this._frameHeight,e=this._spacing,f=this._margin;a:for(var g=0,h=this._images;g=l;){for(var m=f;j-f-c>=m;){if(b>=a)break a;b++,this._frames.push({image:i,rect:new createjs.Rectangle(m,l,c,d),regX:this._regX,regY:this._regY}),m+=c+e}l+=d+e}this._numFrames=b}},createjs.SpriteSheet=createjs.promote(a,"EventDispatcher")}(),this.createjs=this.createjs||{},function(){"use strict";function a(){this.command=null,this._stroke=null,this._strokeStyle=null,this._oldStrokeStyle=null,this._strokeDash=null,this._oldStrokeDash=null,this._strokeIgnoreScale=!1,this._fill=null,this._instructions=[],this._commitIndex=0,this._activeInstructions=[],this._dirty=!1,this._storeIndex=0,this.clear()}var b=a.prototype,c=a;a.getRGB=function(a,b,c,d){return null!=a&&null==c&&(d=b,c=255&a,b=a>>8&255,a=a>>16&255),null==d?"rgb("+a+","+b+","+c+")":"rgba("+a+","+b+","+c+","+d+")"},a.getHSL=function(a,b,c,d){return null==d?"hsl("+a%360+","+b+"%,"+c+"%)":"hsla("+a%360+","+b+"%,"+c+"%,"+d+")"},a.BASE_64={A:0,B:1,C:2,D:3,E:4,F:5,G:6,H:7,I:8,J:9,K:10,L:11,M:12,N:13,O:14,P:15,Q:16,R:17,S:18,T:19,U:20,V:21,W:22,X:23,Y:24,Z:25,a:26,b:27,c:28,d:29,e:30,f:31,g:32,h:33,i:34,j:35,k:36,l:37,m:38,n:39,o:40,p:41,q:42,r:43,s:44,t:45,u:46,v:47,w:48,x:49,y:50,z:51,0:52,1:53,2:54,3:55,4:56,5:57,6:58,7:59,8:60,9:61,"+":62,"/":63},a.STROKE_CAPS_MAP=["butt","round","square"],a.STROKE_JOINTS_MAP=["miter","round","bevel"];var d=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas");d.getContext&&(a._ctx=d.getContext("2d"),d.width=d.height=1),b._getInstructions=function(){return this._updateInstructions(),this._instructions},b.getInstructions=createjs.deprecate(b._getInstructions,"Graphics.getInstructions");try{Object.defineProperties(b,{instructions:{get:b._getInstructions}})}catch(e){}b.isEmpty=function(){return!(this._instructions.length||this._activeInstructions.length)},b.draw=function(a,b){this._updateInstructions();for(var c=this._instructions,d=this._storeIndex,e=c.length;e>d;d++)c[d].exec(a,b)},b.drawAsPath=function(a){this._updateInstructions();for(var b,c=this._instructions,d=this._storeIndex,e=c.length;e>d;d++)(b=c[d]).path!==!1&&b.exec(a)},b.moveTo=function(a,b){return this.append(new c.MoveTo(a,b),!0)},b.lineTo=function(a,b){return this.append(new c.LineTo(a,b))},b.arcTo=function(a,b,d,e,f){return this.append(new c.ArcTo(a,b,d,e,f))},b.arc=function(a,b,d,e,f,g){return this.append(new c.Arc(a,b,d,e,f,g))},b.quadraticCurveTo=function(a,b,d,e){return this.append(new c.QuadraticCurveTo(a,b,d,e))},b.bezierCurveTo=function(a,b,d,e,f,g){return this.append(new c.BezierCurveTo(a,b,d,e,f,g))},b.rect=function(a,b,d,e){return this.append(new c.Rect(a,b,d,e))},b.closePath=function(){return this._activeInstructions.length?this.append(new c.ClosePath):this},b.clear=function(){return this._instructions.length=this._activeInstructions.length=this._commitIndex=0,this._strokeStyle=this._oldStrokeStyle=this._stroke=this._fill=this._strokeDash=this._oldStrokeDash=null,this._dirty=this._strokeIgnoreScale=!1,this},b.beginFill=function(a){return this._setFill(a?new c.Fill(a):null)},b.beginLinearGradientFill=function(a,b,d,e,f,g){return this._setFill((new c.Fill).linearGradient(a,b,d,e,f,g))},b.beginRadialGradientFill=function(a,b,d,e,f,g,h,i){return this._setFill((new c.Fill).radialGradient(a,b,d,e,f,g,h,i))},b.beginBitmapFill=function(a,b,d){return this._setFill(new c.Fill(null,d).bitmap(a,b))},b.endFill=function(){return this.beginFill()},b.setStrokeStyle=function(a,b,d,e,f){return this._updateInstructions(!0),this._strokeStyle=this.command=new c.StrokeStyle(a,b,d,e,f),this._stroke&&(this._stroke.ignoreScale=f),this._strokeIgnoreScale=f,this},b.setStrokeDash=function(a,b){return this._updateInstructions(!0),this._strokeDash=this.command=new c.StrokeDash(a,b),this},b.beginStroke=function(a){return this._setStroke(a?new c.Stroke(a):null)},b.beginLinearGradientStroke=function(a,b,d,e,f,g){return this._setStroke((new c.Stroke).linearGradient(a,b,d,e,f,g))},b.beginRadialGradientStroke=function(a,b,d,e,f,g,h,i){return this._setStroke((new c.Stroke).radialGradient(a,b,d,e,f,g,h,i))},b.beginBitmapStroke=function(a,b){return this._setStroke((new c.Stroke).bitmap(a,b))},b.endStroke=function(){return this.beginStroke()},b.curveTo=b.quadraticCurveTo,b.drawRect=b.rect,b.drawRoundRect=function(a,b,c,d,e){return this.drawRoundRectComplex(a,b,c,d,e,e,e,e)},b.drawRoundRectComplex=function(a,b,d,e,f,g,h,i){return this.append(new c.RoundRect(a,b,d,e,f,g,h,i))},b.drawCircle=function(a,b,d){return this.append(new c.Circle(a,b,d))},b.drawEllipse=function(a,b,d,e){return this.append(new c.Ellipse(a,b,d,e))},b.drawPolyStar=function(a,b,d,e,f,g){return this.append(new c.PolyStar(a,b,d,e,f,g))},b.append=function(a,b){return this._activeInstructions.push(a),this.command=a,b||(this._dirty=!0),this},b.decodePath=function(b){for(var c=[this.moveTo,this.lineTo,this.quadraticCurveTo,this.bezierCurveTo,this.closePath],d=[2,2,4,6,0],e=0,f=b.length,g=[],h=0,i=0,j=a.BASE_64;f>e;){var k=b.charAt(e),l=j[k],m=l>>3,n=c[m];if(!n||3&l)throw"bad path data (@"+e+"): "+k;var o=d[m];m||(h=i=0),g.length=0,e++;for(var p=(l>>2&1)+2,q=0;o>q;q++){var r=j[b.charAt(e)],s=r>>5?-1:1;r=(31&r)<<6|j[b.charAt(e+1)],3==p&&(r=r<<6|j[b.charAt(e+2)]),r=s*r/10,q%2?h=r+=h:i=r+=i,g[q]=r,e+=p}n.apply(this,g)}return this},b.store=function(){return this._updateInstructions(!0),this._storeIndex=this._instructions.length,this},b.unstore=function(){return this._storeIndex=0,this},b.clone=function(){var b=new a;return b.command=this.command,b._stroke=this._stroke,b._strokeStyle=this._strokeStyle,b._strokeDash=this._strokeDash,b._strokeIgnoreScale=this._strokeIgnoreScale,b._fill=this._fill,b._instructions=this._instructions.slice(),b._commitIndex=this._commitIndex,b._activeInstructions=this._activeInstructions.slice(),b._dirty=this._dirty,b._storeIndex=this._storeIndex,b},b.toString=function(){return"[Graphics]"},b.mt=b.moveTo,b.lt=b.lineTo,b.at=b.arcTo,b.bt=b.bezierCurveTo,b.qt=b.quadraticCurveTo,b.a=b.arc,b.r=b.rect,b.cp=b.closePath,b.c=b.clear,b.f=b.beginFill,b.lf=b.beginLinearGradientFill,b.rf=b.beginRadialGradientFill,b.bf=b.beginBitmapFill,b.ef=b.endFill,b.ss=b.setStrokeStyle,b.sd=b.setStrokeDash,b.s=b.beginStroke,b.ls=b.beginLinearGradientStroke,b.rs=b.beginRadialGradientStroke,b.bs=b.beginBitmapStroke,b.es=b.endStroke,b.dr=b.drawRect,b.rr=b.drawRoundRect,b.rc=b.drawRoundRectComplex,b.dc=b.drawCircle,b.de=b.drawEllipse,b.dp=b.drawPolyStar,b.p=b.decodePath,b._updateInstructions=function(b){var c=this._instructions,d=this._activeInstructions,e=this._commitIndex;if(this._dirty&&d.length){c.length=e,c.push(a.beginCmd);var f=d.length,g=c.length;c.length=g+f;for(var h=0;f>h;h++)c[h+g]=d[h];this._fill&&c.push(this._fill),this._stroke&&(this._strokeDash!==this._oldStrokeDash&&c.push(this._strokeDash),this._strokeStyle!==this._oldStrokeStyle&&c.push(this._strokeStyle),b&&(this._oldStrokeStyle=this._strokeStyle,this._oldStrokeDash=this._strokeDash),c.push(this._stroke)),this._dirty=!1}b&&(d.length=0,this._commitIndex=c.length)},b._setFill=function(a){return this._updateInstructions(!0),this.command=this._fill=a,this},b._setStroke=function(a){return this._updateInstructions(!0),(this.command=this._stroke=a)&&(a.ignoreScale=this._strokeIgnoreScale),this},(c.LineTo=function(a,b){this.x=a,this.y=b}).prototype.exec=function(a){a.lineTo(this.x,this.y)},(c.MoveTo=function(a,b){this.x=a,this.y=b}).prototype.exec=function(a){a.moveTo(this.x,this.y)},(c.ArcTo=function(a,b,c,d,e){this.x1=a,this.y1=b,this.x2=c,this.y2=d,this.radius=e}).prototype.exec=function(a){a.arcTo(this.x1,this.y1,this.x2,this.y2,this.radius)},(c.Arc=function(a,b,c,d,e,f){this.x=a,this.y=b,this.radius=c,this.startAngle=d,this.endAngle=e,this.anticlockwise=!!f}).prototype.exec=function(a){a.arc(this.x,this.y,this.radius,this.startAngle,this.endAngle,this.anticlockwise)},(c.QuadraticCurveTo=function(a,b,c,d){this.cpx=a,this.cpy=b,this.x=c,this.y=d}).prototype.exec=function(a){a.quadraticCurveTo(this.cpx,this.cpy,this.x,this.y)},(c.BezierCurveTo=function(a,b,c,d,e,f){this.cp1x=a,this.cp1y=b,this.cp2x=c,this.cp2y=d,this.x=e,this.y=f}).prototype.exec=function(a){a.bezierCurveTo(this.cp1x,this.cp1y,this.cp2x,this.cp2y,this.x,this.y)},(c.Rect=function(a,b,c,d){this.x=a,this.y=b,this.w=c,this.h=d}).prototype.exec=function(a){a.rect(this.x,this.y,this.w,this.h)},(c.ClosePath=function(){}).prototype.exec=function(a){a.closePath()},(c.BeginPath=function(){}).prototype.exec=function(a){a.beginPath()},b=(c.Fill=function(a,b){this.style=a,this.matrix=b}).prototype,b.exec=function(a){if(this.style){a.fillStyle=this.style;var b=this.matrix;b&&(a.save(),a.transform(b.a,b.b,b.c,b.d,b.tx,b.ty)),a.fill(),b&&a.restore()}},b.linearGradient=function(b,c,d,e,f,g){for(var h=this.style=a._ctx.createLinearGradient(d,e,f,g),i=0,j=b.length;j>i;i++)h.addColorStop(c[i],b[i]);return h.props={colors:b,ratios:c,x0:d,y0:e,x1:f,y1:g,type:"linear"},this},b.radialGradient=function(b,c,d,e,f,g,h,i){for(var j=this.style=a._ctx.createRadialGradient(d,e,f,g,h,i),k=0,l=b.length;l>k;k++)j.addColorStop(c[k],b[k]);return j.props={colors:b,ratios:c,x0:d,y0:e,r0:f,x1:g,y1:h,r1:i,type:"radial"},this},b.bitmap=function(b,c){if(b.naturalWidth||b.getContext||b.readyState>=2){var d=this.style=a._ctx.createPattern(b,c||"");d.props={image:b,repetition:c,type:"bitmap"}}return this},b.path=!1,b=(c.Stroke=function(a,b){this.style=a,this.ignoreScale=b}).prototype,b.exec=function(a){this.style&&(a.strokeStyle=this.style,this.ignoreScale&&(a.save(),a.setTransform(1,0,0,1,0,0)),a.stroke(),this.ignoreScale&&a.restore())},b.linearGradient=c.Fill.prototype.linearGradient,b.radialGradient=c.Fill.prototype.radialGradient,b.bitmap=c.Fill.prototype.bitmap,b.path=!1,b=(c.StrokeStyle=function(a,b,c,d,e){this.width=a,this.caps=b,this.joints=c,this.miterLimit=d,this.ignoreScale=e}).prototype,b.exec=function(b){b.lineWidth=null==this.width?"1":this.width,b.lineCap=null==this.caps?"butt":isNaN(this.caps)?this.caps:a.STROKE_CAPS_MAP[this.caps],b.lineJoin=null==this.joints?"miter":isNaN(this.joints)?this.joints:a.STROKE_JOINTS_MAP[this.joints],b.miterLimit=null==this.miterLimit?"10":this.miterLimit,b.ignoreScale=null==this.ignoreScale?!1:this.ignoreScale},b.path=!1,(c.StrokeDash=function(a,b){this.segments=a,this.offset=b||0}).prototype.exec=function(a){a.setLineDash&&(a.setLineDash(this.segments||c.StrokeDash.EMPTY_SEGMENTS),a.lineDashOffset=this.offset||0)},c.StrokeDash.EMPTY_SEGMENTS=[],(c.RoundRect=function(a,b,c,d,e,f,g,h){this.x=a,this.y=b,this.w=c,this.h=d,this.radiusTL=e,this.radiusTR=f,this.radiusBR=g,this.radiusBL=h}).prototype.exec=function(a){var b=(j>i?i:j)/2,c=0,d=0,e=0,f=0,g=this.x,h=this.y,i=this.w,j=this.h,k=this.radiusTL,l=this.radiusTR,m=this.radiusBR,n=this.radiusBL;0>k&&(k*=c=-1),k>b&&(k=b),0>l&&(l*=d=-1),l>b&&(l=b),0>m&&(m*=e=-1),m>b&&(m=b),0>n&&(n*=f=-1),n>b&&(n=b),a.moveTo(g+i-l,h),a.arcTo(g+i+l*d,h-l*d,g+i,h+l,l),a.lineTo(g+i,h+j-m),a.arcTo(g+i+m*e,h+j+m*e,g+i-m,h+j,m),a.lineTo(g+n,h+j),a.arcTo(g-n*f,h+j+n*f,g,h+j-n,n),a.lineTo(g,h+k),a.arcTo(g-k*c,h-k*c,g+k,h,k),a.closePath()
-},(c.Circle=function(a,b,c){this.x=a,this.y=b,this.radius=c}).prototype.exec=function(a){a.arc(this.x,this.y,this.radius,0,2*Math.PI)},(c.Ellipse=function(a,b,c,d){this.x=a,this.y=b,this.w=c,this.h=d}).prototype.exec=function(a){var b=this.x,c=this.y,d=this.w,e=this.h,f=.5522848,g=d/2*f,h=e/2*f,i=b+d,j=c+e,k=b+d/2,l=c+e/2;a.moveTo(b,l),a.bezierCurveTo(b,l-h,k-g,c,k,c),a.bezierCurveTo(k+g,c,i,l-h,i,l),a.bezierCurveTo(i,l+h,k+g,j,k,j),a.bezierCurveTo(k-g,j,b,l+h,b,l)},(c.PolyStar=function(a,b,c,d,e,f){this.x=a,this.y=b,this.radius=c,this.sides=d,this.pointSize=e,this.angle=f}).prototype.exec=function(a){var b=this.x,c=this.y,d=this.radius,e=(this.angle||0)/180*Math.PI,f=this.sides,g=1-(this.pointSize||0),h=Math.PI/f;a.moveTo(b+Math.cos(e)*d,c+Math.sin(e)*d);for(var i=0;f>i;i++)e+=h,1!=g&&a.lineTo(b+Math.cos(e)*d*g,c+Math.sin(e)*d*g),e+=h,a.lineTo(b+Math.cos(e)*d,c+Math.sin(e)*d);a.closePath()},a.beginCmd=new c.BeginPath,createjs.Graphics=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(){this.EventDispatcher_constructor(),this.alpha=1,this.cacheCanvas=null,this.bitmapCache=null,this.id=createjs.UID.get(),this.mouseEnabled=!0,this.tickEnabled=!0,this.name=null,this.parent=null,this.regX=0,this.regY=0,this.rotation=0,this.scaleX=1,this.scaleY=1,this.skewX=0,this.skewY=0,this.shadow=null,this.visible=!0,this.x=0,this.y=0,this.transformMatrix=null,this.compositeOperation=null,this.snapToPixel=!0,this.filters=null,this.mask=null,this.hitArea=null,this.cursor=null,this._props=new createjs.DisplayProps,this._rectangle=new createjs.Rectangle,this._bounds=null,this._webGLRenderStyle=a._StageGL_NONE}var b=createjs.extend(a,createjs.EventDispatcher);a._MOUSE_EVENTS=["click","dblclick","mousedown","mouseout","mouseover","pressmove","pressup","rollout","rollover"],a.suppressCrossDomainErrors=!1,a._snapToPixelEnabled=!1,a._StageGL_NONE=0,a._StageGL_SPRITE=1,a._StageGL_BITMAP=2;var c=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas");c.getContext&&(a._hitTestCanvas=c,a._hitTestContext=c.getContext("2d"),c.width=c.height=1),b._getStage=function(){for(var a=this,b=createjs.Stage;a.parent;)a=a.parent;return a instanceof b?a:null},b.getStage=createjs.deprecate(b._getStage,"DisplayObject.getStage");try{Object.defineProperties(b,{stage:{get:b._getStage},cacheID:{get:function(){return this.bitmapCache&&this.bitmapCache.cacheID},set:function(a){this.bitmapCache&&(this.bitmapCache.cacheID=a)}},scale:{get:function(){return this.scaleX},set:function(a){this.scaleX=this.scaleY=a}}})}catch(d){}b.isVisible=function(){return!!(this.visible&&this.alpha>0&&0!=this.scaleX&&0!=this.scaleY)},b.draw=function(a,b){var c=this.bitmapCache;return c&&!b?c.draw(a):!1},b.updateContext=function(b){var c=this,d=c.mask,e=c._props.matrix;d&&d.graphics&&!d.graphics.isEmpty()&&(d.getMatrix(e),b.transform(e.a,e.b,e.c,e.d,e.tx,e.ty),d.graphics.drawAsPath(b),b.clip(),e.invert(),b.transform(e.a,e.b,e.c,e.d,e.tx,e.ty)),this.getMatrix(e);var f=e.tx,g=e.ty;a._snapToPixelEnabled&&c.snapToPixel&&(f=f+(0>f?-.5:.5)|0,g=g+(0>g?-.5:.5)|0),b.transform(e.a,e.b,e.c,e.d,f,g),b.globalAlpha*=c.alpha,c.compositeOperation&&(b.globalCompositeOperation=c.compositeOperation),c.shadow&&this._applyShadow(b,c.shadow)},b.cache=function(a,b,c,d,e,f){this.bitmapCache||(this.bitmapCache=new createjs.BitmapCache),this.bitmapCache.define(this,a,b,c,d,e,f)},b.updateCache=function(a){if(!this.bitmapCache)throw"cache() must be called before updateCache()";this.bitmapCache.update(a)},b.uncache=function(){this.bitmapCache&&(this.bitmapCache.release(),this.bitmapCache=void 0)},b.getCacheDataURL=function(){return this.bitmapCache?this.bitmapCache.getDataURL():null},b.localToGlobal=function(a,b,c){return this.getConcatenatedMatrix(this._props.matrix).transformPoint(a,b,c||new createjs.Point)},b.globalToLocal=function(a,b,c){return this.getConcatenatedMatrix(this._props.matrix).invert().transformPoint(a,b,c||new createjs.Point)},b.localToLocal=function(a,b,c,d){return d=this.localToGlobal(a,b,d),c.globalToLocal(d.x,d.y,d)},b.setTransform=function(a,b,c,d,e,f,g,h,i){return this.x=a||0,this.y=b||0,this.scaleX=null==c?1:c,this.scaleY=null==d?1:d,this.rotation=e||0,this.skewX=f||0,this.skewY=g||0,this.regX=h||0,this.regY=i||0,this},b.getMatrix=function(a){var b=this,c=a&&a.identity()||new createjs.Matrix2D;return b.transformMatrix?c.copy(b.transformMatrix):c.appendTransform(b.x,b.y,b.scaleX,b.scaleY,b.rotation,b.skewX,b.skewY,b.regX,b.regY)},b.getConcatenatedMatrix=function(a){for(var b=this,c=this.getMatrix(a);b=b.parent;)c.prependMatrix(b.getMatrix(b._props.matrix));return c},b.getConcatenatedDisplayProps=function(a){a=a?a.identity():new createjs.DisplayProps;var b=this,c=b.getMatrix(a.matrix);do a.prepend(b.visible,b.alpha,b.shadow,b.compositeOperation),b!=this&&c.prependMatrix(b.getMatrix(b._props.matrix));while(b=b.parent);return a},b.hitTest=function(b,c){var d=a._hitTestContext;d.setTransform(1,0,0,1,-b,-c),this.draw(d);var e=this._testHit(d);return d.setTransform(1,0,0,1,0,0),d.clearRect(0,0,2,2),e},b.set=function(a){for(var b in a)this[b]=a[b];return this},b.getBounds=function(){if(this._bounds)return this._rectangle.copy(this._bounds);var a=this.cacheCanvas;if(a){var b=this._cacheScale;return this._rectangle.setValues(this._cacheOffsetX,this._cacheOffsetY,a.width/b,a.height/b)}return null},b.getTransformedBounds=function(){return this._getBounds()},b.setBounds=function(a,b,c,d){return null==a?void(this._bounds=a):void(this._bounds=(this._bounds||new createjs.Rectangle).setValues(a,b,c,d))},b.clone=function(){return this._cloneProps(new a)},b.toString=function(){return"[DisplayObject (name="+this.name+")]"},b._updateState=null,b._cloneProps=function(a){return a.alpha=this.alpha,a.mouseEnabled=this.mouseEnabled,a.tickEnabled=this.tickEnabled,a.name=this.name,a.regX=this.regX,a.regY=this.regY,a.rotation=this.rotation,a.scaleX=this.scaleX,a.scaleY=this.scaleY,a.shadow=this.shadow,a.skewX=this.skewX,a.skewY=this.skewY,a.visible=this.visible,a.x=this.x,a.y=this.y,a.compositeOperation=this.compositeOperation,a.snapToPixel=this.snapToPixel,a.filters=null==this.filters?null:this.filters.slice(0),a.mask=this.mask,a.hitArea=this.hitArea,a.cursor=this.cursor,a._bounds=this._bounds,a},b._applyShadow=function(a,b){b=b||Shadow.identity,a.shadowColor=b.color,a.shadowOffsetX=b.offsetX,a.shadowOffsetY=b.offsetY,a.shadowBlur=b.blur},b._tick=function(a){var b=this._listeners;b&&b.tick&&(a.target=null,a.propagationStopped=a.immediatePropagationStopped=!1,this.dispatchEvent(a))},b._testHit=function(b){try{var c=b.getImageData(0,0,1,1).data[3]>1}catch(d){if(!a.suppressCrossDomainErrors)throw"An error has occurred. This is most likely due to security restrictions on reading canvas pixel data with local or cross-domain images."}return c},b._getBounds=function(a,b){return this._transformBounds(this.getBounds(),a,b)},b._transformBounds=function(a,b,c){if(!a)return a;var d=a.x,e=a.y,f=a.width,g=a.height,h=this._props.matrix;h=c?h.identity():this.getMatrix(h),(d||e)&&h.appendTransform(0,0,1,1,0,0,0,-d,-e),b&&h.prependMatrix(b);var i=f*h.a,j=f*h.b,k=g*h.c,l=g*h.d,m=h.tx,n=h.ty,o=m,p=m,q=n,r=n;return(d=i+m)p&&(p=d),(d=i+k+m)p&&(p=d),(d=k+m)p&&(p=d),(e=j+n)r&&(r=e),(e=j+l+n)r&&(r=e),(e=l+n)r&&(r=e),a.setValues(o,q,p-o,r-q)},b._hasMouseEventListener=function(){for(var b=a._MOUSE_EVENTS,c=0,d=b.length;d>c;c++)if(this.hasEventListener(b[c]))return!0;return!!this.cursor},createjs.DisplayObject=createjs.promote(a,"EventDispatcher")}(),this.createjs=this.createjs||{},function(){"use strict";function a(){this.DisplayObject_constructor(),this.children=[],this.mouseChildren=!0,this.tickChildren=!0}var b=createjs.extend(a,createjs.DisplayObject);b._getNumChildren=function(){return this.children.length},b.getNumChildren=createjs.deprecate(b._getNumChildren,"Container.getNumChildren");try{Object.defineProperties(b,{numChildren:{get:b._getNumChildren}})}catch(c){}b.initialize=a,b.isVisible=function(){var a=this.cacheCanvas||this.children.length;return!!(this.visible&&this.alpha>0&&0!=this.scaleX&&0!=this.scaleY&&a)},b.draw=function(a,b){if(this.DisplayObject_draw(a,b))return!0;for(var c=this.children.slice(),d=0,e=c.length;e>d;d++){var f=c[d];f.isVisible()&&(a.save(),f.updateContext(a),f.draw(a),a.restore())}return!0},b.addChild=function(a){if(null==a)return a;var b=arguments.length;if(b>1){for(var c=0;b>c;c++)this.addChild(arguments[c]);return arguments[b-1]}var d=a.parent,e=d===this;return d&&d._removeChildAt(createjs.indexOf(d.children,a),e),a.parent=this,this.children.push(a),e||a.dispatchEvent("added"),a},b.addChildAt=function(a,b){var c=arguments.length,d=arguments[c-1];if(0>d||d>this.children.length)return arguments[c-2];if(c>2){for(var e=0;c-1>e;e++)this.addChildAt(arguments[e],d+e);return arguments[c-2]}var f=a.parent,g=f===this;return f&&f._removeChildAt(createjs.indexOf(f.children,a),g),a.parent=this,this.children.splice(b,0,a),g||a.dispatchEvent("added"),a},b.removeChild=function(a){var b=arguments.length;if(b>1){for(var c=!0,d=0;b>d;d++)c=c&&this.removeChild(arguments[d]);return c}return this._removeChildAt(createjs.indexOf(this.children,a))},b.removeChildAt=function(a){var b=arguments.length;if(b>1){for(var c=[],d=0;b>d;d++)c[d]=arguments[d];c.sort(function(a,b){return b-a});for(var e=!0,d=0;b>d;d++)e=e&&this._removeChildAt(c[d]);return e}return this._removeChildAt(a)},b.removeAllChildren=function(){for(var a=this.children;a.length;)this._removeChildAt(0)},b.getChildAt=function(a){return this.children[a]},b.getChildByName=function(a){for(var b=this.children,c=0,d=b.length;d>c;c++)if(b[c].name==a)return b[c];return null},b.sortChildren=function(a){this.children.sort(a)},b.getChildIndex=function(a){return createjs.indexOf(this.children,a)},b.swapChildrenAt=function(a,b){var c=this.children,d=c[a],e=c[b];d&&e&&(c[a]=e,c[b]=d)},b.swapChildren=function(a,b){for(var c,d,e=this.children,f=0,g=e.length;g>f&&(e[f]==a&&(c=f),e[f]==b&&(d=f),null==c||null==d);f++);f!=g&&(e[c]=b,e[d]=a)},b.setChildIndex=function(a,b){var c=this.children,d=c.length;if(!(a.parent!=this||0>b||b>=d)){for(var e=0;d>e&&c[e]!=a;e++);e!=d&&e!=b&&(c.splice(e,1),c.splice(b,0,a))}},b.contains=function(a){for(;a;){if(a==this)return!0;a=a.parent}return!1},b.hitTest=function(a,b){return null!=this.getObjectUnderPoint(a,b)},b.getObjectsUnderPoint=function(a,b,c){var d=[],e=this.localToGlobal(a,b);return this._getObjectsUnderPoint(e.x,e.y,d,c>0,1==c),d},b.getObjectUnderPoint=function(a,b,c){var d=this.localToGlobal(a,b);return this._getObjectsUnderPoint(d.x,d.y,null,c>0,1==c)},b.getBounds=function(){return this._getBounds(null,!0)},b.getTransformedBounds=function(){return this._getBounds()},b.clone=function(b){var c=this._cloneProps(new a);return b&&this._cloneChildren(c),c},b.toString=function(){return"[Container (name="+this.name+")]"},b._tick=function(a){if(this.tickChildren)for(var b=this.children.length-1;b>=0;b--){var c=this.children[b];c.tickEnabled&&c._tick&&c._tick(a)}this.DisplayObject__tick(a)},b._cloneChildren=function(a){a.children.length&&a.removeAllChildren();for(var b=a.children,c=0,d=this.children.length;d>c;c++){var e=this.children[c].clone(!0);e.parent=a,b.push(e)}},b._removeChildAt=function(a,b){if(0>a||a>this.children.length-1)return!1;var c=this.children[a];return c&&(c.parent=null),this.children.splice(a,1),b||c.dispatchEvent("removed"),!0},b._getObjectsUnderPoint=function(b,c,d,e,f,g){if(g=g||0,!g&&!this._testMask(this,b,c))return null;var h,i=createjs.DisplayObject._hitTestContext;f=f||e&&this._hasMouseEventListener();for(var j=this.children,k=j.length,l=k-1;l>=0;l--){var m=j[l],n=m.hitArea;if(m.visible&&(n||m.isVisible())&&(!e||m.mouseEnabled)&&(n||this._testMask(m,b,c)))if(!n&&m instanceof a){var o=m._getObjectsUnderPoint(b,c,d,e,f,g+1);if(!d&&o)return e&&!this.mouseChildren?this:o}else{if(e&&!f&&!m._hasMouseEventListener())continue;var p=m.getConcatenatedDisplayProps(m._props);if(h=p.matrix,n&&(h.appendMatrix(n.getMatrix(n._props.matrix)),p.alpha=n.alpha),i.globalAlpha=p.alpha,i.setTransform(h.a,h.b,h.c,h.d,h.tx-b,h.ty-c),(n||m).draw(i),!this._testHit(i))continue;if(i.setTransform(1,0,0,1,0,0),i.clearRect(0,0,2,2),!d)return e&&!this.mouseChildren?this:m;d.push(m)}}return null},b._testMask=function(a,b,c){var d=a.mask;if(!d||!d.graphics||d.graphics.isEmpty())return!0;var e=this._props.matrix,f=a.parent;e=f?f.getConcatenatedMatrix(e):e.identity(),e=d.getMatrix(d._props.matrix).prependMatrix(e);var g=createjs.DisplayObject._hitTestContext;return g.setTransform(e.a,e.b,e.c,e.d,e.tx-b,e.ty-c),d.graphics.drawAsPath(g),g.fillStyle="#000",g.fill(),this._testHit(g)?(g.setTransform(1,0,0,1,0,0),g.clearRect(0,0,2,2),!0):!1},b._getBounds=function(a,b){var c=this.DisplayObject_getBounds();if(c)return this._transformBounds(c,a,b);var d=this._props.matrix;d=b?d.identity():this.getMatrix(d),a&&d.prependMatrix(a);for(var e=this.children.length,f=null,g=0;e>g;g++){var h=this.children[g];h.visible&&(c=h._getBounds(d))&&(f?f.extend(c.x,c.y,c.width,c.height):f=c.clone())}return f},createjs.Container=createjs.promote(a,"DisplayObject")}(),this.createjs=this.createjs||{},function(){"use strict";function a(a){this.Container_constructor(),this.autoClear=!0,this.canvas="string"==typeof a?document.getElementById(a):a,this.mouseX=0,this.mouseY=0,this.drawRect=null,this.snapToPixelEnabled=!1,this.mouseInBounds=!1,this.tickOnUpdate=!0,this.mouseMoveOutside=!1,this.preventSelection=!0,this._pointerData={},this._pointerCount=0,this._primaryPointerID=null,this._mouseOverIntervalID=null,this._nextStage=null,this._prevStage=null,this.enableDOMEvents(!0)}var b=createjs.extend(a,createjs.Container);b._get_nextStage=function(){return this._nextStage},b._set_nextStage=function(a){this._nextStage&&(this._nextStage._prevStage=null),a&&(a._prevStage=this),this._nextStage=a};try{Object.defineProperties(b,{nextStage:{get:b._get_nextStage,set:b._set_nextStage}})}catch(c){}b.update=function(a){if(this.canvas&&(this.tickOnUpdate&&this.tick(a),this.dispatchEvent("drawstart",!1,!0)!==!1)){createjs.DisplayObject._snapToPixelEnabled=this.snapToPixelEnabled;var b=this.drawRect,c=this.canvas.getContext("2d");c.setTransform(1,0,0,1,0,0),this.autoClear&&(b?c.clearRect(b.x,b.y,b.width,b.height):c.clearRect(0,0,this.canvas.width+1,this.canvas.height+1)),c.save(),this.drawRect&&(c.beginPath(),c.rect(b.x,b.y,b.width,b.height),c.clip()),this.updateContext(c),this.draw(c,!1),c.restore(),this.dispatchEvent("drawend")}},b.tick=function(a){if(this.tickEnabled&&this.dispatchEvent("tickstart",!1,!0)!==!1){var b=new createjs.Event("tick");if(a)for(var c in a)a.hasOwnProperty(c)&&(b[c]=a[c]);this._tick(b),this.dispatchEvent("tickend")}},b.handleEvent=function(a){"tick"==a.type&&this.update(a)},b.clear=function(){if(this.canvas){var a=this.canvas.getContext("2d");a.setTransform(1,0,0,1,0,0),a.clearRect(0,0,this.canvas.width+1,this.canvas.height+1)}},b.toDataURL=function(a,b){var c,d=this.canvas.getContext("2d"),e=this.canvas.width,f=this.canvas.height;if(a){c=d.getImageData(0,0,e,f);var g=d.globalCompositeOperation;d.globalCompositeOperation="destination-over",d.fillStyle=a,d.fillRect(0,0,e,f)}var h=this.canvas.toDataURL(b||"image/png");return a&&(d.putImageData(c,0,0),d.globalCompositeOperation=g),h},b.enableMouseOver=function(a){if(this._mouseOverIntervalID&&(clearInterval(this._mouseOverIntervalID),this._mouseOverIntervalID=null,0==a&&this._testMouseOver(!0)),null==a)a=20;else if(0>=a)return;var b=this;this._mouseOverIntervalID=setInterval(function(){b._testMouseOver()},1e3/Math.min(50,a))},b.enableDOMEvents=function(a){null==a&&(a=!0);var b,c,d=this._eventListeners;if(!a&&d){for(b in d)c=d[b],c.t.removeEventListener(b,c.f,!1);this._eventListeners=null}else if(a&&!d&&this.canvas){var e=window.addEventListener?window:document,f=this;d=this._eventListeners={},d.mouseup={t:e,f:function(a){f._handleMouseUp(a)}},d.mousemove={t:e,f:function(a){f._handleMouseMove(a)}},d.dblclick={t:this.canvas,f:function(a){f._handleDoubleClick(a)}},d.mousedown={t:this.canvas,f:function(a){f._handleMouseDown(a)}};for(b in d)c=d[b],c.t.addEventListener(b,c.f,!1)}},b.clone=function(){throw"Stage cannot be cloned."},b.toString=function(){return"[Stage (name="+this.name+")]"},b._getElementRect=function(a){var b;try{b=a.getBoundingClientRect()}catch(c){b={top:a.offsetTop,left:a.offsetLeft,width:a.offsetWidth,height:a.offsetHeight}}var d=(window.pageXOffset||document.scrollLeft||0)-(document.clientLeft||document.body.clientLeft||0),e=(window.pageYOffset||document.scrollTop||0)-(document.clientTop||document.body.clientTop||0),f=window.getComputedStyle?getComputedStyle(a,null):a.currentStyle,g=parseInt(f.paddingLeft)+parseInt(f.borderLeftWidth),h=parseInt(f.paddingTop)+parseInt(f.borderTopWidth),i=parseInt(f.paddingRight)+parseInt(f.borderRightWidth),j=parseInt(f.paddingBottom)+parseInt(f.borderBottomWidth);return{left:b.left+d+g,right:b.right+d-i,top:b.top+e+h,bottom:b.bottom+e-j}},b._getPointerData=function(a){var b=this._pointerData[a];return b||(b=this._pointerData[a]={x:0,y:0}),b},b._handleMouseMove=function(a){a||(a=window.event),this._handlePointerMove(-1,a,a.pageX,a.pageY)},b._handlePointerMove=function(a,b,c,d,e){if((!this._prevStage||void 0!==e)&&this.canvas){var f=this._nextStage,g=this._getPointerData(a),h=g.inBounds;this._updatePointerPosition(a,b,c,d),(h||g.inBounds||this.mouseMoveOutside)&&(-1===a&&g.inBounds==!h&&this._dispatchMouseEvent(this,h?"mouseleave":"mouseenter",!1,a,g,b),this._dispatchMouseEvent(this,"stagemousemove",!1,a,g,b),this._dispatchMouseEvent(g.target,"pressmove",!0,a,g,b)),f&&f._handlePointerMove(a,b,c,d,null)}},b._updatePointerPosition=function(a,b,c,d){var e=this._getElementRect(this.canvas);c-=e.left,d-=e.top;var f=this.canvas.width,g=this.canvas.height;c/=(e.right-e.left)/f,d/=(e.bottom-e.top)/g;var h=this._getPointerData(a);(h.inBounds=c>=0&&d>=0&&f-1>=c&&g-1>=d)?(h.x=c,h.y=d):this.mouseMoveOutside&&(h.x=0>c?0:c>f-1?f-1:c,h.y=0>d?0:d>g-1?g-1:d),h.posEvtObj=b,h.rawX=c,h.rawY=d,(a===this._primaryPointerID||-1===a)&&(this.mouseX=h.x,this.mouseY=h.y,this.mouseInBounds=h.inBounds)},b._handleMouseUp=function(a){this._handlePointerUp(-1,a,!1)},b._handlePointerUp=function(a,b,c,d){var e=this._nextStage,f=this._getPointerData(a);if(!this._prevStage||void 0!==d){var g=null,h=f.target;d||!h&&!e||(g=this._getObjectsUnderPoint(f.x,f.y,null,!0)),f.down&&(this._dispatchMouseEvent(this,"stagemouseup",!1,a,f,b,g),f.down=!1),g==h&&this._dispatchMouseEvent(h,"click",!0,a,f,b),this._dispatchMouseEvent(h,"pressup",!0,a,f,b),c?(a==this._primaryPointerID&&(this._primaryPointerID=null),delete this._pointerData[a]):f.target=null,e&&e._handlePointerUp(a,b,c,d||g&&this)}},b._handleMouseDown=function(a){this._handlePointerDown(-1,a,a.pageX,a.pageY)},b._handlePointerDown=function(a,b,c,d,e){this.preventSelection&&b.preventDefault(),(null==this._primaryPointerID||-1===a)&&(this._primaryPointerID=a),null!=d&&this._updatePointerPosition(a,b,c,d);var f=null,g=this._nextStage,h=this._getPointerData(a);e||(f=h.target=this._getObjectsUnderPoint(h.x,h.y,null,!0)),h.inBounds&&(this._dispatchMouseEvent(this,"stagemousedown",!1,a,h,b,f),h.down=!0),this._dispatchMouseEvent(f,"mousedown",!0,a,h,b),g&&g._handlePointerDown(a,b,c,d,e||f&&this)},b._testMouseOver=function(a,b,c){if(!this._prevStage||void 0!==b){var d=this._nextStage;if(!this._mouseOverIntervalID)return void(d&&d._testMouseOver(a,b,c));var e=this._getPointerData(-1);if(e&&(a||this.mouseX!=this._mouseOverX||this.mouseY!=this._mouseOverY||!this.mouseInBounds)){var f,g,h,i=e.posEvtObj,j=c||i&&i.target==this.canvas,k=null,l=-1,m="";!b&&(a||this.mouseInBounds&&j)&&(k=this._getObjectsUnderPoint(this.mouseX,this.mouseY,null,!0),this._mouseOverX=this.mouseX,this._mouseOverY=this.mouseY);var n=this._mouseOverTarget||[],o=n[n.length-1],p=this._mouseOverTarget=[];for(f=k;f;)p.unshift(f),m||(m=f.cursor),f=f.parent;for(this.canvas.style.cursor=m,!b&&c&&(c.canvas.style.cursor=m),g=0,h=p.length;h>g&&p[g]==n[g];g++)l=g;for(o!=k&&this._dispatchMouseEvent(o,"mouseout",!0,-1,e,i,k),g=n.length-1;g>l;g--)this._dispatchMouseEvent(n[g],"rollout",!1,-1,e,i,k);for(g=p.length-1;g>l;g--)this._dispatchMouseEvent(p[g],"rollover",!1,-1,e,i,o);o!=k&&this._dispatchMouseEvent(k,"mouseover",!0,-1,e,i,o),d&&d._testMouseOver(a,b||k&&this,c||j&&this)}}},b._handleDoubleClick=function(a,b){var c=null,d=this._nextStage,e=this._getPointerData(-1);b||(c=this._getObjectsUnderPoint(e.x,e.y,null,!0),this._dispatchMouseEvent(c,"dblclick",!0,-1,e,a)),d&&d._handleDoubleClick(a,b||c&&this)},b._dispatchMouseEvent=function(a,b,c,d,e,f,g){if(a&&(c||a.hasEventListener(b))){var h=new createjs.MouseEvent(b,c,!1,e.x,e.y,f,d,d===this._primaryPointerID||-1===d,e.rawX,e.rawY,g);a.dispatchEvent(h)}},createjs.Stage=createjs.promote(a,"Container")}(),this.createjs=this.createjs||{},function(){"use strict";function a(b,c){if(this.Stage_constructor(b),void 0!==c){if("object"!=typeof c)throw"Invalid options object";var d=c.premultiply,e=c.transparent,f=c.antialias,g=c.preserveBuffer,h=c.autoPurge}this.vocalDebug=!1,this._preserveBuffer=g||!1,this._antialias=f||!1,this._transparent=e||!1,this._premultiply=d||!1,this._autoPurge=void 0,this.autoPurge=h,this._viewportWidth=0,this._viewportHeight=0,this._projectionMatrix=null,this._webGLContext=null,this._clearColor={r:.5,g:.5,b:.5,a:0},this._maxCardsPerBatch=a.DEFAULT_MAX_BATCH_SIZE,this._activeShader=null,this._vertices=null,this._vertexPositionBuffer=null,this._uvs=null,this._uvPositionBuffer=null,this._indices=null,this._textureIndexBuffer=null,this._alphas=null,this._alphaBuffer=null,this._textureDictionary=[],this._textureIDs={},this._batchTextures=[],this._baseTextures=[],this._batchTextureCount=8,this._lastTextureInsert=-1,this._batchID=0,this._drawID=0,this._slotBlacklist=[],this._isDrawing=0,this._lastTrackedCanvas=0,this.isCacheControlled=!1,this._cacheContainer=new createjs.Container,this._initializeWebGL()}var b=createjs.extend(a,createjs.Stage);a.buildUVRects=function(a,b,c){if(!a||!a._frames)return null;void 0===b&&(b=-1),void 0===c&&(c=!1);for(var d=-1!=b&&c?b:0,e=-1!=b&&c?b+1:a._frames.length,f=d;e>f;f++){var g=a._frames[f];if(!(g.uvRect||g.image.width<=0||g.image.height<=0)){var h=g.rect;g.uvRect={t:h.y/g.image.height,l:h.x/g.image.width,b:(h.y+h.height)/g.image.height,r:(h.x+h.width)/g.image.width}}}return a._frames[-1!=b?b:0].uvRect||{t:0,l:0,b:1,r:1}},a.isWebGLActive=function(a){return a&&a instanceof WebGLRenderingContext&&"undefined"!=typeof WebGLRenderingContext},a.VERTEX_PROPERTY_COUNT=6,a.INDICIES_PER_CARD=6,a.DEFAULT_MAX_BATCH_SIZE=1e4,a.WEBGL_MAX_INDEX_NUM=Math.pow(2,16),a.UV_RECT={t:0,l:0,b:1,r:1};try{a.COVER_VERT=new Float32Array([-1,1,1,1,-1,-1,1,1,1,-1,-1,-1]),a.COVER_UV=new Float32Array([0,0,1,0,0,1,1,0,1,1,0,1]),a.COVER_UV_FLIP=new Float32Array([0,1,1,1,0,0,1,1,1,0,0,0])}catch(c){}a.REGULAR_VARYING_HEADER="precision mediump float;varying vec2 vTextureCoord;varying lowp float indexPicker;varying lowp float alphaValue;",a.REGULAR_VERTEX_HEADER=a.REGULAR_VARYING_HEADER+"attribute vec2 vertexPosition;attribute vec2 uvPosition;attribute lowp float textureIndex;attribute lowp float objectAlpha;uniform mat4 pMatrix;",a.REGULAR_FRAGMENT_HEADER=a.REGULAR_VARYING_HEADER+"uniform sampler2D uSampler[{{count}}];",a.REGULAR_VERTEX_BODY="void main(void) {gl_Position = vec4((vertexPosition.x * pMatrix[0][0]) + pMatrix[3][0],(vertexPosition.y * pMatrix[1][1]) + pMatrix[3][1],pMatrix[3][2],1.0);alphaValue = objectAlpha;indexPicker = textureIndex;vTextureCoord = uvPosition;}",a.REGULAR_FRAGMENT_BODY="void main(void) {vec4 color = vec4(1.0, 0.0, 0.0, 1.0);if (indexPicker <= 0.5) {color = texture2D(uSampler[0], vTextureCoord);{{alternates}}}{{fragColor}}}",a.REGULAR_FRAG_COLOR_NORMAL="gl_FragColor = vec4(color.rgb, color.a * alphaValue);",a.REGULAR_FRAG_COLOR_PREMULTIPLY="if(color.a > 0.0035) {gl_FragColor = vec4(color.rgb/color.a, color.a * alphaValue);} else {gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);}",a.PARTICLE_VERTEX_BODY=a.REGULAR_VERTEX_BODY,a.PARTICLE_FRAGMENT_BODY=a.REGULAR_FRAGMENT_BODY,a.COVER_VARYING_HEADER="precision mediump float;varying highp vec2 vRenderCoord;varying highp vec2 vTextureCoord;",a.COVER_VERTEX_HEADER=a.COVER_VARYING_HEADER+"attribute vec2 vertexPosition;attribute vec2 uvPosition;uniform float uUpright;",a.COVER_FRAGMENT_HEADER=a.COVER_VARYING_HEADER+"uniform sampler2D uSampler;",a.COVER_VERTEX_BODY="void main(void) {gl_Position = vec4(vertexPosition.x, vertexPosition.y, 0.0, 1.0);vRenderCoord = uvPosition;vTextureCoord = vec2(uvPosition.x, abs(uUpright - uvPosition.y));}",a.COVER_FRAGMENT_BODY="void main(void) {vec4 color = texture2D(uSampler, vRenderCoord);gl_FragColor = color;}",b._get_isWebGL=function(){return!!this._webGLContext},b._set_autoPurge=function(a){a=isNaN(a)?1200:a,-1!=a&&(a=10>a?10:a),this._autoPurge=a},b._get_autoPurge=function(){return Number(this._autoPurge)};try{Object.defineProperties(b,{isWebGL:{get:b._get_isWebGL},autoPurge:{get:b._get_autoPurge,set:b._set_autoPurge}})}catch(c){}b._initializeWebGL=function(){if(this.canvas){if(!this._webGLContext||this._webGLContext.canvas!==this.canvas){var a={depth:!1,alpha:this._transparent,stencil:!0,antialias:this._antialias,premultipliedAlpha:this._premultiply,preserveDrawingBuffer:this._preserveBuffer},b=this._webGLContext=this._fetchWebGLContext(this.canvas,a);if(!b)return null;this.updateSimultaneousTextureCount(b.getParameter(b.MAX_TEXTURE_IMAGE_UNITS)),this._maxTextureSlots=b.getParameter(b.MAX_COMBINED_TEXTURE_IMAGE_UNITS),this._createBuffers(b),this._initTextures(b),b.disable(b.DEPTH_TEST),b.enable(b.BLEND),b.blendFuncSeparate(b.SRC_ALPHA,b.ONE_MINUS_SRC_ALPHA,b.ONE,b.ONE_MINUS_SRC_ALPHA),b.pixelStorei(b.UNPACK_PREMULTIPLY_ALPHA_WEBGL,this._premultiply),this._webGLContext.clearColor(this._clearColor.r,this._clearColor.g,this._clearColor.b,this._clearColor.a),this.updateViewport(this._viewportWidth||this.canvas.width,this._viewportHeight||this.canvas.height)}}else this._webGLContext=null;return this._webGLContext},b.update=function(a){if(this.canvas){if(this.tickOnUpdate&&this.tick(a),this.dispatchEvent("drawstart"),this.autoClear&&this.clear(),this._webGLContext)this._batchDraw(this,this._webGLContext),-1==this._autoPurge||this._drawID%(this._autoPurge/2|0)||this.purgeTextures(this._autoPurge);else{var b=this.canvas.getContext("2d");b.save(),this.updateContext(b),this.draw(b,!1),b.restore()}this.dispatchEvent("drawend")}},b.clear=function(){if(this.canvas)if(a.isWebGLActive(this._webGLContext)){var b=this._webGLContext,c=this._clearColor,d=this._transparent?c.a:1;this._webGLContext.clearColor(c.r*d,c.g*d,c.b*d,d),b.clear(b.COLOR_BUFFER_BIT),this._webGLContext.clearColor(c.r,c.g,c.b,c.a)}else this.Stage_clear()},b.draw=function(b,c){if(b===this._webGLContext&&a.isWebGLActive(this._webGLContext)){var d=this._webGLContext;return this._batchDraw(this,d,c),!0}return this.Stage_draw(b,c)},b.cacheDraw=function(b,c,d){if(a.isWebGLActive(this._webGLContext)){var e=this._webGLContext;return this._cacheDraw(e,b,c,d),!0}return!1},b.protectTextureSlot=function(a,b){if(a>this._maxTextureSlots||0>a)throw"Slot outside of acceptable range";this._slotBlacklist[a]=!!b},b.getTargetRenderTexture=function(a,b,c){var d,e=!1,f=this._webGLContext;if(void 0!==a.__lastRT&&a.__lastRT===a.__rtA&&(e=!0),e?(void 0===a.__rtB?a.__rtB=this.getRenderBufferTexture(b,c):((b!=a.__rtB._width||c!=a.__rtB._height)&&this.resizeTexture(a.__rtB,b,c),this.setTextureParams(f)),d=a.__rtB):(void 0===a.__rtA?a.__rtA=this.getRenderBufferTexture(b,c):((b!=a.__rtA._width||c!=a.__rtA._height)&&this.resizeTexture(a.__rtA,b,c),this.setTextureParams(f)),d=a.__rtA),!d)throw"Problems creating render textures, known causes include using too much VRAM by not releasing WebGL texture instances";return a.__lastRT=d,d},b.releaseTexture=function(a){var b,c;if(a){if(a.children)for(b=0,c=a.children.length;c>b;b++)this.releaseTexture(a.children[b]);a.cacheCanvas&&a.uncache();var d=void 0;if(void 0!==a._storeID){if(a===this._textureDictionary[a._storeID])return this._killTextureObject(a),void(a._storeID=void 0);d=a}else if(2===a._webGLRenderStyle)d=a.image;else if(1===a._webGLRenderStyle){for(b=0,c=a.spriteSheet._images.length;c>b;b++)this.releaseTexture(a.spriteSheet._images[b]);return}if(void 0===d)return void(this.vocalDebug&&console.log("No associated texture found on release"));this._killTextureObject(this._textureDictionary[d._storeID]),d._storeID=void 0}},b.purgeTextures=function(a){void 0==a&&(a=100);for(var b=this._textureDictionary,c=b.length,d=0;c>d;d++){var e=b[d];e&&e._drawID+a<=this._drawID&&this._killTextureObject(e)}},b.updateSimultaneousTextureCount=function(a){var b=this._webGLContext,c=!1;for((1>a||isNaN(a))&&(a=1),this._batchTextureCount=a;!c;)try{this._activeShader=this._fetchShaderProgram(b),c=!0}catch(d){if(1==this._batchTextureCount)throw"Cannot compile shader "+d;this._batchTextureCount-=4,this._batchTextureCount<1&&(this._batchTextureCount=1),this.vocalDebug&&console.log("Reducing desired texture count due to errors: "+this._batchTextureCount)}},b.updateViewport=function(a,b){this._viewportWidth=0|a,this._viewportHeight=0|b;var c=this._webGLContext;c&&(c.viewport(0,0,this._viewportWidth,this._viewportHeight),this._projectionMatrix=new Float32Array([2/this._viewportWidth,0,0,0,0,-2/this._viewportHeight,1,0,0,0,1,0,-1,1,.1,0]),this._projectionMatrixFlip=new Float32Array([0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]),this._projectionMatrixFlip.set(this._projectionMatrix),this._projectionMatrixFlip[5]*=-1,this._projectionMatrixFlip[13]*=-1)},b.getFilterShader=function(a){a||(a=this);var b=this._webGLContext,c=this._activeShader;if(a._builtShader)c=a._builtShader,a.shaderParamSetup&&(b.useProgram(c),a.shaderParamSetup(b,this,c));else try{c=this._fetchShaderProgram(b,"filter",a.VTX_SHADER_BODY,a.FRAG_SHADER_BODY,a.shaderParamSetup&&a.shaderParamSetup.bind(a)),a._builtShader=c,c._name=a.toString()}catch(d){console&&console.log("SHADER SWITCH FAILURE",d)}return c},b.getBaseTexture=function(a,b){var c=Math.ceil(a>0?a:1)||1,d=Math.ceil(b>0?b:1)||1,e=this._webGLContext,f=e.createTexture();return this.resizeTexture(f,c,d),this.setTextureParams(e,!1),f},b.resizeTexture=function(a,b,c){var d=this._webGLContext;d.bindTexture(d.TEXTURE_2D,a),d.texImage2D(d.TEXTURE_2D,0,d.RGBA,b,c,0,d.RGBA,d.UNSIGNED_BYTE,null),a.width=b,a.height=c},b.getRenderBufferTexture=function(a,b){var c=this._webGLContext,d=this.getBaseTexture(a,b);if(!d)return null;var e=c.createFramebuffer();return e?(d.width=a,d.height=b,c.bindFramebuffer(c.FRAMEBUFFER,e),c.framebufferTexture2D(c.FRAMEBUFFER,c.COLOR_ATTACHMENT0,c.TEXTURE_2D,d,0),e._renderTexture=d,d._frameBuffer=e,d._storeID=this._textureDictionary.length,this._textureDictionary[d._storeID]=d,c.bindFramebuffer(c.FRAMEBUFFER,null),d):null},b.setTextureParams=function(a,b){b&&this._antialias?(a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MIN_FILTER,a.LINEAR),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MAG_FILTER,a.LINEAR)):(a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MIN_FILTER,a.NEAREST),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MAG_FILTER,a.NEAREST)),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_WRAP_S,a.CLAMP_TO_EDGE),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_WRAP_T,a.CLAMP_TO_EDGE)},b.setClearColor=function(a){var b,c,d,e,f;"string"==typeof a?0==a.indexOf("#")?(4==a.length&&(a="#"+a.charAt(1)+a.charAt(1)+a.charAt(2)+a.charAt(2)+a.charAt(3)+a.charAt(3)),b=Number("0x"+a.slice(1,3))/255,c=Number("0x"+a.slice(3,5))/255,d=Number("0x"+a.slice(5,7))/255,e=Number("0x"+a.slice(7,9))/255):0==a.indexOf("rgba(")&&(f=a.slice(5,-1).split(","),b=Number(f[0])/255,c=Number(f[1])/255,d=Number(f[2])/255,e=Number(f[3])):(b=((4278190080&a)>>>24)/255,c=((16711680&a)>>>16)/255,d=((65280&a)>>>8)/255,e=(255&a)/255),this._clearColor.r=b||0,this._clearColor.g=c||0,this._clearColor.b=d||0,this._clearColor.a=e||0,this._webGLContext&&this._webGLContext.clearColor(this._clearColor.r,this._clearColor.g,this._clearColor.b,this._clearColor.a)},b.toString=function(){return"[StageGL (name="+this.name+")]"
-},b._fetchWebGLContext=function(a,b){var c;try{c=a.getContext("webgl",b)||a.getContext("experimental-webgl",b)}catch(d){}if(c)c.viewportWidth=a.width,c.viewportHeight=a.height;else{var e="Could not initialize WebGL";console.error?console.error(e):console.log(e)}return c},b._fetchShaderProgram=function(b,c,d,e,f){b.useProgram(null);var g,h;switch(c){case"filter":h=a.COVER_VERTEX_HEADER+(d||a.COVER_VERTEX_BODY),g=a.COVER_FRAGMENT_HEADER+(e||a.COVER_FRAGMENT_BODY);break;case"particle":h=a.REGULAR_VERTEX_HEADER+a.PARTICLE_VERTEX_BODY,g=a.REGULAR_FRAGMENT_HEADER+a.PARTICLE_FRAGMENT_BODY;break;case"override":h=a.REGULAR_VERTEX_HEADER+(d||a.REGULAR_VERTEX_BODY),g=a.REGULAR_FRAGMENT_HEADER+(e||a.REGULAR_FRAGMENT_BODY);break;case"regular":default:h=a.REGULAR_VERTEX_HEADER+a.REGULAR_VERTEX_BODY,g=a.REGULAR_FRAGMENT_HEADER+a.REGULAR_FRAGMENT_BODY}var i=this._createShader(b,b.VERTEX_SHADER,h),j=this._createShader(b,b.FRAGMENT_SHADER,g),k=b.createProgram();if(b.attachShader(k,i),b.attachShader(k,j),b.linkProgram(k),k._type=c,!b.getProgramParameter(k,b.LINK_STATUS))throw b.useProgram(this._activeShader),b.getProgramInfoLog(k);switch(b.useProgram(k),c){case"filter":k.vertexPositionAttribute=b.getAttribLocation(k,"vertexPosition"),b.enableVertexAttribArray(k.vertexPositionAttribute),k.uvPositionAttribute=b.getAttribLocation(k,"uvPosition"),b.enableVertexAttribArray(k.uvPositionAttribute),k.samplerUniform=b.getUniformLocation(k,"uSampler"),b.uniform1i(k.samplerUniform,0),k.uprightUniform=b.getUniformLocation(k,"uUpright"),b.uniform1f(k.uprightUniform,0),f&&f(b,this,k);break;case"override":case"particle":case"regular":default:k.vertexPositionAttribute=b.getAttribLocation(k,"vertexPosition"),b.enableVertexAttribArray(k.vertexPositionAttribute),k.uvPositionAttribute=b.getAttribLocation(k,"uvPosition"),b.enableVertexAttribArray(k.uvPositionAttribute),k.textureIndexAttribute=b.getAttribLocation(k,"textureIndex"),b.enableVertexAttribArray(k.textureIndexAttribute),k.alphaAttribute=b.getAttribLocation(k,"objectAlpha"),b.enableVertexAttribArray(k.alphaAttribute);for(var l=[],m=0;md;d+=c)h[d]=h[d+1]=0;b.bufferData(b.ARRAY_BUFFER,h,b.DYNAMIC_DRAW),g.itemSize=c,g.numItems=f;var i=this._uvPositionBuffer=b.createBuffer();b.bindBuffer(b.ARRAY_BUFFER,i),c=2;var j=this._uvs=new Float32Array(f*c);for(d=0,e=j.length;e>d;d+=c)j[d]=j[d+1]=0;b.bufferData(b.ARRAY_BUFFER,j,b.DYNAMIC_DRAW),i.itemSize=c,i.numItems=f;var k=this._textureIndexBuffer=b.createBuffer();b.bindBuffer(b.ARRAY_BUFFER,k),c=1;var l=this._indices=new Float32Array(f*c);for(d=0,e=l.length;e>d;d++)l[d]=0;b.bufferData(b.ARRAY_BUFFER,l,b.DYNAMIC_DRAW),k.itemSize=c,k.numItems=f;var m=this._alphaBuffer=b.createBuffer();b.bindBuffer(b.ARRAY_BUFFER,m),c=1;var n=this._alphas=new Float32Array(f*c);for(d=0,e=n.length;e>d;d++)n[d]=1;b.bufferData(b.ARRAY_BUFFER,n,b.DYNAMIC_DRAW),m.itemSize=c,m.numItems=f},b._initTextures=function(){this._lastTextureInsert=-1,this._textureDictionary=[],this._textureIDs={},this._baseTextures=[],this._batchTextures=[];for(var a=0;aa.MAX_TEXTURE_SIZE||b.height>a.MAX_TEXTURE_SIZE)&&console&&console.error("Oversized Texture: "+b.width+"x"+b.height+" vs "+a.MAX_TEXTURE_SIZE+"max"))},b._insertTextureInBatch=function(a,b){if(this._batchTextures[b._activeIndex]!==b){var c=-1,d=(this._lastTextureInsert+1)%this._batchTextureCount,e=d;do{if(this._batchTextures[e]._batchID!=this._batchID&&!this._slotBlacklist[e]){c=e;break}e=(e+1)%this._batchTextureCount}while(e!==d);-1===c&&(this.batchReason="textureOverflow",this._drawBuffers(a),this.batchCardCount=0,c=d),this._batchTextures[c]=b,b._activeIndex=c;var f=b._imageData;f&&f._invalid&&void 0!==b._drawID?this._updateTextureImageData(a,f):(a.activeTexture(a.TEXTURE0+c),a.bindTexture(a.TEXTURE_2D,b),this.setTextureParams(a)),this._lastTextureInsert=c}else{var f=b._imageData;void 0!=b._storeID&&f&&f._invalid&&this._updateTextureImageData(a,f)}b._drawID=this._drawID,b._batchID=this._batchID},b._killTextureObject=function(a){if(a){var b=this._webGLContext;if(void 0!==a._storeID&&a._storeID>=0){this._textureDictionary[a._storeID]=void 0;for(var c in this._textureIDs)this._textureIDs[c]==a._storeID&&delete this._textureIDs[c];a._imageData&&(a._imageData._storeID=void 0),a._imageData=a._storeID=void 0}void 0!==a._activeIndex&&this._batchTextures[a._activeIndex]===a&&(this._batchTextures[a._activeIndex]=this._baseTextures[a._activeIndex]);try{a._frameBuffer&&b.deleteFramebuffer(a._frameBuffer),a._frameBuffer=void 0}catch(d){this.vocalDebug&&console.log(d)}try{b.deleteTexture(a)}catch(d){this.vocalDebug&&console.log(d)}}},b._backupBatchTextures=function(a,b){var c=this._webGLContext;this._backupTextures||(this._backupTextures=[]),void 0===b&&(b=this._backupTextures);for(var d=0;d0&&this._drawBuffers(b),this._isDrawing++,this._drawID++,this.batchCardCount=0,this.depth=0,this._appendToBatchGroup(a,b,new createjs.Matrix2D,this.alpha,c),this.batchReason="drawFinish",this._drawBuffers(b),this._isDrawing--},b._cacheDraw=function(a,b,c,d){var e,f=this._activeShader,g=this._slotBlacklist,h=this._maxTextureSlots-1,i=this._viewportWidth,j=this._viewportHeight;this.protectTextureSlot(h,!0);var k=b.getMatrix();k=k.clone(),k.scale(1/d.scale,1/d.scale),k=k.invert(),k.translate(-d.offX/d.scale*b.scaleX,-d.offY/d.scale*b.scaleY);var l=this._cacheContainer;l.children=[b],l.transformMatrix=k,this._backupBatchTextures(!1),c&&c.length?this._drawFilters(b,c,d):this.isCacheControlled?(a.clear(a.COLOR_BUFFER_BIT),this._batchDraw(l,a,!0)):(a.activeTexture(a.TEXTURE0+h),b.cacheCanvas=this.getTargetRenderTexture(b,d._drawWidth,d._drawHeight),e=b.cacheCanvas,a.bindFramebuffer(a.FRAMEBUFFER,e._frameBuffer),this.updateViewport(d._drawWidth,d._drawHeight),this._projectionMatrix=this._projectionMatrixFlip,a.clear(a.COLOR_BUFFER_BIT),this._batchDraw(l,a,!0),a.bindFramebuffer(a.FRAMEBUFFER,null),this.updateViewport(i,j)),this._backupBatchTextures(!0),this.protectTextureSlot(h,!1),this._activeShader=f,this._slotBlacklist=g},b._drawFilters=function(a,b,c){var d,e=this._webGLContext,f=this._maxTextureSlots-1,g=this._viewportWidth,h=this._viewportHeight,i=this._cacheContainer,j=b.length;e.activeTexture(e.TEXTURE0+f),d=this.getTargetRenderTexture(a,c._drawWidth,c._drawHeight),e.bindFramebuffer(e.FRAMEBUFFER,d._frameBuffer),this.updateViewport(c._drawWidth,c._drawHeight),e.clear(e.COLOR_BUFFER_BIT),this._batchDraw(i,e,!0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,d),this.setTextureParams(e);var k=!1,l=0,m=b[l];do this._activeShader=this.getFilterShader(m),this._activeShader&&(e.activeTexture(e.TEXTURE0+f),d=this.getTargetRenderTexture(a,c._drawWidth,c._drawHeight),e.bindFramebuffer(e.FRAMEBUFFER,d._frameBuffer),e.viewport(0,0,c._drawWidth,c._drawHeight),e.clear(e.COLOR_BUFFER_BIT),this._drawCover(e,k),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,d),this.setTextureParams(e),(j>1||b[0]._multiPass)&&(k=!k),m=null!==m._multiPass?m._multiPass:b[++l]);while(m);this.isCacheControlled?(e.bindFramebuffer(e.FRAMEBUFFER,null),this.updateViewport(g,h),this._activeShader=this.getFilterShader(this),e.clear(e.COLOR_BUFFER_BIT),this._drawCover(e,k)):(k&&(e.activeTexture(e.TEXTURE0+f),d=this.getTargetRenderTexture(a,c._drawWidth,c._drawHeight),e.bindFramebuffer(e.FRAMEBUFFER,d._frameBuffer),this._activeShader=this.getFilterShader(this),e.viewport(0,0,c._drawWidth,c._drawHeight),e.clear(e.COLOR_BUFFER_BIT),this._drawCover(e,!k)),e.bindFramebuffer(e.FRAMEBUFFER,null),this.updateViewport(g,h),a.cacheCanvas=d)},b._appendToBatchGroup=function(b,c,d,e,f){b._glMtx||(b._glMtx=new createjs.Matrix2D);var g=b._glMtx;g.copy(d),b.transformMatrix?g.appendMatrix(b.transformMatrix):g.appendTransform(b.x,b.y,b.scaleX,b.scaleY,b.rotation,b.skewX,b.skewY,b.regX,b.regY);for(var h,i,j,k,l=b.children.length,m=0;l>m;m++){var n=b.children[m];if(n.visible&&e)if(n.cacheCanvas&&!f||(n._updateState&&n._updateState(),!n.children)){this.batchCardCount+1>this._maxCardsPerBatch&&(this.batchReason="vertexOverflow",this._drawBuffers(c),this.batchCardCount=0),n._glMtx||(n._glMtx=new createjs.Matrix2D);var o=n._glMtx;o.copy(g),n.transformMatrix?o.appendMatrix(n.transformMatrix):o.appendTransform(n.x,n.y,n.scaleX,n.scaleY,n.rotation,n.skewX,n.skewY,n.regX,n.regY);var p,q,r,s,t,u,v=n.cacheCanvas&&!f;if(2===n._webGLRenderStyle||v)r=(f?!1:n.cacheCanvas)||n.image;else{if(1!==n._webGLRenderStyle)continue;if(s=n.spriteSheet.getFrame(n.currentFrame),null===s)continue;r=s.image}var w=this._uvs,x=this._vertices,y=this._indices,z=this._alphas;if(r){if(void 0===r._storeID)t=this._loadTextureImage(c,r),this._insertTextureInBatch(c,t);else{if(t=this._textureDictionary[r._storeID],!t){this.vocalDebug&&console.log("Texture should not be looked up while not being stored.");continue}t._batchID!==this._batchID&&this._insertTextureInBatch(c,t)}if(q=t._activeIndex,2===n._webGLRenderStyle||v)!v&&n.sourceRect?(n._uvRect||(n._uvRect={}),u=n.sourceRect,p=n._uvRect,p.t=u.y/r.height,p.l=u.x/r.width,p.b=(u.y+u.height)/r.height,p.r=(u.x+u.width)/r.width,h=0,i=0,j=u.width+h,k=u.height+i):(p=a.UV_RECT,v?(u=n.bitmapCache,h=u.x+u._filterOffX/u.scale,i=u.y+u._filterOffY/u.scale,j=u._drawWidth/u.scale+h,k=u._drawHeight/u.scale+i):(h=0,i=0,j=r.width+h,k=r.height+i));else if(1===n._webGLRenderStyle){var A=s.rect;p=s.uvRect,p||(p=a.buildUVRects(n.spriteSheet,n.currentFrame,!1)),h=-s.regX,i=-s.regY,j=A.width-s.regX,k=A.height-s.regY}var B=this.batchCardCount*a.INDICIES_PER_CARD,C=2*B;x[C]=h*o.a+i*o.c+o.tx,x[C+1]=h*o.b+i*o.d+o.ty,x[C+2]=h*o.a+k*o.c+o.tx,x[C+3]=h*o.b+k*o.d+o.ty,x[C+4]=j*o.a+i*o.c+o.tx,x[C+5]=j*o.b+i*o.d+o.ty,x[C+6]=x[C+2],x[C+7]=x[C+3],x[C+8]=x[C+4],x[C+9]=x[C+5],x[C+10]=j*o.a+k*o.c+o.tx,x[C+11]=j*o.b+k*o.d+o.ty,w[C]=p.l,w[C+1]=p.t,w[C+2]=p.l,w[C+3]=p.b,w[C+4]=p.r,w[C+5]=p.t,w[C+6]=p.l,w[C+7]=p.b,w[C+8]=p.r,w[C+9]=p.t,w[C+10]=p.r,w[C+11]=p.b,y[B]=y[B+1]=y[B+2]=y[B+3]=y[B+4]=y[B+5]=q,z[B]=z[B+1]=z[B+2]=z[B+3]=z[B+4]=z[B+5]=n.alpha*e,this.batchCardCount++}}else this._appendToBatchGroup(n,c,g,n.alpha*e)}},b._drawBuffers=function(b){if(!(this.batchCardCount<=0)){this.vocalDebug&&console.log("Draw["+this._drawID+":"+this._batchID+"] : "+this.batchReason);var c=this._activeShader,d=this._vertexPositionBuffer,e=this._textureIndexBuffer,f=this._uvPositionBuffer,g=this._alphaBuffer;b.useProgram(c),b.bindBuffer(b.ARRAY_BUFFER,d),b.vertexAttribPointer(c.vertexPositionAttribute,d.itemSize,b.FLOAT,!1,0,0),b.bufferSubData(b.ARRAY_BUFFER,0,this._vertices),b.bindBuffer(b.ARRAY_BUFFER,e),b.vertexAttribPointer(c.textureIndexAttribute,e.itemSize,b.FLOAT,!1,0,0),b.bufferSubData(b.ARRAY_BUFFER,0,this._indices),b.bindBuffer(b.ARRAY_BUFFER,f),b.vertexAttribPointer(c.uvPositionAttribute,f.itemSize,b.FLOAT,!1,0,0),b.bufferSubData(b.ARRAY_BUFFER,0,this._uvs),b.bindBuffer(b.ARRAY_BUFFER,g),b.vertexAttribPointer(c.alphaAttribute,g.itemSize,b.FLOAT,!1,0,0),b.bufferSubData(b.ARRAY_BUFFER,0,this._alphas),b.uniformMatrix4fv(c.pMatrixUniform,b.FALSE,this._projectionMatrix);for(var h=0;h0&&this._drawBuffers(b),this.vocalDebug&&console.log("Draw["+this._drawID+":"+this._batchID+"] : Cover");var d=this._activeShader,e=this._vertexPositionBuffer,f=this._uvPositionBuffer;b.clear(b.COLOR_BUFFER_BIT),b.useProgram(d),b.bindBuffer(b.ARRAY_BUFFER,e),b.vertexAttribPointer(d.vertexPositionAttribute,e.itemSize,b.FLOAT,!1,0,0),b.bufferSubData(b.ARRAY_BUFFER,0,a.COVER_VERT),b.bindBuffer(b.ARRAY_BUFFER,f),b.vertexAttribPointer(d.uvPositionAttribute,f.itemSize,b.FLOAT,!1,0,0),b.bufferSubData(b.ARRAY_BUFFER,0,c?a.COVER_UV_FLIP:a.COVER_UV),b.uniform1i(d.samplerUniform,0),b.uniform1f(d.uprightUniform,c?0:1),b.drawArrays(b.TRIANGLES,0,a.INDICIES_PER_CARD)},createjs.StageGL=createjs.promote(a,"Stage")}(),this.createjs=this.createjs||{},function(){function a(a){this.DisplayObject_constructor(),"string"==typeof a?(this.image=document.createElement("img"),this.image.src=a):this.image=a,this.sourceRect=null,this._webGLRenderStyle=createjs.DisplayObject._StageGL_BITMAP}var b=createjs.extend(a,createjs.DisplayObject);b.initialize=a,b.isVisible=function(){var a=this.image,b=this.cacheCanvas||a&&(a.naturalWidth||a.getContext||a.readyState>=2);return!!(this.visible&&this.alpha>0&&0!=this.scaleX&&0!=this.scaleY&&b)},b.draw=function(a,b){if(this.DisplayObject_draw(a,b))return!0;var c=this.image,d=this.sourceRect;if(c.getImage&&(c=c.getImage()),!c)return!0;if(d){var e=d.x,f=d.y,g=e+d.width,h=f+d.height,i=0,j=0,k=c.width,l=c.height;0>e&&(i-=e,e=0),g>k&&(g=k),0>f&&(j-=f,f=0),h>l&&(h=l),a.drawImage(c,e,f,g-e,h-f,i,j,g-e,h-f)}else a.drawImage(c,0,0);return!0},b.getBounds=function(){var a=this.DisplayObject_getBounds();if(a)return a;var b=this.image,c=this.sourceRect||b,d=b&&(b.naturalWidth||b.getContext||b.readyState>=2);return d?this._rectangle.setValues(0,0,c.width,c.height):null},b.clone=function(b){var c=this.image;c&&b&&(c=c.cloneNode());var d=new a(c);return this.sourceRect&&(d.sourceRect=this.sourceRect.clone()),this._cloneProps(d),d},b.toString=function(){return"[Bitmap (name="+this.name+")]"},createjs.Bitmap=createjs.promote(a,"DisplayObject")}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b){this.DisplayObject_constructor(),this.currentFrame=0,this.currentAnimation=null,this.paused=!0,this.spriteSheet=a,this.currentAnimationFrame=0,this.framerate=0,this._animation=null,this._currentFrame=null,this._skipAdvance=!1,this._webGLRenderStyle=createjs.DisplayObject._StageGL_SPRITE,null!=b&&this.gotoAndPlay(b)}var b=createjs.extend(a,createjs.DisplayObject);b.initialize=a,b.isVisible=function(){var a=this.cacheCanvas||this.spriteSheet.complete;return!!(this.visible&&this.alpha>0&&0!=this.scaleX&&0!=this.scaleY&&a)},b.draw=function(a,b){if(this.DisplayObject_draw(a,b))return!0;this._normalizeFrame();var c=this.spriteSheet.getFrame(0|this._currentFrame);if(!c)return!1;var d=c.rect;return d.width&&d.height&&a.drawImage(c.image,d.x,d.y,d.width,d.height,-c.regX,-c.regY,d.width,d.height),!0},b.play=function(){this.paused=!1},b.stop=function(){this.paused=!0},b.gotoAndPlay=function(a){this.paused=!1,this._skipAdvance=!0,this._goto(a)},b.gotoAndStop=function(a){this.paused=!0,this._goto(a)},b.advance=function(a){var b=this.framerate||this.spriteSheet.framerate,c=b&&null!=a?a/(1e3/b):1;this._normalizeFrame(c)},b.getBounds=function(){return this.DisplayObject_getBounds()||this.spriteSheet.getFrameBounds(this.currentFrame,this._rectangle)},b.clone=function(){return this._cloneProps(new a(this.spriteSheet))},b.toString=function(){return"[Sprite (name="+this.name+")]"},b._cloneProps=function(a){return this.DisplayObject__cloneProps(a),a.currentFrame=this.currentFrame,a.currentAnimation=this.currentAnimation,a.paused=this.paused,a.currentAnimationFrame=this.currentAnimationFrame,a.framerate=this.framerate,a._animation=this._animation,a._currentFrame=this._currentFrame,a._skipAdvance=this._skipAdvance,a},b._tick=function(a){this.paused||(this._skipAdvance||this.advance(a&&a.delta),this._skipAdvance=!1),this.DisplayObject__tick(a)},b._normalizeFrame=function(a){a=a||0;var b,c=this._animation,d=this.paused,e=this._currentFrame;if(c){var f=c.speed||1,g=this.currentAnimationFrame;if(b=c.frames.length,g+a*f>=b){var h=c.next;if(this._dispatchAnimationEnd(c,e,d,h,b-1))return;if(h)return this._goto(h,a-(b-g)/f);this.paused=!0,g=c.frames.length-1}else g+=a*f;this.currentAnimationFrame=g,this._currentFrame=c.frames[0|g]}else if(e=this._currentFrame+=a,b=this.spriteSheet.getNumFrames(),e>=b&&b>0&&!this._dispatchAnimationEnd(c,e,d,b-1)&&(this._currentFrame-=b)>=b)return this._normalizeFrame();e=0|this._currentFrame,this.currentFrame!=e&&(this.currentFrame=e,this.dispatchEvent("change"))},b._dispatchAnimationEnd=function(a,b,c,d,e){var f=a?a.name:null;if(this.hasEventListener("animationend")){var g=new createjs.Event("animationend");g.name=f,g.next=d,this.dispatchEvent(g)}var h=this._animation!=a||this._currentFrame!=b;return h||c||!this.paused||(this.currentAnimationFrame=e,h=!0),h},b._goto=function(a,b){if(this.currentAnimationFrame=0,isNaN(a)){var c=this.spriteSheet.getAnimation(a);c&&(this._animation=c,this.currentAnimation=a,this._normalizeFrame(b))}else this.currentAnimation=this._animation=null,this._currentFrame=a,this._normalizeFrame()},createjs.Sprite=createjs.promote(a,"DisplayObject")}(),this.createjs=this.createjs||{},function(){"use strict";function a(a){this.DisplayObject_constructor(),this.graphics=a?a:new createjs.Graphics}var b=createjs.extend(a,createjs.DisplayObject);b.isVisible=function(){var a=this.cacheCanvas||this.graphics&&!this.graphics.isEmpty();return!!(this.visible&&this.alpha>0&&0!=this.scaleX&&0!=this.scaleY&&a)},b.draw=function(a,b){return this.DisplayObject_draw(a,b)?!0:(this.graphics.draw(a,this),!0)},b.clone=function(b){var c=b&&this.graphics?this.graphics.clone():this.graphics;return this._cloneProps(new a(c))},b.toString=function(){return"[Shape (name="+this.name+")]"},createjs.Shape=createjs.promote(a,"DisplayObject")}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c){this.DisplayObject_constructor(),this.text=a,this.font=b,this.color=c,this.textAlign="left",this.textBaseline="top",this.maxWidth=null,this.outline=0,this.lineHeight=0,this.lineWidth=null}var b=createjs.extend(a,createjs.DisplayObject),c=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas");c.getContext&&(a._workingContext=c.getContext("2d"),c.width=c.height=1),a.H_OFFSETS={start:0,left:0,center:-.5,end:-1,right:-1},a.V_OFFSETS={top:0,hanging:-.01,middle:-.4,alphabetic:-.8,ideographic:-.85,bottom:-1},b.isVisible=function(){var a=this.cacheCanvas||null!=this.text&&""!==this.text;return!!(this.visible&&this.alpha>0&&0!=this.scaleX&&0!=this.scaleY&&a)},b.draw=function(a,b){if(this.DisplayObject_draw(a,b))return!0;var c=this.color||"#000";return this.outline?(a.strokeStyle=c,a.lineWidth=1*this.outline):a.fillStyle=c,this._drawText(this._prepContext(a)),!0},b.getMeasuredWidth=function(){return this._getMeasuredWidth(this.text)},b.getMeasuredLineHeight=function(){return 1.2*this._getMeasuredWidth("M")},b.getMeasuredHeight=function(){return this._drawText(null,{}).height},b.getBounds=function(){var b=this.DisplayObject_getBounds();if(b)return b;if(null==this.text||""===this.text)return null;var c=this._drawText(null,{}),d=this.maxWidth&&this.maxWidthj;j++){var l=i[j],m=null;if(null!=this.lineWidth&&(m=b.measureText(l).width)>this.lineWidth){var n=l.split(/(\s)/);l=n[0],m=b.measureText(l).width;for(var o=1,p=n.length;p>o;o+=2){var q=b.measureText(n[o]+n[o+1]).width;m+q>this.lineWidth?(e&&this._drawTextLine(b,l,h*f),d&&d.push(l),m>g&&(g=m),l=n[o+1],m=b.measureText(l).width,h++):(l+=n[o]+n[o+1],m+=q)}}e&&this._drawTextLine(b,l,h*f),d&&d.push(l),c&&null==m&&(m=b.measureText(l).width),m>g&&(g=m),h++}return c&&(c.width=g,c.height=h*f),e||b.restore(),c},b._drawTextLine=function(a,b,c){this.outline?a.strokeText(b,0,c,this.maxWidth||65535):a.fillText(b,0,c,this.maxWidth||65535)},b._getMeasuredWidth=function(b){var c=a._workingContext;c.save();var d=this._prepContext(c).measureText(b).width;return c.restore(),d},createjs.Text=createjs.promote(a,"DisplayObject")}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b){this.Container_constructor(),this.text=a||"",this.spriteSheet=b,this.lineHeight=0,this.letterSpacing=0,this.spaceWidth=0,this._oldProps={text:0,spriteSheet:0,lineHeight:0,letterSpacing:0,spaceWidth:0},this._oldStage=null,this._drawAction=null}var b=createjs.extend(a,createjs.Container);a.maxPoolSize=100,a._spritePool=[],b.draw=function(a,b){this.DisplayObject_draw(a,b)||(this._updateState(),this.Container_draw(a,b))},b.getBounds=function(){return this._updateText(),this.Container_getBounds()},b.isVisible=function(){var a=this.cacheCanvas||this.spriteSheet&&this.spriteSheet.complete&&this.text;return!!(this.visible&&this.alpha>0&&0!==this.scaleX&&0!==this.scaleY&&a)},b.clone=function(){return this._cloneProps(new a(this.text,this.spriteSheet))},b.addChild=b.addChildAt=b.removeChild=b.removeChildAt=b.removeAllChildren=function(){},b._updateState=function(){this._updateText()},b._cloneProps=function(a){return this.Container__cloneProps(a),a.lineHeight=this.lineHeight,a.letterSpacing=this.letterSpacing,a.spaceWidth=this.spaceWidth,a},b._getFrameIndex=function(a,b){var c,d=b.getAnimation(a);return d||(a!=(c=a.toUpperCase())||a!=(c=a.toLowerCase())||(c=null),c&&(d=b.getAnimation(c))),d&&d.frames[0]},b._getFrame=function(a,b){var c=this._getFrameIndex(a,b);return null==c?c:b.getFrame(c)},b._getLineHeight=function(a){var b=this._getFrame("1",a)||this._getFrame("T",a)||this._getFrame("L",a)||a.getFrame(0);return b?b.rect.height:1},b._getSpaceWidth=function(a){var b=this._getFrame("1",a)||this._getFrame("l",a)||this._getFrame("e",a)||this._getFrame("a",a)||a.getFrame(0);return b?b.rect.width:1},b._updateText=function(){var b,c=0,d=0,e=this._oldProps,f=!1,g=this.spaceWidth,h=this.lineHeight,i=this.spriteSheet,j=a._spritePool,k=this.children,l=0,m=k.length;for(var n in e)e[n]!=this[n]&&(e[n]=this[n],f=!0);if(f){var o=!!this._getFrame(" ",i);o||g||(g=this._getSpaceWidth(i)),h||(h=this._getLineHeight(i));for(var p=0,q=this.text.length;q>p;p++){var r=this.text.charAt(p);if(" "!=r||o)if("\n"!=r&&"\r"!=r){var s=this._getFrameIndex(r,i);null!=s&&(m>l?b=k[l]:(k.push(b=j.length?j.pop():new createjs.Sprite),b.parent=this,m++),b.spriteSheet=i,b.gotoAndStop(s),b.x=c,b.y=d,l++,c+=b.getBounds().width+this.letterSpacing)}else"\r"==r&&"\n"==this.text.charAt(p+1)&&p++,c=0,d+=h;else c+=g}for(;m>l;)j.push(b=k.pop()),b.parent=null,m--;j.length>a.maxPoolSize&&(j.length=a.maxPoolSize)}},createjs.BitmapText=createjs.promote(a,"Container")}(),this.createjs=this.createjs||{},function(){"use strict";function a(b){this.Container_constructor(),!a.inited&&a.init();var c,d,e,f;b instanceof String||arguments.length>1?(c=b,d=arguments[1],e=arguments[2],f=arguments[3],null==e&&(e=-1),b=null):b&&(c=b.mode,d=b.startPosition,e=b.loop,f=b.labels),b||(b={labels:f}),this.mode=c||a.INDEPENDENT,this.startPosition=d||0,this.loop=e===!0?-1:e||0,this.currentFrame=0,this.paused=b.paused||!1,this.actionsEnabled=!0,this.autoReset=!0,this.frameBounds=this.frameBounds||b.frameBounds,this.framerate=null,b.useTicks=b.paused=!0,this.timeline=new createjs.Timeline(b),this._synchOffset=0,this._rawPosition=-1,this._bound_resolveState=this._resolveState.bind(this),this._t=0,this._managed={}}function b(){throw"MovieClipPlugin cannot be instantiated."}var c=createjs.extend(a,createjs.Container);a.INDEPENDENT="independent",a.SINGLE_FRAME="single",a.SYNCHED="synched",a.inited=!1,a.init=function(){a.inited||(b.install(),a.inited=!0)},c._getLabels=function(){return this.timeline.getLabels()},c.getLabels=createjs.deprecate(c._getLabels,"MovieClip.getLabels"),c._getCurrentLabel=function(){return this.timeline.currentLabel},c.getCurrentLabel=createjs.deprecate(c._getCurrentLabel,"MovieClip.getCurrentLabel"),c._getDuration=function(){return this.timeline.duration},c.getDuration=createjs.deprecate(c._getDuration,"MovieClip.getDuration");try{Object.defineProperties(c,{labels:{get:c._getLabels},currentLabel:{get:c._getCurrentLabel},totalFrames:{get:c._getDuration},duration:{get:c._getDuration}})}catch(d){}c.initialize=a,c.isVisible=function(){return!!(this.visible&&this.alpha>0&&0!=this.scaleX&&0!=this.scaleY)},c.draw=function(a,b){return this.DisplayObject_draw(a,b)?!0:(this._updateState(),this.Container_draw(a,b),!0)},c.play=function(){this.paused=!1},c.stop=function(){this.paused=!0},c.gotoAndPlay=function(a){this.paused=!1,this._goto(a)},c.gotoAndStop=function(a){this.paused=!0,this._goto(a)},c.advance=function(b){var c=a.INDEPENDENT;if(this.mode===c){for(var d=this,e=d.framerate;(d=d.parent)&&null===e;)d.mode===c&&(e=d._framerate);if(this._framerate=e,!this.paused){var f=null!==e&&-1!==e&&null!==b?b/(1e3/e)+this._t:1,g=0|f;for(this._t=f-g;g--;)this._updateTimeline(this._rawPosition+1,!1)}}},c.clone=function(){throw"MovieClip cannot be cloned."},c.toString=function(){return"[MovieClip (name="+this.name+")]"},c._updateState=function(){(-1===this._rawPosition||this.mode!==a.INDEPENDENT)&&this._updateTimeline(-1)},c._tick=function(a){this.advance(a&&a.delta),this.Container__tick(a)},c._goto=function(a){var b=this.timeline.resolve(a);null!=b&&(this._t=0,this._updateTimeline(b,!0))},c._reset=function(){this._rawPosition=-1,this._t=this.currentFrame=0,this.paused=!1},c._updateTimeline=function(b,c){var d=this.mode!==a.INDEPENDENT,e=this.timeline;d&&(b=this.startPosition+(this.mode===a.SINGLE_FRAME?0:this._synchOffset)),0>b&&(b=0),(this._rawPosition!==b||d)&&(this._rawPosition=b,e.loop=this.loop,e.setPosition(b,d||!this.actionsEnabled,c,this._bound_resolveState))},c._renderFirstFrame=function(){var a=this.timeline,b=a.rawPosition;a.setPosition(0,!0,!0,this._bound_resolveState),a.rawPosition=b},c._resolveState=function(){var a=this.timeline;this.currentFrame=a.position;for(var b in this._managed)this._managed[b]=1;for(var c=a.tweens,d=0,e=c.length;e>d;d++){var f=c[d],g=f.target;if(g!==this&&!f.passive){var h=f._stepPosition;g instanceof createjs.DisplayObject?this._addManagedChild(g,h):this._setState(g.state,h)}}var i=this.children;for(d=i.length-1;d>=0;d--){var j=i[d].id;1===this._managed[j]&&(this.removeChildAt(d),delete this._managed[j])}},c._setState=function(a,b){if(a)for(var c=a.length-1;c>=0;c--){var d=a[c],e=d.t,f=d.p;for(var g in f)e[g]=f[g];this._addManagedChild(e,b)}},c._addManagedChild=function(b,c){b._off||(this.addChildAt(b,0),b instanceof a&&(b._synchOffset=c,b.mode===a.INDEPENDENT&&b.autoReset&&!this._managed[b.id]&&b._reset()),this._managed[b.id]=2)},c._getBounds=function(a,b){var c=this.DisplayObject_getBounds();return c||this.frameBounds&&(c=this._rectangle.copy(this.frameBounds[this.currentFrame])),c?this._transformBounds(c,a,b):this.Container__getBounds(a,b)},createjs.MovieClip=createjs.promote(a,"Container"),b.priority=100,b.ID="MovieClip",b.install=function(){createjs.Tween._installPlugin(b)},b.init=function(c,d){"startPosition"===d&&c.target instanceof a&&c._addPlugin(b)},b.step=function(){},b.change=function(a,b,c,d,e){return"startPosition"===c?1===e?b.props[c]:b.prev.props[c]:void 0}}(),this.createjs=this.createjs||{},function(){"use strict";function a(){throw"SpriteSheetUtils cannot be instantiated"}var b=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas");b.getContext&&(a._workingCanvas=b,a._workingContext=b.getContext("2d"),b.width=b.height=1),a.extractFrame=function(b,c){isNaN(c)&&(c=b.getAnimation(c).frames[0]);var d=b.getFrame(c);if(!d)return null;var e=d.rect,f=a._workingCanvas;f.width=e.width,f.height=e.height,a._workingContext.drawImage(d.image,e.x,e.y,e.width,e.height,0,0,e.width,e.height);var g=document.createElement("img");return g.src=f.toDataURL("image/png"),g},a.addFlippedFrames=createjs.deprecate(null,"SpriteSheetUtils.addFlippedFrames"),a.mergeAlpha=createjs.deprecate(null,"SpriteSheetUtils.mergeAlpha"),a._flip=function(b,c,d,e){for(var f=b._images,g=a._workingCanvas,h=a._workingContext,i=f.length/c,j=0;i>j;j++){var k=f[j];k.__tmp=j,h.setTransform(1,0,0,1,0,0),h.clearRect(0,0,g.width+1,g.height+1),g.width=k.width,g.height=k.height,h.setTransform(d?-1:1,0,0,e?-1:1,d?k.width:0,e?k.height:0),h.drawImage(k,0,0);var l=document.createElement("img");l.src=g.toDataURL("image/png"),l.width=k.width||k.naturalWidth,l.height=k.height||k.naturalHeight,f.push(l)}var m=b._frames,n=m.length/c;for(j=0;n>j;j++){k=m[j];
-var o=k.rect.clone();l=f[k.image.__tmp+i*c];var p={image:l,rect:o,regX:k.regX,regY:k.regY};d&&(o.x=(l.width||l.naturalWidth)-o.x-o.width,p.regX=o.width-k.regX),e&&(o.y=(l.height||l.naturalHeight)-o.y-o.height,p.regY=o.height-k.regY),m.push(p)}var q="_"+(d?"h":"")+(e?"v":""),r=b._animations,s=b._data,t=r.length/c;for(j=0;t>j;j++){var u=r[j];k=s[u];var v={name:u+q,speed:k.speed,next:k.next,frames:[]};k.next&&(v.next+=q),m=k.frames;for(var w=0,x=m.length;x>w;w++)v.frames.push(m[w]+n*c);s[v.name]=v,r.push(v.name)}},createjs.SpriteSheetUtils=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a){this.EventDispatcher_constructor(),this.maxWidth=2048,this.maxHeight=2048,this.spriteSheet=null,this.scale=1,this.padding=1,this.timeSlice=.3,this.progress=-1,this.framerate=a||0,this._frames=[],this._animations={},this._data=null,this._nextFrameIndex=0,this._index=0,this._timerID=null,this._scale=1}var b=createjs.extend(a,createjs.EventDispatcher);a.ERR_DIMENSIONS="frame dimensions exceed max spritesheet dimensions",a.ERR_RUNNING="a build is already running",b.addFrame=function(b,c,d,e,f){if(this._data)throw a.ERR_RUNNING;var g=c||b.bounds||b.nominalBounds;return!g&&b.getBounds&&(g=b.getBounds()),g?(d=d||1,this._frames.push({source:b,sourceRect:g,scale:d,funct:e,data:f,index:this._frames.length,height:g.height*d})-1):null},b.addAnimation=function(b,c,d,e){if(this._data)throw a.ERR_RUNNING;this._animations[b]={frames:c,next:d,speed:e}},b.addMovieClip=function(b,c,d,e,f,g){if(this._data)throw a.ERR_RUNNING;var h=b.frameBounds,i=c||b.bounds||b.nominalBounds;if(!i&&b.getBounds&&(i=b.getBounds()),i||h){var j,k,l=this._frames.length,m=b.timeline.duration;for(j=0;m>j;j++){var n=h&&h[j]?h[j]:i;this.addFrame(b,n,d,this._setupMovieClipFrame,{i:j,f:e,d:f})}var o=b.timeline._labels,p=[];for(var q in o)p.push({index:o[q],label:q});if(p.length)for(p.sort(function(a,b){return a.index-b.index}),j=0,k=p.length;k>j;j++){for(var r=p[j].label,s=l+p[j].index,t=l+(j==k-1?m:p[j+1].index),u=[],v=s;t>v;v++)u.push(v);(!g||(r=g(r,b,s,t)))&&this.addAnimation(r,u,!0)}}},b.build=function(){if(this._data)throw a.ERR_RUNNING;for(this._startBuild();this._drawNext(););return this._endBuild(),this.spriteSheet},b.buildAsync=function(b){if(this._data)throw a.ERR_RUNNING;this.timeSlice=b,this._startBuild();var c=this;this._timerID=setTimeout(function(){c._run()},50-50*Math.max(.01,Math.min(.99,this.timeSlice||.3)))},b.stopAsync=function(){clearTimeout(this._timerID),this._data=null},b.clone=function(){throw"SpriteSheetBuilder cannot be cloned."},b.toString=function(){return"[SpriteSheetBuilder]"},b._startBuild=function(){var b=this.padding||0;this.progress=0,this.spriteSheet=null,this._index=0,this._scale=this.scale;var c=[];this._data={images:[],frames:c,framerate:this.framerate,animations:this._animations};var d=this._frames.slice();if(d.sort(function(a,b){return a.height<=b.height?-1:1}),d[d.length-1].height+2*b>this.maxHeight)throw a.ERR_DIMENSIONS;for(var e=0,f=0,g=0;d.length;){var h=this._fillRow(d,e,g,c,b);if(h.w>f&&(f=h.w),e+=h.h,!h.h||!d.length){var i=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas");i.width=this._getSize(f,this.maxWidth),i.height=this._getSize(e,this.maxHeight),this._data.images[g]=i,h.h||(f=e=0,g++)}}},b._setupMovieClipFrame=function(a,b){var c=a.actionsEnabled;a.actionsEnabled=!1,a.gotoAndStop(b.i),a.actionsEnabled=c,b.f&&b.f(a,b.d,b.i)},b._getSize=function(a,b){for(var c=4;Math.pow(2,++c)=0;l--){var m=b[l],n=this._scale*m.scale,o=m.sourceRect,p=m.source,q=Math.floor(n*o.x-f),r=Math.floor(n*o.y-f),s=Math.ceil(n*o.height+2*f),t=Math.ceil(n*o.width+2*f);if(t>g)throw a.ERR_DIMENSIONS;s>i||j+t>g||(m.img=d,m.rect=new createjs.Rectangle(j,c,t,s),k=k||s,b.splice(l,1),e[m.index]=[j,c,t,s,d,Math.round(-q+n*p.regX-f),Math.round(-r+n*p.regY-f)],j+=t)}return{w:j,h:k}},b._endBuild=function(){this.spriteSheet=new createjs.SpriteSheet(this._data),this._data=null,this.progress=1,this.dispatchEvent("complete")},b._run=function(){for(var a=50*Math.max(.01,Math.min(.99,this.timeSlice||.3)),b=(new Date).getTime()+a,c=!1;b>(new Date).getTime();)if(!this._drawNext()){c=!0;break}if(c)this._endBuild();else{var d=this;this._timerID=setTimeout(function(){d._run()},50-a)}var e=this.progress=this._index/this._frames.length;if(this.hasEventListener("progress")){var f=new createjs.Event("progress");f.progress=e,this.dispatchEvent(f)}},b._drawNext=function(){var a=this._frames[this._index],b=a.scale*this._scale,c=a.rect,d=a.sourceRect,e=this._data.images[a.img],f=e.getContext("2d");return a.funct&&a.funct(a.source,a.data),f.save(),f.beginPath(),f.rect(c.x,c.y,c.width,c.height),f.clip(),f.translate(Math.ceil(c.x-d.x*b),Math.ceil(c.y-d.y*b)),f.scale(b,b),a.source.draw(f),f.restore(),++this._index=!!d)return b;for(var e=0;d>e;e++){var f=c[e];if(f&&f.getBounds){var g=f.getBounds();g&&(0==e?b.setValues(g.x,g.y,g.width,g.height):b.extend(g.x,g.y,g.width,g.height))}}return b},b.toString=function(){return"[BitmapCache]"},b.define=function(a,b,c,d,e,f,g){if(!a)throw"No symbol to cache";this._options=g,this.target=a,this.width=d>=1?d:1,this.height=e>=1?e:1,this.x=b||0,this.y=c||0,this.scale=f||1,this.update()},b.update=function(b){if(!this.target)throw"define() must be called before update()";var c=a.getFilterBounds(this.target),d=this.target.cacheCanvas;this._drawWidth=Math.ceil(this.width*this.scale)+c.width,this._drawHeight=Math.ceil(this.height*this.scale)+c.height,d&&this._drawWidth==d.width&&this._drawHeight==d.height||this._updateSurface(),this._filterOffX=c.x,this._filterOffY=c.y,this.offX=this.x*this.scale+this._filterOffX,this.offY=this.y*this.scale+this._filterOffY,this._drawToCache(b),this.cacheID=this.cacheID?this.cacheID+1:1},b.release=function(){if(this._webGLCache)this._webGLCache.isCacheControlled||(this.__lastRT&&(this.__lastRT=void 0),this.__rtA&&this._webGLCache._killTextureObject(this.__rtA),this.__rtB&&this._webGLCache._killTextureObject(this.__rtB),this.target&&this.target.cacheCanvas&&this._webGLCache._killTextureObject(this.target.cacheCanvas)),this._webGLCache=!1;else{var a=this.target.stage;a instanceof createjs.StageGL&&a.releaseTexture(this.target.cacheCanvas)}this.target=this.target.cacheCanvas=null,this.cacheID=this._cacheDataURLID=this._cacheDataURL=void 0,this.width=this.height=this.x=this.y=this.offX=this.offY=0,this.scale=1},b.getCacheDataURL=function(){var a=this.target&&this.target.cacheCanvas;return a?(this.cacheID!=this._cacheDataURLID&&(this._cacheDataURLID=this.cacheID,this._cacheDataURL=a.toDataURL?a.toDataURL():null),this._cacheDataURL):null},b.draw=function(a){return this.target?(a.drawImage(this.target.cacheCanvas,this.x+this._filterOffX/this.scale,this.y+this._filterOffY/this.scale,this._drawWidth/this.scale,this._drawHeight/this.scale),!0):!1},b._updateSurface=function(){if(!this._options||!this._options.useGL){var a=this.target.cacheCanvas;return a||(a=this.target.cacheCanvas=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas")),a.width=this._drawWidth,void(a.height=this._drawHeight)}if(!this._webGLCache)if("stage"===this._options.useGL){if(!this.target.stage||!this.target.stage.isWebGL){var b="Cannot use 'stage' for cache because the object's parent stage is ";throw b+=this.target.stage?"non WebGL.":"not set, please addChild to the correct stage."}this.target.cacheCanvas=!0,this._webGLCache=this.target.stage}else if("new"===this._options.useGL)this.target.cacheCanvas=document.createElement("canvas"),this._webGLCache=new createjs.StageGL(this.target.cacheCanvas,{antialias:!0,transparent:!0,autoPurge:-1}),this._webGLCache.isCacheControlled=!0;else{if(!(this._options.useGL instanceof createjs.StageGL))throw"Invalid option provided to useGL, expected ['stage', 'new', StageGL, undefined], got "+this._options.useGL;this.target.cacheCanvas=!0,this._webGLCache=this._options.useGL,this._webGLCache.isCacheControlled=!0}var a=this.target.cacheCanvas,c=this._webGLCache;c.isCacheControlled&&(a.width=this._drawWidth,a.height=this._drawHeight,c.updateViewport(this._drawWidth,this._drawHeight)),this.target.filters?(c.getTargetRenderTexture(this.target,this._drawWidth,this._drawHeight),c.getTargetRenderTexture(this.target,this._drawWidth,this._drawHeight)):c.isCacheControlled||c.getTargetRenderTexture(this.target,this._drawWidth,this._drawHeight)},b._drawToCache=function(a){var b=this.target.cacheCanvas,c=this.target,d=this._webGLCache;if(d)d.cacheDraw(c,c.filters,this),b=this.target.cacheCanvas,b.width=this._drawWidth,b.height=this._drawHeight;else{var e=b.getContext("2d");a||e.clearRect(0,0,this._drawWidth+1,this._drawHeight+1),e.save(),e.globalCompositeOperation=a,e.setTransform(this.scale,0,0,this.scale,-this._filterOffX,-this._filterOffY),e.translate(-this.x,-this.y),c.draw(e,!0),e.restore(),c.filters&&c.filters.length&&this._applyFilters(e)}b._invalid=!0},b._applyFilters=function(a){var b,c=this.target.filters,d=this._drawWidth,e=this._drawHeight,f=0,g=c[f];do g.usesContext?(b&&(a.putImageData(b,0,0),b=null),g.applyFilter(a,0,0,d,e)):(b||(b=a.getImageData(0,0,d,e)),g._applyFilter(b)),g=null!==g._multiPass?g._multiPass:c[++f];while(g);b&&a.putImageData(b,0,0)},createjs.BitmapCache=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c){this.Filter_constructor(),this._blurX=a,this._blurXTable=[],this._lastBlurX=null,this._blurY=b,this._blurYTable=[],this._lastBlurY=null,this._quality,this._lastQuality=null,this.FRAG_SHADER_TEMPLATE="uniform float xWeight[{{blurX}}];uniform float yWeight[{{blurY}}];uniform vec2 textureOffset;void main(void) {vec4 color = vec4(0.0);float xAdj = ({{blurX}}.0-1.0)/2.0;float yAdj = ({{blurY}}.0-1.0)/2.0;vec2 sampleOffset;for(int i=0; i<{{blurX}}; i++) {for(int j=0; j<{{blurY}}; j++) {sampleOffset = vRenderCoord + (textureOffset * vec2(float(i)-xAdj, float(j)-yAdj));color += texture2D(uSampler, sampleOffset) * (xWeight[i] * yWeight[j]);}}gl_FragColor = color.rgba;}",(isNaN(c)||1>c)&&(c=1),this.setQuality(0|c)}var b=createjs.extend(a,createjs.Filter);b.getBlurX=function(){return this._blurX},b.getBlurY=function(){return this._blurY},b.setBlurX=function(a){(isNaN(a)||0>a)&&(a=0),this._blurX=a},b.setBlurY=function(a){(isNaN(a)||0>a)&&(a=0),this._blurY=a},b.getQuality=function(){return this._quality},b.setQuality=function(a){(isNaN(a)||0>a)&&(a=0),this._quality=0|a},b._getShader=function(){var a=this._lastBlurX!==this._blurX,b=this._lastBlurY!==this._blurY,c=this._lastQuality!==this._quality;return a||b||c?((a||c)&&(this._blurXTable=this._getTable(this._blurX*this._quality)),(b||c)&&(this._blurYTable=this._getTable(this._blurY*this._quality)),this._updateShader(),this._lastBlurX=this._blurX,this._lastBlurY=this._blurY,void(this._lastQuality=this._quality)):this._compiledShader},b._setShader=function(){this._compiledShader};try{Object.defineProperties(b,{blurX:{get:b.getBlurX,set:b.setBlurX},blurY:{get:b.getBlurY,set:b.setBlurY},quality:{get:b.getQuality,set:b.setQuality},_builtShader:{get:b._getShader,set:b._setShader}})}catch(c){console.log(c)}b._getTable=function(a){var b=4.2;if(1>=a)return[1];var c=[],d=Math.ceil(2*a);d+=d%2?0:1;for(var e=d/2|0,f=-e;e>=f;f++){var g=f/e*b;c.push(1/Math.sqrt(2*Math.PI)*Math.pow(Math.E,-(Math.pow(g,2)/4)))}var h=c.reduce(function(a,b){return a+b});return c.map(function(a){return a/h})},b._updateShader=function(){if(void 0!==this._blurX&&void 0!==this._blurY){var a=this.FRAG_SHADER_TEMPLATE;a=a.replace(/\{\{blurX\}\}/g,this._blurXTable.length.toFixed(0)),a=a.replace(/\{\{blurY\}\}/g,this._blurYTable.length.toFixed(0)),this.FRAG_SHADER_BODY=a}},b.shaderParamSetup=function(a,b,c){a.uniform1fv(a.getUniformLocation(c,"xWeight"),this._blurXTable),a.uniform1fv(a.getUniformLocation(c,"yWeight"),this._blurYTable),a.uniform2f(a.getUniformLocation(c,"textureOffset"),2/(b._viewportWidth*this._quality),2/(b._viewportHeight*this._quality))},a.MUL_TABLE=[1,171,205,293,57,373,79,137,241,27,391,357,41,19,283,265,497,469,443,421,25,191,365,349,335,161,155,149,9,278,269,261,505,245,475,231,449,437,213,415,405,395,193,377,369,361,353,345,169,331,325,319,313,307,301,37,145,285,281,69,271,267,263,259,509,501,493,243,479,118,465,459,113,446,55,435,429,423,209,413,51,403,199,393,97,3,379,375,371,367,363,359,355,351,347,43,85,337,333,165,327,323,5,317,157,311,77,305,303,75,297,294,73,289,287,71,141,279,277,275,68,135,67,133,33,262,260,129,511,507,503,499,495,491,61,121,481,477,237,235,467,232,115,457,227,451,7,445,221,439,218,433,215,427,425,211,419,417,207,411,409,203,202,401,399,396,197,49,389,387,385,383,95,189,47,187,93,185,23,183,91,181,45,179,89,177,11,175,87,173,345,343,341,339,337,21,167,83,331,329,327,163,81,323,321,319,159,79,315,313,39,155,309,307,153,305,303,151,75,299,149,37,295,147,73,291,145,289,287,143,285,71,141,281,35,279,139,69,275,137,273,17,271,135,269,267,133,265,33,263,131,261,130,259,129,257,1],a.SHG_TABLE=[0,9,10,11,9,12,10,11,12,9,13,13,10,9,13,13,14,14,14,14,10,13,14,14,14,13,13,13,9,14,14,14,15,14,15,14,15,15,14,15,15,15,14,15,15,15,15,15,14,15,15,15,15,15,15,12,14,15,15,13,15,15,15,15,16,16,16,15,16,14,16,16,14,16,13,16,16,16,15,16,13,16,15,16,14,9,16,16,16,16,16,16,16,16,16,13,14,16,16,15,16,16,10,16,15,16,14,16,16,14,16,16,14,16,16,14,15,16,16,16,14,15,14,15,13,16,16,15,17,17,17,17,17,17,14,15,17,17,16,16,17,16,15,17,16,17,11,17,16,17,16,17,16,17,17,16,17,17,16,17,17,16,16,17,17,17,16,14,17,17,17,17,15,16,14,16,15,16,13,16,15,16,14,16,15,16,12,16,15,16,17,17,17,17,17,13,16,15,17,17,17,16,15,17,17,17,16,15,17,17,14,16,17,17,16,17,17,16,15,17,16,14,17,16,15,17,16,17,17,16,17,15,16,17,14,17,16,15,17,16,17,13,17,16,17,17,16,17,14,17,16,17,16,17,16,17,9],b.getBounds=function(a){var b=0|this.blurX,c=0|this.blurY;if(0>=b&&0>=c)return a;var d=Math.pow(this.quality,.2);return(a||new createjs.Rectangle).pad(c*d+1,b*d+1,c*d+1,b*d+1)},b.clone=function(){return new a(this.blurX,this.blurY,this.quality)},b.toString=function(){return"[BlurFilter]"},b._applyFilter=function(b){var c=this._blurX>>1;if(isNaN(c)||0>c)return!1;var d=this._blurY>>1;if(isNaN(d)||0>d)return!1;if(0==c&&0==d)return!1;var e=this.quality;(isNaN(e)||1>e)&&(e=1),e|=0,e>3&&(e=3),1>e&&(e=1);var f=b.data,g=0,h=0,i=0,j=0,k=0,l=0,m=0,n=0,o=0,p=0,q=0,r=0,s=0,t=0,u=0,v=c+c+1|0,w=d+d+1|0,x=0|b.width,y=0|b.height,z=x-1|0,A=y-1|0,B=c+1|0,C=d+1|0,D={r:0,b:0,g:0,a:0},E=D;for(i=1;v>i;i++)E=E.n={r:0,b:0,g:0,a:0};E.n=D;var F={r:0,b:0,g:0,a:0},G=F;for(i=1;w>i;i++)G=G.n={r:0,b:0,g:0,a:0};G.n=F;for(var H=null,I=0|a.MUL_TABLE[c],J=0|a.SHG_TABLE[c],K=0|a.MUL_TABLE[d],L=0|a.SHG_TABLE[d];e-->0;){m=l=0;var M=I,N=J;for(h=y;--h>-1;){for(n=B*(r=f[0|l]),o=B*(s=f[l+1|0]),p=B*(t=f[l+2|0]),q=B*(u=f[l+3|0]),E=D,i=B;--i>-1;)E.r=r,E.g=s,E.b=t,E.a=u,E=E.n;for(i=1;B>i;i++)j=l+((i>z?z:i)<<2)|0,n+=E.r=f[j],o+=E.g=f[j+1],p+=E.b=f[j+2],q+=E.a=f[j+3],E=E.n;for(H=D,g=0;x>g;g++)f[l++]=n*M>>>N,f[l++]=o*M>>>N,f[l++]=p*M>>>N,f[l++]=q*M>>>N,j=m+((j=g+c+1)g;g++){for(l=g<<2|0,n=C*(r=f[l])|0,o=C*(s=f[l+1|0])|0,p=C*(t=f[l+2|0])|0,q=C*(u=f[l+3|0])|0,G=F,i=0;C>i;i++)G.r=r,G.g=s,G.b=t,G.a=u,G=G.n;for(k=x,i=1;d>=i;i++)l=k+g<<2,n+=G.r=f[l],o+=G.g=f[l+1],p+=G.b=f[l+2],q+=G.a=f[l+3],G=G.n,A>i&&(k+=x);if(l=g,H=F,e>0)for(h=0;y>h;h++)j=l<<2,f[j+3]=u=q*M>>>N,u>0?(f[j]=n*M>>>N,f[j+1]=o*M>>>N,f[j+2]=p*M>>>N):f[j]=f[j+1]=f[j+2]=0,j=g+((j=h+C)h;h++)j=l<<2,f[j+3]=u=q*M>>>N,u>0?(u=255/u,f[j]=(n*M>>>N)*u,f[j+1]=(o*M>>>N)*u,f[j+2]=(p*M>>>N)*u):f[j]=f[j+1]=f[j+2]=0,j=g+((j=h+C)d;d+=4)b[d+3]=c[d]||0;return!0},b._prepAlphaMap=function(){if(!this.alphaMap)return!1;if(this.alphaMap==this._alphaMap&&this._mapData)return!0;this._mapData=null;var a,b=this._alphaMap=this.alphaMap,c=b;b instanceof HTMLCanvasElement?a=c.getContext("2d"):(c=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas"),c.width=b.width,c.height=b.height,a=c.getContext("2d"),a.drawImage(b,0,0));try{var d=a.getImageData(0,0,b.width,b.height)}catch(e){return!1}return this._mapData=d.data,!0},createjs.AlphaMapFilter=createjs.promote(a,"Filter")}(),this.createjs=this.createjs||{},function(){"use strict";function a(a){this.Filter_constructor(),this.mask=a,this.usesContext=!0,this.FRAG_SHADER_BODY="uniform sampler2D uAlphaSampler;void main(void) {vec4 color = texture2D(uSampler, vRenderCoord);vec4 alphaMap = texture2D(uAlphaSampler, vTextureCoord);gl_FragColor = vec4(color.rgb, color.a * alphaMap.a);}"}var b=createjs.extend(a,createjs.Filter);b.shaderParamSetup=function(a,b,c){this._mapTexture||(this._mapTexture=a.createTexture()),a.activeTexture(a.TEXTURE1),a.bindTexture(a.TEXTURE_2D,this._mapTexture),b.setTextureParams(a),a.texImage2D(a.TEXTURE_2D,0,a.RGBA,a.RGBA,a.UNSIGNED_BYTE,this.mask),a.uniform1i(a.getUniformLocation(c,"uAlphaSampler"),1)},b.applyFilter=function(a,b,c,d,e,f,g,h){return this.mask?(f=f||a,null==g&&(g=b),null==h&&(h=c),f.save(),a!=f?!1:(f.globalCompositeOperation="destination-in",f.drawImage(this.mask,g,h),f.restore(),!0)):!0},b.clone=function(){return new a(this.mask)},b.toString=function(){return"[AlphaMaskFilter]"},createjs.AlphaMaskFilter=createjs.promote(a,"Filter")}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c,d,e,f,g,h){this.Filter_constructor(),this.redMultiplier=null!=a?a:1,this.greenMultiplier=null!=b?b:1,this.blueMultiplier=null!=c?c:1,this.alphaMultiplier=null!=d?d:1,this.redOffset=e||0,this.greenOffset=f||0,this.blueOffset=g||0,this.alphaOffset=h||0,this.FRAG_SHADER_BODY="uniform vec4 uColorMultiplier;uniform vec4 uColorOffset;void main(void) {vec4 color = texture2D(uSampler, vRenderCoord);gl_FragColor = (color * uColorMultiplier) + uColorOffset;}"}var b=createjs.extend(a,createjs.Filter);b.shaderParamSetup=function(a,b,c){a.uniform4f(a.getUniformLocation(c,"uColorMultiplier"),this.redMultiplier,this.greenMultiplier,this.blueMultiplier,this.alphaMultiplier),a.uniform4f(a.getUniformLocation(c,"uColorOffset"),this.redOffset/255,this.greenOffset/255,this.blueOffset/255,this.alphaOffset/255)},b.toString=function(){return"[ColorFilter]"},b.clone=function(){return new a(this.redMultiplier,this.greenMultiplier,this.blueMultiplier,this.alphaMultiplier,this.redOffset,this.greenOffset,this.blueOffset,this.alphaOffset)},b._applyFilter=function(a){for(var b=a.data,c=b.length,d=0;c>d;d+=4)b[d]=b[d]*this.redMultiplier+this.redOffset,b[d+1]=b[d+1]*this.greenMultiplier+this.greenOffset,b[d+2]=b[d+2]*this.blueMultiplier+this.blueOffset,b[d+3]=b[d+3]*this.alphaMultiplier+this.alphaOffset;return!0},createjs.ColorFilter=createjs.promote(a,"Filter")}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c,d){this.setColor(a,b,c,d)}var b=a.prototype;a.DELTA_INDEX=[0,.01,.02,.04,.05,.06,.07,.08,.1,.11,.12,.14,.15,.16,.17,.18,.2,.21,.22,.24,.25,.27,.28,.3,.32,.34,.36,.38,.4,.42,.44,.46,.48,.5,.53,.56,.59,.62,.65,.68,.71,.74,.77,.8,.83,.86,.89,.92,.95,.98,1,1.06,1.12,1.18,1.24,1.3,1.36,1.42,1.48,1.54,1.6,1.66,1.72,1.78,1.84,1.9,1.96,2,2.12,2.25,2.37,2.5,2.62,2.75,2.87,3,3.2,3.4,3.6,3.8,4,4.3,4.7,4.9,5,5.5,6,6.5,6.8,7,7.3,7.5,7.8,8,8.4,8.7,9,9.4,9.6,9.8,10],a.IDENTITY_MATRIX=[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1],a.LENGTH=a.IDENTITY_MATRIX.length,b.setColor=function(a,b,c,d){return this.reset().adjustColor(a,b,c,d)},b.reset=function(){return this.copy(a.IDENTITY_MATRIX)},b.adjustColor=function(a,b,c,d){return this.adjustHue(d),this.adjustContrast(b),this.adjustBrightness(a),this.adjustSaturation(c)},b.adjustBrightness=function(a){return 0==a||isNaN(a)?this:(a=this._cleanValue(a,255),this._multiplyMatrix([1,0,0,0,a,0,1,0,0,a,0,0,1,0,a,0,0,0,1,0,0,0,0,0,1]),this)},b.adjustContrast=function(b){if(0==b||isNaN(b))return this;b=this._cleanValue(b,100);var c;return 0>b?c=127+b/100*127:(c=b%1,c=0==c?a.DELTA_INDEX[b]:a.DELTA_INDEX[b<<0]*(1-c)+a.DELTA_INDEX[(b<<0)+1]*c,c=127*c+127),this._multiplyMatrix([c/127,0,0,0,.5*(127-c),0,c/127,0,0,.5*(127-c),0,0,c/127,0,.5*(127-c),0,0,0,1,0,0,0,0,0,1]),this},b.adjustSaturation=function(a){if(0==a||isNaN(a))return this;a=this._cleanValue(a,100);var b=1+(a>0?3*a/100:a/100),c=.3086,d=.6094,e=.082;return this._multiplyMatrix([c*(1-b)+b,d*(1-b),e*(1-b),0,0,c*(1-b),d*(1-b)+b,e*(1-b),0,0,c*(1-b),d*(1-b),e*(1-b)+b,0,0,0,0,0,1,0,0,0,0,0,1]),this},b.adjustHue=function(a){if(0==a||isNaN(a))return this;a=this._cleanValue(a,180)/180*Math.PI;var b=Math.cos(a),c=Math.sin(a),d=.213,e=.715,f=.072;return this._multiplyMatrix([d+b*(1-d)+c*-d,e+b*-e+c*-e,f+b*-f+c*(1-f),0,0,d+b*-d+.143*c,e+b*(1-e)+.14*c,f+b*-f+c*-.283,0,0,d+b*-d+c*-(1-d),e+b*-e+c*e,f+b*(1-f)+c*f,0,0,0,0,0,1,0,0,0,0,0,1]),this},b.concat=function(b){return b=this._fixMatrix(b),b.length!=a.LENGTH?this:(this._multiplyMatrix(b),this)},b.clone=function(){return(new a).copy(this)},b.toArray=function(){for(var b=[],c=0,d=a.LENGTH;d>c;c++)b[c]=this[c];return b},b.copy=function(b){for(var c=a.LENGTH,d=0;c>d;d++)this[d]=b[d];return this},b.toString=function(){return"[ColorMatrix]"},b._multiplyMatrix=function(a){var b,c,d,e=[];for(b=0;5>b;b++){for(c=0;5>c;c++)e[c]=this[c+5*b];for(c=0;5>c;c++){var f=0;for(d=0;5>d;d++)f+=a[c+5*d]*e[d];this[c+5*b]=f}}},b._cleanValue=function(a,b){return Math.min(b,Math.max(-b,a))},b._fixMatrix=function(b){return b instanceof a&&(b=b.toArray()),b.lengtha.LENGTH&&(b=b.slice(0,a.LENGTH)),b},createjs.ColorMatrix=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a){this.Filter_constructor(),this.matrix=a,this.FRAG_SHADER_BODY="uniform mat4 uColorMatrix;uniform vec4 uColorMatrixOffset;void main(void) {vec4 color = texture2D(uSampler, vRenderCoord);mat4 m = uColorMatrix;vec4 newColor = vec4(0,0,0,0);newColor.r = color.r*m[0][0] + color.g*m[0][1] + color.b*m[0][2] + color.a*m[0][3];newColor.g = color.r*m[1][0] + color.g*m[1][1] + color.b*m[1][2] + color.a*m[1][3];newColor.b = color.r*m[2][0] + color.g*m[2][1] + color.b*m[2][2] + color.a*m[2][3];newColor.a = color.r*m[3][0] + color.g*m[3][1] + color.b*m[3][2] + color.a*m[3][3];gl_FragColor = newColor + uColorMatrixOffset;}"}var b=createjs.extend(a,createjs.Filter);b.shaderParamSetup=function(a,b,c){var d=this.matrix,e=new Float32Array([d[0],d[1],d[2],d[3],d[5],d[6],d[7],d[8],d[10],d[11],d[12],d[13],d[15],d[16],d[17],d[18]]);a.uniformMatrix4fv(a.getUniformLocation(c,"uColorMatrix"),!1,e),a.uniform4f(a.getUniformLocation(c,"uColorMatrixOffset"),d[4]/255,d[9]/255,d[14]/255,d[19]/255)},b.toString=function(){return"[ColorMatrixFilter]"},b.clone=function(){return new a(this.matrix)},b._applyFilter=function(a){for(var b,c,d,e,f=a.data,g=f.length,h=this.matrix,i=h[0],j=h[1],k=h[2],l=h[3],m=h[4],n=h[5],o=h[6],p=h[7],q=h[8],r=h[9],s=h[10],t=h[11],u=h[12],v=h[13],w=h[14],x=h[15],y=h[16],z=h[17],A=h[18],B=h[19],C=0;g>C;C+=4)b=f[C],c=f[C+1],d=f[C+2],e=f[C+3],f[C]=b*i+c*j+d*k+e*l+m,f[C+1]=b*n+c*o+d*p+e*q+r,f[C+2]=b*s+c*t+d*u+e*v+w,f[C+3]=b*x+c*y+d*z+e*A+B;return!0},createjs.ColorMatrixFilter=createjs.promote(a,"Filter")}(),this.createjs=this.createjs||{},function(){"use strict";function a(){throw"Touch cannot be instantiated"}a.isSupported=function(){return!!("ontouchstart"in window||window.navigator.msPointerEnabled&&window.navigator.msMaxTouchPoints>0||window.navigator.pointerEnabled&&window.navigator.maxTouchPoints>0)},a.enable=function(b,c,d){return b&&b.canvas&&a.isSupported()?b.__touch?!0:(b.__touch={pointers:{},multitouch:!c,preventDefault:!d,count:0},"ontouchstart"in window?a._IOS_enable(b):(window.navigator.msPointerEnabled||window.navigator.pointerEnabled)&&a._IE_enable(b),!0):!1},a.disable=function(b){b&&("ontouchstart"in window?a._IOS_disable(b):(window.navigator.msPointerEnabled||window.navigator.pointerEnabled)&&a._IE_disable(b),delete b.__touch)},a._IOS_enable=function(b){var c=b.canvas,d=b.__touch.f=function(c){a._IOS_handleEvent(b,c)};c.addEventListener("touchstart",d,!1),c.addEventListener("touchmove",d,!1),c.addEventListener("touchend",d,!1),c.addEventListener("touchcancel",d,!1)},a._IOS_disable=function(a){var b=a.canvas;if(b){var c=a.__touch.f;b.removeEventListener("touchstart",c,!1),b.removeEventListener("touchmove",c,!1),b.removeEventListener("touchend",c,!1),b.removeEventListener("touchcancel",c,!1)}},a._IOS_handleEvent=function(a,b){if(a){a.__touch.preventDefault&&b.preventDefault&&b.preventDefault();for(var c=b.changedTouches,d=b.type,e=0,f=c.length;f>e;e++){var g=c[e],h=g.identifier;g.target==a.canvas&&("touchstart"==d?this._handleStart(a,h,b,g.pageX,g.pageY):"touchmove"==d?this._handleMove(a,h,b,g.pageX,g.pageY):("touchend"==d||"touchcancel"==d)&&this._handleEnd(a,h,b))}}},a._IE_enable=function(b){var c=b.canvas,d=b.__touch.f=function(c){a._IE_handleEvent(b,c)};void 0===window.navigator.pointerEnabled?(c.addEventListener("MSPointerDown",d,!1),window.addEventListener("MSPointerMove",d,!1),window.addEventListener("MSPointerUp",d,!1),window.addEventListener("MSPointerCancel",d,!1),b.__touch.preventDefault&&(c.style.msTouchAction="none")):(c.addEventListener("pointerdown",d,!1),window.addEventListener("pointermove",d,!1),window.addEventListener("pointerup",d,!1),window.addEventListener("pointercancel",d,!1),b.__touch.preventDefault&&(c.style.touchAction="none")),b.__touch.activeIDs={}},a._IE_disable=function(a){var b=a.__touch.f;void 0===window.navigator.pointerEnabled?(window.removeEventListener("MSPointerMove",b,!1),window.removeEventListener("MSPointerUp",b,!1),window.removeEventListener("MSPointerCancel",b,!1),a.canvas&&a.canvas.removeEventListener("MSPointerDown",b,!1)):(window.removeEventListener("pointermove",b,!1),window.removeEventListener("pointerup",b,!1),window.removeEventListener("pointercancel",b,!1),a.canvas&&a.canvas.removeEventListener("pointerdown",b,!1))},a._IE_handleEvent=function(a,b){if(a){a.__touch.preventDefault&&b.preventDefault&&b.preventDefault();var c=b.type,d=b.pointerId,e=a.__touch.activeIDs;if("MSPointerDown"==c||"pointerdown"==c){if(b.srcElement!=a.canvas)return;e[d]=!0,this._handleStart(a,d,b,b.pageX,b.pageY)}else e[d]&&("MSPointerMove"==c||"pointermove"==c?this._handleMove(a,d,b,b.pageX,b.pageY):("MSPointerUp"==c||"MSPointerCancel"==c||"pointerup"==c||"pointercancel"==c)&&(delete e[d],this._handleEnd(a,d,b)))}},a._handleStart=function(a,b,c,d,e){var f=a.__touch;if(f.multitouch||!f.count){var g=f.pointers;g[b]||(g[b]=!0,f.count++,a._handlePointerDown(b,c,d,e))}},a._handleMove=function(a,b,c,d,e){a.__touch.pointers[b]&&a._handlePointerMove(b,c,d,e)},a._handleEnd=function(a,b,c){var d=a.__touch,e=d.pointers;e[b]&&(d.count--,a._handlePointerUp(b,c,!0),delete e[b])},createjs.Touch=a}(),this.createjs=this.createjs||{},function(){"use strict";var a=createjs.EaselJS=createjs.EaselJS||{};a.version="1.0.0",a.buildDate="Thu, 14 Sep 2017 19:47:53 GMT"}();
\ No newline at end of file
+this.createjs=this.createjs||{},createjs.extend=function(a,b){"use strict";function c(){this.constructor=a}return c.prototype=b.prototype,a.prototype=new c},this.createjs=this.createjs||{},createjs.promote=function(a,b){"use strict";var c=a.prototype,d=Object.getPrototypeOf&&Object.getPrototypeOf(c)||c.__proto__;if(d){c[(b+="_")+"constructor"]=d.constructor;for(var e in d)c.hasOwnProperty(e)&&"function"==typeof d[e]&&(c[b+e]=d[e])}return a},this.createjs=this.createjs||{},createjs.indexOf=function(a,b){"use strict";for(var c=0,d=a.length;c=0&&!a.propagationStopped;g--)f[g]._dispatchEvent(a,1+(0==g));for(g=1;g=.97*(a._interval-1)&&a._tick()},a._handleRAF=function(){a._timerId=null,a._setupTick(),a._tick()},a._handleTimeout=function(){a._timerId=null,a._setupTick(),a._tick()},a._setupTick=function(){if(null==a._timerId){var b=a.timingMode;if(b==a.RAF_SYNCHED||b==a.RAF){var c=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame;if(c)return a._timerId=c(b==a.RAF?a._handleRAF:a._handleSynch),void(a._raf=!0)}a._raf=!1,a._timerId=setTimeout(a._handleTimeout,a._interval)}},a._tick=function(){var b=a.paused,c=a._getTime(),d=c-a._lastTime;if(a._lastTime=c,a._ticks++,b&&(a._pausedTicks++,a._pausedTime+=d),a.hasEventListener("tick")){var e=new createjs.Event("tick"),f=a.maxDelta;e.delta=f&&d>f?f:d,e.paused=b,e.time=c,e.runTime=c-a._pausedTime,a.dispatchEvent(e)}for(a._tickTimes.unshift(a._getTime()-c);a._tickTimes.length>100;)a._tickTimes.pop();for(a._times.unshift(c);a._times.length>100;)a._times.pop()};var b=window,c=b.performance.now||b.performance.mozNow||b.performance.msNow||b.performance.oNow||b.performance.webkitNow;a._getTime=function(){return(c&&c.call(b.performance)||(new Date).getTime())-a._startTime},createjs.Ticker=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a){this.readyState=a.readyState,this._video=a,this._canvas=null,this._lastTime=-1,this.readyState<2&&a.addEventListener("canplaythrough",this._videoReady.bind(this))}var b=a.prototype;b.getImage=function(){if(!(this.readyState<2)){var a=this._canvas,b=this._video;if(a||(a=this._canvas=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas"),a.width=b.videoWidth,a.height=b.videoHeight),b.readyState>=2&&b.currentTime!==this._lastTime){var c=a.getContext("2d");c.clearRect(0,0,a.width,a.height),c.drawImage(b,0,0,a.width,a.height),this._lastTime=b.currentTime}return a}},b._videoReady=function(){this.readyState=2},createjs.VideoBuffer=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c,d,e,f,g,h,i,j,k){this.Event_constructor(a,b,c),this.stageX=d,this.stageY=e,this.rawX=null==i?d:i,this.rawY=null==j?e:j,this.nativeEvent=f,this.pointerID=g,this.primary=!!h,this.relatedTarget=k}var b=createjs.extend(a,createjs.Event);b._get_localX=function(){return this.currentTarget.globalToLocal(this.rawX,this.rawY).x},b._get_localY=function(){return this.currentTarget.globalToLocal(this.rawX,this.rawY).y},b._get_isTouch=function(){return-1!==this.pointerID};try{Object.defineProperties(b,{localX:{get:b._get_localX},localY:{get:b._get_localY},isTouch:{get:b._get_isTouch}})}catch(a){}b.clone=function(){return new a(this.type,this.bubbles,this.cancelable,this.stageX,this.stageY,this.nativeEvent,this.pointerID,this.primary,this.rawX,this.rawY)},b.toString=function(){return"[MouseEvent (type="+this.type+" stageX="+this.stageX+" stageY="+this.stageY+")]"},createjs.MouseEvent=createjs.promote(a,"Event")}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c,d,e,f){this.setValues(a,b,c,d,e,f)}var b=a.prototype;a.DEG_TO_RAD=Math.PI/180,a.identity=null,b.setValues=function(a,b,c,d,e,f){return this.a=null==a?1:a,this.b=b||0,this.c=c||0,this.d=null==d?1:d,this.tx=e||0,this.ty=f||0,this},b.append=function(a,b,c,d,e,f){var g=this.a,h=this.b,i=this.c,j=this.d;return 1==a&&0==b&&0==c&&1==d||(this.a=g*a+i*b,this.b=h*a+j*b,this.c=g*c+i*d,this.d=h*c+j*d),this.tx=g*e+i*f+this.tx,this.ty=h*e+j*f+this.ty,this},b.prepend=function(a,b,c,d,e,f){var g=this.a,h=this.c,i=this.tx;return this.a=a*g+c*this.b,this.b=b*g+d*this.b,this.c=a*h+c*this.d,this.d=b*h+d*this.d,this.tx=a*i+c*this.ty+e,this.ty=b*i+d*this.ty+f,this},b.appendMatrix=function(a){return this.append(a.a,a.b,a.c,a.d,a.tx,a.ty)},b.prependMatrix=function(a){return this.prepend(a.a,a.b,a.c,a.d,a.tx,a.ty)},b.appendTransform=function(b,c,d,e,f,g,h,i,j){if(f%360)var k=f*a.DEG_TO_RAD,l=Math.cos(k),m=Math.sin(k);else l=1,m=0;return g||h?(g*=a.DEG_TO_RAD,h*=a.DEG_TO_RAD,this.append(Math.cos(h),Math.sin(h),-Math.sin(g),Math.cos(g),b,c),this.append(l*d,m*d,-m*e,l*e,0,0)):this.append(l*d,m*d,-m*e,l*e,b,c),(i||j)&&(this.tx-=i*this.a+j*this.c,this.ty-=i*this.b+j*this.d),this},b.prependTransform=function(b,c,d,e,f,g,h,i,j){if(f%360)var k=f*a.DEG_TO_RAD,l=Math.cos(k),m=Math.sin(k);else l=1,m=0;return(i||j)&&(this.tx-=i,this.ty-=j),g||h?(g*=a.DEG_TO_RAD,h*=a.DEG_TO_RAD,this.prepend(l*d,m*d,-m*e,l*e,0,0),this.prepend(Math.cos(h),Math.sin(h),-Math.sin(g),Math.cos(g),b,c)):this.prepend(l*d,m*d,-m*e,l*e,b,c),this},b.rotate=function(b){b*=a.DEG_TO_RAD;var c=Math.cos(b),d=Math.sin(b),e=this.a,f=this.b;return this.a=e*c+this.c*d,this.b=f*c+this.d*d,this.c=-e*d+this.c*c,this.d=-f*d+this.d*c,this},b.skew=function(b,c){return b*=a.DEG_TO_RAD,c*=a.DEG_TO_RAD,this.append(Math.cos(c),Math.sin(c),-Math.sin(b),Math.cos(b),0,0),this},b.scale=function(a,b){return this.a*=a,this.b*=a,this.c*=b,this.d*=b,this},b.translate=function(a,b){return this.tx+=this.a*a+this.c*b,this.ty+=this.b*a+this.d*b,this},b.identity=function(){return this.a=this.d=1,this.b=this.c=this.tx=this.ty=0,this},b.invert=function(){var a=this.a,b=this.b,c=this.c,d=this.d,e=this.tx,f=a*d-b*c;return this.a=d/f,this.b=-b/f,this.c=-c/f,this.d=a/f,this.tx=(c*this.ty-d*e)/f,this.ty=-(a*this.ty-b*e)/f,this},b.isIdentity=function(){return 0===this.tx&&0===this.ty&&1===this.a&&0===this.b&&0===this.c&&1===this.d},b.equals=function(a){return this.tx===a.tx&&this.ty===a.ty&&this.a===a.a&&this.b===a.b&&this.c===a.c&&this.d===a.d},b.transformPoint=function(a,b,c){return c=c||{},c.x=a*this.a+b*this.c+this.tx,c.y=a*this.b+b*this.d+this.ty,c},b.decompose=function(b){null==b&&(b={}),b.x=this.tx,b.y=this.ty,b.scaleX=Math.sqrt(this.a*this.a+this.b*this.b),b.scaleY=Math.sqrt(this.c*this.c+this.d*this.d);var c=Math.atan2(-this.c,this.d),d=Math.atan2(this.b,this.a);return Math.abs(1-c/d)<1e-5?(b.rotation=d/a.DEG_TO_RAD,this.a<0&&this.d>=0&&(b.rotation+=b.rotation<=0?180:-180),b.skewX=b.skewY=0):(b.skewX=c/a.DEG_TO_RAD,b.skewY=d/a.DEG_TO_RAD),b},b.copy=function(a){return this.setValues(a.a,a.b,a.c,a.d,a.tx,a.ty)},b.clone=function(){return new a(this.a,this.b,this.c,this.d,this.tx,this.ty)},b.toString=function(){return"[Matrix2D (a="+this.a+" b="+this.b+" c="+this.c+" d="+this.d+" tx="+this.tx+" ty="+this.ty+")]"},a.identity=new a,createjs.Matrix2D=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c,d,e){this.setValues(a,b,c,d,e)}var b=a.prototype;b.setValues=function(a,b,c,d,e){return this.visible=null==a||!!a,this.alpha=null==b?1:b,this.shadow=c,this.compositeOperation=d,this.matrix=e||this.matrix&&this.matrix.identity()||new createjs.Matrix2D,this},b.append=function(a,b,c,d,e){return this.alpha*=b,this.shadow=c||this.shadow,this.compositeOperation=d||this.compositeOperation,this.visible=this.visible&&a,e&&this.matrix.appendMatrix(e),this},b.prepend=function(a,b,c,d,e){return this.alpha*=b,this.shadow=this.shadow||c,this.compositeOperation=this.compositeOperation||d,this.visible=this.visible&&a,e&&this.matrix.prependMatrix(e),this},b.identity=function(){return this.visible=!0,this.alpha=1,this.shadow=this.compositeOperation=null,this.matrix.identity(),this},b.clone=function(){return new a(this.alpha,this.shadow,this.compositeOperation,this.visible,this.matrix.clone())},createjs.DisplayProps=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b){this.setValues(a,b)}var b=a.prototype;b.setValues=function(a,b){return this.x=a||0,this.y=b||0,this},b.offset=function(a,b){return this.x+=a,this.y+=b,this},a.polar=function(b,c,d){return d=d||new a,d.x=b*Math.cos(c),d.y=b*Math.sin(c),d},a.interpolate=function(b,c,d,e){return e=e||new a,e.x=c.x+d*(b.x-c.x),e.y=c.y+d*(b.y-c.y),e},b.copy=function(a){return this.x=a.x,this.y=a.y,this},b.clone=function(){return new a(this.x,this.y)},b.toString=function(){return"[Point (x="+this.x+" y="+this.y+")]"},createjs.Point=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c,d){this.setValues(a,b,c,d)}var b=a.prototype;b.setValues=function(a,b,c,d){return this.x=a||0,this.y=b||0,this.width=c||0,this.height=d||0,this},b.extend=function(a,b,c,d){return c=c||0,d=d||0,a+c>this.x+this.width&&(this.width=a+c-this.x),b+d>this.y+this.height&&(this.height=b+d-this.y),a=this.x&&a+c<=this.x+this.width&&b>=this.y&&b+d<=this.y+this.height},b.union=function(a){return this.clone().extend(a.x,a.y,a.width,a.height)},b.intersection=function(b){var c=b.x,d=b.y,e=c+b.width,f=d+b.height;return this.x>c&&(c=this.x),this.y>d&&(d=this.y),this.x+this.width0)for(e=this._images=[],b=0;b=a)break a;b++,this._frames.push({image:i,rect:new createjs.Rectangle(m,l,c,d),regX:this._regX,regY:this._regY}),m+=c+e}l+=d+e}this._numFrames=b}},createjs.SpriteSheet=createjs.promote(a,"EventDispatcher")}(),this.createjs=this.createjs||{},function(){"use strict";function a(){this.command=null,this._stroke=null,this._strokeStyle=null,this._oldStrokeStyle=null,this._strokeDash=null,this._oldStrokeDash=null,this._strokeIgnoreScale=!1,this._fill=null,this._instructions=[],this._commitIndex=0,this._activeInstructions=[],this._dirty=!1,this._storeIndex=0,this.clear()}var b=a.prototype,c=a;a.getRGB=function(a,b,c,d){return null!=a&&null==c&&(d=b,c=255&a,b=a>>8&255,a=a>>16&255),null==d?"rgb("+a+","+b+","+c+")":"rgba("+a+","+b+","+c+","+d+")"},a.getHSL=function(a,b,c,d){return null==d?"hsl("+a%360+","+b+"%,"+c+"%)":"hsla("+a%360+","+b+"%,"+c+"%,"+d+")"},a.BASE_64={A:0,B:1,C:2,D:3,E:4,F:5,G:6,H:7,I:8,J:9,K:10,L:11,M:12,N:13,O:14,P:15,Q:16,R:17,S:18,T:19,U:20,V:21,W:22,X:23,Y:24,Z:25,a:26,b:27,c:28,d:29,e:30,f:31,g:32,h:33,i:34,j:35,k:36,l:37,m:38,n:39,o:40,p:41,q:42,r:43,s:44,t:45,u:46,v:47,w:48,x:49,y:50,z:51,0:52,1:53,2:54,3:55,4:56,5:57,6:58,7:59,8:60,9:61,"+":62,"/":63},a.STROKE_CAPS_MAP=["butt","round","square"],a.STROKE_JOINTS_MAP=["miter","round","bevel"];var d=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas");d.getContext&&(a._ctx=d.getContext("2d"),d.width=d.height=1),b._getInstructions=function(){return this._updateInstructions(),this._instructions},b.getInstructions=createjs.deprecate(b._getInstructions,"Graphics.getInstructions");try{Object.defineProperties(b,{instructions:{get:b._getInstructions}})}catch(a){}b.isEmpty=function(){return!(this._instructions.length||this._activeInstructions.length)},b.draw=function(a,b){this._updateInstructions();for(var c=this._instructions,d=this._storeIndex,e=c.length;d>3,n=c[m];if(!n||3&l)throw"bad path data (@"+e+"): "+k;var o=d[m];m||(h=i=0),g.length=0,e++;for(var p=2+(l>>2&1),q=0;q>5?-1:1;r=(31&r)<<6|j[b.charAt(e+1)],3==p&&(r=r<<6|j[b.charAt(e+2)]),r=s*r/10,q%2?h=r+=h:i=r+=i,g[q]=r,e+=p}n.apply(this,g)}return this},b.store=function(){return this._updateInstructions(!0),this._storeIndex=this._instructions.length,this},b.unstore=function(){return this._storeIndex=0,this},b.clone=function(){var b=new a;return b.command=this.command,b._stroke=this._stroke,b._strokeStyle=this._strokeStyle,b._strokeDash=this._strokeDash,b._strokeIgnoreScale=this._strokeIgnoreScale,b._fill=this._fill,b._instructions=this._instructions.slice(),b._commitIndex=this._commitIndex,b._activeInstructions=this._activeInstructions.slice(),b._dirty=this._dirty,b._storeIndex=this._storeIndex,b},b.toString=function(){return"[Graphics]"},b.mt=b.moveTo,b.lt=b.lineTo,b.at=b.arcTo,b.bt=b.bezierCurveTo,b.qt=b.quadraticCurveTo,b.a=b.arc,b.r=b.rect,b.cp=b.closePath,b.c=b.clear,b.f=b.beginFill,b.lf=b.beginLinearGradientFill,b.rf=b.beginRadialGradientFill,b.bf=b.beginBitmapFill,b.ef=b.endFill,b.ss=b.setStrokeStyle,b.sd=b.setStrokeDash,b.s=b.beginStroke,b.ls=b.beginLinearGradientStroke,b.rs=b.beginRadialGradientStroke,b.bs=b.beginBitmapStroke,b.es=b.endStroke,b.dr=b.drawRect,b.rr=b.drawRoundRect,b.rc=b.drawRoundRectComplex,b.dc=b.drawCircle,b.de=b.drawEllipse,b.dp=b.drawPolyStar,b.pg=b.drawPolygon,b.p=b.decodePath,b._updateInstructions=function(b){var c=this._instructions,d=this._activeInstructions,e=this._commitIndex;if(this._dirty&&d.length){c.length=e,c.push(a.beginCmd);var f=d.length,g=c.length;c.length=g+f;for(var h=0;h=2){(this.style=a._ctx.createPattern(b,c||"")).props={image:b,repetition:c,type:"bitmap"}}return this},b.path=!1,b=(c.Stroke=function(a,b){this.style=a,this.ignoreScale=b}).prototype,b.exec=function(a){this.style&&(a.strokeStyle=this.style,this.ignoreScale&&(a.save(),a.setTransform(1,0,0,1,0,0)),a.stroke(),this.ignoreScale&&a.restore())},b.linearGradient=c.Fill.prototype.linearGradient,b.radialGradient=c.Fill.prototype.radialGradient,b.bitmap=c.Fill.prototype.bitmap,b.path=!1,b=(c.StrokeStyle=function(a,b,c,d,e){this.width=a,this.caps=b,this.joints=c,this.miterLimit=d,this.ignoreScale=e}).prototype,b.exec=function(b){b.lineWidth=null==this.width?"1":this.width,b.lineCap=null==this.caps?"butt":isNaN(this.caps)?this.caps:a.STROKE_CAPS_MAP[this.caps],b.lineJoin=null==this.joints?"miter":isNaN(this.joints)?this.joints:a.STROKE_JOINTS_MAP[this.joints],b.miterLimit=null==this.miterLimit?"10":this.miterLimit,b.ignoreScale=null!=this.ignoreScale&&this.ignoreScale},b.path=!1,(c.StrokeDash=function(a,b){this.segments=a,this.offset=b||0}).prototype.exec=function(a){a.setLineDash&&(a.setLineDash(this.segments||c.StrokeDash.EMPTY_SEGMENTS),a.lineDashOffset=this.offset||0)},c.StrokeDash.EMPTY_SEGMENTS=[],(c.RoundRect=function(a,b,c,d,e,f,g,h){this.x=a,this.y=b,this.w=c,this.h=d,this.radiusTL=e,this.radiusTR=f,this.radiusBR=g,this.radiusBL=h}).prototype.exec=function(a){
+var b=(this.wb&&(k=b),l<0&&(l*=d=-1),l>b&&(l=b),m<0&&(m*=e=-1),m>b&&(m=b),n<0&&(n*=f=-1),n>b&&(n=b),a.moveTo(g+i-l,h),a.arcTo(g+i+l*d,h-l*d,g+i,h+l,l),a.lineTo(g+i,h+j-m),a.arcTo(g+i+m*e,h+j+m*e,g+i-m,h+j,m),a.lineTo(g+n,h+j),a.arcTo(g-n*f,h+j+n*f,g,h+j-n,n),a.lineTo(g,h+k),a.arcTo(g-k*c,h-k*c,g+k,h,k),a.closePath()},(c.Circle=function(a,b,c){this.x=a,this.y=b,this.radius=c}).prototype.exec=function(a){a.arc(this.x,this.y,this.radius,0,2*Math.PI)},(c.Ellipse=function(a,b,c,d){this.x=a,this.y=b,this.w=c,this.h=d}).prototype.exec=function(a){var b=this.x,c=this.y,d=this.w,e=this.h,f=.5522848,g=d/2*f,h=e/2*f,i=b+d,j=c+e,k=b+d/2,l=c+e/2;a.moveTo(b,l),a.bezierCurveTo(b,l-h,k-g,c,k,c),a.bezierCurveTo(k+g,c,i,l-h,i,l),a.bezierCurveTo(i,l+h,k+g,j,k,j),a.bezierCurveTo(k-g,j,b,l+h,b,l)},(c.PolyStar=function(a,b,c,d,e,f){this.x=a,this.y=b,this.radius=c,this.sides=d,this.pointSize=e,this.angle=f}).prototype.exec=function(a){var b=this.x,c=this.y,d=this.radius,e=(this.angle||0)/180*Math.PI,f=this.sides,g=1-(this.pointSize||0),h=Math.PI/f;a.moveTo(b+Math.cos(e)*d,c+Math.sin(e)*d);for(var i=0;i0&&0!=this.scaleX&&0!=this.scaleY)},b.draw=function(a,b){var c=this.bitmapCache;return!(!c||b)&&c.draw(a)},b.updateContext=function(b){var c=this,d=c.mask,e=c._props.matrix;d&&d.graphics&&!d.graphics.isEmpty()&&(d.getMatrix(e),b.transform(e.a,e.b,e.c,e.d,e.tx,e.ty),d.graphics.drawAsPath(b),b.clip(),e.invert(),b.transform(e.a,e.b,e.c,e.d,e.tx,e.ty)),this.getMatrix(e);var f=e.tx,g=e.ty;a._snapToPixelEnabled&&c.snapToPixel&&(f=f+(f<0?-.5:.5)|0,g=g+(g<0?-.5:.5)|0),b.transform(e.a,e.b,e.c,e.d,f,g),b.globalAlpha*=c.alpha,c.compositeOperation&&(b.globalCompositeOperation=c.compositeOperation),c.shadow&&this._applyShadow(b,c.shadow)},b.cache=function(a,b,c,d,e,f){this.bitmapCache?this.bitmapCache._autoGenerated=!1:this.bitmapCache=new createjs.BitmapCache,this.bitmapCache.define(this,a,b,c,d,e,f)},b.updateCache=function(a){if(!this.bitmapCache)throw"cache() must be called before updateCache()";this.bitmapCache.update(a)},b.uncache=function(){this.bitmapCache&&(this.bitmapCache.release(),this.bitmapCache=void 0)},b.getCacheDataURL=function(a,b){return this.bitmapCache?this.bitmapCache.getCacheDataURL(a,b):null},b.localToGlobal=function(a,b,c){return this.getConcatenatedMatrix(this._props.matrix).transformPoint(a,b,c||new createjs.Point)},b.globalToLocal=function(a,b,c){return this.getConcatenatedMatrix(this._props.matrix).invert().transformPoint(a,b,c||new createjs.Point)},b.localToLocal=function(a,b,c,d){return d=this.localToGlobal(a,b,d),c.globalToLocal(d.x,d.y,d)},b.setTransform=function(a,b,c,d,e,f,g,h,i){return this.x=a||0,this.y=b||0,this.scaleX=null==c?1:c,this.scaleY=null==d?1:d,this.rotation=e||0,this.skewX=f||0,this.skewY=g||0,this.regX=h||0,this.regY=i||0,this},b.getMatrix=function(a){var b=this,c=a||new createjs.Matrix2D;return b.transformMatrix?c.copy(b.transformMatrix):c.identity()&&c.appendTransform(b.x,b.y,b.scaleX,b.scaleY,b.rotation,b.skewX,b.skewY,b.regX,b.regY)},b.getConcatenatedMatrix=function(a){for(var b=this,c=this.getMatrix(a);b=b.parent;)c.prependMatrix(b.getMatrix(b._props.matrix));return c},b.getConcatenatedDisplayProps=function(a){a=a?a.identity():new createjs.DisplayProps;var b=this,c=b.getMatrix(a.matrix);do{a.prepend(b.visible,b.alpha,b.shadow,b.compositeOperation),b!=this&&c.prependMatrix(b.getMatrix(b._props.matrix))}while(b=b.parent);return a},b.hitTest=function(b,c){var d=a._hitTestContext;d.setTransform(1,0,0,1,-b,-c),this.draw(d,!(this.bitmapCache&&!(this.bitmapCache._cacheCanvas instanceof WebGLTexture)));var e=this._testHit(d);return d.setTransform(1,0,0,1,0,0),d.clearRect(0,0,2,2),e},b.set=function(a){for(var b in a)this[b]=a[b];return this},b.getBounds=function(){if(this._bounds)return this._rectangle.copy(this._bounds);var a=this.bitmapCache;return a&&this.cacheCanvas?a.getBounds():null},b.getTransformedBounds=function(){return this._getBounds()},b.setBounds=function(a,b,c,d){if(null==a)return void(this._bounds=a);this._bounds=(this._bounds||new createjs.Rectangle).setValues(a,b,c,d)},b.clone=function(){return this._cloneProps(new a)},b.toString=function(){return"[DisplayObject (name="+this.name+")]"},b._updateState=null,b._cloneProps=function(a){return a.alpha=this.alpha,a.mouseEnabled=this.mouseEnabled,a.tickEnabled=this.tickEnabled,a.name=this.name,a.regX=this.regX,a.regY=this.regY,a.rotation=this.rotation,a.scaleX=this.scaleX,a.scaleY=this.scaleY,a.shadow=this.shadow,a.skewX=this.skewX,a.skewY=this.skewY,a.visible=this.visible,a.x=this.x,a.y=this.y,a.compositeOperation=this.compositeOperation,a.snapToPixel=this.snapToPixel,a.filters=null==this.filters?null:this.filters.slice(0),a.mask=this.mask,a.hitArea=this.hitArea,a.cursor=this.cursor,a._bounds=this._bounds,a._webGLRenderStyle=this._webGLRenderStyle,a},b._applyShadow=function(a,b){b=b||Shadow.identity,a.shadowColor=b.color,a.shadowOffsetX=b.offsetX,a.shadowOffsetY=b.offsetY,a.shadowBlur=b.blur},b._tick=function(a){var b=this._listeners;b&&b.tick&&(a.target=null,a.propagationStopped=a.immediatePropagationStopped=!1,this.dispatchEvent(a))},b._testHit=function(b){try{var c=b.getImageData(0,0,1,1).data[3]>1}catch(b){if(!a.suppressCrossDomainErrors)throw"An error has occurred. This is most likely due to security restrictions on reading canvas pixel data with local or cross-domain images."}return c},b._getBounds=function(a,b){return this._transformBounds(this.getBounds(),a,b)},b._transformBounds=function(a,b,c){if(!a)return a;var d=a.x,e=a.y,f=a.width,g=a.height,h=this._props.matrix;h=c?h.identity():this.getMatrix(h),(d||e)&&h.appendTransform(0,0,1,1,0,0,0,-d,-e),b&&h.prependMatrix(b);var i=f*h.a,j=f*h.b,k=g*h.c,l=g*h.d,m=h.tx,n=h.ty,o=m,p=m,q=n,r=n;return(d=i+m)p&&(p=d),(d=i+k+m)p&&(p=d),(d=k+m)p&&(p=d),(e=j+n)r&&(r=e),(e=j+l+n)r&&(r=e),(e=l+n)r&&(r=e),a.setValues(o,q,p-o,r-q)},b._hasMouseEventListener=function(){for(var b=a._MOUSE_EVENTS,c=0,d=b.length;c0&&0!=this.scaleX&&0!=this.scaleY&&a)},b.draw=function(a,b){if(this.DisplayObject_draw(a,b))return!0;for(var c=this.children.slice(),d=0,e=c.length;d1){for(var c=0;cthis.children.length)return arguments[c-2];if(c>2){for(var e=0;e1){for(var c=!0,d=0;d1){for(var c=[],d=0;d=d)){for(var e=0;e0,1==c),d},b.getObjectUnderPoint=function(a,b,c){var d=this.localToGlobal(a,b);return this._getObjectsUnderPoint(d.x,d.y,null,c>0,1==c)},b.getBounds=function(){return this._getBounds(null,!0)},b.getTransformedBounds=function(){return this._getBounds()},b.clone=function(b){var c=this._cloneProps(new a);return b&&this._cloneChildren(c),c},b.toString=function(){return"[Container (name="+this.name+")]"},b._tick=function(a){if(this.tickChildren)for(var b=this.children.length-1;b>=0;b--){var c=this.children[b];c.tickEnabled&&c._tick&&c._tick(a)}this.DisplayObject__tick(a)},b._cloneChildren=function(a){a.children.length&&a.removeAllChildren();for(var b=a.children,c=0,d=this.children.length;cthis.children.length-1)return!1;var c=this.children[a];return c&&(c.parent=null),this.children.splice(a,1),b||c.dispatchEvent("removed"),!0},b._getObjectsUnderPoint=function(b,c,d,e,f,g){if(!(g=g||0)&&!this._testMask(this,b,c))return null;var h,i=createjs.DisplayObject._hitTestContext;f=f||e&&this._hasMouseEventListener();for(var j=this.children,k=j.length,l=k-1;l>=0;l--){var m=j[l],n=m.hitArea;if(m.visible&&(n||m.isVisible())&&(!e||m.mouseEnabled)&&(n||this._testMask(m,b,c)))if(!n&&m instanceof a){var o=m._getObjectsUnderPoint(b,c,d,e,f,g+1);if(!d&&o)return e&&!this.mouseChildren?this:o}else{if(e&&!f&&!m._hasMouseEventListener())continue;var p=m.getConcatenatedDisplayProps(m._props);if(h=p.matrix,n&&(h.appendMatrix(n.getMatrix(n._props.matrix)),p.alpha=n.alpha),i.globalAlpha=p.alpha,i.setTransform(h.a,h.b,h.c,h.d,h.tx-b,h.ty-c),(n||m).draw(i),!this._testHit(i))continue;if(i.setTransform(1,0,0,1,0,0),i.clearRect(0,0,2,2),!d)return e&&!this.mouseChildren?this:m;d.push(m)}}return null},b._testMask=function(a,b,c){var d=a.mask;if(!d||!d.graphics||d.graphics.isEmpty())return!0;var e=this._props.matrix,f=a.parent;e=f?f.getConcatenatedMatrix(e):e.identity(),e=d.getMatrix(d._props.matrix).prependMatrix(e);var g=createjs.DisplayObject._hitTestContext;return g.setTransform(e.a,e.b,e.c,e.d,e.tx-b,e.ty-c),d.graphics.drawAsPath(g),g.fillStyle="#000",g.fill(),!!this._testHit(g)&&(g.setTransform(1,0,0,1,0,0),g.clearRect(0,0,2,2),!0)},b._getBounds=function(a,b){var c=this.DisplayObject_getBounds();if(c)return this._transformBounds(c,a,b);var d=this._props.matrix;d=b?d.identity():this.getMatrix(d),a&&d.prependMatrix(a);for(var e=this.children.length,f=null,g=0;g=0&&d>=0&&c<=f-1&&d<=g-1)?(h.x=c,h.y=d):this.mouseMoveOutside&&(h.x=c<0?0:c>f-1?f-1:c,h.y=d<0?0:d>g-1?g-1:d),h.posEvtObj=b,h.rawX=c,h.rawY=d,a!==this._primaryPointerID&&-1!==a||(this.mouseX=h.x,this.mouseY=h.y,this.mouseInBounds=h.inBounds)},b._handleMouseUp=function(a){this._handlePointerUp(-1,a,!1)},b._handlePointerUp=function(a,b,c,d){var e=this._nextStage,f=this._getPointerData(a);if(!this._prevStage||void 0!==d){var g=null,h=f.target;d||!h&&!e||(g=this._getObjectsUnderPoint(f.x,f.y,null,!0)),f.down&&(this._dispatchMouseEvent(this,"stagemouseup",!1,a,f,b,g),f.down=!1),g==h&&this._dispatchMouseEvent(h,"click",!0,a,f,b),this._dispatchMouseEvent(h,"pressup",!0,a,f,b),c?(a==this._primaryPointerID&&(this._primaryPointerID=null),delete this._pointerData[a]):f.target=null,e&&e._handlePointerUp(a,b,c,d||g&&this)}},b._handleMouseDown=function(a){this._handlePointerDown(-1,a,a.pageX,a.pageY)},b._handlePointerDown=function(a,b,c,d,e){this.preventSelection&&b.preventDefault(),null!=this._primaryPointerID&&-1!==a||(this._primaryPointerID=a),null!=d&&this._updatePointerPosition(a,b,c,d);var f=null,g=this._nextStage,h=this._getPointerData(a);e||(f=h.target=this._getObjectsUnderPoint(h.x,h.y,null,!0)),h.inBounds&&(this._dispatchMouseEvent(this,"stagemousedown",!1,a,h,b,f),h.down=!0),this._dispatchMouseEvent(f,"mousedown",!0,a,h,b),g&&g._handlePointerDown(a,b,c,d,e||f&&this)},b._testMouseOver=function(a,b,c){if(!this._prevStage||void 0!==b){var d=this._nextStage;if(!this._mouseOverIntervalID)return void(d&&d._testMouseOver(a,b,c));if(this.canvas){var e=this._getPointerData(-1);if(!e||!a&&this.mouseX==this._mouseOverX&&this.mouseY==this._mouseOverY&&this.mouseInBounds)return;var f,g,h,i=e.posEvtObj,j=c||i&&i.target==this.canvas,k=null,l=-1,m="";!b&&(a||this.mouseInBounds&&j)&&(k=this._getObjectsUnderPoint(this.mouseX,this.mouseY,null,!0),this._mouseOverX=this.mouseX,this._mouseOverY=this.mouseY);var n=this._mouseOverTarget||[],o=n[n.length-1],p=this._mouseOverTarget=[];for(f=k;f;)p.unshift(f),!m&&f.cursor&&(m=f.cursor),f=f.parent;for(this.canvas.style.cursor=m,!b&&c&&(c.canvas.style.cursor=m),g=0,h=p.length;gl;g--)this._dispatchMouseEvent(n[g],"rollout",!1,-1,e,i,k);for(g=p.length-1;g>l;g--)this._dispatchMouseEvent(p[g],"rollover",!1,-1,e,i,o);o!=k&&this._dispatchMouseEvent(k,"mouseover",!0,-1,e,i,o)}d&&d._testMouseOver(a,b||k&&this,c||j&&this)}},b._handleDoubleClick=function(a,b){var c=null,d=this._nextStage,e=this._getPointerData(-1);b||(c=this._getObjectsUnderPoint(e.x,e.y,null,!0),this._dispatchMouseEvent(c,"dblclick",!0,-1,e,a)),d&&d._handleDoubleClick(a,b||c&&this)},b._dispatchMouseEvent=function(a,b,c,d,e,f,g){if(a&&(c||a.hasEventListener(b))){var h=new createjs.MouseEvent(b,c,!1,e.x,e.y,f,d,d===this._primaryPointerID||-1===d,e.rawX,e.rawY,g);a.dispatchEvent(h)}},createjs.Stage=createjs.promote(a,"Container")}(),this.createjs=this.createjs||{},function(){"use strict";function a(b,c){this.Stage_constructor(b);var d,e,f,g,h,i;if(void 0!==c){if("object"!=typeof c)throw"Invalid options object";d=c.transparent,e=c.antialias,f=c.preserveBuffer,g=c.autoPurge,h=c.directDraw,i=c.batchSize}this.vocalDebug=!1,this.isCacheControlled=!1,this._preserveBuffer=f||!1,this._antialias=e||!1,this._transparent=d||!1,this._autoPurge=void 0,this.autoPurge=g,this._directDraw=void 0===h||!!h,this._viewportWidth=0,this._viewportHeight=0,this._projectionMatrix=null,this._webGLContext=null,this._frameBuffer=null,this._clearColor={r:.5,g:.5,b:.5,a:0},this._maxBatchVertexCount=Math.max(Math.min(Number(i)||a.DEFAULT_MAX_BATCH_SIZE,a.DEFAULT_MAX_BATCH_SIZE),a.DEFAULT_MIN_BATCH_SIZE)*a.INDICIES_PER_CARD,this._activeShader=null,this._mainShader=null,this._attributeConfig={},this._activeConfig=null,this._bufferTextureOutput=null,this._bufferTextureConcat=null,this._bufferTextureTemp=null,this._batchTextureOutput=this,this._batchTextureConcat=null,this._batchTextureTemp=null,this._builtShaders={},this._textureDictionary=[],this._textureIDs={},this._batchTextures=[],this._baseTextures=[],this._gpuTextureCount=8,this._gpuTextureMax=8,this._batchTextureCount=0,this._lastTextureInsert=-1,this._renderMode="",this._immediateRender=!1,this._batchVertexCount=0,this._batchID=0,this._drawID=0,this._renderPerDraw=0,this._slotBlacklist=[],this._lastTrackedCanvas=-1,this._cacheContainer=new createjs.Container,this._initializeWebGL(),void 0!==c&&(void 0!==c.clearColor&&this.setClearColor(c.clearColor),void 0!==c.premultiply&&createjs.deprecate(null,"options.premultiply")())}var b=createjs.extend(a,createjs.Stage);a.buildUVRects=function(a,b,c){if(!a||!a._frames)return null;void 0===b&&(b=-1),void 0===c&&(c=!1);for(var d=-1!==b&&c?b:0,e=-1!==b&&c?b+1:a._frames.length,f=d;f7?Number("0x"+a.slice(7,9))/255:1;else if(0===a.indexOf("rgba(")){var f=a.slice(5,-1).split(",");b=Number(f[0])/255,c=Number(f[1])/255,d=Number(f[2])/255,e=Number(f[3])}}else b=((4278190080&a)>>>24)/255,c=((16711680&a)>>>16)/255,d=((65280&a)>>>8)/255,e=(255&a)/255;return{r:Math.min(Math.max(0,b),1),g:Math.min(Math.max(0,c),1),b:Math.min(Math.max(0,d),1),a:Math.min(Math.max(0,e),1)}},a.VERTEX_PROPERTY_COUNT=6,a.INDICIES_PER_CARD=6,a.DEFAULT_MAX_BATCH_SIZE=10920,a.DEFAULT_MIN_BATCH_SIZE=170,a.WEBGL_MAX_INDEX_NUM=Math.pow(2,16),a.UV_RECT={t:1,l:0,b:0,r:1};try{a.COVER_VERT=new Float32Array([-1,1,1,1,-1,-1,1,1,1,-1,-1,-1]),a.COVER_UV=new Float32Array([0,1,1,1,0,0,1,1,1,0,0,0])}catch(a){}a.REGULAR_VARYING_HEADER="#ifdef GL_FRAGMENT_PRECISION_HIGH \nprecision highp float; \n#else \nprecision mediump float; \n#endif \nvarying vec2 vTextureCoord;varying lowp float indexPicker;varying lowp float alphaValue;",a.REGULAR_VERTEX_HEADER=a.REGULAR_VARYING_HEADER+"attribute vec2 vertexPosition;attribute vec2 uvPosition;attribute lowp float textureIndex;attribute lowp float objectAlpha;uniform mat4 pMatrix;",a.REGULAR_FRAGMENT_HEADER=a.REGULAR_VARYING_HEADER+"uniform sampler2D uSampler[{{count}}];",a.REGULAR_VERTEX_BODY="void main(void) {gl_Position = pMatrix * vec4(vertexPosition.x, vertexPosition.y, 0.0, 1.0);alphaValue = objectAlpha;indexPicker = textureIndex;vTextureCoord = uvPosition;}",a.REGULAR_FRAGMENT_BODY="void main(void) {vec4 color = vec4(1.0, 0.0, 0.0, 1.0);if (indexPicker <= 0.5) {color = texture2D(uSampler[0], vTextureCoord);{{alternates}}}gl_FragColor = vec4(color.rgb * alphaValue, color.a * alphaValue);}",a.COVER_VARYING_HEADER="#ifdef GL_FRAGMENT_PRECISION_HIGH \nprecision highp float; \n#else \nprecision mediump float; \n#endif \nvarying vec2 vTextureCoord;",a.COVER_VERTEX_HEADER=a.COVER_VARYING_HEADER+"attribute vec2 vertexPosition;attribute vec2 uvPosition;",a.COVER_FRAGMENT_HEADER=a.COVER_VARYING_HEADER+"uniform sampler2D uSampler;",a.COVER_VERTEX_BODY="void main(void) {gl_Position = vec4(vertexPosition.x, vertexPosition.y, 0.0, 1.0);vTextureCoord = uvPosition;}",a.COVER_FRAGMENT_BODY="void main(void) {gl_FragColor = texture2D(uSampler, vTextureCoord);}",a.BLEND_FRAGMENT_SIMPLE="uniform sampler2D uMixSampler;void main(void) {vec4 src = texture2D(uMixSampler, vTextureCoord);vec4 dst = texture2D(uSampler, vTextureCoord);",a.BLEND_FRAGMENT_COMPLEX=a.BLEND_FRAGMENT_SIMPLE+"vec3 srcClr = min(src.rgb/src.a, 1.0);vec3 dstClr = min(dst.rgb/dst.a, 1.0);float totalAlpha = min(1.0 - (1.0-dst.a) * (1.0-src.a), 1.0);float srcFactor = min(max(src.a - dst.a, 0.0) / totalAlpha, 1.0);float dstFactor = min(max(dst.a - src.a, 0.0) / totalAlpha, 1.0);float mixFactor = max(max(1.0 - srcFactor, 0.0) - dstFactor, 0.0);gl_FragColor = vec4((srcFactor * srcClr +dstFactor * dstClr +mixFactor * vec3(",a.BLEND_FRAGMENT_COMPLEX_CAP=")) * totalAlpha, totalAlpha);}",a.BLEND_FRAGMENT_OVERLAY_UTIL="float overlay(float a, float b) {if(a < 0.5) { return 2.0 * a * b; }return 1.0 - 2.0 * (1.0-a) * (1.0-b);}",a.BLEND_FRAGMENT_HSL_UTIL="float getLum(vec3 c) { return 0.299*c.r + 0.589*c.g + 0.109*c.b; }float getSat(vec3 c) { return max(max(c.r, c.g), c.b) - min(min(c.r, c.g), c.b); }vec3 clipHSL(vec3 c) {float lum = getLum(c);float n = min(min(c.r, c.g), c.b);float x = max(max(c.r, c.g), c.b);if(n < 0.0){ c = lum + (((c - lum) * lum) / (lum - n)); }if(x > 1.0){ c = lum + (((c - lum) * (1.0 - lum)) / (x - lum)); }return clamp(c, 0.0, 1.0);}vec3 setLum(vec3 c, float lum) {return clipHSL(c + (lum - getLum(c)));}vec3 setSat(vec3 c, float val) {vec3 result = vec3(0.0);float minVal = min(min(c.r, c.g), c.b);float maxVal = max(max(c.r, c.g), c.b);vec3 minMask = vec3(c.r == minVal, c.g == minVal, c.b == minVal);vec3 maxMask = vec3(c.r == maxVal, c.g == maxVal, c.b == maxVal);vec3 midMask = 1.0 - min(minMask+maxMask, 1.0);float midVal = (c*midMask).r + (c*midMask).g + (c*midMask).b;if(maxVal > minVal) {result = midMask * min( ((midVal - minVal) * val) / (maxVal - minVal), 1.0);result += maxMask * val;}return result;}",a.BLEND_SOURCES={"source-over":{},"source-in":{shader:a.BLEND_FRAGMENT_SIMPLE+"gl_FragColor = vec4(src.rgb * dst.a, src.a * dst.a);}"},"source-in_cheap":{srcRGB:"DST_ALPHA",srcA:"ZERO",dstRGB:"ZERO",dstA:"SRC_ALPHA"},"source-out":{shader:a.BLEND_FRAGMENT_SIMPLE+"gl_FragColor = vec4(src.rgb * (1.0 - dst.a), src.a - dst.a);}"},"source-out_cheap":{eqA:"FUNC_SUBTRACT",srcRGB:"ONE_MINUS_DST_ALPHA",srcA:"ONE",dstRGB:"ZERO",dstA:"SRC_ALPHA"},"source-atop":{srcRGB:"DST_ALPHA",srcA:"ZERO",dstRGB:"ONE_MINUS_SRC_ALPHA",dstA:"ONE"},"destination-over":{srcRGB:"ONE_MINUS_DST_ALPHA",srcA:"ONE_MINUS_DST_ALPHA",dstRGB:"ONE",dstA:"ONE"},"destination-in":{shader:a.BLEND_FRAGMENT_SIMPLE+"gl_FragColor = vec4(dst.rgb * src.a, src.a * dst.a);}"},"destination-in_cheap":{srcRGB:"ZERO",srcA:"DST_ALPHA",dstRGB:"SRC_ALPHA",dstA:"ZERO"},"destination-out":{eqA:"FUNC_REVERSE_SUBTRACT",srcRGB:"ZERO",srcA:"DST_ALPHA",dstRGB:"ONE_MINUS_SRC_ALPHA",dstA:"ONE"},"destination-atop":{shader:a.BLEND_FRAGMENT_SIMPLE+"gl_FragColor = vec4(dst.rgb * src.a + src.rgb * (1.0 - dst.a), src.a);}"},"destination-atop_cheap":{srcRGB:"ONE_MINUS_DST_ALPHA",srcA:"ONE",dstRGB:"SRC_ALPHA",dstA:"ZERO"},copy:{shader:a.BLEND_FRAGMENT_SIMPLE+"gl_FragColor = vec4(src.rgb, src.a);}"},copy_cheap:{dstRGB:"ZERO",dstA:"ZERO"},xor:{shader:a.BLEND_FRAGMENT_SIMPLE+"float omSRC = (1.0 - src.a);float omDST = (1.0 - dst.a);gl_FragColor = vec4(src.rgb * omDST + dst.rgb * omSRC, src.a * omDST + dst.a * omSRC);}"},multiply:{shader:a.BLEND_FRAGMENT_COMPLEX+"srcClr * dstClr"+a.BLEND_FRAGMENT_COMPLEX_CAP},multiply_cheap:{srcRGB:"ONE_MINUS_DST_ALPHA",srcA:"ONE",dstRGB:"SRC_COLOR",dstA:"ONE"},screen:{srcRGB:"ONE",srcA:"ONE",dstRGB:"ONE_MINUS_SRC_COLOR",dstA:"ONE_MINUS_SRC_ALPHA"},lighter:{dstRGB:"ONE",dstA:"ONE"},lighten:{shader:a.BLEND_FRAGMENT_COMPLEX+"max(srcClr, dstClr)"+a.BLEND_FRAGMENT_COMPLEX_CAP},darken:{shader:a.BLEND_FRAGMENT_COMPLEX+"min(srcClr, dstClr)"+a.BLEND_FRAGMENT_COMPLEX_CAP},overlay:{shader:a.BLEND_FRAGMENT_OVERLAY_UTIL+a.BLEND_FRAGMENT_COMPLEX+"overlay(dstClr.r,srcClr.r), overlay(dstClr.g,srcClr.g), overlay(dstClr.b,srcClr.b)"+a.BLEND_FRAGMENT_COMPLEX_CAP},"hard-light":{shader:a.BLEND_FRAGMENT_OVERLAY_UTIL+a.BLEND_FRAGMENT_COMPLEX+"overlay(srcClr.r,dstClr.r), overlay(srcClr.g,dstClr.g), overlay(srcClr.b,dstClr.b)"+a.BLEND_FRAGMENT_COMPLEX_CAP},"soft-light":{shader:"float softcurve(float a) {if(a > 0.25) { return sqrt(a); }return ((16.0 * a - 12.0) * a + 4.0) * a;}float softmix(float a, float b) {if(b <= 0.5) { return a - (1.0 - 2.0*b) * a * (1.0 - a); }return a + (2.0 * b - 1.0) * (softcurve(a) - a);}"+a.BLEND_FRAGMENT_COMPLEX+"softmix(dstClr.r,srcClr.r), softmix(dstClr.g,srcClr.g), softmix(dstClr.b,srcClr.b)"+a.BLEND_FRAGMENT_COMPLEX_CAP},"color-dodge":{shader:a.BLEND_FRAGMENT_COMPLEX+"clamp(dstClr / (1.0 - srcClr), 0.0, 1.0)"+a.BLEND_FRAGMENT_COMPLEX_CAP},"color-burn":{shader:a.BLEND_FRAGMENT_COMPLEX+"1.0 - clamp((1.0 - smoothstep(0.0035, 0.9955, dstClr)) / smoothstep(0.0035, 0.9955, srcClr), 0.0, 1.0)"+a.BLEND_FRAGMENT_COMPLEX_CAP},difference:{shader:a.BLEND_FRAGMENT_COMPLEX+"abs(src.rgb - dstClr)"+a.BLEND_FRAGMENT_COMPLEX_CAP},exclusion:{shader:a.BLEND_FRAGMENT_COMPLEX+"dstClr + src.rgb - 2.0 * src.rgb * dstClr"+a.BLEND_FRAGMENT_COMPLEX_CAP},hue:{shader:a.BLEND_FRAGMENT_HSL_UTIL+a.BLEND_FRAGMENT_COMPLEX+"setLum(setSat(srcClr, getSat(dstClr)), getLum(dstClr))"+a.BLEND_FRAGMENT_COMPLEX_CAP},saturation:{shader:a.BLEND_FRAGMENT_HSL_UTIL+a.BLEND_FRAGMENT_COMPLEX+"setLum(setSat(dstClr, getSat(srcClr)), getLum(dstClr))"+a.BLEND_FRAGMENT_COMPLEX_CAP},color:{
+shader:a.BLEND_FRAGMENT_HSL_UTIL+a.BLEND_FRAGMENT_COMPLEX+"setLum(srcClr, getLum(dstClr))"+a.BLEND_FRAGMENT_COMPLEX_CAP},luminosity:{shader:a.BLEND_FRAGMENT_HSL_UTIL+a.BLEND_FRAGMENT_COMPLEX+"setLum(dstClr, getLum(srcClr))"+a.BLEND_FRAGMENT_COMPLEX_CAP}},b._get_isWebGL=function(){return!!this._webGLContext},b._set_autoPurge=function(a){a=isNaN(a)?1200:a,-1!==a&&(a=a<10?10:a),this._autoPurge=a},b._get_autoPurge=function(){return Number(this._autoPurge)};try{Object.defineProperties(b,{isWebGL:{get:b._get_isWebGL},autoPurge:{get:b._get_autoPurge,set:b._set_autoPurge}})}catch(a){}b._initializeWebGL=function(){if(this.canvas){if(!this._webGLContext||this._webGLContext.canvas!==this.canvas){var a={depth:!1,stencil:!1,premultipliedAlpha:this._transparent,alpha:this._transparent,antialias:this._antialias,preserveDrawingBuffer:this._preserveBuffer},b=this._webGLContext=this._fetchWebGLContext(this.canvas,a);if(!b)return null;b.disable(b.DEPTH_TEST),b.depthMask(!1),b.enable(b.BLEND),b.pixelStorei(b.UNPACK_FLIP_Y_WEBGL,!0),b.clearColor(0,0,0,0),b.blendEquationSeparate(b.FUNC_ADD,b.FUNC_ADD),b.blendFuncSeparate(b.ONE,b.ONE_MINUS_SRC_ALPHA,b.ONE,b.ONE_MINUS_SRC_ALPHA),this._createBuffers(),this._initMaterials(),this._updateRenderMode("source-over"),this.updateViewport(this.canvas.width,this.canvas.height),this._directDraw||(this._bufferTextureOutput=this.getRenderBufferTexture(this._viewportWidth,this._viewportHeight)),this.canvas._invalid=!0}}else this._webGLContext=null;return this._webGLContext},b.update=function(a){if(this.canvas){if(this.tickOnUpdate&&this.tick(a),this.dispatchEvent("drawstart"),this._webGLContext)this.draw(this._webGLContext,!1);else{this.autoClear&&this.clear();var b=this.canvas.getContext("2d");b.save(),this.updateContext(b),this.draw(b,!1),b.restore()}this.dispatchEvent("drawend")}},b.clear=function(){if(this.canvas){var b=this._webGLContext;if(!a.isWebGLActive(b))return void this.Stage_clear();b.bindFramebuffer(b.FRAMEBUFFER,null),this._clearFrameBuffer(this._transparent?this._clearColor.a:1)}},b.draw=function(b,c){var d=this._webGLContext;if(b!==this._webGLContext||!a.isWebGLActive(d))return this.Stage_draw(b,c);var e=this._batchTextureOutput,f=this._batchTextureConcat,g=this._batchTextureTemp;return this._renderPerDraw=0,this._batchVertexCount=0,this._drawID++,this._directDraw?(this._batchTextureOutput=this,this.autoClear&&this.clear()):(this._batchTextureOutput=this._bufferTextureOutput,this._batchTextureConcat=this._bufferTextureConcat,this._batchTextureTemp=this._bufferTextureTemp),this._updateRenderMode("source-over"),this._drawContent(this,c),this._directDraw||(this.autoClear&&this.clear(),this.batchReason="finalOutput",this._renderPerDraw&&this._drawCover(null,this._batchTextureOutput)),this._bufferTextureOutput=this._batchTextureOutput,this._bufferTextureConcat=this._batchTextureConcat,this._bufferTextureTemp=this._batchTextureTemp,this._batchTextureOutput=e,this._batchTextureConcat=f,this._batchTextureTemp=g,-1===this._autoPurge||this._drawID%(this._autoPurge/2|0)||this.purgeTextures(this._autoPurge),!0},b.cacheDraw=function(b,c){if(!a.isWebGLActive(this._webGLContext))return!1;for(var d=0;d=0&&g.splice(h,1),e._storeID=void 0,0===g.length&&this._killTextureObject(f)}else this._killTextureObject(f)}},b.purgeTextures=function(a){a>=0||(a=100);for(var b=this._textureDictionary,c=b.length,d=0;d0?a:1)||1,d=Math.ceil(b>0?b:1)||1,e=this._webGLContext,f=e.createTexture();return this.resizeTexture(f,c,d),this.setTextureParams(e,!1),f},b.resizeTexture=function(a,b,c){if(a.width!==b||a.height!==c){var d=this._webGLContext;d.bindTexture(d.TEXTURE_2D,a),d.texImage2D(d.TEXTURE_2D,0,d.RGBA,b,c,0,d.RGBA,d.UNSIGNED_BYTE,null),a.width=b,a.height=c}},b.getRenderBufferTexture=function(a,b){var c=this._webGLContext,d=this.getBaseTexture(a,b);if(!d)return null;var e=c.createFramebuffer();return e?(d.width=a,d.height=b,c.bindFramebuffer(c.FRAMEBUFFER,e),c.framebufferTexture2D(c.FRAMEBUFFER,c.COLOR_ATTACHMENT0,c.TEXTURE_2D,d,0),e._renderTexture=d,d._frameBuffer=e,d._storeID=this._textureDictionary.length,this._textureDictionary[d._storeID]=d,c.bindFramebuffer(c.FRAMEBUFFER,null),d):null},b.setTextureParams=function(a,b){b&&this._antialias?(a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MIN_FILTER,a.LINEAR),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MAG_FILTER,a.LINEAR)):(a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MIN_FILTER,a.NEAREST),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MAG_FILTER,a.NEAREST)),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_WRAP_S,a.CLAMP_TO_EDGE),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_WRAP_T,a.CLAMP_TO_EDGE)},b.setClearColor=function(b){this._clearColor=a.colorToObj(b)},b.toDataURL=function(b,c,d){var e,f=this._webGLContext;this.batchReason="dataURL";var g=this._clearColor;if(this.canvas)return a.isWebGLActive(f)?(this._preserveBuffer&&void 0===b||(void 0!==b&&(this._clearColor=a.colorToObj(b)),this.clear(),this._directDraw?(console.log("No stored/useable gl render info, result may be incorrect if content was changed since render"),this.draw(f)):this._drawCover(null,this._bufferTextureOutput)),e=this.canvas.toDataURL(c||"image/png",d),this._preserveBuffer&&void 0===b||(void 0!==b&&(this._clearColor=g),this.clear(),this._directDraw?this.draw(f):this._drawCover(null,this._bufferTextureOutput)),e):this.Stage_toDataURL(b,c,d)},b.toString=function(){return"[StageGL (name="+this.name+")]"},b._updateDrawingSurface=function(a,b){this._viewportWidth=a,this._viewportHeight=b,this._webGLContext.viewport(0,0,this._viewportWidth,this._viewportHeight),this._projectionMatrix=new Float32Array([2/a,0,0,0,0,-2/b,0,0,0,0,1,0,-1,1,0,1])},b._getSafeTexture=function(a,b){var c=this.getBaseTexture(a,b);if(!c){var d="Problem creating texture, possible cause: using too much VRAM, please try releasing texture memory";console.error&&console.error(d)||console.log(d),c=this._baseTextures[0]}return c},b._clearFrameBuffer=function(a){var b=this._webGLContext,c=this._clearColor;a>0&&(a=1),a<0&&(a=0),b.clearColor(c.r*a,c.g*a,c.b*a,a),b.clear(b.COLOR_BUFFER_BIT),b.clearColor(0,0,0,0)},b._fetchWebGLContext=function(a,b){var c;try{c=a.getContext("webgl",b)||a.getContext("experimental-webgl",b)}catch(a){}if(c)c.viewportWidth=a.width,c.viewportHeight=a.height;else{var d="Could not initialize WebGL";console.error?console.error(d):console.log(d)}return c},b._fetchShaderProgram=function(b,c,d,e){var f=this._webGLContext;f.useProgram(null);var g,h;b?(h=a.COVER_VERTEX_HEADER+(c||a.COVER_VERTEX_BODY),g=a.COVER_FRAGMENT_HEADER+(d||a.COVER_FRAGMENT_BODY)):(h=a.REGULAR_VERTEX_HEADER+(c||a.REGULAR_VERTEX_BODY),g=a.REGULAR_FRAGMENT_HEADER+(d||a.REGULAR_FRAGMENT_BODY));var i=this._createShader(f,f.VERTEX_SHADER,h),j=this._createShader(f,f.FRAGMENT_SHADER,g),k=f.createProgram();if(f.attachShader(k,i),f.attachShader(k,j),f.linkProgram(k),!f.getProgramParameter(k,f.LINK_STATUS))throw f.useProgram(this._activeShader),f.getProgramInfoLog(k);if(f.useProgram(k),k.positionAttribute=f.getAttribLocation(k,"vertexPosition"),f.enableVertexAttribArray(k.positionAttribute),k.uvPositionAttribute=f.getAttribLocation(k,"uvPosition"),f.enableVertexAttribArray(k.uvPositionAttribute),b)k.samplerUniform=f.getUniformLocation(k,"uSampler"),f.uniform1i(k.samplerUniform,0),e&&e(f,this,k);else{k.textureIndexAttribute=f.getAttribLocation(k,"textureIndex"),f.enableVertexAttribArray(k.textureIndexAttribute),k.alphaAttribute=f.getAttribLocation(k,"objectAlpha"),f.enableVertexAttribArray(k.alphaAttribute);for(var l=[],m=0;ma.MAX_TEXTURE_SIZE||b.height>a.MAX_TEXTURE_SIZE)&&console&&console.error("Oversized Texture: "+b.width+"x"+b.height+" vs "+a.MAX_TEXTURE_SIZE+"max"))}},b._insertTextureInBatch=function(a,b){var c;if(this._batchTextures[b._activeIndex]!==b){var d=-1,e=(this._lastTextureInsert+1)%this._batchTextureCount,f=e;do{if(this._batchTextures[f]._batchID!==this._batchID&&!this._slotBlacklist[f]){d=f;break}f=(f+1)%this._batchTextureCount}while(f!==e);-1===d&&(this.batchReason="textureOverflow",this._renderBatch(),d=e),this._batchTextures[d]=b,b._activeIndex=d,c=b._imageData&&b._imageData[0],c&&(void 0===c._invalid&&c._isCanvas||c._invalid)&&this._updateTextureImageData(a,c),this._lastTextureInsert=d}else b._drawID!==this._drawID&&(c=b._imageData&&b._imageData[0])&&(void 0===c._invalid&&c._isCanvas||c._invalid)&&this._updateTextureImageData(a,c);b._drawID=this._drawID,b._batchID=this._batchID},b._killTextureObject=function(a){if(a){var b=this._webGLContext;if(void 0!==a._storeID&&a._storeID>=0){this._textureDictionary[a._storeID]=void 0;for(var c in this._textureIDs)this._textureIDs[c]===a._storeID&&delete this._textureIDs[c];var d=a._imageData;if(d)for(var e=d.length-1;e>=0;e--)d[e]._storeID=void 0;a._imageData=a._storeID=void 0}void 0!==a._activeIndex&&this._batchTextures[a._activeIndex]===a&&(this._batchTextures[a._activeIndex]=this._baseTextures[a._activeIndex]);try{a._frameBuffer&&b.deleteFramebuffer(a._frameBuffer),a._frameBuffer=void 0}catch(a){this.vocalDebug&&console.log(a)}try{b.deleteTexture(a)}catch(a){this.vocalDebug&&console.log(a)}}},b._setCoverMixShaderParams=function(a,b,c){a.uniform1i(a.getUniformLocation(c,"uMixSampler"),1)},b._updateRenderMode=function(b){null!==b&&void 0!==b||(b="source-over");var c=a.BLEND_SOURCES[b];if(void 0===c&&(this.vocalDebug&&console.log("Unknown compositeOperation ["+b+"], reverting to default"),c=a.BLEND_SOURCES[b="source-over"]),this._renderMode!==b){var d=this._webGLContext,e=this._builtShaders[b];if(void 0===e)try{e=this._builtShaders[b]={eqRGB:d[c.eqRGB||"FUNC_ADD"],srcRGB:d[c.srcRGB||"ONE"],dstRGB:d[c.dstRGB||"ONE_MINUS_SRC_ALPHA"],eqA:d[c.eqA||"FUNC_ADD"],srcA:d[c.srcA||"ONE"],dstA:d[c.dstA||"ONE_MINUS_SRC_ALPHA"],immediate:void 0!==c.shader,shader:c.shader||void 0===this._builtShaders["source-over"]?this._fetchShaderProgram(!0,void 0,c.shader,this._setCoverMixShaderParams):this._builtShaders["source-over"].shader},c.shader&&(e.shader._name=b)}catch(a){return this._builtShaders[b]=void 0,void(console&&console.log("SHADER SWITCH FAILURE",a))}if(e.immediate){if(this._directDraw)return void(this.vocalDebug&&console.log("Illegal compositeOperation ["+b+"] due to StageGL.directDraw = true, reverting to default"));this._activeConfig=this._attributeConfig.micro}d.bindFramebuffer(d.FRAMEBUFFER,this._batchTextureOutput._frameBuffer),this.batchReason="shaderSwap",this._renderBatch(),this._renderMode=b,this._immediateRender=e.immediate,d.blendEquationSeparate(e.eqRGB,e.eqA),d.blendFuncSeparate(e.srcRGB,e.dstRGB,e.srcA,e.dstA)}},b._drawContent=function(a,b){var c=this._webGLContext;this._activeShader=this._mainShader,c.bindFramebuffer(c.FRAMEBUFFER,this._batchTextureOutput._frameBuffer),null!==this._batchTextureOutput._frameBuffer&&c.clear(c.COLOR_BUFFER_BIT),this._appendToBatch(a,new createjs.Matrix2D,this.alpha,b),this.batchReason="contentEnd",this._renderBatch()},b._drawCover=function(a,b,c){var d=this._webGLContext;d.bindFramebuffer(d.FRAMEBUFFER,a),null!==a&&d.clear(d.COLOR_BUFFER_BIT),d.activeTexture(d.TEXTURE0),d.bindTexture(d.TEXTURE_2D,b),this.setTextureParams(d),c instanceof createjs.Filter?this._activeShader=this.getFilterShader(c):(c instanceof WebGLTexture?(d.activeTexture(d.TEXTURE1),d.bindTexture(d.TEXTURE_2D,c),this.setTextureParams(d)):void 0!==c&&this.vocalDebug&&console.log("Unknown data handed to function: ",c),this._activeShader=this._builtShaders[this._renderMode].shader),this._renderCover()},b._alignTargetToCache=function(a,b){null===b._counterMatrix?b._counterMatrix=a.getMatrix():a.getMatrix(b._counterMatrix);var c=b._counterMatrix;return c.scale(1/b.scale,1/b.scale),c=c.invert(),c.translate(-b.offX/b.scale*a.scaleX,-b.offY/b.scale*a.scaleY),c},b._appendToBatch=function(b,c,d,e){var f=this._webGLContext,g=b._glMtx;g.copy(c),null!==b.transformMatrix?g.appendMatrix(b.transformMatrix):g.appendTransform(b.x,b.y,b.scaleX,b.scaleY,b.rotation,b.skewX,b.skewY,b.regX,b.regY);var h=this._renderMode;b.compositeOperation&&this._updateRenderMode(b.compositeOperation);for(var i,j,k,l,m=b.children.length,n=0;n.0035){var q=o.alpha;if(!1===p&&(o._updateState&&o._updateState(),!this._directDraw&&!e&&null===o.cacheCanvas&&null!==o.filters&&o.filters.length)){var r;if(null===o.bitmapCache&&(r=o.getBounds(),o.bitmapCache=new createjs.BitmapCache,o.bitmapCache._autoGenerated=!0),o.bitmapCache._autoGenerated){this.batchReason="cachelessFilterInterupt",this._renderBatch(),o.alpha=1;var s=this._activeShader;r=r||o.getBounds(),o.bitmapCache.define(o,r.x,r.y,r.width,r.height,1,{useGL:this}),p=o.bitmapCache._cacheCanvas,o.alpha=q,this._activeShader=s,f.bindFramebuffer(f.FRAMEBUFFER,this._batchTextureOutput._frameBuffer)}}if(!1===p&&o.children)this._appendToBatch(o,g,q*d);else{var t=this._renderMode;o.compositeOperation&&this._updateRenderMode(o.compositeOperation),this._batchVertexCount+a.INDICIES_PER_CARD>this._maxBatchVertexCount&&(this.batchReason="vertexOverflow",this._renderBatch());var u=o._glMtx;u.copy(g),o.transformMatrix?u.appendMatrix(o.transformMatrix):u.appendTransform(o.x,o.y,o.scaleX,o.scaleY,o.rotation,o.skewX,o.skewY,o.regX,o.regY);var v,w,x,y,z,A;if(2===o._webGLRenderStyle||!1!==p)x=!1===p?o.image:p;else{if(1!==o._webGLRenderStyle)continue;if(null===(y=o.spriteSheet.getFrame(o.currentFrame)))continue;x=y.image}if(x){if(void 0===x._storeID)z=this._loadTextureImage(f,x);else{if(!(z=this._textureDictionary[x._storeID])){this.vocalDebug&&console.log("Image source should not be lookup a non existent texture, please report a bug.");continue}z._batchID!==this._batchID&&this._insertTextureInBatch(f,z)}if(w=z._activeIndex,x._drawID=this._drawID,2===o._webGLRenderStyle||!1!==p)!1===p&&o.sourceRect?(o._uvRect||(o._uvRect={}),A=o.sourceRect,v=o._uvRect,v.t=1-A.y/x.height,v.l=A.x/x.width,v.b=1-(A.y+A.height)/x.height,v.r=(A.x+A.width)/x.width,i=0,j=0,k=A.width+i,l=A.height+j):(v=a.UV_RECT,!1===p?(i=0,j=0,k=x.width+i,l=x.height+j):(A=o.bitmapCache,i=A.x+A._filterOffX/A.scale,j=A.y+A._filterOffY/A.scale,k=A._drawWidth/A.scale+i,l=A._drawHeight/A.scale+j));else if(1===o._webGLRenderStyle){var B=y.rect;v=y.uvRect,v||(v=a.buildUVRects(o.spriteSheet,o.currentFrame,!1)),i=-y.regX,j=-y.regY,k=B.width-y.regX,l=B.height-y.regY}var C=0,D=this._activeConfig,E=D.position.array,F=D.uv.array,G=D.texture.array,H=D.alpha.array;C=D.position.spacing;var I=this._batchVertexCount*C+D.position.offset;E[I]=i*u.a+j*u.c+u.tx,E[I+1]=i*u.b+j*u.d+u.ty,I+=C,E[I]=i*u.a+l*u.c+u.tx,E[I+1]=i*u.b+l*u.d+u.ty,I+=C,E[I]=k*u.a+j*u.c+u.tx,E[I+1]=k*u.b+j*u.d+u.ty,I+=C,E[I]=i*u.a+l*u.c+u.tx,E[I+1]=i*u.b+l*u.d+u.ty,I+=C,E[I]=k*u.a+j*u.c+u.tx,E[I+1]=k*u.b+j*u.d+u.ty,I+=C,E[I]=k*u.a+l*u.c+u.tx,E[I+1]=k*u.b+l*u.d+u.ty,C=D.uv.spacing;var J=this._batchVertexCount*C+D.uv.offset;F[J]=v.l,F[J+1]=v.t,J+=C,F[J]=v.l,F[J+1]=v.b,J+=C,F[J]=v.r,F[J+1]=v.t,J+=C,F[J]=v.l,F[J+1]=v.b,J+=C,F[J]=v.r,F[J+1]=v.t,J+=C,F[J]=v.r,F[J+1]=v.b,C=D.texture.spacing;var K=this._batchVertexCount*C+D.texture.offset;G[K]=w,K+=C,G[K]=w,K+=C,G[K]=w,K+=C,G[K]=w,K+=C,G[K]=w,K+=C,G[K]=w,C=D.alpha.spacing;var L=this._batchVertexCount*C+D.alpha.offset;H[L]=q*d,L+=C,H[L]=q*d,L+=C,H[L]=q*d,L+=C,H[L]=q*d,L+=C,H[L]=q*d,L+=C,H[L]=q*d,this._batchVertexCount+=a.INDICIES_PER_CARD,this._immediateRender&&(this._activeConfig=this._attributeConfig.default,this._immediateBatchRender()),this._renderMode!==t&&this._updateRenderMode(t)}}}}this._renderMode!==h&&this._updateRenderMode(h)},b._immediateBatchRender=function(){var a=this._webGLContext;null===this._batchTextureConcat?this._batchTextureConcat=this.getRenderBufferTexture(this._viewportWidth,this._viewportHeight):(this.resizeTexture(this._batchTextureConcat,this._viewportWidth,this._viewportHeight),a.bindFramebuffer(a.FRAMEBUFFER,this._batchTextureConcat._frameBuffer),a.clear(a.COLOR_BUFFER_BIT)),null===this._batchTextureTemp?(this._batchTextureTemp=this.getRenderBufferTexture(this._viewportWidth,this._viewportHeight),a.bindFramebuffer(a.FRAMEBUFFER,this._batchTextureTemp._frameBuffer)):(this.resizeTexture(this._batchTextureTemp,this._viewportWidth,this._viewportHeight),a.bindFramebuffer(a.FRAMEBUFFER,this._batchTextureTemp._frameBuffer),a.clear(a.COLOR_BUFFER_BIT));var b=this._batchTextureOutput;this._batchTextureOutput=this._batchTextureConcat,this._batchTextureConcat=b,this._activeShader=this._mainShader,this.batchReason="immediatePrep",this._renderBatch(),this.batchReason="immediateResults",this._drawCover(this._batchTextureOutput._frameBuffer,this._batchTextureConcat,this._batchTextureTemp),a.bindFramebuffer(a.FRAMEBUFFER,this._batchTextureOutput._frameBuffer)},b._renderBatch=function(){if(!(this._batchVertexCount<=0)){var a=this._webGLContext;this._renderPerDraw++,this.vocalDebug&&console.log("Batch["+this._drawID+":"+this._batchID+"] : "+this.batchReason);var b,c=this._activeShader,d=this._activeConfig;a.useProgram(c),b=d.position,a.bindBuffer(a.ARRAY_BUFFER,b.buffer),a.vertexAttribPointer(c.positionAttribute,b.size,b.type,!1,b.stride,b.offB),a.bufferSubData(a.ARRAY_BUFFER,0,b.array),b=d.texture,a.bindBuffer(a.ARRAY_BUFFER,b.buffer),a.vertexAttribPointer(c.textureIndexAttribute,b.size,b.type,!1,b.stride,b.offB),a.bufferSubData(a.ARRAY_BUFFER,0,b.array),b=d.uv,a.bindBuffer(a.ARRAY_BUFFER,b.buffer),a.vertexAttribPointer(c.uvPositionAttribute,b.size,b.type,!1,b.stride,b.offB),a.bufferSubData(a.ARRAY_BUFFER,0,b.array),b=d.alpha,a.bindBuffer(a.ARRAY_BUFFER,b.buffer),a.vertexAttribPointer(c.alphaAttribute,b.size,b.type,!1,b.stride,b.offB),a.bufferSubData(a.ARRAY_BUFFER,0,b.array),a.uniformMatrix4fv(c.pMatrixUniform,a.FALSE,this._projectionMatrix);for(var e=0;e=2);return!!(this.visible&&this.alpha>0&&0!=this.scaleX&&0!=this.scaleY&&b)},b.draw=function(a,b){if(this.DisplayObject_draw(a,b))return!0;var c=this.image,d=this.sourceRect;if(c.getImage&&(c=c.getImage()),!c)return!0;if(d){var e=d.x,f=d.y,g=e+d.width,h=f+d.height,i=0,j=0,k=c.width,l=c.height;e<0&&(i-=e,e=0),g>k&&(g=k),f<0&&(j-=f,f=0),h>l&&(h=l),a.drawImage(c,e,f,g-e,h-f,i,j,g-e,h-f)}else a.drawImage(c,0,0);return!0},b.getBounds=function(){var a=this.DisplayObject_getBounds();if(a)return a;var b=this.image,c=this.sourceRect||b;return b&&(b.naturalWidth||b.getContext||b.readyState>=2)?this._rectangle.setValues(0,0,c.width,c.height):null},b.clone=function(b){var c=this.image;c&&b&&(c=c.cloneNode(),c.src=c.src);var d=new a(c);return this.sourceRect&&(d.sourceRect=this.sourceRect.clone()),this._cloneProps(d),d},b.toString=function(){return"[Bitmap (name="+this.name+")]"},createjs.Bitmap=createjs.promote(a,"DisplayObject")}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b){this.DisplayObject_constructor(),this.currentFrame=0,this.currentAnimation=null,this.paused=!0,this.spriteSheet=a,this.currentAnimationFrame=0,this.framerate=0,this._animation=null,this._currentFrame=null,this._skipAdvance=!1,this._webGLRenderStyle=createjs.DisplayObject._StageGL_SPRITE,null!=b&&this.gotoAndPlay(b)}var b=createjs.extend(a,createjs.DisplayObject);b.initialize=a,b.isVisible=function(){var a=this.cacheCanvas||this.spriteSheet.complete;return!!(this.visible&&this.alpha>0&&0!=this.scaleX&&0!=this.scaleY&&a)},b.draw=function(a,b){if(this.DisplayObject_draw(a,b))return!0;this._normalizeFrame();var c=this.spriteSheet.getFrame(0|this._currentFrame);if(!c)return!1;var d=c.rect;return d.width&&d.height&&a.drawImage(c.image,d.x,d.y,d.width,d.height,-c.regX,-c.regY,d.width,d.height),!0},b.play=function(){this.paused=!1},b.stop=function(){this.paused=!0},b.gotoAndPlay=function(a){this.paused=!1,this._skipAdvance=!0,this._goto(a)},b.gotoAndStop=function(a){this.paused=!0,this._goto(a)},b.advance=function(a){var b=this.framerate||this.spriteSheet.framerate,c=b&&null!=a?a/(1e3/b):1;this._normalizeFrame(c)},b.getBounds=function(){return this.DisplayObject_getBounds()||this.spriteSheet.getFrameBounds(this.currentFrame,this._rectangle)},b.clone=function(){return this._cloneProps(new a(this.spriteSheet))},b.toString=function(){return"[Sprite (name="+this.name+")]"},b._cloneProps=function(a){return this.DisplayObject__cloneProps(a),a.currentFrame=this.currentFrame,a.currentAnimation=this.currentAnimation,a.paused=this.paused,a.currentAnimationFrame=this.currentAnimationFrame,a.framerate=this.framerate,a._animation=this._animation,a._currentFrame=this._currentFrame,a._skipAdvance=this._skipAdvance,a},b._tick=function(a){this.paused||(this._skipAdvance||this.advance(a&&a.delta),this._skipAdvance=!1),this.DisplayObject__tick(a)},b._normalizeFrame=function(a){a=a||0;var b,c=this._animation,d=this.paused,e=this._currentFrame;if(c){var f=c.speed||1,g=this.currentAnimationFrame;if(b=c.frames.length,g+a*f>=b){var h=c.next;if(this._dispatchAnimationEnd(c,e,d,h,b-1))return;if(h)return this._goto(h,a-(b-g)/f);this.paused=!0,g=c.frames.length-1}else g+=a*f;this.currentAnimationFrame=g,this._currentFrame=c.frames[0|g]}else if(e=this._currentFrame+=a,b=this.spriteSheet.getNumFrames(),e>=b&&b>0&&!this._dispatchAnimationEnd(c,e,d,b-1)&&(this._currentFrame-=b)>=b)return this._normalizeFrame();e=0|this._currentFrame,this.currentFrame!=e&&(this.currentFrame=e,this.dispatchEvent("change"))},b._dispatchAnimationEnd=function(a,b,c,d,e){var f=a?a.name:null;if(this.hasEventListener("animationend")){var g=new createjs.Event("animationend");g.name=f,g.next=d,this.dispatchEvent(g)}var h=this._animation!=a||this._currentFrame!=b;return h||c||!this.paused||(this.currentAnimationFrame=e,h=!0),h},b._goto=function(a,b){if(this.currentAnimationFrame=0,isNaN(a)){var c=this.spriteSheet.getAnimation(a);c&&(this._animation=c,this.currentAnimation=a,this._normalizeFrame(b))}else this.currentAnimation=this._animation=null,this._currentFrame=a,this._normalizeFrame()},createjs.Sprite=createjs.promote(a,"DisplayObject")}(),this.createjs=this.createjs||{},function(){"use strict";function a(a){this.DisplayObject_constructor(),this.graphics=a||new createjs.Graphics}var b=createjs.extend(a,createjs.DisplayObject);b.isVisible=function(){var a=this.cacheCanvas||this.graphics&&!this.graphics.isEmpty();return!!(this.visible&&this.alpha>0&&0!=this.scaleX&&0!=this.scaleY&&a)},b.draw=function(a,b){return!!this.DisplayObject_draw(a,b)||(this.graphics.draw(a,this),!0)},b.clone=function(b){var c=b&&this.graphics?this.graphics.clone():this.graphics;return this._cloneProps(new a(c))},b.toString=function(){return"[Shape (name="+this.name+")]"},createjs.Shape=createjs.promote(a,"DisplayObject")}(),this.createjs=this.createjs||{},
+function(){"use strict";function a(a,b,c){this.DisplayObject_constructor(),this.text=a,this.font=b,this.color=c,this.textAlign="left",this.textBaseline="top",this.maxWidth=null,this.outline=0,this.lineHeight=0,this.lineWidth=null}var b=createjs.extend(a,createjs.DisplayObject),c=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas");c.getContext&&(a._workingContext=c.getContext("2d"),c.width=c.height=1),a.H_OFFSETS={start:0,left:0,center:-.5,end:-1,right:-1},a.V_OFFSETS={top:0,hanging:-.01,middle:-.4,alphabetic:-.8,ideographic:-.85,bottom:-1},b.isVisible=function(){var a=this.cacheCanvas||null!=this.text&&""!==this.text;return!!(this.visible&&this.alpha>0&&0!=this.scaleX&&0!=this.scaleY&&a)},b.draw=function(a,b){if(this.DisplayObject_draw(a,b))return!0;var c=this.color||"#000";return this.outline?(a.strokeStyle=c,a.lineWidth=1*this.outline):a.fillStyle=c,this._drawText(this._prepContext(a)),!0},b.getMeasuredWidth=function(){return this._getMeasuredWidth(this.text)},b.getMeasuredLineHeight=function(){return 1.2*this._getMeasuredWidth("M")},b.getMeasuredHeight=function(){return this._drawText(null,{}).height},b.getBounds=function(){var b=this.DisplayObject_getBounds();if(b)return b;if(null==this.text||""===this.text)return null;var c=this._drawText(null,{}),d=this.maxWidth&&this.maxWidththis.lineWidth){var n=l.split(/(\s)/);l=n[0],m=b.measureText(l).width;for(var o=1,p=n.length;othis.lineWidth?(e&&this._drawTextLine(b,l,h*f),d&&d.push(l),m>g&&(g=m),l=n[o+1],m=b.measureText(l).width,h++):(l+=n[o]+n[o+1],m+=q)}}e&&this._drawTextLine(b,l,h*f),d&&d.push(l),c&&null==m&&(m=b.measureText(l).width),m>g&&(g=m),h++}return c&&(c.width=g,c.height=h*f),e||b.restore(),c},b._drawTextLine=function(a,b,c){this.outline?a.strokeText(b,0,c,this.maxWidth||65535):a.fillText(b,0,c,this.maxWidth||65535)},b._getMeasuredWidth=function(b){var c=a._workingContext;c.save();var d=this._prepContext(c).measureText(b).width;return c.restore(),d},createjs.Text=createjs.promote(a,"DisplayObject")}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b){this.Container_constructor(),this.text=a||"",this.spriteSheet=b,this.lineHeight=0,this.letterSpacing=0,this.spaceWidth=0,this._oldProps={text:0,spriteSheet:0,lineHeight:0,letterSpacing:0,spaceWidth:0},this._oldStage=null,this._drawAction=null}var b=createjs.extend(a,createjs.Container);a.maxPoolSize=100,a._spritePool=[],b.draw=function(a,b){this.DisplayObject_draw(a,b)||(this._updateState(),this.Container_draw(a,b))},b.getBounds=function(){return this._updateText(),this.Container_getBounds()},b.isVisible=function(){var a=this.cacheCanvas||this.spriteSheet&&this.spriteSheet.complete&&this.text;return!!(this.visible&&this.alpha>0&&0!==this.scaleX&&0!==this.scaleY&&a)},b.clone=function(){return this._cloneProps(new a(this.text,this.spriteSheet))},b.addChild=b.addChildAt=b.removeChild=b.removeChildAt=b.removeAllChildren=function(){},b._updateState=function(){this._updateText()},b._cloneProps=function(a){return this.Container__cloneProps(a),a.lineHeight=this.lineHeight,a.letterSpacing=this.letterSpacing,a.spaceWidth=this.spaceWidth,a},b._getFrameIndex=function(a,b){var c,d=b.getAnimation(a);return d||(a!=(c=a.toUpperCase())||a!=(c=a.toLowerCase())||(c=null),c&&(d=b.getAnimation(c))),d&&d.frames[0]},b._getFrame=function(a,b){var c=this._getFrameIndex(a,b);return null==c?c:b.getFrame(c)},b._getLineHeight=function(a){var b=this._getFrame("1",a)||this._getFrame("T",a)||this._getFrame("L",a)||a.getFrame(0);return b?b.rect.height:1},b._getSpaceWidth=function(a){var b=this._getFrame("1",a)||this._getFrame("l",a)||this._getFrame("e",a)||this._getFrame("a",a)||a.getFrame(0);return b?b.rect.width:1},b._updateText=function(){var b,c=0,d=0,e=this._oldProps,f=!1,g=this.spaceWidth,h=this.lineHeight,i=this.spriteSheet,j=a._spritePool,k=this.children,l=0,m=k.length;for(var n in e)e[n]!=this[n]&&(e[n]=this[n],f=!0);if(f){var o=!!this._getFrame(" ",i);o||g||(g=this._getSpaceWidth(i)),h||(h=this._getLineHeight(i));for(var p=0,q=this.text.length;pl;)j.push(b=k.pop()),b.parent=null,m--;j.length>a.maxPoolSize&&(j.length=a.maxPoolSize)}},createjs.BitmapText=createjs.promote(a,"Container")}(),this.createjs=this.createjs||{},function(){"use strict";function a(b){this.Container_constructor(),!a.inited&&a.init();var c,d,e,f;b instanceof String||arguments.length>1?(c=b,d=arguments[1],e=arguments[2],f=arguments[3],null==e&&(e=-1),b=null):b&&(c=b.mode,d=b.startPosition,e=b.loop,f=b.labels),b||(b={labels:f}),this.mode=c||a.INDEPENDENT,this.startPosition=d||0,this.loop=!0===e?-1:e||0,this.currentFrame=0,this.paused=b.paused||!1,this.actionsEnabled=!0,this.autoReset=!0,this.frameBounds=this.frameBounds||b.frameBounds,this.framerate=null,b.useTicks=b.paused=!0,this.timeline=new createjs.Timeline(b),this._synchOffset=0,this._rawPosition=-1,this._bound_resolveState=this._resolveState.bind(this),this._t=0,this._managed={}}function b(){throw"MovieClipPlugin cannot be instantiated."}var c=createjs.extend(a,createjs.Container);a.INDEPENDENT="independent",a.SINGLE_FRAME="single",a.SYNCHED="synched",a.inited=!1,a.init=function(){a.inited||(b.install(),a.inited=!0)},c._getLabels=function(){return this.timeline.getLabels()},c.getLabels=createjs.deprecate(c._getLabels,"MovieClip.getLabels"),c._getCurrentLabel=function(){return this.timeline.currentLabel},c.getCurrentLabel=createjs.deprecate(c._getCurrentLabel,"MovieClip.getCurrentLabel"),c._getDuration=function(){return this.timeline.duration},c.getDuration=createjs.deprecate(c._getDuration,"MovieClip.getDuration");try{Object.defineProperties(c,{labels:{get:c._getLabels},currentLabel:{get:c._getCurrentLabel},totalFrames:{get:c._getDuration},duration:{get:c._getDuration}})}catch(a){}c.initialize=a,c.isVisible=function(){return!!(this.visible&&this.alpha>0&&0!=this.scaleX&&0!=this.scaleY)},c.draw=function(a,b){return!!this.DisplayObject_draw(a,b)||(this._updateState(),this.Container_draw(a,b),!0)},c.play=function(){this.paused=!1},c.stop=function(){this.paused=!0},c.gotoAndPlay=function(a){this.paused=!1,this._goto(a)},c.gotoAndStop=function(a){this.paused=!0,this._goto(a)},c.advance=function(b){var c=a.INDEPENDENT;if(this.mode===c){for(var d=this,e=d.framerate;(d=d.parent)&&null===e;)d.mode===c&&(e=d._framerate);if(this._framerate=e,!(this.totalFrames<=1)){var f=null!==e&&-1!==e&&null!==b?b/(1e3/e)+this._t:1,g=0|f;for(this._t=f-g;!this.paused&&g--;)this._updateTimeline(this._rawPosition+1,!1)}}},c.clone=function(){throw"MovieClip cannot be cloned."},c.toString=function(){return"[MovieClip (name="+this.name+")]"},c._updateState=function(){-1!==this._rawPosition&&this.mode===a.INDEPENDENT||this._updateTimeline(-1)},c._tick=function(a){this.advance(a&&a.delta),this.Container__tick(a)},c._goto=function(a){var b=this.timeline.resolve(a);null!=b&&(this._t=0,this._updateTimeline(b,!0))},c._reset=function(){this._rawPosition=-1,this._t=this.currentFrame=0,this.paused=!1},c._updateTimeline=function(b,c){var d=this.mode!==a.INDEPENDENT,e=this.timeline;d&&(b=this.startPosition+(this.mode===a.SINGLE_FRAME?0:this._synchOffset)),b<0&&(b=0),(this._rawPosition!==b||d)&&(this._rawPosition=b,e.loop=this.loop,e.setPosition(b,d||!this.actionsEnabled,c,this._bound_resolveState))},c._renderFirstFrame=function(){var a=this.timeline,b=a.rawPosition;a.setPosition(0,!0,!0,this._bound_resolveState),a.rawPosition=b},c._resolveState=function(){var a=this.timeline;this.currentFrame=a.position;for(var b in this._managed)this._managed[b]=1;for(var c=a.tweens,d=0,e=c.length;d=0;d--){var j=i[d].id;1===this._managed[j]&&(this.removeChildAt(d),delete this._managed[j])}},c._setState=function(a,b){if(a)for(var c=a.length-1;c>=0;c--){var d=a[c],e=d.t,f=d.p;for(var g in f)e[g]=f[g];this._addManagedChild(e,b)}},c._addManagedChild=function(b,c){b._off||(this.addChildAt(b,0),b instanceof a&&(b._synchOffset=c,b.mode===a.INDEPENDENT&&b.autoReset&&!this._managed[b.id]&&b._reset()),this._managed[b.id]=2)},c._getBounds=function(a,b){var c=this.DisplayObject_getBounds();return c||this.frameBounds&&(c=this._rectangle.copy(this.frameBounds[this.currentFrame])),c?this._transformBounds(c,a,b):this.Container__getBounds(a,b)},createjs.MovieClip=createjs.promote(a,"Container"),b.priority=100,b.ID="MovieClip",b.install=function(){createjs.Tween._installPlugin(b)},b.init=function(c,d,e){"startPosition"===d&&c.target instanceof a&&c._addPlugin(b)},b.step=function(a,b,c){},b.change=function(a,b,c,d,e,f){if("startPosition"===c)return 1===e?b.props[c]:b.prev.props[c]}}(),this.createjs=this.createjs||{},function(){"use strict";function a(){throw"SpriteSheetUtils cannot be instantiated"}var b=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas");b.getContext&&(a._workingCanvas=b,a._workingContext=b.getContext("2d"),b.width=b.height=1),a.extractFrame=function(b,c){isNaN(c)&&(c=b.getAnimation(c).frames[0]);var d=b.getFrame(c);if(!d)return null;var e=d.rect,f=a._workingCanvas;f.width=e.width,f.height=e.height,a._workingContext.drawImage(d.image,e.x,e.y,e.width,e.height,0,0,e.width,e.height);var g=document.createElement("img");return g.src=f.toDataURL("image/png"),g},a.addFlippedFrames=createjs.deprecate(null,"SpriteSheetUtils.addFlippedFrames"),a.mergeAlpha=createjs.deprecate(null,"SpriteSheetUtils.mergeAlpha"),a._flip=function(b,c,d,e){for(var f=b._images,g=a._workingCanvas,h=a._workingContext,i=f.length/c,j=0;jthis.maxHeight)throw a.ERR_DIMENSIONS;for(var e=0,f=0,g=0;d.length;){var h=this._fillRow(d,e,g,c,b);if(h.w>f&&(f=h.w),e+=h.h,!h.h||!d.length){var i=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas");i.width=this._getSize(f,this.maxWidth),i.height=this._getSize(e,this.maxHeight),this._data.images[g]=i,h.h||(f=e=0,g++)}}},b._setupMovieClipFrame=function(a,b){var c=a.actionsEnabled;a.actionsEnabled=!1,a.gotoAndStop(b.i),a.actionsEnabled=c,b.f&&b.f(a,b.d,b.i)},b._getSize=function(a,b){for(var c=4;Math.pow(2,++c)=0;l--){var m=b[l],n=this._scale*m.scale,o=m.sourceRect,p=m.source,q=Math.floor(n*o.x-f),r=Math.floor(n*o.y-f),s=Math.ceil(n*o.height+2*f),t=Math.ceil(n*o.width+2*f);if(t>g)throw a.ERR_DIMENSIONS;s>i||j+t>g||(m.img=d,m.rect=new createjs.Rectangle(j,c,t,s),k=k||s,b.splice(l,1),e[m.index]=[j,c,t,s,d,Math.round(-q+n*p.regX-f),Math.round(-r+n*p.regY-f)],j+=t)}return{w:j,h:k}},b._endBuild=function(){this.spriteSheet=new createjs.SpriteSheet(this._data),this._data=null,this.progress=1,this.dispatchEvent("complete")},b._run=function(){for(var a=50*Math.max(.01,Math.min(.99,this.timeSlice||.3)),b=(new Date).getTime()+a,c=!1;b>(new Date).getTime();)if(!this._drawNext()){c=!0;break}if(c)this._endBuild();else{var d=this;this._timerID=setTimeout(function(){d._run()},50-a)}var e=this.progress=this._index/this._frames.length;if(this.hasEventListener("progress")){var f=new createjs.Event("progress");f.progress=e,this.dispatchEvent(f)}},b._drawNext=function(){var a=this._frames[this._index],b=a.scale*this._scale,c=a.rect,d=a.sourceRect,e=this._data.images[a.img],f=e.getContext("2d");return a.funct&&a.funct(a.source,a.data),f.save(),f.beginPath(),f.rect(c.x,c.y,c.width,c.height),f.clip(),f.translate(Math.ceil(c.x-d.x*b),Math.ceil(c.y-d.y*b)),f.scale(b,b),a.source.draw(f),f.restore(),++this._index=1?d:1,this.height=e>=1?e:1,this.x=b||0,this.y=c||0,this.scale=f||1,this.update()},b.update=function(b){if(!this.target)throw"define() must be called before update()";var c=a.getFilterBounds(this.target),d=this._cacheCanvas;this._drawWidth=Math.ceil(this.width*this.scale)+c.width,this._drawHeight=Math.ceil(this.height*this.scale)+c.height,this._filterCount=this.target.filters&&this.target.filters.reduce(a.filterCounter,0),d&&this._drawWidth===d.width&&this._drawHeight===d.height||this._updateSurface(),this._stageGL&&(null===this._bufferTextureOutput?this._bufferTextureOutput=this._stageGL.getRenderBufferTexture(this._drawWidth,this._drawHeight):this._stageGL.resizeTexture(this._bufferTextureOutput,this._drawWidth,this._drawHeight),null===this._cacheCanvas&&(this._cacheCanvas=this._bufferTextureOutput,this.disabled=this._disabled),this._filterCount>=1&&(null===this._bufferTextureConcat?this._bufferTextureConcat=this._stageGL.getRenderBufferTexture(this._drawWidth,this._drawHeight):this._stageGL.resizeTexture(this._bufferTextureConcat,this._drawWidth,this._drawHeight))),this._filterOffX=c.x,this._filterOffY=c.y,this.offX=this.x*this.scale+this._filterOffX,this.offY=this.y*this.scale+this._filterOffY,this._drawToCache(b),this.cacheID=this.cacheID?this.cacheID+1:1},b.release=function(){if(this._stageGL)null!==this._bufferTextureOutput&&this._stageGL._killTextureObject(this._bufferTextureOutput),null!==this._bufferTextureConcat&&this._stageGL._killTextureObject(this._bufferTextureConcat),null!==this._bufferTextureTemp&&this._stageGL._killTextureObject(this._bufferTextureTemp),this._stageGL=!1;else{var a=this.target.stage;a instanceof createjs.StageGL&&a.releaseTexture(this._cacheCanvas)}this.disabled=!0,this.target=this._cacheCanvas=null,this.cacheID=this._cacheDataURLID=this._cacheDataURL=void 0,this.width=this.height=this.x=this.y=this.offX=this.offY=0,this.scale=1},b.getCacheDataURL=function(a,b){var c=this.target&&this._cacheCanvas;return c?(this.cacheID!==this._cacheDataURLID&&(this._cacheDataURLID=this.cacheID,this._cacheDataURL=c.getCacheDataURL?c.getCacheDataURL(a,b):null),this._cacheDataURL):null},b.draw=function(a){return!!this.target&&(a.drawImage(this._cacheCanvas,this.x+this._filterOffX/this.scale,this.y+this._filterOffY/this.scale,this._drawWidth/this.scale,this._drawHeight/this.scale),!0)},b.getBounds=function(){var a=this.scale;return this._boundRect.setValues(this.x,this.y,this.width/a,this.height/a)},b._getGLFilter=function(a){if(!(null===this.target.filters||a<0)){for(var b=0,c=this.target.filters[b];c&&--a>=0;)c=c._multiPass?c._multiPass:this.target.filters[++b];return c}},b._updateSurface=function(){var a;if(!this._options||!this._options.useGL)return a=this._cacheCanvas,a||(a=this._cacheCanvas=createjs.createCanvas?createjs.createCanvas():document.createElement("canvas"),this.disabled=this._disabled),a.width=this._drawWidth,void(a.height=this._drawHeight);if(!this._stageGL)if("stage"===this._options.useGL){var b=this.target.stage;if(!b||!b.isWebGL){var c="Cannot use 'stage' for cache because the object's parent stage is ";throw c+=b?"non WebGL.":"not set, please addChild to the correct stage."}this._stageGL=b}else if("new"===this._options.useGL){if(this._cacheCanvas=document.createElement("canvas"),this._stageGL=new createjs.StageGL(this._cacheCanvas,{antialias:!0,transparent:!0,autoPurge:10}),!this._stageGL._webGLContext)throw"GL Cache asked for but unavailable";this._stageGL.isCacheControlled=!0}else{if(!(this._options.useGL instanceof createjs.StageGL))throw"Invalid option provided to useGL, expected ['stage', 'new', StageGL, undefined], got "+this._options.useGL;this._stageGL=this._options.useGL}this.disabled=this._disabled;var d=this._stageGL;d.isCacheControlled&&(a=this._cacheCanvas,a.width=this._drawWidth,a.height=this._drawHeight,d.updateViewport(this._drawWidth,this._drawHeight))},b._drawToCache=function(a){var b=this._cacheCanvas,c=this.target,d=this._stageGL;if(d)d.cacheDraw(c,this);else{var e=b.getContext("2d");a||e.clearRect(0,0,this._drawWidth+1,this._drawHeight+1),e.save(),e.globalCompositeOperation=a,e.setTransform(this.scale,0,0,this.scale,-this._filterOffX,-this._filterOffY),e.translate(-this.x,-this.y),c.draw(e,!0),e.restore(),c.filters&&c.filters.length&&this._applyFilters(e)}b._invalid=!0},b._applyFilters=function(a){var b,c=this.target.filters,d=this._drawWidth,e=this._drawHeight,f=0,g=c[f];do{g.usesContext?(b&&(a.putImageData(b,0,0),b=null),g.applyFilter(a,0,0,d,e)):(b||(b=a.getImageData(0,0,d,e)),g._applyFilter(b)),g=null!==g._multiPass?g._multiPass:c[++f]}while(g);b&&a.putImageData(b,0,0)},createjs.BitmapCache=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a,b,c){this.Filter_constructor(),this._blurX=a,this._blurXTable=[],this._lastBlurX=null,this._blurY=b,this._blurYTable=[],this._lastBlurY=null,this._quality,this._lastQuality=null,this.FRAG_SHADER_TEMPLATE="uniform float xWeight[{{blurX}}];uniform float yWeight[{{blurY}}];uniform vec2 textureOffset;void main(void) {vec4 color = vec4(0.0);float xAdj = ({{blurX}}.0-1.0)/2.0;float yAdj = ({{blurY}}.0-1.0)/2.0;vec2 sampleOffset;for(int i=0; i<{{blurX}}; i++) {for(int j=0; j<{{blurY}}; j++) {sampleOffset = vTextureCoord + (textureOffset * vec2(float(i)-xAdj, float(j)-yAdj));color += texture2D(uSampler, sampleOffset) * (xWeight[i] * yWeight[j]);}}gl_FragColor = color.rgba;}",(isNaN(c)||c<1)&&(c=1),this.setQuality(0|c)}var b=createjs.extend(a,createjs.Filter);b.getBlurX=function(){return this._blurX},b.getBlurY=function(){return this._blurY},b.setBlurX=function(a){(isNaN(a)||a<0)&&(a=0),this._blurX=a},b.setBlurY=function(a){(isNaN(a)||a<0)&&(a=0),this._blurY=a},b.getQuality=function(){return this._quality},b.setQuality=function(a){(isNaN(a)||a<0)&&(a=0),this._quality=0|a},b._getShader=function(){var a=this._lastBlurX!==this._blurX,b=this._lastBlurY!==this._blurY,c=this._lastQuality!==this._quality;return a||b||c?((a||c)&&(this._blurXTable=this._getTable(this._blurX*this._quality)),(b||c)&&(this._blurYTable=this._getTable(this._blurY*this._quality)),this._updateShader(),this._lastBlurX=this._blurX,this._lastBlurY=this._blurY,void(this._lastQuality=this._quality)):this._compiledShader},b._setShader=function(a){this._compiledShader=a};try{Object.defineProperties(b,{blurX:{get:b.getBlurX,set:b.setBlurX},blurY:{get:b.getBlurY,set:b.setBlurY},quality:{get:b.getQuality,set:b.setQuality},_builtShader:{get:b._getShader,set:b._setShader}})}catch(a){console.log(a)}b._getTable=function(a){var b=4.2;if(a<=1)return[1];var c=[],d=Math.ceil(2*a);d+=d%2?0:1;for(var e=d/2|0,f=-e;f<=e;f++){var g=f/e*b;c.push(1/Math.sqrt(2*Math.PI)*Math.pow(Math.E,-Math.pow(g,2)/4))}var h=c.reduce(function(a,b){return a+b});return c.map(function(a,b,c){return a/h})},b._updateShader=function(){if(void 0!==this._blurX&&void 0!==this._blurY){var a=this.FRAG_SHADER_TEMPLATE;a=a.replace(/\{\{blurX\}\}/g,this._blurXTable.length.toFixed(0)),a=a.replace(/\{\{blurY\}\}/g,this._blurYTable.length.toFixed(0)),this.FRAG_SHADER_BODY=a}},b.shaderParamSetup=function(a,b,c){a.uniform1fv(a.getUniformLocation(c,"xWeight"),this._blurXTable),a.uniform1fv(a.getUniformLocation(c,"yWeight"),this._blurYTable),a.uniform2f(a.getUniformLocation(c,"textureOffset"),2/(b._viewportWidth*this._quality),2/(b._viewportHeight*this._quality))},a.MUL_TABLE=[1,171,205,293,57,373,79,137,241,27,391,357,41,19,283,265,497,469,443,421,25,191,365,349,335,161,155,149,9,278,269,261,505,245,475,231,449,437,213,415,405,395,193,377,369,361,353,345,169,331,325,319,313,307,301,37,145,285,281,69,271,267,263,259,509,501,493,243,479,118,465,459,113,446,55,435,429,423,209,413,51,403,199,393,97,3,379,375,371,367,363,359,355,351,347,43,85,337,333,165,327,323,5,317,157,311,77,305,303,75,297,294,73,289,287,71,141,279,277,275,68,135,67,133,33,262,260,129,511,507,503,499,495,491,61,121,481,477,237,235,467,232,115,457,227,451,7,445,221,439,218,433,215,427,425,211,419,417,207,411,409,203,202,401,399,396,197,49,389,387,385,383,95,189,47,187,93,185,23,183,91,181,45,179,89,177,11,175,87,173,345,343,341,339,337,21,167,83,331,329,327,163,81,323,321,319,159,79,315,313,39,155,309,307,153,305,303,151,75,299,149,37,295,147,73,291,145,289,287,143,285,71,141,281,35,279,139,69,275,137,273,17,271,135,269,267,133,265,33,263,131,261,130,259,129,257,1],a.SHG_TABLE=[0,9,10,11,9,12,10,11,12,9,13,13,10,9,13,13,14,14,14,14,10,13,14,14,14,13,13,13,9,14,14,14,15,14,15,14,15,15,14,15,15,15,14,15,15,15,15,15,14,15,15,15,15,15,15,12,14,15,15,13,15,15,15,15,16,16,16,15,16,14,16,16,14,16,13,16,16,16,15,16,13,16,15,16,14,9,16,16,16,16,16,16,16,16,16,13,14,16,16,15,16,16,10,16,15,16,14,16,16,14,16,16,14,16,16,14,15,16,16,16,14,15,14,15,13,16,16,15,17,17,17,17,17,17,14,15,17,17,16,16,17,16,15,17,16,17,11,17,16,17,16,17,16,17,17,16,17,17,16,17,17,16,16,17,17,17,16,14,17,17,17,17,15,16,14,16,15,16,13,16,15,16,14,16,15,16,12,16,15,16,17,17,17,17,17,13,16,15,17,17,17,16,15,17,17,17,16,15,17,17,14,16,17,17,16,17,17,16,15,17,16,14,17,16,15,17,16,17,17,16,17,15,16,17,14,17,16,15,17,16,17,13,17,16,17,17,16,17,14,17,16,17,16,17,16,17,9],b.getBounds=function(a){var b=0|this.blurX,c=0|this.blurY;if(b<=0&&c<=0)return a;var d=Math.pow(this.quality,.2);return(a||new createjs.Rectangle).pad(c*d+1,b*d+1,c*d+1,b*d+1)},b.clone=function(){return new a(this.blurX,this.blurY,this.quality)},b.toString=function(){return"[BlurFilter]"},b._applyFilter=function(b){var c=this._blurX>>1;if(isNaN(c)||c<0)return!1;var d=this._blurY>>1;if(isNaN(d)||d<0)return!1;if(0==c&&0==d)return!1;var e=this.quality;(isNaN(e)||e<1)&&(e=1),e|=0,e>3&&(e=3),e<1&&(e=1);var f=b.data,g=0,h=0,i=0,j=0,k=0,l=0,m=0,n=0,o=0,p=0,q=0,r=0,s=0,t=0,u=0,v=c+c+1|0,w=d+d+1|0,x=0|b.width,y=0|b.height,z=x-1|0,A=y-1|0,B=c+1|0,C=d+1|0,D={r:0,b:0,g:0,a:0},E=D;for(i=1;i0;){m=l=0;var M=I,N=J;for(h=y;--h>-1;){for(n=B*(r=f[0|l]),o=B*(s=f[l+1|0]),p=B*(t=f[l+2|0]),q=B*(u=f[l+3|0]),E=D,i=B;--i>-1;)E.r=r,E.g=s,E.b=t,E.a=u,E=E.n;for(i=1;i>>N,f[l++]=o*M>>>N,f[l++]=p*M>>>N,f[l++]=q*M>>>N,j=m+((j=g+c+1)0)for(h=0;h>>N,u>0?(f[j]=n*M>>>N,f[j+1]=o*M>>>N,f[j+2]=p*M>>>N):f[j]=f[j+1]=f[j+2]=0,j=g+((j=h+C)>>N,u>0?(u=255/u,f[j]=(n*M>>>N)*u,f[j+1]=(o*M>>>N)*u,f[j+2]=(p*M>>>N)*u):f[j]=f[j+1]=f[j+2]=0,j=g+((j=h+C)0?3*a/100:a/100),c=.3086,d=.6094,e=.082;return this._multiplyMatrix([c*(1-b)+b,d*(1-b),e*(1-b),0,0,c*(1-b),d*(1-b)+b,e*(1-b),0,0,c*(1-b),d*(1-b),e*(1-b)+b,0,0,0,0,0,1,0,0,0,0,0,1]),this},b.adjustHue=function(a){if(0==a||isNaN(a))return this;a=this._cleanValue(a,180)/180*Math.PI;var b=Math.cos(a),c=Math.sin(a),d=.213,e=.715,f=.072;return this._multiplyMatrix([d+b*(1-d)+c*-d,e+b*-e+c*-e,f+b*-f+c*(1-f),0,0,d+b*-d+.143*c,e+b*(1-e)+.14*c,f+b*-f+-.283*c,0,0,d+b*-d+c*-(1-d),e+b*-e+c*e,f+b*(1-f)+c*f,0,0,0,0,0,1,0,0,0,0,0,1]),this},b.concat=function(b){return b=this._fixMatrix(b),b.length!=a.LENGTH?this:(this._multiplyMatrix(b),this)},b.clone=function(){return(new a).copy(this)},b.toArray=function(){for(var b=[],c=0,d=a.LENGTH;ca.LENGTH&&(b=b.slice(0,a.LENGTH)),b},createjs.ColorMatrix=a}(),this.createjs=this.createjs||{},function(){"use strict";function a(a){this.Filter_constructor(),this.matrix=a,this.FRAG_SHADER_BODY="uniform mat4 uColorMatrix;uniform vec4 uColorMatrixOffset;void main(void) {vec4 color = texture2D(uSampler, vTextureCoord);mat4 m = uColorMatrix;vec4 newColor = vec4(color.r*m[0][0] + color.g*m[0][1] + color.b*m[0][2] + color.a*m[0][3],color.r*m[1][0] + color.g*m[1][1] + color.b*m[1][2] + color.a*m[1][3],color.r*m[2][0] + color.g*m[2][1] + color.b*m[2][2] + color.a*m[2][3],color.r*m[3][0] + color.g*m[3][1] + color.b*m[3][2] + color.a*m[3][3]);gl_FragColor = newColor + uColorMatrixOffset;}"}var b=createjs.extend(a,createjs.Filter);b.shaderParamSetup=function(a,b,c){var d=this.matrix,e=new Float32Array([d[0],d[1],d[2],d[3],d[5],d[6],d[7],d[8],d[10],d[11],d[12],d[13],d[15],d[16],d[17],d[18]]);a.uniformMatrix4fv(a.getUniformLocation(c,"uColorMatrix"),!1,e),a.uniform4f(a.getUniformLocation(c,"uColorMatrixOffset"),d[4]/255,d[9]/255,d[14]/255,d[19]/255)},b.toString=function(){return"[ColorMatrixFilter]"},b.clone=function(){return new a(this.matrix)},b._applyFilter=function(a){for(var b,c,d,e,f=a.data,g=f.length,h=this.matrix,i=h[0],j=h[1],k=h[2],l=h[3],m=h[4],n=h[5],o=h[6],p=h[7],q=h[8],r=h[9],s=h[10],t=h[11],u=h[12],v=h[13],w=h[14],x=h[15],y=h[16],z=h[17],A=h[18],B=h[19],C=0;C0||window.PointerEvent&&window.navigator.maxTouchPoints>0)},a.enable=function(b,c,d){return!!(b&&b.canvas&&a.isSupported())&&(!!b.__touch||(b.__touch={pointers:{},multitouch:!c,preventDefault:!d,count:0},"ontouchstart"in window?a._IOS_enable(b):(window.PointerEvent||window.MSPointerEvent)&&a._IE_enable(b),!0))},a.disable=function(b){b&&b.__touch&&("ontouchstart"in window?a._IOS_disable(b):(window.PointerEvent||window.MSPointerEvent)&&a._IE_disable(b),delete b.__touch)},a._IOS_enable=function(b){var c=b.canvas,d=b.__touch.f=function(c){a._IOS_handleEvent(b,c)};c.addEventListener("touchstart",d,!1),c.addEventListener("touchmove",d,!1),c.addEventListener("touchend",d,!1),c.addEventListener("touchcancel",d,!1)},a._IOS_disable=function(a){var b=a.canvas;if(b){var c=a.__touch.f;b.removeEventListener("touchstart",c,!1),b.removeEventListener("touchmove",c,!1),b.removeEventListener("touchend",c,!1),b.removeEventListener("touchcancel",c,!1)}},a._IOS_handleEvent=function(a,b){if(a){a.__touch.preventDefault&&b.preventDefault&&b.preventDefault();for(var c=b.changedTouches,d=b.type,e=0,f=c.length;e= 0.10.22"
+ "engine": "node >= 0.10.22",
+ "dependencies": {
+ "canvas": "^2.11.2"
+ }
}
|