diff --git a/build/amd/hilo-amd.js b/build/amd/hilo-amd.js
index b609dd63..0a040648 100644
--- a/build/amd/hilo-amd.js
+++ b/build/amd/hilo-amd.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -192,7 +192,7 @@ return browser;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -229,7 +229,7 @@ return util;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -257,7 +257,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.3.0',
+    version: '1.4.0',
     /**
      * @language=en
      * Gets a globally unique id. Such as Stage1, Bitmap2 etc.
@@ -565,7 +565,7 @@ return Hilo;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -748,7 +748,7 @@ return Class;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -972,7 +972,7 @@ return Matrix;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1125,7 +1125,7 @@ return EventMixin;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1206,7 +1206,7 @@ return Drawable;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1300,7 +1300,7 @@ return Renderer;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1511,7 +1511,7 @@ return CanvasRenderer;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1693,7 +1693,7 @@ return DOMRenderer;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1750,7 +1750,13 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
                 }
             }
             return this._isSupported;
-        }
+        },
+        /**
+         * WebGL context Options
+         * @see  https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes
+         * @type {Object}
+         */
+        contextOptions: null
     },
     renderType:'webgl',
     gl:null,
@@ -1759,7 +1765,8 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
     constructor: function(properties){
         WebGLRenderer.superclass.constructor.call(this, properties);
         var that = this;
-        this.gl = this.canvas.getContext("webgl")||this.canvas.getContext('experimental-webgl');
+        var contextOptions = WebGLRenderer.contextOptions || {};
+        this.gl = this.canvas.getContext("webgl", contextOptions)||this.canvas.getContext('experimental-webgl', contextOptions);
 
         this.maxBatchNum = WebGLRenderer.MAX_BATCH_NUM;
         this.positionStride = WebGLRenderer.ATTRIBUTE_NUM * 4;
@@ -2270,7 +2277,7 @@ return WebGLRenderer;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2767,7 +2774,7 @@ return View;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2833,7 +2840,7 @@ return CacheMixin;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3207,7 +3214,7 @@ return Container;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3474,7 +3481,7 @@ return Stage;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3552,7 +3559,7 @@ return Bitmap;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3823,7 +3830,7 @@ return Sprite;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3938,7 +3945,7 @@ return DOMElement;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3948,7 +3955,7 @@ define('hilo/view/Graphics', ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/Vi
 
 /**
  * @language=en
- * <iframe src='../../../examples/Graphics.html?noHeader' width = '320' height = '400' scrolling='no'></iframe>
+ * <iframe src='../../../examples/Graphics.html?noHeader' width = '430' height = '400' scrolling='no'></iframe>
  * <br/>
  * @class Graphics class contains a group of functions for creating vector graphics.
  * @augments View
@@ -4500,7 +4507,7 @@ return Graphics;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4548,7 +4555,7 @@ var Text = Class.create(/** @lends Text.prototype */{
         this._fontHeight = Text.measureFontHeight(this.font);
     },
 
-    text: null,
+    text: '',
     color: '#000',
     textAlign: null,
     textVAlign: null,
@@ -4753,7 +4760,7 @@ return Text;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4937,7 +4944,7 @@ return BitmapText;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5116,7 +5123,7 @@ return Button;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5353,7 +5360,7 @@ return TextureAtlas;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5582,7 +5589,7 @@ return Ticker;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5630,7 +5637,7 @@ if (!fnProto.bind) {
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5769,7 +5776,7 @@ return drag;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6219,7 +6226,7 @@ return Tween;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6491,7 +6498,7 @@ return Ease;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6539,7 +6546,7 @@ return ImageLoader;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6606,7 +6613,7 @@ return ScriptLoader;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6856,7 +6863,7 @@ return LoadQueue;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7059,7 +7066,7 @@ return HTMLAudio;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7376,7 +7383,7 @@ return WebAudio;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7479,7 +7486,7 @@ return WebSound;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7572,7 +7579,7 @@ return Camera;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7759,7 +7766,7 @@ return Camera3d;
 
 });
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo-amd.min.js b/build/amd/hilo-amd.min.js
index 6487ea21..6c5a467c 100644
--- a/build/amd/hilo-amd.min.js
+++ b/build/amd/hilo-amd.min.js
@@ -1,8 +1,8 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-define("hilo/util/browser",function(){var t=function(){var t=navigator.userAgent,e=document,i=window,r=e.documentElement,n={iphone:/iphone/i.test(t),ipad:/ipad/i.test(t),ipod:/ipod/i.test(t),ios:/iphone|ipad|ipod/i.test(t),android:/android/i.test(t),webkit:/webkit/i.test(t),chrome:/chrome/i.test(t),safari:/safari/i.test(t),firefox:/firefox/i.test(t),ie:/msie/i.test(t),opera:/opera/i.test(t),supportTouch:"ontouchstart"in i,supportCanvas:null!=e.createElement("canvas").getContext,supportStorage:!1,supportOrientation:"orientation"in i||"orientation"in i.screen,supportDeviceMotion:"ondevicemotion"in i};try{var a="hilo";localStorage.setItem(a,a),localStorage.removeItem(a),n.supportStorage=!0}catch(o){}var s=n.jsVendor=n.webkit?"webkit":n.firefox?"webkit":n.opera?"o":n.ie?"ms":"",h=n.cssVendor="-"+s+"-",l=e.createElement("div"),c=l.style,u=void 0!=c[s+"Transform"],d=void 0!=c[s+"Perspective"];d&&(l.id="test3d",c=e.createElement("style"),c.textContent="@media ("+h+"transform-3d){#test3d{height:3px}}",e.head.appendChild(c),r.appendChild(l),d=3==l.offsetHeight,e.head.removeChild(c),r.removeChild(l)),n.supportTransform=u,n.supportTransform3D=d;var f=n.supportTouch,p=f?"touchstart":"mousedown",v=f?"touchmove":"mousemove",m=f?"touchend":"mouseup";return n.POINTER_START=p,n.POINTER_MOVE=v,n.POINTER_END=m,n}();return t}),define("hilo/util/util",function(){var t={copy:function(t,e,i){for(var r in e)i&&!t.hasOwnProperty(r)&&void 0===t[r]||(t[r]=e[r]);return t}};return t}),define("hilo/core/Hilo",["hilo/util/browser","hilo/util/util"],function(t,e){var i=window,r=document,n=r.documentElement,a=0,o={},s={version:"1.3.0",getUid:function(t){var e=++a;if(t){var i=t.charCodeAt(t.length-1);return i>=48&&i<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,i=t;i;)e=e?i.id+"."+e:i.id,i=i.parent;return e},copy:function(t,i,r){return e.copy(t,i,r),o.copy||(o.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:t,event:{POINTER_START:t.POINTER_START,POINTER_MOVE:t.POINTER_MOVE,POINTER_END:t.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(r){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var a=(i.pageXOffset||n.scrollLeft)-(n.clientLeft||0)||0,o=(i.pageYOffset||n.scrollTop)-(n.clientTop||0)||0,s=i.getComputedStyle?getComputedStyle(t):t.currentStyle,h=parseInt,l=h(s.paddingLeft)+h(s.borderLeftWidth)||0,c=h(s.paddingTop)+h(s.borderTopWidth)||0,u=h(s.paddingRight)+h(s.borderRightWidth)||0,d=h(s.paddingBottom)+h(s.borderBottomWidth)||0,f=e.top||0,p=e.left||0,v=e.right||0,m=e.bottom||0;return{left:p+a+l,top:f+o+c,width:v-u-p-l,height:m-d-f-c}},createElement:function(t,e){var i,n,a,o=r.createElement(t);for(i in e)if(n=e[i],"style"===i)for(a in n)o.style[a]=n[a];else o[i]=n;return o},getElement:function(t){return r.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,i=e.domElement.style,r=t._stateCache||(t._stateCache={}),n=s.browser.jsVendor,a="px",o=!1;if(this.cacheStateIfChanged(t,["visible"],r)&&(i.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],r)&&(i.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],r)&&(i.width=t.width+a),this.cacheStateIfChanged(t,["height"],r)&&(i.height=t.height+a),this.cacheStateIfChanged(t,["depth"],r)&&(i.zIndex=t.depth+1),t.transform){var h=t.transform;(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(i[n+"TransformOrigin"]="0 0"),i[n+"Transform"]="matrix3d("+h.a+", "+h.b+", 0, 0, "+h.c+", "+h.d+", 0, 0, 0, 0, 1, 0, "+h.tx+", "+h.ty+", 0, 1)"}else(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(i[n+"TransformOrigin"]=t.pivotX+a+" "+t.pivotY+a),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],r)||o)&&(i[n+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],r)&&(i.backgroundColor=t.background),i.pointerEvents||(i.pointerEvents="none");var l=e.image;if(l){var c=l.src;c!==r.image&&(r.image=c,i.backgroundImage="url("+c+")");var u=e.rect;if(u){var d=u[0],f=u[1];d!==r.sx&&(r.sx=d,i.backgroundPositionX=-d+a),f!==r.sy&&(r.sy=f,i.backgroundPositionY=-f+a)}}var p=t.mask;if(p){var v=p.drawable.domElement.style.backgroundImage;v!==r.maskImage&&(r.maskImage=v,i[n+"MaskImage"]=v,i[n+"MaskRepeat"]="no-repeat");var m=p.x,g=p.y;m===r.maskX&&g===r.maskY||(r.maskX=m,r.maskY=g,i[n+"MaskPosition"]=m+a+" "+g+a)}}},cacheStateIfChanged:function(t,e,i){var r,n,a,o,s=!1;for(r=0,n=e.length;r<n;r++)a=e[r],o=t[a],o!=i[a]&&(i[a]=o,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,i=e?"3d":"";return"translate"+i+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+i+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+i+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};return s}),define("hilo/core/Class",function(){var t=function(){var t,e,i=function(t){t=t||{};var e=t.hasOwnProperty("constructor")?t.constructor:function(){};return r.call(e,t),e},r=function(t){var e,i,r={};for(e in t)i=t[e],n.hasOwnProperty(e)?n[e].call(this,i):r[e]=i;o(this.prototype,r)},n={Extends:function(t){var e=this.prototype,i=a(t.prototype);o(this,t),o(i,e),i.constructor=this,this.prototype=i,this.superclass=t.prototype},Mixes:function(t){t instanceof Array||(t=[t]);for(var e,i=this.prototype;e=t.shift();)o(i,e.prototype||e)},Statics:function(t){o(this,t)}},a=function(){if(Object.__proto__)return function(t){return{__proto__:t}};var t=function(){};return function(e){return t.prototype=e,new t}}(),o=function(t){for(var i=1,r=arguments.length;i<r;i++){var n,a=arguments[i];for(var o in a){var s=a[o];!s||"object"!=typeof s||void 0===s.value&&"function"!=typeof s.get&&"function"!=typeof s.set?t[o]=s:(n=n||{},n[o]=s)}n&&e(t,n)}return t};try{t=Object.defineProperty,e=Object.defineProperties,t({},"$",{value:0})}catch(s){"__defineGetter__"in Object&&(t=function(t,e,i){return"value"in i&&(t[e]=i.value),"get"in i&&t.__defineGetter__(e,i.get),"set"in i&&t.__defineSetter__(e,i.set),t},e=function(e,i){for(var r in i)i.hasOwnProperty(r)&&t(e,r,i[r]);return e})}return{create:i,mix:o}}();return t}),define("hilo/geom/Matrix",["hilo/core/Class"],function(t){var e=t.create({constructor:function(t,e,i,r,n,a){this.a=t,this.b=e,this.c=i,this.d=r,this.tx=n,this.ty=a},set:function(t,e,i,r,n,a){return this.a=t,this.b=e,this.c=i,this.d=r,this.tx=n,this.ty=a,this},copy:function(t){return this.a=t.a,this.b=t.b,this.c=t.c,this.d=t.d,this.tx=t.tx,this.ty=t.ty,this},clone:function(){return(new e).copy(this)},concat:function(t){var e,i,r,n,a,o,s=arguments,h=this.a,l=this.b,c=this.c,u=this.d,d=this.tx,f=this.ty;return s.length>=6?(e=s[0],i=s[1],r=s[2],n=s[3],a=s[4],o=s[5]):(e=t.a,i=t.b,r=t.c,n=t.d,a=t.tx,o=t.ty),this.a=h*e+l*r,this.b=h*i+l*n,this.c=c*e+u*r,this.d=c*i+u*n,this.tx=d*e+f*r+a,this.ty=d*i+f*n+o,this},rotate:function(t){var e=Math.sin(t),i=Math.cos(t),r=this.a,n=this.b,a=this.c,o=this.d,s=this.tx,h=this.ty;return this.a=r*i-n*e,this.b=r*e+n*i,this.c=a*i-o*e,this.d=a*e+o*i,this.tx=s*i-h*e,this.ty=s*e+h*i,this},scale:function(t,e){return this.a*=t,this.d*=e,this.c*=t,this.b*=e,this.tx*=t,this.ty*=e,this},translate:function(t,e){return this.tx+=t,this.ty+=e,this},identity:function(){return this.a=this.d=1,this.b=this.c=this.tx=this.ty=0,this},invert:function(){var t=this.a,e=this.b,i=this.c,r=this.d,n=this.tx,a=t*r-e*i;return this.a=r/a,this.b=-e/a,this.c=-i/a,this.d=t/a,this.tx=(i*this.ty-r*n)/a,this.ty=-(t*this.ty-e*n)/a,this},transformPoint:function(t,e,i){var r=t.x*this.a+t.y*this.c+this.tx,n=t.x*this.b+t.y*this.d+this.ty;return e&&(r=r+.5>>0,n=n+.5>>0),i?{x:r,y:n}:(t.x=r,t.y=n,t)}});return e}),define("hilo/event/EventMixin",["hilo/core/Class"],function(t){var e={_listeners:null,on:function(t,e,i){for(var r=this._listeners=this._listeners||{},n=r[t]=r[t]||[],a=0,o=n.length;a<o;a++){var s=n[a];if(s.listener===e)return}return n.push({listener:e,once:i}),this},off:function(t,e){if(0==arguments.length)return this._listeners=null,this;var i=this._listeners&&this._listeners[t];if(i){if(1==arguments.length)return delete this._listeners[t],this;for(var r=0,n=i.length;r<n;r++){var a=i[r];if(a.listener===e){i.splice(r,1),0===i.length&&delete this._listeners[t];break}}}return this},fire:function(t,e){var r,n;"string"==typeof t?n=t:(r=t,n=t.type);var a=this._listeners;if(!a)return!1;var o=a[n];if(o){var s=o.slice(0);if(r=r||new i(n,this,e),r._stopped)return!1;for(var h=0;h<s.length;h++){var l=s[h];if(l.listener.call(this,r),l.once){var c=o.indexOf(l);c>-1&&o.splice(c,1)}}return 0==o.length&&delete a[n],!0}return!1}},i=t.create({constructor:function(t,e,i){this.type=t,this.target=e,this.detail=i,this.timeStamp=+new Date},type:null,target:null,detail:null,timeStamp:0,stopImmediatePropagation:function(){this._stopped=!0}}),r=window.Event;if(r){var n=r.prototype,a=n.stopImmediatePropagation;n.stopImmediatePropagation=function(){a&&a.call(this),this._stopped=!0}}return e}),define("hilo/view/Drawable",["hilo/core/Class","hilo/util/util"],function(t,e){var i=t.create({constructor:function(t){this.init(t)},image:null,rect:null,init:function(t){var r=this,n=r.image;i.isDrawable(t)?r.image=t:e.copy(r,t,!0);var a=r.image;if("string"==typeof a){if(!n||a!==n.getAttribute("src")){r.image=null;var o=new Image;return t.crossOrigin&&(o.crossOrigin=t.crossOrigin),o.onload=function(){o.onload=null,r.init(o)},void(o.src=a)}a=r.image=n}a&&!r.rect&&(r.rect=[0,0,a.width,a.height])},Statics:{isDrawable:function(t){if(!t||!t.tagName)return!1;var e=t.tagName.toLowerCase();return"img"===e||"canvas"===e||"video"===e}}});return i}),define("hilo/renderer/Renderer",["hilo/core/Class","hilo/util/util"],function(t,e){var i=t.create({constructor:function(t){t=t||{},e.copy(this,t,!0)},renderType:null,canvas:null,stage:null,blendMode:"source-over",startDraw:function(t){},draw:function(t){},endDraw:function(t){},transform:function(){},hide:function(){},remove:function(t){},clear:function(t,e,i,r){},resize:function(t,e){}});return i}),define("hilo/renderer/CanvasRenderer",["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer"],function(t,e,i){var r=t.create({Extends:i,constructor:function(t){r.superclass.constructor.call(this,t),this.context=this.canvas.getContext("2d")},renderType:"canvas",context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.context.clearRect(0,0,t.width,t.height),t.blendMode!==this.blendMode&&(this.context.globalCompositeOperation=this.blendMode=t.blendMode),this.context.save(),!0)},draw:function(t){var e=this.context,i=t.width,r=t.height,n=t.background;n&&(e.fillStyle=n,e.fillRect(0,0,i,r));var a=t.drawable,o=a&&a.image;if(o){var s=a.rect,h=s[2],l=s[3],c=s[4],u=s[5];if(!h||!l)return;i||r||(i=t.width=h,r=t.height=l),(c||u)&&e.translate(c-.5*h,u-.5*l),e.drawImage(o,s[0],s[1],h,l,0,0,i,r)}},endDraw:function(t){this.context.restore()},transform:function(t){var i=t.drawable;if(i&&i.domElement)return void e.setElementStyleByView(t);var r=this.context,n=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,h=t._scaleY,l=!1;(!s&&1!=n||s&&s!=n)&&(t._scaleX=n,o.width=n*t.width+"px",l=!0),(!h&&1!=a||h&&h!=a)&&(t._scaleY=a,o.height=a*t.height+"px",l=!0),l&&t.updateViewport()}else{var c=t.x,u=t.y,d=t.pivotX,f=t.pivotY,p=t.rotation%360,v=t.transform,m=t.mask;m&&(m._render(this),r.clip());var g=t.align;if(g){var _=t.getAlignPosition();c=_.x,u=_.y}v?r.transform(v.a,v.b,v.c,v.d,v.tx,v.ty):(0==c&&0==u||r.translate(c,u),0!=p&&r.rotate(p*Math.PI/180),1==n&&1==a||r.scale(n,a),0==d&&0==f||r.translate(-d,-f))}t.alpha>0&&(r.globalAlpha*=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},clear:function(t,e,i,r){this.context.clearRect(t,e,i,r)},resize:function(t,e){var i=this.canvas,r=this.stage,n=i.style;i.width=t,i.height=e,n.width=r.width*r.scaleX+"px",n.height=r.height*r.scaleY+"px"}});return r}),define("hilo/renderer/DOMRenderer",["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer","hilo/view/Drawable"],function(t,e,i,r){var n=function(){function a(t,i){var r=t.tagName||"div",n=i.image,a=t.width||n&&n.width,o=t.height||n&&n.height,s=e.createElement(r),h=s.style;if(t.id&&(s.id=t.id),h.position="absolute",h.left=(t.left||0)+"px",h.top=(t.top||0)+"px",h.width=a+"px",h.height=o+"px","canvas"==r){if(s.width=a,s.height=o,n){var l=s.getContext("2d"),c=i.rect||[0,0,a,o];l.drawImage(n,c[0],c[1],c[2],c[3],t.x||0,t.y||0,t.width||c[2],t.height||c[3])}}else if(h.opacity=void 0!=t.alpha?t.alpha:1,(t===this.stage||t.clipChildren)&&(h.overflow="hidden"),n&&n.src){h.backgroundImage="url("+n.src+")";var u=t.rectX||0,d=t.rectY||0;h.backgroundPosition=-u+"px "+-d+"px"}return s}return t.create({Extends:i,constructor:function(t){n.superclass.constructor.call(this,t)},renderType:"dom",startDraw:function(t){var e=t.drawable=t.drawable||new r;return e.domElement=e.domElement||a(t,e),!0},draw:function(t){var e=t.parent,i=t.drawable.domElement,r=i.parentNode;if(e){var n=e.drawable.domElement;if(n!=r&&n.appendChild(i),!t.width&&!t.height){var a=t.drawable.rect;a&&(a[2]||a[3])&&(t.width=a[2],t.height=a[3])}}else t!==this.stage||r||(i.style.overflow="hidden",this.canvas.appendChild(i))},transform:function(t){if(e.setElementStyleByView(t),t===this.stage){var i=this.canvas.style,r=t._scaleX,n=t._scaleY,a=t.scaleX,o=t.scaleY;(!r&&1!=a||r&&r!=a)&&(t._scaleX=a,i.width=a*t.width+"px"),(!n&&1!=o||n&&n!=o)&&(t._scaleY=o,i.height=o*t.height+"px")}},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},hide:function(t){var e=t.drawable&&t.drawable.domElement;e&&(e.style.display="none")},resize:function(t,e){var i=this.canvas.style;i.width=t+"px",i.height=e+"px","absolute"!=i.position&&(i.position="relative")}})}();return n}),define("hilo/renderer/WebGLRenderer",["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer","hilo/geom/Matrix"],function(t,e,i,r){var n=Math.PI/180,a=t.create({Extends:i,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported}},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){a.superclass.constructor.call(this,t);var e=this;this.gl=this.canvas.getContext("webgl")||this.canvas.getContext("experimental-webgl"),this.maxBatchNum=a.MAX_BATCH_NUM,this.positionStride=4*a.ATTRIBUTE_NUM;var i=this.maxBatchNum*a.ATTRIBUTE_NUM*4,r=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*i),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(r);for(var n=0,o=0;n<r;n+=6,o+=4)this.indexs[n+0]=o+0,this.indexs[n+1]=o+1,this.indexs[n+2]=o+2,this.indexs[n+3]=o+1,this.indexs[n+4]=o+2,this.indexs[n+5]=o+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,i=t.height,r=(t.background,t.drawable),n=r&&r.image;if(n){var a=r.rect,o=a[2],s=a[3];e||i||(e=t.width=o,i=t.height=s),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(n,a[0],a[1],o,s,0,0,e,i),l=this.batchIndex*this.positionStride,c=this.float32Array,u=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);c[l+0]=h[0],c[l+1]=h[1],c[l+2]=h[2],c[l+3]=h[3],u[l+4]=d,c[l+5]=h[4],c[l+6]=h[5],c[l+7]=h[6],c[l+8]=h[7],u[l+9]=d,c[l+10]=h[8],c[l+11]=h[9],c[l+12]=h[10],c[l+13]=h[11],u[l+14]=d,c[l+15]=h[12],c[l+16]=h[13],c[l+17]=h[14],c[l+18]=h[15],u[l+19]=d;for(var f=t.__webglWorldMatrix,p=0;p<4;p++){var v=c[l+5*p],m=c[l+5*p+1];c[l+5*p]=f.a*v+f.c*m+f.tx,c[l+5*p+1]=f.b*v+f.d*m+f.ty}t.__textureImage=n,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var i=t.drawable;if(i&&i.domElement)return void e.setElementStyleByView(t);var n=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,h=t._scaleY,l=!1;(!s&&1!=n||s&&s!=n)&&(t._scaleX=n,o.width=n*t.width+"px",l=!0),(!h&&1!=a||h&&h!=a)&&(t._scaleY=a,o.height=a*t.height+"px",l=!0),l&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new r(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new r(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},clear:function(t,e,i,r){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var i=this.canvas,r=this.stage,n=i.style;this.width=i.width=t,this.height=i.height=e,n.width=r.width*r.scaleX+"px",n.height=r.height*r.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,i=0,r=null,n=0;n<this.batchIndex;n++){var a=this.sprites[n];r&&r!==a.__textureImage&&(this._renderBatch(e,n),e=n,i=1),r=a.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var i=this.gl,r=e-t;r>0&&(i.bindTexture(i.TEXTURE_2D,this._getTexture(this.sprites[t])),i.drawElements(i.TRIANGLES,6*r,i.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new o(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,i,r,n,a,o,s,h){var l=this.__tempVertexs||[],c=t.width,u=t.height;r/=c,n/=u,e/=c,i/=u,s=s,h=h,a=a,o=o,r+e>1&&(r=1-e),n+i>1&&(n=1-i);var d=0;return l[d++]=a,l[d++]=o,l[d++]=e,l[d++]=i,l[d++]=a+s,l[d++]=o,l[d++]=e+r,l[d++]=i,l[d++]=a,l[d++]=o+h,l[d++]=e,l[d++]=i+n,l[d++]=a+s,l[d++]=o+h,l[d++]=e+r,l[d++]=i+n,l},_setConcatenatedMatrix:function(t,e){var i=t.__webglWorldMatrix,r=1,a=0,o=t.rotation%360,s=t.pivotX,h=t.pivotY,l=t.scaleX,c=t.scaleY,u=t.transform;if(u)i.copy(u);else{if(o){var d=o*n;r=Math.cos(d),a=Math.sin(d)}var f=t.getAlignPosition();i.a=r*l,i.b=a*l,i.c=-a*c,i.d=r*c,i.tx=f.x-i.a*s-i.c*h,i.ty=f.y-i.b*s-i.d*h}i.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,i=this._cacheTexture[e.src];return i||(i=this.activeShader.uploadTexture(e)),i}}),o=function(t,e,i){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),i=i||{},this.attributes=i.attributes||[],this.uniforms=i.uniforms||[]};return o.prototype={active:function(){var t=this,e=t.renderer,i=t.gl,r=t.program;r&&i&&(e.activeShader=t,i.useProgram(r),t.attributes.forEach(function(t){e[t]=i.getAttribLocation(r,t),i.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=i.getUniformLocation(r,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,i=this.renderer,r=e.createTexture(),n=i.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,r),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(n,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=r,r},_createProgram:function(t,e,i){var r=this._createShader(t,t.VERTEX_SHADER,e),n=this._createShader(t,t.FRAGMENT_SHADER,i);if(!r||!n)return null;var a=t.createProgram();if(a){t.attachShader(a,r),t.attachShader(a,n),t.linkProgram(a),t.deleteShader(n),t.deleteShader(r);var o=t.getProgramParameter(a,t.LINK_STATUS);if(!o){var s=t.getProgramInfoLog(a);return console.log("Failed to link program: "+s),t.deleteProgram(a),null}}return a},_createShader:function(t,e,i){var r=t.createShader(e);if(r){t.shaderSource(r,i),t.compileShader(r);var n=t.getShaderParameter(r,t.COMPILE_STATUS);if(!n){var a=t.getShaderInfoLog(r);return console.log("Failed to compile shader: "+a),t.deleteShader(r),null}}return r}},a}),define("hilo/view/View",["hilo/core/Hilo","hilo/core/Class","hilo/event/EventMixin","hilo/geom/Matrix","hilo/util/util"],function(t,e,i,r,n){var a=function(){function a(t,e,i){for(var r,n,a,o,s=0,h=!1,l=0,c=i.length;l<c;l++){var u=i[l],d=i[(l+1)%c];if(u.y==d.y&&e==u.y&&(u.x>d.x?(r=d.x,n=u.x):(r=u.x,n=d.x),t>=r&&t<=n))h=!0;else if(u.y>d.y?(a=d.y,o=u.y):(a=u.y,o=d.y),!(e<a||e>o)){var f=(e-u.y)*(d.x-u.x)/(d.y-u.y)+u.x;if(f>t?s++:f==t&&(h=!0),u.x>t&&u.y==e){var p=i[(c+l-1)%c];(p.y<e&&d.y>e||p.y>e&&d.y<e)&&s++}}}return h||s%2==1}function o(t,e){var i=s(t,e,{overlap:-(1/0),normal:{x:0,y:0}});return!!i&&s(e,t,i)}function s(t,e,i){for(var r,n,a,o,s,h,l,c,u,d=t.length,f=e.length,p={x:0,y:0},v=0;v<d;v++){r=t[v],n=t[v<d-1?v+1:0],p.x=r.y-n.y,p.y=n.x-r.x,a=Math.sqrt(p.x*p.x+p.y*p.y),p.x/=a,p.y/=a,o=s=t[0].x*p.x+t[0].y*p.y;for(var m=1;m<d;m++)c=t[m].x*p.x+t[m].y*p.y,c>s?s=c:c<o&&(o=c);for(h=l=e[0].x*p.x+e[0].y*p.y,m=1;m<f;m++)c=e[m].x*p.x+e[m].y*p.y,c>l?l=c:c<h&&(h=c);if(o<h?(u=h-s,p.x=-p.x,p.y=-p.y):u=o-l,u>=0)return!1;u>i.overlap&&(i.overlap=u,i.normal.x=p.x,i.normal.y=p.y)}return i}return e.create({Mixes:i,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("View"),n.copy(this,e,!0)},tint:16777215,id:null,x:0,y:0,width:0,height:0,alpha:1,rotation:0,visible:!0,pivotX:0,pivotY:0,scaleX:1,scaleY:1,pointerEnabled:!0,background:null,mask:null,align:null,drawable:null,boundsArea:null,parent:null,depth:-1,transform:null,blendMode:"source-over",getStage:function(){for(var t,e=this;t=e.parent;)e=t;return e.canvas?e:null},getScaledWidth:function(){return this.width*this.scaleX},getScaledHeight:function(){return this.height*this.scaleY},addTo:function(t,e){return"number"==typeof e?t.addChildAt(this,e):t.addChild(this),this},removeFromParent:function(){var t=this.parent;return t&&t.removeChild(this),this},getBounds:function(){for(var t,e,i,r,n,a,o,s=this.width,h=this.height,l=this.getConcatenatedMatrix(),c=this.boundsArea||[{x:0,y:0},{x:s,y:0},{x:s,y:h},{x:0,y:h}],u=[],d=0,f=c.length;d<f;d++)t=l.transformPoint(c[d],!0,!0),e=t.x,i=t.y,0==d?(r=n=e,a=o=i):(r>e?r=e:n<e&&(n=e),a>i?a=i:o<i&&(o=i)),u[d]=t;return u.x=r,u.y=a,u.width=n-r,u.height=o-a,u},getConcatenatedMatrix:function(t){for(var e=new r(1,0,0,1,0,0),i=this;i!=t&&i.parent;i=i.parent){var n=1,a=0,o=i.rotation%360,s=i.pivotX,h=i.pivotY,l=i.scaleX,c=i.scaleY,u=i.transform;if(u)e.concat(u);else{if(o){var d=o*Math.PI/180;n=Math.cos(d),a=Math.sin(d)}0!=s&&(e.tx-=s),0!=h&&(e.ty-=h);var f=i.getAlignPosition();e.concat(n*l,a*l,-a*c,n*c,f.x,f.y)}}return e},getAlignPosition:function(){var t=this.parent,e=this.align,i=this.x,r=this.y;if(t&&this.align){if("function"==typeof e)return this.align();var n=this.width,a=this.height,o=t.width,s=t.height;switch(e){case"TL":i=0,r=0;break;case"T":i=o-n>>1,r=0;break;case"TR":i=o-n,r=0;break;case"L":i=0,r=s-a>>1;break;case"C":i=o-n>>1,r=s-a>>1;break;case"R":i=o-n,r=s-a>>1;break;case"BL":i=0,r=s-a;break;case"B":i=o-n>>1,r=s-a;break;case"BR":i=o-n,r=s-a}}return{x:i,y:r}},hitTestPoint:function(t,e,i){var r=this.getBounds(),n=t>=r.x&&t<=r.x+r.width&&e>=r.y&&e<=r.y+r.height;return n&&i&&(n=a(t,e,r)),n},hitTestObject:function(t,e){var i=this.getBounds(),r=t.getBounds(),n=i.x<=r.x+r.width&&r.x<=i.x+i.width&&i.y<=r.y+r.height&&r.y<=i.y+i.height;return n&&e&&(n=o(i,r)),!!n},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||!t.startDraw(this)||(t.transform(this),this.render(t,e),t.endDraw(this))},_fireMouseEvent:function(t){if(t.eventCurrentTarget=this,this.fire(t),"mousemove"==t.type){if(!this.__mouseOver){this.__mouseOver=!0;var e=n.copy({},t);e.type="mouseover",this.fire(e)}}else"mouseout"==t.type&&(this.__mouseOver=!1);var i=this.parent;t._stopped||t._stopPropagationed||!i||("mouseout"==t.type||"touchout"==t.type?i.hitTestPoint(t.stageX,t.stageY,!0)||i._fireMouseEvent(t):i._fireMouseEvent(t))},onUpdate:null,render:function(t,e){t.draw(this)},toString:function(){return t.viewToString(this)}})}();return a}),define("hilo/view/CacheMixin",["hilo/view/Drawable","hilo/util/browser"],function(t,e){var i,r,n={_cacheDirty:!0,cache:function(t){(t||this._cacheDirty||!this.drawable)&&this.updateCache()},updateCache:function(){e.supportCanvas&&(i||(i=document.createElement("canvas"),r=i.getContext("2d")),i.width=this.width,i.height=this.height,this._draw(r),this.drawable=this.drawable||new t,this.drawable.init({image:i.toDataURL()}),this._cacheDirty=!1)},setCacheDirty:function(t){this._cacheDirty=t}};return n}),define("hilo/view/Container",["hilo/core/Hilo","hilo/core/Class","hilo/view/View"],function(t,e,i){var r=e.create({Extends:i,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("Container"),r.superclass.constructor.call(this,e),this.children?this._updateChildren():this.children=[]},children:null,pointerChildren:!0,clipChildren:!1,getNumChildren:function(){return this.children.length},addChildAt:function(t,e){var i=this.children,r=i.length,n=t.parent;e=e<0?0:e>r?r:e;var a=this.getChildIndex(t);if(a==e)return this;if(a>=0?(i.splice(a,1),e=e==r?r-1:e):n&&n.removeChild(t),i.splice(e,0,t),a<0)this._updateChildren(e);else{var o=a<e?a:e,s=a<e?e:a;this._updateChildren(o,s+1)}return this},addChild:function(t){for(var e=this.children.length,i=arguments,r=0,n=i.length;r<n;r++)this.addChildAt(i[r],e+r);return this},removeChildAt:function(t){var e=this.children;if(t<0||t>=e.length)return null;var i=e[t];if(i){if(!i.__renderer)for(var r=i;r=r.parent;){if(r.renderer){i.__renderer=r.renderer;break}if(r.__renderer){i.__renderer=r.__renderer;break}}i.__renderer&&i.__renderer.remove(i),i.parent=null,i.depth=-1}return e.splice(t,1),this._updateChildren(t),i},removeChild:function(t){return this.removeChildAt(this.getChildIndex(t))},removeChildById:function(t){for(var e,i=this.children,r=0,n=i.length;r<n;r++)if(e=i[r],e.id===t)return this.removeChildAt(r),e;return null},removeAllChildren:function(){for(;this.children.length;)this.removeChildAt(0);return this},getChildAt:function(t){var e=this.children;return t<0||t>=e.length?null:e[t]},getChildById:function(t){for(var e,i=this.children,r=0,n=i.length;r<n;r++)if(e=i[r],e.id===t)return e;return null},getChildIndex:function(t){return this.children.indexOf(t)},setChildIndex:function(t,e){var i=this.children,r=i.indexOf(t);if(r>=0&&r!=e){var n=i.length;e=e<0?0:e>=n?n-1:e,i.splice(r,1),i.splice(e,0,t),this._updateChildren()}return this},swapChildren:function(t,e){var i=this.children,r=this.getChildIndex(t),n=this.getChildIndex(e);t.depth=n,i[n]=t,e.depth=r,i[r]=e},swapChildrenAt:function(t,e){var i=this.children,r=this.getChildAt(t),n=this.getChildAt(e);r.depth=e,i[e]=r,n.depth=t,i[t]=n},sortChildren:function(t){var e=t,i=this.children;if("string"==typeof e){var r=e;e=function(t,e){return e[r]-t[r]}}i.sort(e),this._updateChildren()},_updateChildren:function(t,e){var i,r=this.children;t=t||0,e=e||r.length;for(var n=t;n<e;n++)i=r[n],i.depth=n+1,i.parent=this},contains:function(t){for(;t=t.parent;)if(t===this)return!0;return!1},getViewAtPoint:function(t,e,i,r,n){for(var a,o,s=r?[]:null,h=this.children,l=h.length-1;l>=0;l--)if(a=h[l],!(!a||!a.visible||a.alpha<=0||n&&!a.pointerEnabled))if(a.children&&a.children.length&&(!n||a.pointerChildren)&&(o=a.getViewAtPoint(t,e,i,r,n)),o){if(!r)return o;o.length&&(s=s.concat(o))}else if(a.hitTestPoint(t,e,i)){if(!r)return a;s.push(a)}return r&&s.length?s:null},render:function(t,e){r.superclass.render.call(this,t,e);var i,n,a,o=this.children.slice(0);for(i=0,n=o.length;i<n;i++)a=o[i],a.parent===this&&a._render(t,e)}});return r}),define("hilo/view/Stage",["hilo/core/Hilo","hilo/core/Class","hilo/view/Container","hilo/renderer/CanvasRenderer","hilo/renderer/DOMRenderer","hilo/renderer/WebGLRenderer","hilo/util/browser","hilo/util/util"],function(t,e,i,r,n,a,o,s){var h=e.create({Extends:i,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("Stage"),h.superclass.constructor.call(this,e),this._initRenderer(e);var i=this.width,r=this.height,n=this.updateViewport();e.width||(i=n&&n.width||320),e.height||(r=n&&n.height||480),this.resize(i,r,!0)},canvas:null,renderer:null,paused:!1,viewport:null,_initRenderer:function(e){var i=e.canvas,o=e.container,s=e.renderType||"canvas";if("string"==typeof i&&(i=t.getElement(i)),"string"==typeof o&&(o=t.getElement(o)),i)i.getContext||(s="dom");else{var h="dom"===s?"div":"canvas";i=t.createElement(h,{style:{position:"absolute"}})}this.canvas=i,o&&o.appendChild(i);var l={canvas:i,stage:this};switch(s){case"dom":this.renderer=new n(l);break;case"webgl":a.isSupport()?this.renderer=new a(l):this.renderer=new r(l);break;case"canvas":default:this.renderer=new r(l)}},addTo:function(t){var e=this.canvas;return e.parentNode!==t&&t.appendChild(e),this},tick:function(t){this.paused||this._render(this.renderer,t)},enableDOMEvent:function(t,e){var i=this,r=i.canvas,n=i._domListener||(i._domListener=function(t){i._onDOMEvent(t)});t="string"==typeof t?[t]:t,e=e!==!1;for(var a=0;a<t.length;a++){var o=t[a];e?r.addEventListener(o,n,!1):r.removeEventListener(o,n)}return i},_onDOMEvent:function(t){var e=t.type,i=t,r=0==e.indexOf("touch"),n=t;if(r){var a=t.touches,h=t.changedTouches;n=a&&a.length?a[0]:h&&h.length?h[0]:null}var l=n.pageX||n.clientX,c=n.pageY||n.clientY,u=this.viewport||this.updateViewport();i.stageX=l=(l-u.left)/this.scaleX,i.stageY=c=(c-u.top)/this.scaleY,
-i.stopPropagation=function(){this._stopPropagationed=!0};var d=this.getViewAtPoint(l,c,!0,!1,!0)||this,f=this.canvas,p=this._eventTarget,v="mouseout"===e;if(p&&(p!=d&&(!p.contains||!p.contains(d))||v)){var m="touchmove"===e?"touchout":"mousemove"===e||v||!d?"mouseout":null;if(m){var g=s.copy({},i);g.type=m,g.eventTarget=p,p._fireMouseEvent(g)}i.lastEventTarget=p,this._eventTarget=null}if(d&&d.pointerEnabled&&"mouseout"!==e&&(i.eventTarget=this._eventTarget=d,d._fireMouseEvent(i)),!r){var _=d&&d.pointerEnabled&&d.useHandCursor?"pointer":"";f.style.cursor=_}o.android&&"touchmove"===e&&t.preventDefault()},updateViewport:function(){var e=this.canvas,i=null;return e.parentNode&&(i=this.viewport=t.getElementRect(e)),i},resize:function(t,e,i){(i||this.width!==t||this.height!==e)&&(this.width=t,this.height=e,this.renderer.resize(t,e),this.updateViewport())}});return h}),define("hilo/view/Bitmap",["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable"],function(t,e,i,r){var n=e.create({Extends:i,constructor:function(e){if(e=e||{},this.id=this.id||e.id||t.getUid("Bitmap"),n.superclass.constructor.call(this,e),this.drawable=new r(e),!this.width||!this.height){var i=this.drawable.rect;i&&(this.width=i[2],this.height=i[3])}},setImage:function(t,e){return this.drawable.init({image:t,rect:e}),e?(this.width=e[2],this.height=e[3]):this.width||this.height||(e=this.drawable.rect,e&&(this.width=e[2],this.height=e[3])),this}});return n}),define("hilo/view/Sprite",["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable"],function(t,e,i,r){var n=e.create({Extends:i,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("Sprite"),n.superclass.constructor.call(this,e),this._frames=[],this._frameNames={},this.drawable=new r,e.frames&&this.addFrame(e.frames)},_frames:null,_frameNames:null,_frameElapsed:0,_firstRender:!0,paused:!1,loop:!0,timeBased:!1,interval:1,currentFrame:0,getNumFrames:function(){return this._frames?this._frames.length:0},addFrame:function(t,e){var i=null!=e?e:this._frames.length;if(t instanceof Array)for(var r=0,n=t.length;r<n;r++)this.setFrame(t[r],i+r);else this.setFrame(t,i);return this},setFrame:function(t,e){var i=this._frames,r=i.length;return e=e<0?0:e>r?r:e,i[e]=t,t.name&&(this._frameNames[t.name]=t),(0!=e||this.width)&&this.height||(this.width=t.rect[2],this.height=t.rect[3]),this},getFrame:function(t){if("number"==typeof t){var e=this._frames;return t<0||t>=e.length?null:e[t]}return this._frameNames[t]},getFrameIndex:function(t){var e=this._frames,i=e.length,r=-1;if("number"==typeof t)r=t;else{var n="string"==typeof t?this._frameNames[t]:t;if(n)for(var a=0;a<i;a++)if(n===e[a]){r=a;break}}return r},play:function(){return this.paused=!1,this},stop:function(){return this.paused=!0,this},"goto":function(t,e){var i=this._frames.length,r=this.getFrameIndex(t);return this.currentFrame=r<0?0:r>=i?i-1:r,this.paused=e,this._firstRender=!0,this},_render:function(t,e){var i,r=this.currentFrame;if(this._firstRender?(i=r,this._firstRender=!1):i=this._nextFrame(e),i!=r){this.currentFrame=i;var a=this._frames[i].callback;a&&a.call(this)}this.onEnterFrame&&this.onEnterFrame(i),this.drawable.init(this._frames[i]),n.superclass._render.call(this,t,e)},_nextFrame:function(t){var e=this._frames,i=e.length,r=this.currentFrame,n=e[r],a=n.duration||this.interval,o=this._frameElapsed,s=0!=r||this.drawable?o+(this.timeBased?t:1):0;return o=this._frameElapsed=s<a?s:0,(n.stop||!this.loop&&r>=i-1)&&this.stop(),this.paused||0!=o||(null!=n.next?r=this.getFrameIndex(n.next):r>=i-1?r=0:this.drawable&&r++),r},setFrameCallback:function(t,e){return t=this.getFrame(t),t&&(t.callback=e),this},onEnterFrame:null});return n}),define("hilo/view/DOMElement",["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable"],function(t,e,i,r){var n=e.create({Extends:i,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("DOMElement"),n.superclass.constructor.call(this,e),this.drawable=new r;var i=this.drawable.domElement=e.element||t.createElement("div");i.id=this.id,this.pointerEnabled&&!i.style.pointerEvents&&(i.style.pointerEvents="visible")},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||(t.transform(this),this.visible&&this.alpha>0&&this.render(t,e))},render:function(e,i){if("dom"!==e.renderType){var r=e.canvas,n=this.parent,a=e._domElementContainer;e._domElementContainer||(a=e._domElementContainer=t.createElement("div",{style:{position:"absolute",transform:"scale3d("+n.scaleX+","+n.scaleY+", 1)",transformOrigin:"0 0",zIndex:"1"}}),r.parentNode.insertBefore(e._domElementContainer,r.nextSibling));var o,s=this.drawable.domElement,h=this.depth,l=a.childNodes[0];if(s.parentNode)return;for(;l&&3!=l.nodeType&&(o=parseInt(l.style.zIndex)||0,!(o<=0||o>h));)l=l.nextSibling;a.insertBefore(this.drawable.domElement,l)}else e.draw(this)}});return n}),define("hilo/view/Graphics",["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/CacheMixin"],function(t,e,i,r){var n=function(){var a=document.createElement("canvas"),o=a.getContext&&a.getContext("2d");return e.create({Extends:i,Mixes:r,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("Graphics"),n.superclass.constructor.call(this,e),this._actions=[]},lineWidth:1,lineAlpha:1,lineCap:null,lineJoin:null,miterLimit:10,hasStroke:!1,strokeStyle:"0",hasFill:!1,fillStyle:"0",fillAlpha:0,lineStyle:function(t,e,i,r,n,a){var o=this,s=o._addAction;return s.call(o,["lineWidth",o.lineWidth=t||1]),s.call(o,["strokeStyle",o.strokeStyle=e||"0"]),s.call(o,["lineAlpha",o.lineAlpha=i||1]),void 0!=r&&s.call(o,["lineCap",o.lineCap=r]),void 0!=n&&s.call(o,["lineJoin",o.lineJoin=n]),void 0!=a&&s.call(o,["miterLimit",o.miterLimit=a]),o.hasStroke=!0,o},setLineDash:function(t){return this._addAction(["setLineDash",t])},beginFill:function(t,e){var i=this,r=i._addAction;return r.call(i,["fillStyle",i.fillStyle=t]),r.call(i,["fillAlpha",i.fillAlpha=e||1]),i.hasFill=!0,i},endFill:function(){var t=this,e=t._addAction;return t.hasStroke&&e.call(t,["stroke"]),t.hasFill&&e.call(t,["fill"]),t.setCacheDirty(!0),t},beginLinearGradientFill:function(t,e,i,r,n,a){for(var s=this,h=o.createLinearGradient(t,e,i,r),l=0,c=n.length;l<c;l++)h.addColorStop(a[l],n[l]);return s.hasFill=!0,s._addAction(["fillStyle",s.fillStyle=h])},beginRadialGradientFill:function(t,e,i,r,n,a,s,h){for(var l=this,c=o.createRadialGradient(t,e,i,r,n,a),u=0,d=s.length;u<d;u++)c.addColorStop(h[u],s[u]);return l.hasFill=!0,l._addAction(["fillStyle",l.fillStyle=c])},beginBitmapFill:function(t,e){var i=this,r=o.createPattern(t,e||"");return i.hasFill=!0,i._addAction(["fillStyle",i.fillStyle=r])},beginPath:function(){return this._addAction(["beginPath"])},closePath:function(){return this._addAction(["closePath"])},moveTo:function(t,e){return this._addAction(["moveTo",t,e])},lineTo:function(t,e){return this._addAction(["lineTo",t,e])},quadraticCurveTo:function(t,e,i,r){return this._addAction(["quadraticCurveTo",t,e,i,r])},bezierCurveTo:function(t,e,i,r,n,a){return this._addAction(["bezierCurveTo",t,e,i,r,n,a])},drawRect:function(t,e,i,r){return this._addAction(["rect",t,e,i,r])},drawRoundRectComplex:function(t,e,i,r,n,a,o,s){var h=this,l=h._addAction;return l.call(h,["moveTo",t+n,e]),l.call(h,["lineTo",t+i-a,e]),l.call(h,["arc",t+i-a,e+a,a,-Math.PI/2,0,!1]),l.call(h,["lineTo",t+i,e+r-o]),l.call(h,["arc",t+i-o,e+r-o,o,0,Math.PI/2,!1]),l.call(h,["lineTo",t+s,e+r]),l.call(h,["arc",t+s,e+r-s,s,Math.PI/2,Math.PI,!1]),l.call(h,["lineTo",t,e+n]),l.call(h,["arc",t+n,e+n,n,Math.PI,3*Math.PI/2,!1]),h},drawRoundRect:function(t,e,i,r,n){return this.drawRoundRectComplex(t,e,i,r,n,n,n,n)},drawCircle:function(t,e,i){return this._addAction(["arc",t+i,e+i,i,0,2*Math.PI,0])},drawEllipse:function(t,e,i,r){var n=this;if(i==r)return n.drawCircle(t,e,i);var a=n._addAction,o=i/2,s=r/2,h=.5522847498307933,l=h*o,c=h*s;return t+=o,e+=s,a.call(n,["moveTo",t+o,e]),a.call(n,["bezierCurveTo",t+o,e-c,t+l,e-s,t,e-s]),a.call(n,["bezierCurveTo",t-l,e-s,t-o,e-c,t-o,e]),a.call(n,["bezierCurveTo",t-o,e+c,t-l,e+s,t,e+s]),a.call(n,["bezierCurveTo",t+l,e+s,t+o,e+c,t+o,e]),n},drawSVGPath:function(t){var e=this,i=e._addAction,r=t.replace(/,/g," ").replace(/-/g," -").split(/(?=[a-zA-Z])/);i.call(e,["beginPath"]);for(var n,a={x:0,y:0},o={x:0,y:0},s=0,h=r.length;s<h;s++){var l=r[s];if(l.length){var c=l[0],u=c.toUpperCase(),d=this._getSVGParams(l),f=u!==c;switch(u){case"M":f&&this._convertToAbsolute(a,d),i.call(e,["moveTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"L":f&&this._convertToAbsolute(a,d),i.call(e,["lineTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"H":f&&(d[0]+=a.x),i.call(e,["lineTo",d[0],a.y]),a.x=d[0];break;case"V":f&&(d[0]+=a.y),i.call(e,["lineTo",a.x,d[0]]),a.y=d[0];break;case"Z":i.call(e,["closePath"]);break;case"C":f&&this._convertToAbsolute(a,d),i.call(e,["bezierCurveTo",d[0],d[1],d[2],d[3],d[4],d[5]]),o.x=d[2],o.y=d[3],this._setCurrentPoint(a,d[4],d[5]);break;case"S":f&&this._convertToAbsolute(a,d),p="C"===n||"S"===n?this._getReflectionPoint(a,o):a,i.call(e,["bezierCurveTo",p.x,p.y,d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"Q":f&&this._convertToAbsolute(a,d),i.call(e,["quadraticCurveTo",d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"T":f&&this._convertToAbsolute(a,d);var p;p="Q"===n||"T"===n?this._getReflectionPoint(a,o):a,i.call(e,["quadraticCurveTo",p.x,p.y,d[0],d[1]]),o=p,this._setCurrentPoint(a,d[0],d[1])}n=u}}return e},_getSVGParams:function(t){var e=t.substring(1).replace(/[\s]+$|^[\s]+/g,"").split(/[\s]+/);0==e[0].length&&e.shift();for(var i=0,r=e.length;i<r;i++)e[i]=parseFloat(e[i]);return e},_convertToAbsolute:function(t,e){for(var i=0,r=e.length;i<r;i++)i%2===0?e[i]+=t.x:e[i]+=t.y},_setCurrentPoint:function(t,e,i){t.x=e,t.y=i},_getReflectionPoint:function(t,e){return{x:2*t.x-e.x,y:2*t.y-e.y}},_draw:function(t){var e,i=this,r=i._actions,n=r.length;for(t.beginPath(),e=0;e<n;e++){var a=r[e],o=a[0],s=a.length>1?a.slice(1):null;"function"==typeof t[o]?t[o].apply(t,s):t[o]=a[1]}},render:function(t,e){var i=this;"canvas"===t.renderType?i._draw(t.context):(i.cache(),t.draw(i))},clear:function(){var t=this;return t._actions.length=0,t.lineWidth=1,t.lineAlpha=1,t.lineCap=null,t.lineJoin=null,t.miterLimit=10,t.hasStroke=!1,t.strokeStyle="0",t.hasFill=!1,t.fillStyle="0",t.fillAlpha=1,t.setCacheDirty(!0),t},_addAction:function(t){var e=this;return e._actions.push(t),e}})}();return n}),define("hilo/view/Text",["hilo/core/Class","hilo/core/Hilo","hilo/view/View","hilo/view/CacheMixin"],function(t,e,i,r){var n=t.create({Extends:i,Mixes:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Text"),n.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=n.measureFontHeight(this.font)},text:null,color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=n.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var r=i.drawable,n=r.domElement,a=n.style;a.font=i.font,a.textAlign=i.textAlign,a.color=i.color,a.width=i.width+"px",a.height=i.height+"px",a.lineHeight=i._fontHeight+i.lineSpacing+"px",n.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var r,n,a,o,s,h=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),l=0,c=0,u=e._fontHeight+e.lineSpacing,d=[];for(r=0,o=h.length;r<o;r++)if(n=h[r],a=t.measureText(n).width,a<=e.maxWidth)d.push({text:n,y:c}),l<a&&(l=a),c+=u;else{var f,p,v,m="",g=0;for(p=0,s=n.length;p<s;p++)v=n[p],f=t.measureText(m+v).width,f>e.maxWidth?(d.push({text:m,y:c}),l<g&&(l=g),c+=u,m=v):(g=f,m+=v),p==s-1&&(d.push({text:m,y:c}),m!==v&&l<f&&(l=f),c+=u)}e.textWidth=l,e.textHeight=c,e.width||(e.width=l),e.height||(e.height=c);var _=0;switch(e.textVAlign){case"middle":_=e.height-e.textHeight>>1;break;case"bottom":_=e.height-e.textHeight}var x=e.background;for(x&&(t.fillStyle=x,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,r=0;r<d.length;r++)n=d[r],e._drawTextLine(t,n.text,_+n.y)}},_drawTextLine:function(t,e,i){var r=this,n=0,a=r.width;switch(r.textAlign){case"center":n=a>>1;break;case"right":case"end":n=a}r.outline?t.strokeText(e,n,i):t.fillText(e,n,i)},Statics:{measureFontHeight:function(t){var i,r=document.documentElement,n=e.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return r.appendChild(n),i=n.offsetHeight,r.removeChild(n),i}}});return n}),define("hilo/view/BitmapText",["hilo/core/Class","hilo/core/Hilo","hilo/view/Container","hilo/view/Bitmap"],function(t,e,i,r){var n=t.create({Extends:i,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("BitmapText"),n.superclass.constructor.call(this,t);var i=t.text+"";i&&(this.text="",this.setText(i)),this.pointerChildren=!1},glyphs:null,letterSpacing:0,text:"",textAlign:"left",setText:function(t){var e=this,i=t.toString(),r=i.length;if(e.text!=i){e.text=i;var n,a,o,s,h=0,l=0,c=0;for(n=0;n<r;n++)a=i.charAt(n),o=e.glyphs[a],o&&(c=h+(h>0?e.letterSpacing:0),e.children[n]?(s=e.children[n],s.setImage(o.image,o.rect)):(s=e._createBitmap(o),e.addChild(s)),s.x=c,h=c+o.rect[2],l=Math.max(l,o.rect[3]));for(n=e.children.length-1;n>=r;n--)e._releaseBitmap(e.children[n]),e.children[n].removeFromParent();return e.width=h,e.height=l,this.setTextAlign(),e}},_createBitmap:function(t){var e;return n._pool.length?(e=n._pool.pop(),e.setImage(t.image,t.rect)):e=new r({image:t.image,rect:t.rect}),e},_releaseBitmap:function(t){n._pool.push(t)},setTextAlign:function(t){switch(this.textAlign=t||this.textAlign,this.textAlign){case"center":this.pivotX=.5*this.width;break;case"right":this.pivotX=this.width;break;case"left":default:this.pivotX=0}return this},hasGlyphs:function(t){var e=this.glyphs;if(!e)return!1;t=t.toString();var i,r=t.length;for(i=0;i<r;i++)if(!e[t.charAt(i)])return!1;return!0},Statics:{_pool:[],createGlyphs:function(t,e,i,r){var n=t.toString();i=i||n.length,r=r||1;for(var a=e.width/i,o=e.height/r,s={},h=0,l=t.length;h<l;h++){var c=n.charAt(h);s[c]={image:e,rect:[a*(h%i),o*Math.floor(h/i),a,o]}}return s}}});return n}),define("hilo/view/Button",["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable","hilo/util/util"],function(t,e,i,r,n){var a=e.create({Extends:i,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("Button"),a.superclass.constructor.call(this,e),this.drawable=new r(e),this.setState(a.UP)},upState:null,overState:null,downState:null,disabledState:null,state:null,enabled:!0,useHandCursor:!0,setEnabled:function(t){return this.enabled!=t&&(t?this.setState(a.UP):this.setState(a.DISABLED)),this},setState:function(t){if(this.state!==t){this.state=t,this.pointerEnabled=this.enabled=t!==a.DISABLED;var e;switch(t){case a.UP:e=this.upState;break;case a.OVER:e=this.overState;break;case a.DOWN:e=this.downState;break;case a.DISABLED:e=this.disabledState}e&&(this.drawable.init(e),n.copy(this,e,!0))}return this},fire:function(t,e){if(this.enabled){var i="string"==typeof t?t:t.type;switch(i){case"mousedown":case"touchstart":case"touchmove":this.setState(a.DOWN);break;case"mouseover":this.setState(a.OVER);break;case"mouseup":this.overState?this.setState(a.OVER):this.upState&&this.setState(a.UP);break;case"touchend":case"touchout":case"mouseout":this.setState(a.UP)}return a.superclass.fire.call(this,t,e)}},Statics:{UP:"up",OVER:"over",DOWN:"down",DISABLED:"disabled"}});return a}),define("hilo/util/TextureAtlas",["hilo/core/Class"],function(t){var e=function(){function e(t){var e,i,r=t.frames;if(!r)return null;var n,a=[];if(r instanceof Array)for(e=0,i=r.length;e<i;e++)n=r[e],a[e]={image:t.image,rect:n};else{var o=r.frameWidth,s=r.frameHeight,h=t.width/o|0,l=t.height/s|0,c=r.numFrames||h*l;for(e=0;e<c;e++)a[e]={image:t.image,rect:[e%h*o,(e/h|0)*s,o,s]}}return a}function i(t,e){var i,a,o=t.sprites;if(!o)return null;var s,h,l,c={};for(var u in o){if(s=o[u],n(s))h=r(e[s]);else if(s instanceof Array)for(h=[],i=0,a=s.length;i<a;i++){var d,f=s[i];n(f)?l=r(e[f]):(d=f.rect,n(d)&&(d=e[f.rect]),l=r(d,f)),h[i]=l}else for(h=[],i=s.from;i<=s.to;i++)h[i-s.from]=r(e[i],s[i]);c[u]=h}return c}function r(t,e){var i={image:t.image,rect:t.rect};return e&&(i.name=e.name||null,i.duration=e.duration||0,i.stop=!!e.stop,i.next=e.next||null),i}function n(t){return"number"==typeof t}return t.create({constructor:function(t){this._frames=e(t),this._sprites=i(t,this._frames)},_frames:null,_sprites:null,getFrame:function(t){var e=this._frames;return e&&e[t]},getSprite:function(t){var e=this._sprites;return e&&e[t]},Statics:{createSpriteFrames:function(t,e,i,r,n,a,o){var s,h;if("[object Array]"===Object.prototype.toString.call(t)){var l=[];for(s=0,h=t.length;s<h;s++)l=l.concat(this.createSpriteFrames.apply(this,t[s]));return l}if("string"==typeof e){var c=e.split(",");e=[];for(var u=0,d=c.length;u<d;u++){var f=c[u].split("-");if(1==f.length)e.push(parseInt(f[0]));else for(s=parseInt(f[0]),h=parseInt(f[1]);s<=h;s++)e.push(s)}}var p=Math.floor(i.width/r);for(s=0;s<e.length;s++){var v=e[s];e[s]={rect:[r*(v%p),n*Math.floor(v/p),r,n],image:i,duration:o}}return e[0].name=t,a?e[e.length-1].next=t:e[e.length-1].stop=!0,e}}})}();return e}),define("hilo/util/Ticker",["hilo/core/Class","hilo/util/browser"],function(t,e){var i=t.create({constructor:function(t){this._targetFPS=t||60,this._interval=1e3/this._targetFPS,this._tickers=[]},_paused:!1,_targetFPS:0,_interval:0,_intervalId:null,_tickers:null,_lastTime:0,_tickCount:0,_tickTime:0,_measuredFPS:0,start:function(t){if(void 0===t&&(t=!0),!this._intervalId){this._lastTime=+new Date;var i,r=this,n=this._interval,a=window.requestAnimationFrame||window[e.jsVendor+"RequestAnimationFrame"];t&&a&&n<17?(this._useRAF=!0,i=function(){r._intervalId=a(i),r._tick()}):i=function(){r._intervalId=setTimeout(i,n),r._tick()},this._paused=!1,i()}},stop:function(){if(this._useRAF){var t=window.cancelAnimationFrame||window[e.jsVendor+"CancelAnimationFrame"];t(this._intervalId)}else clearTimeout(this._intervalId);this._intervalId=null,this._lastTime=0,this._paused=!0},pause:function(){this._paused=!0},resume:function(){this._paused=!1},_tick:function(){if(!this._paused){var t=+new Date,e=t-this._lastTime,i=this._tickers;++this._tickCount>=this._targetFPS?(this._measuredFPS=1e3/(this._tickTime/this._tickCount)+.5>>0,this._tickCount=0,this._tickTime=0):this._tickTime+=t-this._lastTime,this._lastTime=t;for(var r=i.slice(0),n=0,a=r.length;n<a;n++)r[n].tick(e)}},getMeasuredFPS:function(){return Math.min(this._measuredFPS,this._targetFPS)},addTick:function(t){if(!t||"function"!=typeof t.tick)throw new Error("Ticker: The tick object must implement the tick method.");this._tickers.push(t)},removeTick:function(t){var e=this._tickers,i=e.indexOf(t);i>=0&&e.splice(i,1)},nextTick:function(t){var e=this,i={tick:function(r){e.removeTick(i),t()}};return e.addTick(i),i},timeout:function(t,e){var i=this,r=(new Date).getTime()+e,n={tick:function(){var e=(new Date).getTime(),a=e-r;a>=0&&(i.removeTick(n),t())}};return i.addTick(n),n},interval:function(t,e){var i=this,r=(new Date).getTime()+e,n={tick:function(){var i=(new Date).getTime(),n=i-r;n>=0&&(n<e&&(i-=n),r=i+e,t())}};return i.addTick(n),n}});return i}),define(function(){var t=Array.prototype,e=t.slice;t.indexOf||(t.indexOf=function(t,e){e=e||0;var i,r=this.length;if(0==r||e>=r)return-1;for(e<0&&(e=r+e),i=e;i<r;i++)if(this[i]===t)return i;return-1});var i=Function.prototype;i.bind||(i.bind=function(t){function i(){var a=n.concat(e.call(arguments));return r.apply(this instanceof i?this:t,a)}var r=this,n=e.call(arguments,1),a=function(){};return a.prototype=r.prototype,i.prototype=new a,i})}),define("hilo/util/drag",["hilo/core/Hilo"],function(t){var e={_isDragStart:!1,dragNeedTransform:!1,startDrag:function(e){function i(e){e.stopPropagation(),a(e),s.off(t.event.POINTER_START,i),p.x=s.x,p.y=s.y,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().transformPoint(p),s.__dragX=p.x-l.x,s.__dragY=p.y-l.y,h||(h=s.getStage()),h.on(t.event.POINTER_MOVE,n),document.addEventListener(t.event.POINTER_END,r),s.fire("dragStart",l)}function r(e){document.removeEventListener(t.event.POINTER_END,r),h&&h.off(t.event.POINTER_MOVE,n),s.on(t.event.POINTER_START,i),s.fire("dragEnd",l)}function n(t){a(t),p.x=l.x+s.__dragX,p.y=l.y+s.__dragY,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().invert().transformPoint(p),s.x=Math.max(c,Math.min(d,p.x)),s.y=Math.max(u,Math.min(f,p.y)),s.fire("dragMove",l)}function a(t){l.preX=l.x,l.preY=l.y,l.x=t.stageX,l.y=t.stageY}function o(){s._isDragStart=!1,document.removeEventListener(t.event.POINTER_END,r),h&&h.off(t.event.POINTER_MOVE,n),s.off(t.event.POINTER_START,i)}var s=this;s._isDragStart&&s.stopDrag(),s._isDragStart=!0;var h;e=e||[-(1/0),-(1/0),1/0,1/0];var l={x:0,y:0,preX:0,preY:0},c=e[0],u=e[1],d=e[2]==1/0?1/0:c+e[2],f=e[3]==1/0?1/0:u+e[3],p={x:0,y:0};s.on(t.event.POINTER_START,i),s.stopDrag=o},stopDrag:function(){this._isDragStart=!1}};return e}),define("hilo/tween/Tween",["hilo/core/Class"],function(t){var e=function(){function i(){return+new Date}return t.create({constructor:function(t,e,i,r){var n=this;n.target=t,n._startTime=0,n._seekTime=0,n._pausedTime=0,n._pausedStartTime=0,n._reverseFlag=1,n._repeatCount=0,3==arguments.length&&(r=i,i=e,e=null);for(var a in r)n[a]=r[a];n._fromProps=e,n._toProps=i,!r.duration&&r.time&&(n.duration=r.time||0,n.time=0)},target:null,duration:1e3,delay:0,paused:!1,loop:!1,reverse:!1,repeat:0,repeatDelay:0,ease:null,time:0,isStart:!1,onStart:null,onUpdate:null,onComplete:null,setProps:function(t,e){var i=this,r=i.target,n=t||e,a=i._fromProps={},o=i._toProps={};t=t||r,e=e||r;for(var s in n)o[s]=e[s]||0,r[s]=a[s]=t[s]||0;return i},start:function(){var t=this;return t._startTime=i()+t.delay,t._seekTime=0,t._pausedTime=0,t.paused=!1,e.add(t),t},stop:function(){return e.remove(this),this},pause:function(){var t=this;return t.paused=!0,t._pausedStartTime=i(),t},resume:function(){var t=this;return t.paused=!1,t._pausedStartTime&&(t._pausedTime+=i()-t._pausedStartTime),t._pausedStartTime=0,t},seek:function(t,r){var n=this,a=i();return n._startTime=a,n._seekTime=t,n._pausedTime=0,void 0!==r&&(n.paused=r),n._update(a,!0),e.add(n),n},link:function(t){var i,r,n=this,a=t.delay,o=n._startTime;return"string"==typeof a&&(i=0==a.indexOf("+"),r=0==a.indexOf("-"),a=i||r?Number(a.substr(1))*(i?1:-1):Number(a)),t.delay=a,t._startTime=i||r?o+n.duration+a:o+a,n._next=t,e.remove(t),t},_render:function(t){var e,i=this,r=i.target,n=i._fromProps;for(e in n)r[e]=n[e]+(i._toProps[e]-n[e])*t},_update:function(t,r){var n=this;if(!n.paused||r){var a=t-n._startTime-n._pausedTime+n._seekTime;if(!(a<0)){var o,s=a/n.duration,h=!1;s=s<=0?0:s>=1?1:s;var l=n.ease?n.ease(s):s;n.reverse&&(n._reverseFlag<0&&(s=1-s,l=1-l),s<1e-7&&(n.repeat>0&&n._repeatCount++>=n.repeat||0==n.repeat&&!n.loop?h=!0:(n._startTime=i(),n._pausedTime=0,n._reverseFlag*=-1))),n.isStart||(n.setProps(n._fromProps,n._toProps),n.isStart=!0,n.onStart&&n.onStart.call(n,n)),n.time=a,n._render(l),(o=n.onUpdate)&&o.call(n,s,n),s>=1&&(n.reverse?(n._startTime=i(),n._pausedTime=0,n._reverseFlag*=-1):n.loop||n.repeat>0&&n._repeatCount++<n.repeat?(n._startTime=i()+n.repeatDelay,n._pausedTime=0):h=!0);var c=n._next;if(c&&c.time<=0){var u=c._startTime;u>0&&u<=t?(c._render(s),c.time=a,e.add(c)):h&&(u<0||u>t)&&c.start()}return h?((o=n.onComplete)&&o.call(n,n),!0):void 0}}},Statics:{_tweens:[],tick:function(){var t,r,n=e._tweens,a=n.length;for(r=0;r<a;r++)t=n[r],t&&t._update(i())&&(n.splice(r,1),r--);return e},add:function(t){var i=e._tweens;return i.indexOf(t)==-1&&i.push(t),e},remove:function(t){var i,r;if(t instanceof Array){for(i=0,r=t.length;i<r;i++)e.remove(t[i]);return e}var n=e._tweens;if(t instanceof e)i=n.indexOf(t),i>-1&&n.splice(i,1);else for(i=0;i<n.length;i++)n[i].target===t&&(n.splice(i,1),i--);return e},removeAll:function(){return e._tweens.length=0,e},fromTo:function(t,i,r,n){n=n||{};var a=t instanceof Array;t=a?t:[t];var o,s,h=n.stagger,l=[];for(s=0;s<t.length;s++)o=new e(t[s],i,r,n),h&&(o.delay=(n.delay||0)+(s*h||0)),o.start(),l.push(o);return a?l:o},to:function(t,i,r){return e.fromTo(t,null,i,r)},from:function(t,i,r){return e.fromTo(t,i,null,r)}}})}();return e}),define("hilo/tween/Ease",function(){var t=function(){function t(t,e,i,r,n){return t=t||{},e&&(t.EaseIn=e),i&&(t.EaseOut=i),r&&(t.EaseInOut=r),n&&(t.EaseNone=n),t}var e=t(null,null,null,null,function(t){return t}),i=t(null,function(t){return t*t},function(t){return-t*(t-2)},function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)}),r=t(null,function(t){return t*t*t},function(t){return--t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)}),n=t(null,function(t){return t*t*t*t},function(t){return-(--t*t*t*t-1)},function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)}),a=t(null,function(t){return t*t*t*t*t},function(t){return(t-=1)*t*t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)}),o=Math,s=o.PI,h=.5*s,l=o.sin,c=o.cos,u=o.pow,d=o.sqrt,f=t(null,function(t){return-c(t*h)+1},function(t){return l(t*h)},function(t){return-.5*(c(s*t)-1)}),p=t(null,function(t){return 0==t?0:u(2,10*(t-1))},function(t){return 1==t?1:-u(2,-10*t)+1},function(t){return 0==t||1==t?t:(t*=2)<1?.5*u(2,10*(t-1)):.5*(-u(2,-10*(t-1))+2)}),v=t(null,function(t){return-(d(1-t*t)-1)},function(t){return d(1- --t*t)},function(t){return(t/=.5)<1?-.5*(d(1-t*t)-1):.5*(d(1-(t-=2)*t)+1)}),m=t({a:1,p:.4,s:.1,config:function(t,e){m.a=t,m.p=e,m.s=e/(2*s)*Math.asin(1/t)||0}},function(t){return-(m.a*u(2,10*(t-=1))*l((t-m.s)*(2*s)/m.p))},function(t){return m.a*u(2,-10*t)*l((t-m.s)*(2*s)/m.p)+1},function(t){return(t*=2)<1?-.5*(m.a*u(2,10*(t-=1))*l((t-m.s)*(2*s)/m.p)):m.a*u(2,-10*(t-=1))*l((t-m.s)*(2*s)/m.p)*.5+1}),g=t({o:1.70158,s:2.59491,config:function(t){g.o=t,g.s=1.525*t}},function(t){return t*t*((g.o+1)*t-g.o)},function(t){return(t-=1)*t*((g.o+1)*t+g.o)+1},function(t){return(t*=2)<1?.5*(t*t*((g.s+1)*t-g.s)):.5*((t-=2)*t*((g.s+1)*t+g.s)+2)}),_=t(null,function(t){return 1-_.EaseOut(1-t)},function(t){return(t/=1)<.36364?7.5625*t*t:t<.72727?7.5625*(t-=.54545)*t+.75:t<.90909?7.5625*(t-=.81818)*t+.9375:7.5625*(t-=.95455)*t+.984375},function(t){return t<.5?.5*_.EaseIn(2*t):.5*_.EaseOut(2*t-1)+.5});return{Linear:e,Quad:i,Cubic:r,Quart:n,Quint:a,Sine:f,Expo:p,Circ:v,Elastic:m,Back:g,Bounce:_}}();return t}),define("hilo/loader/ImageLoader",["hilo/core/Class"],function(t){var e=t.create({load:function(t){var e=this,i=new Image;t.crossOrigin&&(i.crossOrigin=t.crossOrigin),i.onload=function(){e.onLoad(i)},i.onerror=i.onabort=e.onError.bind(i),i.src=t.src+(t.noCache?(t.src.indexOf("?")==-1?"?":"&")+"t="+ +new Date:"")},onLoad:function(t){return t.onload=t.onerror=t.onabort=null,t},onError:function(t){var e=t.target;return e.onload=e.onerror=e.onabort=null,t}});return e}),define("hilo/loader/ScriptLoader",["hilo/core/Class"],function(t){var e=t.create({load:function(t){var i=this,r=t.src,n="jsonp"==t.type;if(n){var a=t.callbackName||"callback",o=t.callback||"jsonp"+ ++e._count,s=window;s[o]||(s[o]=function(t){delete s[o]}),r+=(r.indexOf("?")==-1?"?":"&")+a+"="+o}t.noCache&&(r+=(r.indexOf("?")==-1?"?":"&")+"t="+ +new Date);var h=document.createElement("script");h.type="text/javascript",h.async=!0,h.onload=i.onLoad.bind(i),h.onerror=i.onError.bind(i),h.src=r,t.id&&(h.id=t.id),document.getElementsByTagName("head")[0].appendChild(h)},onLoad:function(t){var e=t.target;return e.onload=e.onerror=null,e},onError:function(t){var e=t.target;return e.onload=e.onerror=null,t},Statics:{_count:0}});return e}),define("hilo/loader/LoadQueue",["hilo/core/Class","hilo/event/EventMixin","hilo/loader/ImageLoader","hilo/loader/ScriptLoader"],function(t,e,i,r){function n(t){var e,i,r=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(e=t.match(r))&&(i=e[1].toLowerCase()),i||null}var a=t.create({Mixes:e,constructor:function(t){this._source=[],this.add(t)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(t){var e=this;return t&&(t=t instanceof Array?t:[t],e._source=e._source.concat(t)),e},get:function(t){if(t)for(var e=this._source,i=0;i<e.length;i++){var r=e[i];if(r.id===t||r.src===t)return r}return null},getContent:function(t){var e=this.get(t);return e&&e.content},start:function(){var t=this;return t._loadNext(),t},_loadNext:function(){var t=this,e=t._source,i=e.length;if(t._loaded>=i)return void t.fire("complete");if(t._currentIndex<i-1&&t._connections<t.maxConnections){var r=++t._currentIndex,n=e[r],a=t._getLoader(n);if(a){var o=a.onLoad,s=a.onError;a.onLoad=function(e){a.onLoad=o,a.onError=s;var i=o&&o.call(a,e)||e.target;t._onItemLoad(r,i)},a.onError=function(e){a.onLoad=o,a.onError=s,s&&s.call(a,e),t._onItemError(r,e)},t._connections++}t._loadNext(),a&&a.load(n)}},_getLoader:function(t){var e=t.loader;if(e)return e;var a=t.type||n(t.src);switch(a){case"png":case"jpg":case"jpeg":case"gif":case"webp":e=new i;break;case"js":case"jsonp":e=new r}return e},_onItemLoad:function(t,e){var i=this,r=i._source[t];r.loaded=!0,r.content=e,i._connections--,i._loaded++,i.fire("load",r),i._loadNext()},_onItemError:function(t,e){var i=this,r=i._source[t];r.error=e,i._connections--,i._loaded++,i.fire("error",r),i._loadNext()},getSize:function(t){for(var e=0,i=this._source,r=0;r<i.length;r++){var n=i[r];e+=(t?n.loaded&&n.size:n.size)||0}return e},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});return a}),define("hilo/media/HTMLAudio",["hilo/core/Class","hilo/util/util","hilo/event/EventMixin"],function(t,e,i){var r=t.create({Mixes:i,constructor:function(t){e.copy(this,t,!0),this._onAudioEvent=this._onAudioEvent.bind(this)},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_element:null,load:function(){if(!this._element){var t;try{t=this._element=new Audio,t.addEventListener("canplaythrough",this._onAudioEvent,!1),t.addEventListener("ended",this._onAudioEvent,!1),t.addEventListener("error",this._onAudioEvent,!1),t.src=this.src,t.volume=this.volume,t.load()}catch(e){t=this._element={},t.play=t.pause=function(){}}}return this},_onAudioEvent:function(t){var e=t.type;switch(e){case"canplaythrough":t.target.removeEventListener(e,this._onAudioEvent),this.loaded=!0,this.duration=this._element.duration,this.fire("load"),this.autoPlay&&this._doPlay();break;case"ended":this.playing=!1,this.fire("end"),this.loop&&this._doPlay();break;case"error":this.fire("error")}},_doPlay:function(){this.playing||(this._element.volume=this.muted?0:this.volume,this._element.play(),this.playing=!0)},play:function(){return this.playing&&this.stop(),this._element?this.loaded&&this._doPlay():(this.autoPlay=!0,this.load()),this},pause:function(){return this.playing&&(this._element.pause(),this.playing=!1),this},resume:function(){return this.playing||this._doPlay(),this},stop:function(){return this.playing&&(this._element.pause(),this._element.currentTime=0,this.playing=!1),this},setVolume:function(t){return this.volume!=t&&(this.volume=t,this._element.volume=t),this},setMute:function(t){return this.muted!=t&&(this.muted=t,this._element.volume=t?0:this.volume),this},Statics:{isSupported:null!==window.Audio}});return r}),define("hilo/media/WebAudio",["hilo/core/Class","hilo/util/util","hilo/event/EventMixin"],function(t,e,i){var r=function(){var n=window.AudioContext||window.webkitAudioContext,a=n?new n:null;return t.create({Mixes:i,constructor:function(t){e.copy(this,t,!0),this._init()},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_context:null,_gainNode:null,_buffer:null,_audioNode:null,_startTime:0,_offset:0,_init:function(){this._context=a,this._gainNode=a.createGain?a.createGain():a.createGainNode(),this._gainNode.connect(a.destination),this._onAudioEvent=this._onAudioEvent.bind(this),
-this._onDecodeComplete=this._onDecodeComplete.bind(this),this._onDecodeError=this._onDecodeError.bind(this)},load:function(){if(!this._buffer){var t=r._bufferCache[this.src];if(t)this._onDecodeComplete(t);else{var e=new XMLHttpRequest;e.src=this.src,e.open("GET",this.src,!0),e.responseType="arraybuffer",e.onload=this._onAudioEvent,e.onprogress=this._onAudioEvent,e.onerror=this._onAudioEvent,e.send()}this._buffer=!0}return this},_onAudioEvent:function(t){var e=t.type;switch(e){case"load":var i=t.target;i.onload=i.onprogress=i.onerror=null,this._context.decodeAudioData(i.response,this._onDecodeComplete,this._onDecodeError),i=null;break;case"ended":this.playing=!1,this.fire("end"),this.loop&&this._doPlay();break;case"progress":this.fire(t);break;case"error":this.fire(t)}},_onDecodeComplete:function(t){r._bufferCache[this.src]||(r._bufferCache[this.src]=t),this._buffer=t,this.loaded=!0,this.duration=t.duration,this.fire("load"),this.autoPlay&&this._doPlay()},_onDecodeError:function(){this.fire("error")},_doPlay:function(){this._clearAudioNode();var t=this._context.createBufferSource();t.start||(t.start=t.noteOn,t.stop=t.noteOff),t.buffer=this._buffer,t.onended=this._onAudioEvent,this._gainNode.gain.value=this.muted?0:this.volume,t.connect(this._gainNode),t.start(0,this._offset),this._audioNode=t,this._startTime=this._context.currentTime,this.playing=!0},_clearAudioNode:function(){var t=this._audioNode;t&&(t.onended=null,t.disconnect(0),this._audioNode=null)},play:function(){return this.playing&&this.stop(),this.loaded?this._doPlay():this._buffer||(this.autoPlay=!0,this.load()),this},pause:function(){return this.playing&&(this._audioNode.stop(0),this._offset+=this._context.currentTime-this._startTime,this.playing=!1),this},resume:function(){return this.playing||this._doPlay(),this},stop:function(){return this.playing&&(this._audioNode.stop(0),this._audioNode.disconnect(),this._offset=0,this.playing=!1),this},setVolume:function(t){return this.volume!=t&&(this.volume=t,this._gainNode.gain.value=t),this},setMute:function(t){return this.muted!=t&&(this.muted=t,this._gainNode.gain.value=t?0:this.volume),this},Statics:{isSupported:null!=n,enabled:!1,enable:function(){if(!this.enabled&&a){var t=a.createBufferSource();return t.buffer=a.createBuffer(1,1,22050),t.connect(a.destination),t.start?t.start(0,0,0):t.noteOn(0,0,0),this.enabled=!0,!0}return this.enabled},_bufferCache:{},clearBufferCache:function(t){t?this._bufferCache[t]=null:this._bufferCache={}}}})}();return r}),define("hilo/media/WebSound",["hilo/media/HTMLAudio","hilo/media/WebAudio","hilo/util/util"],function(t,e,i){var r={_audios:{},enableAudio:function(){e.isSupported&&e.enable()},getAudio:function(i,r){void 0===r&&(r=!0),i=this._normalizeSource(i);var n=this._audios[i.src];return n||(r&&e.isSupported?n=new e(i):t.isSupported&&(n=new t(i)),this._audios[i.src]=n),n},removeAudio:function(t){var e="string"==typeof t?t:t.src,i=this._audios[e];i&&(i.stop(),i.off(),this._audios[e]=null,delete this._audios[e])},_normalizeSource:function(t){var e={};return"string"==typeof t?e={src:t}:i.copy(e,t),e}};return r}),define("hilo/game/Camera",["hilo/core/Class","hilo/util/util"],function(t,e){var i=t.create({constructor:function(t){this.width=0,this.height=0,this.target=null,this.deadzone=null,this.bounds=null,this.scroll={x:0,y:0},e.copy(this,t)},tick:function(t){var e=this.target,i=this.scroll,r=this.bounds,n=this.deadzone;if(e){var a,o;n?(a=Math.min(Math.max(e.x-i.x,n[0]),n[0]+n[2]),o=Math.min(Math.max(e.y-i.y,n[1]),n[1]+n[3])):(a=.5*this.width,o=.5*this.height),i.x=e.x-a,i.y=e.y-o,r&&(i.x=Math.min(Math.max(i.x,r[0]),r[0]+r[2]),i.y=Math.min(Math.max(i.y,r[1]),r[1]+r[3]))}else i.x=0,i.y=0},follow:function(t,e){this.target=t,void 0!==e&&(this.deadzone=e),this.tick()}});return i}),define("hilo/game/Camera3d",["hilo/core/Class","hilo/util/util"],function(t,e){var i=function(){function i(t,e,i,r,n){return{x:t,y:e*r-i*n,z:e*n+i*r}}function r(t,e,i,r,n){return{x:t*r-i*n,y:e,z:t*n+i*r}}function n(t,e,i,r,n){return{x:t*r-e*n,y:t*n+e*r,z:i}}var a=Math.PI/180,o=t.create({constructor:function(t){t.x=t.x||0,t.y=t.y||0,t.z=t.z||0,t.rotationX=t.rotationX||0,t.rotationY=t.rotationY||0,t.rotationZ=t.rotationZ||0,e.copy(this,t)},translate:function(t,e,i){this.tx=t,this.ty=e,this.tz=i},rotateX:function(t){this.rotationX=t},rotateY:function(t){this.rotationY=t},rotateZ:function(t){this.rotationZ=t},project:function(t,e){var o=this.rotationX*a,s=this.rotationY*a,h=this.rotationZ*a,l=Math.cos(o),c=Math.sin(o),u=Math.cos(s),d=Math.sin(s),f=Math.cos(h),p=Math.sin(h),v=t.x-this.x,m=t.y-this.y,g=t.z-this.z,_=n(v,m,g,f,p);_=r(_.x,_.y,_.z,u,d),_=i(_.x,_.y,_.z,l,c),this.tx&&(_.x-=this.tx),this.ty&&(_.y-=this.ty),this.tz&&(_.z-=this.tz);var x=this.fv/(this.fv+_.z),y=_.x*x,w=-_.y*x,T={x:y+this.fx,y:w+this.fy,z:-_.z,scale:x};return e&&(e.x=T.x,e.y=T.y,e.z=T.z,e.scaleX=T.scale,e.scaleY=T.scale),T},sortZ:function(){this.stage.children.sort(function(t,e){return t.z>e.z})},tick:function(){this.sortZ()}});return o}();return i}),define("hilo/game/ParticleSystem",["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Container","hilo/view/Drawable","hilo/util/util"],function(t,e,i,r,n,a){var o=function(){function o(t,e){return e?t+2*(Math.random()-.5)*e:t}for(var s=["x","y","vx","vy","ax","ay","rotation","rotationV","scale","scaleV","alpha","alphaV","life"],h=[],l=0,c=s.length;l<c;l++){var u=s[l];h.push(u),h.push(u+"Var")}var d={x:0,y:0,vx:0,vy:0,ax:0,ay:0,scale:1,scaleV:0,alpha:1,alphaV:0,rotation:0,rotationV:0,life:1},f=[],p=e.create({Extends:r,constructor:function(e){this.id=this.id||e.id||t.getUid("ParticleSystem"),this.emitterX=0,this.emitterY=0,this.gx=0,this.gy=0,this.totalTime=1/0,this.emitNum=10,this.emitNumVar=0,this.emitTime=.2,this.emitTimeVar=0,this.particle={},p.superclass.constructor.call(this,e),this.reset(e)},Statics:{PROPS:h,PROPS_DEFAULT:d,diedParticles:f},reset:function(t){a.copy(this,t),this.particle.system=this,this.totalTime<=0&&(this.totalTime=1/0)},onUpdate:function(t){t*=.001,this._isRun&&(this._totalRunTime+=t,this._currentRunTime+=t,this._currentRunTime>=this._emitTime&&(this._currentRunTime=0,this._emitTime=o(this.emitTime,this.emitTimeVar),this._emit()),this._totalRunTime>=this.totalTime&&this.stop())},_emit:function(){for(var t=o(this.emitNum,this.emitNumVar)>>0,e=0;e<t;e++)this.addChild(v.create(this.particle))},start:function(){this.stop(!0),this._currentRunTime=0,this._totalRunTime=0,this._isRun=!0,this._emitTime=o(this.emitTime,this.emitTimeVar)},stop:function(t){if(this._isRun=!1,t)for(var e=this.children.length-1;e>=0;e--)this.children[e].destroy()}}),v=e.create({Extends:i,constructor:function(e){this.id=this.id||e.id||t.getUid("Particle"),v.superclass.constructor.call(this,e),this.init(e)},onUpdate:function(t){if(t*=.001,this._died)return!1;var e=this.ax+this.system.gx,i=this.ay+this.system.gy;return this.vx+=e*t,this.vy+=i*t,this.x+=this.vx*t,this.y+=this.vy*t,this.rotation+=this.rotationV,this._time>.1&&(this.alpha+=this.alphaV),this.scale+=this.scaleV,this.scaleX=this.scaleY=this.scale,this._time+=t,this._time>=this.life||this.alpha<=0?(this.destroy(),!1):void 0},setImage:function(t,e){this.drawable=this.drawable||new n,e=e||[0,0,t.width,t.height],this.width=e[2],this.height=e[3],this.drawable.rect=e,this.drawable.image=t},destroy:function(){this._died=!0,this.alpha=0,this.removeFromParent(),f.push(this)},init:function(t){this.system=t.system,this._died=!1,this._time=0,this.alpha=1;for(var e=0,i=h.length;e<i;e++){var r=h[e],n=void 0===t[r]?d[r]:t[r];this[r]=o(n,t[r+"Var"])}if(this.x+=this.system.emitterX,this.y+=this.system.emitterY,t.image){var a=t.frame;a&&a[0].length&&(a=a[Math.random()*a.length>>0]),this.setImage(t.image,a),void 0!==t.pivotX&&(this.pivotX=t.pivotX*a[2]),void 0!==t.pivotY&&(this.pivotY=t.pivotY*a[3])}},Statics:{create:function(t){if(f.length>0){var e=f.pop();return e.init(t),e}return new v(t)}}});return p}();return o});
\ No newline at end of file
+define("hilo/util/browser",function(){var t=function(){var t=navigator.userAgent,e=document,i=window,r=e.documentElement,n={iphone:/iphone/i.test(t),ipad:/ipad/i.test(t),ipod:/ipod/i.test(t),ios:/iphone|ipad|ipod/i.test(t),android:/android/i.test(t),webkit:/webkit/i.test(t),chrome:/chrome/i.test(t),safari:/safari/i.test(t),firefox:/firefox/i.test(t),ie:/msie/i.test(t),opera:/opera/i.test(t),supportTouch:"ontouchstart"in i,supportCanvas:null!=e.createElement("canvas").getContext,supportStorage:!1,supportOrientation:"orientation"in i||"orientation"in i.screen,supportDeviceMotion:"ondevicemotion"in i};try{var a="hilo";localStorage.setItem(a,a),localStorage.removeItem(a),n.supportStorage=!0}catch(o){}var s=n.jsVendor=n.webkit?"webkit":n.firefox?"webkit":n.opera?"o":n.ie?"ms":"",h=n.cssVendor="-"+s+"-",l=e.createElement("div"),c=l.style,u=void 0!=c[s+"Transform"],d=void 0!=c[s+"Perspective"];d&&(l.id="test3d",c=e.createElement("style"),c.textContent="@media ("+h+"transform-3d){#test3d{height:3px}}",e.head.appendChild(c),r.appendChild(l),d=3==l.offsetHeight,e.head.removeChild(c),r.removeChild(l)),n.supportTransform=u,n.supportTransform3D=d;var f=n.supportTouch,p=f?"touchstart":"mousedown",v=f?"touchmove":"mousemove",m=f?"touchend":"mouseup";return n.POINTER_START=p,n.POINTER_MOVE=v,n.POINTER_END=m,n}();return t}),define("hilo/util/util",function(){var t={copy:function(t,e,i){for(var r in e)i&&!t.hasOwnProperty(r)&&void 0===t[r]||(t[r]=e[r]);return t}};return t}),define("hilo/core/Hilo",["hilo/util/browser","hilo/util/util"],function(t,e){var i=window,r=document,n=r.documentElement,a=0,o={},s={version:"1.4.0",getUid:function(t){var e=++a;if(t){var i=t.charCodeAt(t.length-1);return i>=48&&i<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,i=t;i;)e=e?i.id+"."+e:i.id,i=i.parent;return e},copy:function(t,i,r){return e.copy(t,i,r),o.copy||(o.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:t,event:{POINTER_START:t.POINTER_START,POINTER_MOVE:t.POINTER_MOVE,POINTER_END:t.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(r){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var a=(i.pageXOffset||n.scrollLeft)-(n.clientLeft||0)||0,o=(i.pageYOffset||n.scrollTop)-(n.clientTop||0)||0,s=i.getComputedStyle?getComputedStyle(t):t.currentStyle,h=parseInt,l=h(s.paddingLeft)+h(s.borderLeftWidth)||0,c=h(s.paddingTop)+h(s.borderTopWidth)||0,u=h(s.paddingRight)+h(s.borderRightWidth)||0,d=h(s.paddingBottom)+h(s.borderBottomWidth)||0,f=e.top||0,p=e.left||0,v=e.right||0,m=e.bottom||0;return{left:p+a+l,top:f+o+c,width:v-u-p-l,height:m-d-f-c}},createElement:function(t,e){var i,n,a,o=r.createElement(t);for(i in e)if(n=e[i],"style"===i)for(a in n)o.style[a]=n[a];else o[i]=n;return o},getElement:function(t){return r.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,i=e.domElement.style,r=t._stateCache||(t._stateCache={}),n=s.browser.jsVendor,a="px",o=!1;if(this.cacheStateIfChanged(t,["visible"],r)&&(i.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],r)&&(i.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],r)&&(i.width=t.width+a),this.cacheStateIfChanged(t,["height"],r)&&(i.height=t.height+a),this.cacheStateIfChanged(t,["depth"],r)&&(i.zIndex=t.depth+1),t.transform){var h=t.transform;(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(i[n+"TransformOrigin"]="0 0"),i[n+"Transform"]="matrix3d("+h.a+", "+h.b+", 0, 0, "+h.c+", "+h.d+", 0, 0, 0, 0, 1, 0, "+h.tx+", "+h.ty+", 0, 1)"}else(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(i[n+"TransformOrigin"]=t.pivotX+a+" "+t.pivotY+a),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],r)||o)&&(i[n+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],r)&&(i.backgroundColor=t.background),i.pointerEvents||(i.pointerEvents="none");var l=e.image;if(l){var c=l.src;c!==r.image&&(r.image=c,i.backgroundImage="url("+c+")");var u=e.rect;if(u){var d=u[0],f=u[1];d!==r.sx&&(r.sx=d,i.backgroundPositionX=-d+a),f!==r.sy&&(r.sy=f,i.backgroundPositionY=-f+a)}}var p=t.mask;if(p){var v=p.drawable.domElement.style.backgroundImage;v!==r.maskImage&&(r.maskImage=v,i[n+"MaskImage"]=v,i[n+"MaskRepeat"]="no-repeat");var m=p.x,g=p.y;m===r.maskX&&g===r.maskY||(r.maskX=m,r.maskY=g,i[n+"MaskPosition"]=m+a+" "+g+a)}}},cacheStateIfChanged:function(t,e,i){var r,n,a,o,s=!1;for(r=0,n=e.length;r<n;r++)a=e[r],o=t[a],o!=i[a]&&(i[a]=o,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,i=e?"3d":"";return"translate"+i+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+i+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+i+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};return s}),define("hilo/core/Class",function(){var t=function(){var t,e,i=function(t){t=t||{};var e=t.hasOwnProperty("constructor")?t.constructor:function(){};return r.call(e,t),e},r=function(t){var e,i,r={};for(e in t)i=t[e],n.hasOwnProperty(e)?n[e].call(this,i):r[e]=i;o(this.prototype,r)},n={Extends:function(t){var e=this.prototype,i=a(t.prototype);o(this,t),o(i,e),i.constructor=this,this.prototype=i,this.superclass=t.prototype},Mixes:function(t){t instanceof Array||(t=[t]);for(var e,i=this.prototype;e=t.shift();)o(i,e.prototype||e)},Statics:function(t){o(this,t)}},a=function(){if(Object.__proto__)return function(t){return{__proto__:t}};var t=function(){};return function(e){return t.prototype=e,new t}}(),o=function(t){for(var i=1,r=arguments.length;i<r;i++){var n,a=arguments[i];for(var o in a){var s=a[o];!s||"object"!=typeof s||void 0===s.value&&"function"!=typeof s.get&&"function"!=typeof s.set?t[o]=s:(n=n||{},n[o]=s)}n&&e(t,n)}return t};try{t=Object.defineProperty,e=Object.defineProperties,t({},"$",{value:0})}catch(s){"__defineGetter__"in Object&&(t=function(t,e,i){return"value"in i&&(t[e]=i.value),"get"in i&&t.__defineGetter__(e,i.get),"set"in i&&t.__defineSetter__(e,i.set),t},e=function(e,i){for(var r in i)i.hasOwnProperty(r)&&t(e,r,i[r]);return e})}return{create:i,mix:o}}();return t}),define("hilo/geom/Matrix",["hilo/core/Class"],function(t){var e=t.create({constructor:function(t,e,i,r,n,a){this.a=t,this.b=e,this.c=i,this.d=r,this.tx=n,this.ty=a},set:function(t,e,i,r,n,a){return this.a=t,this.b=e,this.c=i,this.d=r,this.tx=n,this.ty=a,this},copy:function(t){return this.a=t.a,this.b=t.b,this.c=t.c,this.d=t.d,this.tx=t.tx,this.ty=t.ty,this},clone:function(){return(new e).copy(this)},concat:function(t){var e,i,r,n,a,o,s=arguments,h=this.a,l=this.b,c=this.c,u=this.d,d=this.tx,f=this.ty;return s.length>=6?(e=s[0],i=s[1],r=s[2],n=s[3],a=s[4],o=s[5]):(e=t.a,i=t.b,r=t.c,n=t.d,a=t.tx,o=t.ty),this.a=h*e+l*r,this.b=h*i+l*n,this.c=c*e+u*r,this.d=c*i+u*n,this.tx=d*e+f*r+a,this.ty=d*i+f*n+o,this},rotate:function(t){var e=Math.sin(t),i=Math.cos(t),r=this.a,n=this.b,a=this.c,o=this.d,s=this.tx,h=this.ty;return this.a=r*i-n*e,this.b=r*e+n*i,this.c=a*i-o*e,this.d=a*e+o*i,this.tx=s*i-h*e,this.ty=s*e+h*i,this},scale:function(t,e){return this.a*=t,this.d*=e,this.c*=t,this.b*=e,this.tx*=t,this.ty*=e,this},translate:function(t,e){return this.tx+=t,this.ty+=e,this},identity:function(){return this.a=this.d=1,this.b=this.c=this.tx=this.ty=0,this},invert:function(){var t=this.a,e=this.b,i=this.c,r=this.d,n=this.tx,a=t*r-e*i;return this.a=r/a,this.b=-e/a,this.c=-i/a,this.d=t/a,this.tx=(i*this.ty-r*n)/a,this.ty=-(t*this.ty-e*n)/a,this},transformPoint:function(t,e,i){var r=t.x*this.a+t.y*this.c+this.tx,n=t.x*this.b+t.y*this.d+this.ty;return e&&(r=r+.5>>0,n=n+.5>>0),i?{x:r,y:n}:(t.x=r,t.y=n,t)}});return e}),define("hilo/event/EventMixin",["hilo/core/Class"],function(t){var e={_listeners:null,on:function(t,e,i){for(var r=this._listeners=this._listeners||{},n=r[t]=r[t]||[],a=0,o=n.length;a<o;a++){var s=n[a];if(s.listener===e)return}return n.push({listener:e,once:i}),this},off:function(t,e){if(0==arguments.length)return this._listeners=null,this;var i=this._listeners&&this._listeners[t];if(i){if(1==arguments.length)return delete this._listeners[t],this;for(var r=0,n=i.length;r<n;r++){var a=i[r];if(a.listener===e){i.splice(r,1),0===i.length&&delete this._listeners[t];break}}}return this},fire:function(t,e){var r,n;"string"==typeof t?n=t:(r=t,n=t.type);var a=this._listeners;if(!a)return!1;var o=a[n];if(o){var s=o.slice(0);if(r=r||new i(n,this,e),r._stopped)return!1;for(var h=0;h<s.length;h++){var l=s[h];if(l.listener.call(this,r),l.once){var c=o.indexOf(l);c>-1&&o.splice(c,1)}}return 0==o.length&&delete a[n],!0}return!1}},i=t.create({constructor:function(t,e,i){this.type=t,this.target=e,this.detail=i,this.timeStamp=+new Date},type:null,target:null,detail:null,timeStamp:0,stopImmediatePropagation:function(){this._stopped=!0}}),r=window.Event;if(r){var n=r.prototype,a=n.stopImmediatePropagation;n.stopImmediatePropagation=function(){a&&a.call(this),this._stopped=!0}}return e}),define("hilo/view/Drawable",["hilo/core/Class","hilo/util/util"],function(t,e){var i=t.create({constructor:function(t){this.init(t)},image:null,rect:null,init:function(t){var r=this,n=r.image;i.isDrawable(t)?r.image=t:e.copy(r,t,!0);var a=r.image;if("string"==typeof a){if(!n||a!==n.getAttribute("src")){r.image=null;var o=new Image;return t.crossOrigin&&(o.crossOrigin=t.crossOrigin),o.onload=function(){o.onload=null,r.init(o)},void(o.src=a)}a=r.image=n}a&&!r.rect&&(r.rect=[0,0,a.width,a.height])},Statics:{isDrawable:function(t){if(!t||!t.tagName)return!1;var e=t.tagName.toLowerCase();return"img"===e||"canvas"===e||"video"===e}}});return i}),define("hilo/renderer/Renderer",["hilo/core/Class","hilo/util/util"],function(t,e){var i=t.create({constructor:function(t){t=t||{},e.copy(this,t,!0)},renderType:null,canvas:null,stage:null,blendMode:"source-over",startDraw:function(t){},draw:function(t){},endDraw:function(t){},transform:function(){},hide:function(){},remove:function(t){},clear:function(t,e,i,r){},resize:function(t,e){}});return i}),define("hilo/renderer/CanvasRenderer",["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer"],function(t,e,i){var r=t.create({Extends:i,constructor:function(t){r.superclass.constructor.call(this,t),this.context=this.canvas.getContext("2d")},renderType:"canvas",context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.context.clearRect(0,0,t.width,t.height),t.blendMode!==this.blendMode&&(this.context.globalCompositeOperation=this.blendMode=t.blendMode),this.context.save(),!0)},draw:function(t){var e=this.context,i=t.width,r=t.height,n=t.background;n&&(e.fillStyle=n,e.fillRect(0,0,i,r));var a=t.drawable,o=a&&a.image;if(o){var s=a.rect,h=s[2],l=s[3],c=s[4],u=s[5];if(!h||!l)return;i||r||(i=t.width=h,r=t.height=l),(c||u)&&e.translate(c-.5*h,u-.5*l),e.drawImage(o,s[0],s[1],h,l,0,0,i,r)}},endDraw:function(t){this.context.restore()},transform:function(t){var i=t.drawable;if(i&&i.domElement)return void e.setElementStyleByView(t);var r=this.context,n=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,h=t._scaleY,l=!1;(!s&&1!=n||s&&s!=n)&&(t._scaleX=n,o.width=n*t.width+"px",l=!0),(!h&&1!=a||h&&h!=a)&&(t._scaleY=a,o.height=a*t.height+"px",l=!0),l&&t.updateViewport()}else{var c=t.x,u=t.y,d=t.pivotX,f=t.pivotY,p=t.rotation%360,v=t.transform,m=t.mask;m&&(m._render(this),r.clip());var g=t.align;if(g){var _=t.getAlignPosition();c=_.x,u=_.y}v?r.transform(v.a,v.b,v.c,v.d,v.tx,v.ty):(0==c&&0==u||r.translate(c,u),0!=p&&r.rotate(p*Math.PI/180),1==n&&1==a||r.scale(n,a),0==d&&0==f||r.translate(-d,-f))}t.alpha>0&&(r.globalAlpha*=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},clear:function(t,e,i,r){this.context.clearRect(t,e,i,r)},resize:function(t,e){var i=this.canvas,r=this.stage,n=i.style;i.width=t,i.height=e,n.width=r.width*r.scaleX+"px",n.height=r.height*r.scaleY+"px"}});return r}),define("hilo/renderer/DOMRenderer",["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer","hilo/view/Drawable"],function(t,e,i,r){var n=function(){function a(t,i){var r=t.tagName||"div",n=i.image,a=t.width||n&&n.width,o=t.height||n&&n.height,s=e.createElement(r),h=s.style;if(t.id&&(s.id=t.id),h.position="absolute",h.left=(t.left||0)+"px",h.top=(t.top||0)+"px",h.width=a+"px",h.height=o+"px","canvas"==r){if(s.width=a,s.height=o,n){var l=s.getContext("2d"),c=i.rect||[0,0,a,o];l.drawImage(n,c[0],c[1],c[2],c[3],t.x||0,t.y||0,t.width||c[2],t.height||c[3])}}else if(h.opacity=void 0!=t.alpha?t.alpha:1,(t===this.stage||t.clipChildren)&&(h.overflow="hidden"),n&&n.src){h.backgroundImage="url("+n.src+")";var u=t.rectX||0,d=t.rectY||0;h.backgroundPosition=-u+"px "+-d+"px"}return s}return t.create({Extends:i,constructor:function(t){n.superclass.constructor.call(this,t)},renderType:"dom",startDraw:function(t){var e=t.drawable=t.drawable||new r;return e.domElement=e.domElement||a(t,e),!0},draw:function(t){var e=t.parent,i=t.drawable.domElement,r=i.parentNode;if(e){var n=e.drawable.domElement;if(n!=r&&n.appendChild(i),!t.width&&!t.height){var a=t.drawable.rect;a&&(a[2]||a[3])&&(t.width=a[2],t.height=a[3])}}else t!==this.stage||r||(i.style.overflow="hidden",this.canvas.appendChild(i))},transform:function(t){if(e.setElementStyleByView(t),t===this.stage){var i=this.canvas.style,r=t._scaleX,n=t._scaleY,a=t.scaleX,o=t.scaleY;(!r&&1!=a||r&&r!=a)&&(t._scaleX=a,i.width=a*t.width+"px"),(!n&&1!=o||n&&n!=o)&&(t._scaleY=o,i.height=o*t.height+"px")}},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},hide:function(t){var e=t.drawable&&t.drawable.domElement;e&&(e.style.display="none")},resize:function(t,e){var i=this.canvas.style;i.width=t+"px",i.height=e+"px","absolute"!=i.position&&(i.position="relative")}})}();return n}),define("hilo/renderer/WebGLRenderer",["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer","hilo/geom/Matrix"],function(t,e,i,r){var n=Math.PI/180,a=t.create({Extends:i,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported},contextOptions:null},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){a.superclass.constructor.call(this,t);var e=this,i=a.contextOptions||{};this.gl=this.canvas.getContext("webgl",i)||this.canvas.getContext("experimental-webgl",i),this.maxBatchNum=a.MAX_BATCH_NUM,this.positionStride=4*a.ATTRIBUTE_NUM;var r=this.maxBatchNum*a.ATTRIBUTE_NUM*4,n=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*r),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(n);for(var o=0,s=0;o<n;o+=6,s+=4)this.indexs[o+0]=s+0,this.indexs[o+1]=s+1,this.indexs[o+2]=s+2,this.indexs[o+3]=s+1,this.indexs[o+4]=s+2,this.indexs[o+5]=s+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,i=t.height,r=(t.background,t.drawable),n=r&&r.image;if(n){var a=r.rect,o=a[2],s=a[3];e||i||(e=t.width=o,i=t.height=s),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(n,a[0],a[1],o,s,0,0,e,i),l=this.batchIndex*this.positionStride,c=this.float32Array,u=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);c[l+0]=h[0],c[l+1]=h[1],c[l+2]=h[2],c[l+3]=h[3],u[l+4]=d,c[l+5]=h[4],c[l+6]=h[5],c[l+7]=h[6],c[l+8]=h[7],u[l+9]=d,c[l+10]=h[8],c[l+11]=h[9],c[l+12]=h[10],c[l+13]=h[11],u[l+14]=d,c[l+15]=h[12],c[l+16]=h[13],c[l+17]=h[14],c[l+18]=h[15],u[l+19]=d;for(var f=t.__webglWorldMatrix,p=0;p<4;p++){var v=c[l+5*p],m=c[l+5*p+1];c[l+5*p]=f.a*v+f.c*m+f.tx,c[l+5*p+1]=f.b*v+f.d*m+f.ty}t.__textureImage=n,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var i=t.drawable;if(i&&i.domElement)return void e.setElementStyleByView(t);var n=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,h=t._scaleY,l=!1;(!s&&1!=n||s&&s!=n)&&(t._scaleX=n,o.width=n*t.width+"px",l=!0),(!h&&1!=a||h&&h!=a)&&(t._scaleY=a,o.height=a*t.height+"px",l=!0),l&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new r(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new r(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},clear:function(t,e,i,r){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var i=this.canvas,r=this.stage,n=i.style;this.width=i.width=t,this.height=i.height=e,n.width=r.width*r.scaleX+"px",n.height=r.height*r.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,i=0,r=null,n=0;n<this.batchIndex;n++){var a=this.sprites[n];r&&r!==a.__textureImage&&(this._renderBatch(e,n),e=n,i=1),r=a.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var i=this.gl,r=e-t;r>0&&(i.bindTexture(i.TEXTURE_2D,this._getTexture(this.sprites[t])),i.drawElements(i.TRIANGLES,6*r,i.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new o(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,i,r,n,a,o,s,h){var l=this.__tempVertexs||[],c=t.width,u=t.height;r/=c,n/=u,e/=c,i/=u,s=s,h=h,a=a,o=o,r+e>1&&(r=1-e),n+i>1&&(n=1-i);var d=0;return l[d++]=a,l[d++]=o,l[d++]=e,l[d++]=i,l[d++]=a+s,l[d++]=o,l[d++]=e+r,l[d++]=i,l[d++]=a,l[d++]=o+h,l[d++]=e,l[d++]=i+n,l[d++]=a+s,l[d++]=o+h,l[d++]=e+r,l[d++]=i+n,l},_setConcatenatedMatrix:function(t,e){var i=t.__webglWorldMatrix,r=1,a=0,o=t.rotation%360,s=t.pivotX,h=t.pivotY,l=t.scaleX,c=t.scaleY,u=t.transform;if(u)i.copy(u);else{if(o){var d=o*n;r=Math.cos(d),a=Math.sin(d)}var f=t.getAlignPosition();i.a=r*l,i.b=a*l,i.c=-a*c,i.d=r*c,i.tx=f.x-i.a*s-i.c*h,i.ty=f.y-i.b*s-i.d*h}i.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,i=this._cacheTexture[e.src];return i||(i=this.activeShader.uploadTexture(e)),i}}),o=function(t,e,i){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),i=i||{},this.attributes=i.attributes||[],this.uniforms=i.uniforms||[]};return o.prototype={active:function(){var t=this,e=t.renderer,i=t.gl,r=t.program;r&&i&&(e.activeShader=t,i.useProgram(r),t.attributes.forEach(function(t){e[t]=i.getAttribLocation(r,t),i.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=i.getUniformLocation(r,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,i=this.renderer,r=e.createTexture(),n=i.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,r),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(n,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=r,r},_createProgram:function(t,e,i){var r=this._createShader(t,t.VERTEX_SHADER,e),n=this._createShader(t,t.FRAGMENT_SHADER,i);if(!r||!n)return null;var a=t.createProgram();if(a){t.attachShader(a,r),t.attachShader(a,n),t.linkProgram(a),t.deleteShader(n),t.deleteShader(r);var o=t.getProgramParameter(a,t.LINK_STATUS);if(!o){var s=t.getProgramInfoLog(a);return console.log("Failed to link program: "+s),t.deleteProgram(a),null}}return a},_createShader:function(t,e,i){var r=t.createShader(e);if(r){t.shaderSource(r,i),t.compileShader(r);var n=t.getShaderParameter(r,t.COMPILE_STATUS);if(!n){var a=t.getShaderInfoLog(r);return console.log("Failed to compile shader: "+a),t.deleteShader(r),null}}return r}},a}),define("hilo/view/View",["hilo/core/Hilo","hilo/core/Class","hilo/event/EventMixin","hilo/geom/Matrix","hilo/util/util"],function(t,e,i,r,n){var a=function(){function a(t,e,i){for(var r,n,a,o,s=0,h=!1,l=0,c=i.length;l<c;l++){var u=i[l],d=i[(l+1)%c];if(u.y==d.y&&e==u.y&&(u.x>d.x?(r=d.x,n=u.x):(r=u.x,n=d.x),t>=r&&t<=n))h=!0;else if(u.y>d.y?(a=d.y,o=u.y):(a=u.y,o=d.y),!(e<a||e>o)){var f=(e-u.y)*(d.x-u.x)/(d.y-u.y)+u.x;if(f>t?s++:f==t&&(h=!0),u.x>t&&u.y==e){var p=i[(c+l-1)%c];(p.y<e&&d.y>e||p.y>e&&d.y<e)&&s++}}}return h||s%2==1}function o(t,e){var i=s(t,e,{overlap:-(1/0),normal:{x:0,y:0}});return!!i&&s(e,t,i)}function s(t,e,i){for(var r,n,a,o,s,h,l,c,u,d=t.length,f=e.length,p={x:0,y:0},v=0;v<d;v++){r=t[v],n=t[v<d-1?v+1:0],p.x=r.y-n.y,p.y=n.x-r.x,a=Math.sqrt(p.x*p.x+p.y*p.y),p.x/=a,p.y/=a,o=s=t[0].x*p.x+t[0].y*p.y;for(var m=1;m<d;m++)c=t[m].x*p.x+t[m].y*p.y,c>s?s=c:c<o&&(o=c);for(h=l=e[0].x*p.x+e[0].y*p.y,m=1;m<f;m++)c=e[m].x*p.x+e[m].y*p.y,c>l?l=c:c<h&&(h=c);if(o<h?(u=h-s,p.x=-p.x,p.y=-p.y):u=o-l,u>=0)return!1;u>i.overlap&&(i.overlap=u,i.normal.x=p.x,i.normal.y=p.y)}return i}return e.create({Mixes:i,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("View"),n.copy(this,e,!0)},tint:16777215,id:null,x:0,y:0,width:0,height:0,alpha:1,rotation:0,visible:!0,pivotX:0,pivotY:0,scaleX:1,scaleY:1,pointerEnabled:!0,background:null,mask:null,align:null,drawable:null,boundsArea:null,parent:null,depth:-1,transform:null,blendMode:"source-over",getStage:function(){for(var t,e=this;t=e.parent;)e=t;return e.canvas?e:null},getScaledWidth:function(){return this.width*this.scaleX},getScaledHeight:function(){return this.height*this.scaleY},addTo:function(t,e){return"number"==typeof e?t.addChildAt(this,e):t.addChild(this),this},removeFromParent:function(){var t=this.parent;return t&&t.removeChild(this),this},getBounds:function(){for(var t,e,i,r,n,a,o,s=this.width,h=this.height,l=this.getConcatenatedMatrix(),c=this.boundsArea||[{x:0,y:0},{x:s,y:0},{x:s,y:h},{x:0,y:h}],u=[],d=0,f=c.length;d<f;d++)t=l.transformPoint(c[d],!0,!0),e=t.x,i=t.y,0==d?(r=n=e,a=o=i):(r>e?r=e:n<e&&(n=e),a>i?a=i:o<i&&(o=i)),u[d]=t;return u.x=r,u.y=a,u.width=n-r,u.height=o-a,u},getConcatenatedMatrix:function(t){for(var e=new r(1,0,0,1,0,0),i=this;i!=t&&i.parent;i=i.parent){var n=1,a=0,o=i.rotation%360,s=i.pivotX,h=i.pivotY,l=i.scaleX,c=i.scaleY,u=i.transform;if(u)e.concat(u);else{if(o){var d=o*Math.PI/180;n=Math.cos(d),a=Math.sin(d)}0!=s&&(e.tx-=s),0!=h&&(e.ty-=h);var f=i.getAlignPosition();e.concat(n*l,a*l,-a*c,n*c,f.x,f.y)}}return e},getAlignPosition:function(){var t=this.parent,e=this.align,i=this.x,r=this.y;if(t&&this.align){if("function"==typeof e)return this.align();var n=this.width,a=this.height,o=t.width,s=t.height;switch(e){case"TL":i=0,r=0;break;case"T":i=o-n>>1,r=0;break;case"TR":i=o-n,r=0;break;case"L":i=0,r=s-a>>1;break;case"C":i=o-n>>1,r=s-a>>1;break;case"R":i=o-n,r=s-a>>1;break;case"BL":i=0,r=s-a;break;case"B":i=o-n>>1,r=s-a;break;case"BR":i=o-n,r=s-a}}return{x:i,y:r}},hitTestPoint:function(t,e,i){var r=this.getBounds(),n=t>=r.x&&t<=r.x+r.width&&e>=r.y&&e<=r.y+r.height;return n&&i&&(n=a(t,e,r)),n},hitTestObject:function(t,e){var i=this.getBounds(),r=t.getBounds(),n=i.x<=r.x+r.width&&r.x<=i.x+i.width&&i.y<=r.y+r.height&&r.y<=i.y+i.height;return n&&e&&(n=o(i,r)),!!n},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||!t.startDraw(this)||(t.transform(this),this.render(t,e),t.endDraw(this))},_fireMouseEvent:function(t){if(t.eventCurrentTarget=this,this.fire(t),"mousemove"==t.type){if(!this.__mouseOver){this.__mouseOver=!0;var e=n.copy({},t);e.type="mouseover",this.fire(e)}}else"mouseout"==t.type&&(this.__mouseOver=!1);var i=this.parent;t._stopped||t._stopPropagationed||!i||("mouseout"==t.type||"touchout"==t.type?i.hitTestPoint(t.stageX,t.stageY,!0)||i._fireMouseEvent(t):i._fireMouseEvent(t))},onUpdate:null,render:function(t,e){t.draw(this)},toString:function(){return t.viewToString(this)}})}();return a}),define("hilo/view/CacheMixin",["hilo/view/Drawable","hilo/util/browser"],function(t,e){var i,r,n={_cacheDirty:!0,cache:function(t){(t||this._cacheDirty||!this.drawable)&&this.updateCache()},updateCache:function(){e.supportCanvas&&(i||(i=document.createElement("canvas"),r=i.getContext("2d")),i.width=this.width,i.height=this.height,this._draw(r),this.drawable=this.drawable||new t,this.drawable.init({image:i.toDataURL()}),this._cacheDirty=!1)},setCacheDirty:function(t){this._cacheDirty=t}};return n}),define("hilo/view/Container",["hilo/core/Hilo","hilo/core/Class","hilo/view/View"],function(t,e,i){var r=e.create({Extends:i,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("Container"),r.superclass.constructor.call(this,e),this.children?this._updateChildren():this.children=[]},children:null,pointerChildren:!0,clipChildren:!1,getNumChildren:function(){return this.children.length},addChildAt:function(t,e){var i=this.children,r=i.length,n=t.parent;e=e<0?0:e>r?r:e;var a=this.getChildIndex(t);if(a==e)return this;if(a>=0?(i.splice(a,1),e=e==r?r-1:e):n&&n.removeChild(t),i.splice(e,0,t),a<0)this._updateChildren(e);else{var o=a<e?a:e,s=a<e?e:a;this._updateChildren(o,s+1)}return this},addChild:function(t){for(var e=this.children.length,i=arguments,r=0,n=i.length;r<n;r++)this.addChildAt(i[r],e+r);return this},removeChildAt:function(t){var e=this.children;if(t<0||t>=e.length)return null;var i=e[t];if(i){if(!i.__renderer)for(var r=i;r=r.parent;){if(r.renderer){i.__renderer=r.renderer;break}if(r.__renderer){i.__renderer=r.__renderer;break}}i.__renderer&&i.__renderer.remove(i),i.parent=null,i.depth=-1}return e.splice(t,1),this._updateChildren(t),i},removeChild:function(t){return this.removeChildAt(this.getChildIndex(t))},removeChildById:function(t){for(var e,i=this.children,r=0,n=i.length;r<n;r++)if(e=i[r],e.id===t)return this.removeChildAt(r),e;return null},removeAllChildren:function(){for(;this.children.length;)this.removeChildAt(0);return this},getChildAt:function(t){var e=this.children;return t<0||t>=e.length?null:e[t]},getChildById:function(t){for(var e,i=this.children,r=0,n=i.length;r<n;r++)if(e=i[r],e.id===t)return e;return null},getChildIndex:function(t){return this.children.indexOf(t)},setChildIndex:function(t,e){var i=this.children,r=i.indexOf(t);if(r>=0&&r!=e){var n=i.length;e=e<0?0:e>=n?n-1:e,i.splice(r,1),i.splice(e,0,t),this._updateChildren()}return this},swapChildren:function(t,e){var i=this.children,r=this.getChildIndex(t),n=this.getChildIndex(e);t.depth=n,i[n]=t,e.depth=r,i[r]=e},swapChildrenAt:function(t,e){var i=this.children,r=this.getChildAt(t),n=this.getChildAt(e);r.depth=e,i[e]=r,n.depth=t,i[t]=n},sortChildren:function(t){var e=t,i=this.children;if("string"==typeof e){var r=e;e=function(t,e){return e[r]-t[r]}}i.sort(e),this._updateChildren()},_updateChildren:function(t,e){var i,r=this.children;t=t||0,e=e||r.length;for(var n=t;n<e;n++)i=r[n],i.depth=n+1,i.parent=this},contains:function(t){for(;t=t.parent;)if(t===this)return!0;return!1},getViewAtPoint:function(t,e,i,r,n){for(var a,o,s=r?[]:null,h=this.children,l=h.length-1;l>=0;l--)if(a=h[l],!(!a||!a.visible||a.alpha<=0||n&&!a.pointerEnabled))if(a.children&&a.children.length&&(!n||a.pointerChildren)&&(o=a.getViewAtPoint(t,e,i,r,n)),o){if(!r)return o;o.length&&(s=s.concat(o))}else if(a.hitTestPoint(t,e,i)){if(!r)return a;s.push(a)}return r&&s.length?s:null},render:function(t,e){r.superclass.render.call(this,t,e);var i,n,a,o=this.children.slice(0);for(i=0,n=o.length;i<n;i++)a=o[i],a.parent===this&&a._render(t,e)}});return r}),define("hilo/view/Stage",["hilo/core/Hilo","hilo/core/Class","hilo/view/Container","hilo/renderer/CanvasRenderer","hilo/renderer/DOMRenderer","hilo/renderer/WebGLRenderer","hilo/util/browser","hilo/util/util"],function(t,e,i,r,n,a,o,s){var h=e.create({Extends:i,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("Stage"),h.superclass.constructor.call(this,e),this._initRenderer(e);var i=this.width,r=this.height,n=this.updateViewport();e.width||(i=n&&n.width||320),e.height||(r=n&&n.height||480),this.resize(i,r,!0)},canvas:null,renderer:null,paused:!1,viewport:null,_initRenderer:function(e){var i=e.canvas,o=e.container,s=e.renderType||"canvas";if("string"==typeof i&&(i=t.getElement(i)),"string"==typeof o&&(o=t.getElement(o)),i)i.getContext||(s="dom");else{var h="dom"===s?"div":"canvas";i=t.createElement(h,{style:{position:"absolute"}})}this.canvas=i,o&&o.appendChild(i);var l={canvas:i,stage:this};switch(s){case"dom":this.renderer=new n(l);break;case"webgl":a.isSupport()?this.renderer=new a(l):this.renderer=new r(l);break;case"canvas":default:this.renderer=new r(l)}},addTo:function(t){var e=this.canvas;return e.parentNode!==t&&t.appendChild(e),this},tick:function(t){this.paused||this._render(this.renderer,t)},enableDOMEvent:function(t,e){var i=this,r=i.canvas,n=i._domListener||(i._domListener=function(t){i._onDOMEvent(t)});t="string"==typeof t?[t]:t,e=e!==!1;for(var a=0;a<t.length;a++){var o=t[a];e?r.addEventListener(o,n,!1):r.removeEventListener(o,n)}return i},_onDOMEvent:function(t){var e=t.type,i=t,r=0==e.indexOf("touch"),n=t;if(r){var a=t.touches,h=t.changedTouches;n=a&&a.length?a[0]:h&&h.length?h[0]:null}var l=n.pageX||n.clientX,c=n.pageY||n.clientY,u=this.viewport||this.updateViewport();i.stageX=l=(l-u.left)/this.scaleX,
+i.stageY=c=(c-u.top)/this.scaleY,i.stopPropagation=function(){this._stopPropagationed=!0};var d=this.getViewAtPoint(l,c,!0,!1,!0)||this,f=this.canvas,p=this._eventTarget,v="mouseout"===e;if(p&&(p!=d&&(!p.contains||!p.contains(d))||v)){var m="touchmove"===e?"touchout":"mousemove"===e||v||!d?"mouseout":null;if(m){var g=s.copy({},i);g.type=m,g.eventTarget=p,p._fireMouseEvent(g)}i.lastEventTarget=p,this._eventTarget=null}if(d&&d.pointerEnabled&&"mouseout"!==e&&(i.eventTarget=this._eventTarget=d,d._fireMouseEvent(i)),!r){var _=d&&d.pointerEnabled&&d.useHandCursor?"pointer":"";f.style.cursor=_}o.android&&"touchmove"===e&&t.preventDefault()},updateViewport:function(){var e=this.canvas,i=null;return e.parentNode&&(i=this.viewport=t.getElementRect(e)),i},resize:function(t,e,i){(i||this.width!==t||this.height!==e)&&(this.width=t,this.height=e,this.renderer.resize(t,e),this.updateViewport())}});return h}),define("hilo/view/Bitmap",["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable"],function(t,e,i,r){var n=e.create({Extends:i,constructor:function(e){if(e=e||{},this.id=this.id||e.id||t.getUid("Bitmap"),n.superclass.constructor.call(this,e),this.drawable=new r(e),!this.width||!this.height){var i=this.drawable.rect;i&&(this.width=i[2],this.height=i[3])}},setImage:function(t,e){return this.drawable.init({image:t,rect:e}),e?(this.width=e[2],this.height=e[3]):this.width||this.height||(e=this.drawable.rect,e&&(this.width=e[2],this.height=e[3])),this}});return n}),define("hilo/view/Sprite",["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable"],function(t,e,i,r){var n=e.create({Extends:i,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("Sprite"),n.superclass.constructor.call(this,e),this._frames=[],this._frameNames={},this.drawable=new r,e.frames&&this.addFrame(e.frames)},_frames:null,_frameNames:null,_frameElapsed:0,_firstRender:!0,paused:!1,loop:!0,timeBased:!1,interval:1,currentFrame:0,getNumFrames:function(){return this._frames?this._frames.length:0},addFrame:function(t,e){var i=null!=e?e:this._frames.length;if(t instanceof Array)for(var r=0,n=t.length;r<n;r++)this.setFrame(t[r],i+r);else this.setFrame(t,i);return this},setFrame:function(t,e){var i=this._frames,r=i.length;return e=e<0?0:e>r?r:e,i[e]=t,t.name&&(this._frameNames[t.name]=t),(0!=e||this.width)&&this.height||(this.width=t.rect[2],this.height=t.rect[3]),this},getFrame:function(t){if("number"==typeof t){var e=this._frames;return t<0||t>=e.length?null:e[t]}return this._frameNames[t]},getFrameIndex:function(t){var e=this._frames,i=e.length,r=-1;if("number"==typeof t)r=t;else{var n="string"==typeof t?this._frameNames[t]:t;if(n)for(var a=0;a<i;a++)if(n===e[a]){r=a;break}}return r},play:function(){return this.paused=!1,this},stop:function(){return this.paused=!0,this},"goto":function(t,e){var i=this._frames.length,r=this.getFrameIndex(t);return this.currentFrame=r<0?0:r>=i?i-1:r,this.paused=e,this._firstRender=!0,this},_render:function(t,e){var i,r=this.currentFrame;if(this._firstRender?(i=r,this._firstRender=!1):i=this._nextFrame(e),i!=r){this.currentFrame=i;var a=this._frames[i].callback;a&&a.call(this)}this.onEnterFrame&&this.onEnterFrame(i),this.drawable.init(this._frames[i]),n.superclass._render.call(this,t,e)},_nextFrame:function(t){var e=this._frames,i=e.length,r=this.currentFrame,n=e[r],a=n.duration||this.interval,o=this._frameElapsed,s=0!=r||this.drawable?o+(this.timeBased?t:1):0;return o=this._frameElapsed=s<a?s:0,(n.stop||!this.loop&&r>=i-1)&&this.stop(),this.paused||0!=o||(null!=n.next?r=this.getFrameIndex(n.next):r>=i-1?r=0:this.drawable&&r++),r},setFrameCallback:function(t,e){return t=this.getFrame(t),t&&(t.callback=e),this},onEnterFrame:null});return n}),define("hilo/view/DOMElement",["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable"],function(t,e,i,r){var n=e.create({Extends:i,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("DOMElement"),n.superclass.constructor.call(this,e),this.drawable=new r;var i=this.drawable.domElement=e.element||t.createElement("div");i.id=this.id,this.pointerEnabled&&!i.style.pointerEvents&&(i.style.pointerEvents="visible")},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||(t.transform(this),this.visible&&this.alpha>0&&this.render(t,e))},render:function(e,i){if("dom"!==e.renderType){var r=e.canvas,n=this.parent,a=e._domElementContainer;e._domElementContainer||(a=e._domElementContainer=t.createElement("div",{style:{position:"absolute",transform:"scale3d("+n.scaleX+","+n.scaleY+", 1)",transformOrigin:"0 0",zIndex:"1"}}),r.parentNode.insertBefore(e._domElementContainer,r.nextSibling));var o,s=this.drawable.domElement,h=this.depth,l=a.childNodes[0];if(s.parentNode)return;for(;l&&3!=l.nodeType&&(o=parseInt(l.style.zIndex)||0,!(o<=0||o>h));)l=l.nextSibling;a.insertBefore(this.drawable.domElement,l)}else e.draw(this)}});return n}),define("hilo/view/Graphics",["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/CacheMixin"],function(t,e,i,r){var n=function(){var a=document.createElement("canvas"),o=a.getContext&&a.getContext("2d");return e.create({Extends:i,Mixes:r,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("Graphics"),n.superclass.constructor.call(this,e),this._actions=[]},lineWidth:1,lineAlpha:1,lineCap:null,lineJoin:null,miterLimit:10,hasStroke:!1,strokeStyle:"0",hasFill:!1,fillStyle:"0",fillAlpha:0,lineStyle:function(t,e,i,r,n,a){var o=this,s=o._addAction;return s.call(o,["lineWidth",o.lineWidth=t||1]),s.call(o,["strokeStyle",o.strokeStyle=e||"0"]),s.call(o,["lineAlpha",o.lineAlpha=i||1]),void 0!=r&&s.call(o,["lineCap",o.lineCap=r]),void 0!=n&&s.call(o,["lineJoin",o.lineJoin=n]),void 0!=a&&s.call(o,["miterLimit",o.miterLimit=a]),o.hasStroke=!0,o},setLineDash:function(t){return this._addAction(["setLineDash",t])},beginFill:function(t,e){var i=this,r=i._addAction;return r.call(i,["fillStyle",i.fillStyle=t]),r.call(i,["fillAlpha",i.fillAlpha=e||1]),i.hasFill=!0,i},endFill:function(){var t=this,e=t._addAction;return t.hasStroke&&e.call(t,["stroke"]),t.hasFill&&e.call(t,["fill"]),t.setCacheDirty(!0),t},beginLinearGradientFill:function(t,e,i,r,n,a){for(var s=this,h=o.createLinearGradient(t,e,i,r),l=0,c=n.length;l<c;l++)h.addColorStop(a[l],n[l]);return s.hasFill=!0,s._addAction(["fillStyle",s.fillStyle=h])},beginRadialGradientFill:function(t,e,i,r,n,a,s,h){for(var l=this,c=o.createRadialGradient(t,e,i,r,n,a),u=0,d=s.length;u<d;u++)c.addColorStop(h[u],s[u]);return l.hasFill=!0,l._addAction(["fillStyle",l.fillStyle=c])},beginBitmapFill:function(t,e){var i=this,r=o.createPattern(t,e||"");return i.hasFill=!0,i._addAction(["fillStyle",i.fillStyle=r])},beginPath:function(){return this._addAction(["beginPath"])},closePath:function(){return this._addAction(["closePath"])},moveTo:function(t,e){return this._addAction(["moveTo",t,e])},lineTo:function(t,e){return this._addAction(["lineTo",t,e])},quadraticCurveTo:function(t,e,i,r){return this._addAction(["quadraticCurveTo",t,e,i,r])},bezierCurveTo:function(t,e,i,r,n,a){return this._addAction(["bezierCurveTo",t,e,i,r,n,a])},drawRect:function(t,e,i,r){return this._addAction(["rect",t,e,i,r])},drawRoundRectComplex:function(t,e,i,r,n,a,o,s){var h=this,l=h._addAction;return l.call(h,["moveTo",t+n,e]),l.call(h,["lineTo",t+i-a,e]),l.call(h,["arc",t+i-a,e+a,a,-Math.PI/2,0,!1]),l.call(h,["lineTo",t+i,e+r-o]),l.call(h,["arc",t+i-o,e+r-o,o,0,Math.PI/2,!1]),l.call(h,["lineTo",t+s,e+r]),l.call(h,["arc",t+s,e+r-s,s,Math.PI/2,Math.PI,!1]),l.call(h,["lineTo",t,e+n]),l.call(h,["arc",t+n,e+n,n,Math.PI,3*Math.PI/2,!1]),h},drawRoundRect:function(t,e,i,r,n){return this.drawRoundRectComplex(t,e,i,r,n,n,n,n)},drawCircle:function(t,e,i){return this._addAction(["arc",t+i,e+i,i,0,2*Math.PI,0])},drawEllipse:function(t,e,i,r){var n=this;if(i==r)return n.drawCircle(t,e,i);var a=n._addAction,o=i/2,s=r/2,h=.5522847498307933,l=h*o,c=h*s;return t+=o,e+=s,a.call(n,["moveTo",t+o,e]),a.call(n,["bezierCurveTo",t+o,e-c,t+l,e-s,t,e-s]),a.call(n,["bezierCurveTo",t-l,e-s,t-o,e-c,t-o,e]),a.call(n,["bezierCurveTo",t-o,e+c,t-l,e+s,t,e+s]),a.call(n,["bezierCurveTo",t+l,e+s,t+o,e+c,t+o,e]),n},drawSVGPath:function(t){var e=this,i=e._addAction,r=t.replace(/,/g," ").replace(/-/g," -").split(/(?=[a-zA-Z])/);i.call(e,["beginPath"]);for(var n,a={x:0,y:0},o={x:0,y:0},s=0,h=r.length;s<h;s++){var l=r[s];if(l.length){var c=l[0],u=c.toUpperCase(),d=this._getSVGParams(l),f=u!==c;switch(u){case"M":f&&this._convertToAbsolute(a,d),i.call(e,["moveTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"L":f&&this._convertToAbsolute(a,d),i.call(e,["lineTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"H":f&&(d[0]+=a.x),i.call(e,["lineTo",d[0],a.y]),a.x=d[0];break;case"V":f&&(d[0]+=a.y),i.call(e,["lineTo",a.x,d[0]]),a.y=d[0];break;case"Z":i.call(e,["closePath"]);break;case"C":f&&this._convertToAbsolute(a,d),i.call(e,["bezierCurveTo",d[0],d[1],d[2],d[3],d[4],d[5]]),o.x=d[2],o.y=d[3],this._setCurrentPoint(a,d[4],d[5]);break;case"S":f&&this._convertToAbsolute(a,d),p="C"===n||"S"===n?this._getReflectionPoint(a,o):a,i.call(e,["bezierCurveTo",p.x,p.y,d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"Q":f&&this._convertToAbsolute(a,d),i.call(e,["quadraticCurveTo",d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"T":f&&this._convertToAbsolute(a,d);var p;p="Q"===n||"T"===n?this._getReflectionPoint(a,o):a,i.call(e,["quadraticCurveTo",p.x,p.y,d[0],d[1]]),o=p,this._setCurrentPoint(a,d[0],d[1])}n=u}}return e},_getSVGParams:function(t){var e=t.substring(1).replace(/[\s]+$|^[\s]+/g,"").split(/[\s]+/);0==e[0].length&&e.shift();for(var i=0,r=e.length;i<r;i++)e[i]=parseFloat(e[i]);return e},_convertToAbsolute:function(t,e){for(var i=0,r=e.length;i<r;i++)i%2===0?e[i]+=t.x:e[i]+=t.y},_setCurrentPoint:function(t,e,i){t.x=e,t.y=i},_getReflectionPoint:function(t,e){return{x:2*t.x-e.x,y:2*t.y-e.y}},_draw:function(t){var e,i=this,r=i._actions,n=r.length;for(t.beginPath(),e=0;e<n;e++){var a=r[e],o=a[0],s=a.length>1?a.slice(1):null;"function"==typeof t[o]?t[o].apply(t,s):t[o]=a[1]}},render:function(t,e){var i=this;"canvas"===t.renderType?i._draw(t.context):(i.cache(),t.draw(i))},clear:function(){var t=this;return t._actions.length=0,t.lineWidth=1,t.lineAlpha=1,t.lineCap=null,t.lineJoin=null,t.miterLimit=10,t.hasStroke=!1,t.strokeStyle="0",t.hasFill=!1,t.fillStyle="0",t.fillAlpha=1,t.setCacheDirty(!0),t},_addAction:function(t){var e=this;return e._actions.push(t),e}})}();return n}),define("hilo/view/Text",["hilo/core/Class","hilo/core/Hilo","hilo/view/View","hilo/view/CacheMixin"],function(t,e,i,r){var n=t.create({Extends:i,Mixes:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Text"),n.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=n.measureFontHeight(this.font)},text:"",color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=n.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var r=i.drawable,n=r.domElement,a=n.style;a.font=i.font,a.textAlign=i.textAlign,a.color=i.color,a.width=i.width+"px",a.height=i.height+"px",a.lineHeight=i._fontHeight+i.lineSpacing+"px",n.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var r,n,a,o,s,h=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),l=0,c=0,u=e._fontHeight+e.lineSpacing,d=[];for(r=0,o=h.length;r<o;r++)if(n=h[r],a=t.measureText(n).width,a<=e.maxWidth)d.push({text:n,y:c}),l<a&&(l=a),c+=u;else{var f,p,v,m="",g=0;for(p=0,s=n.length;p<s;p++)v=n[p],f=t.measureText(m+v).width,f>e.maxWidth?(d.push({text:m,y:c}),l<g&&(l=g),c+=u,m=v):(g=f,m+=v),p==s-1&&(d.push({text:m,y:c}),m!==v&&l<f&&(l=f),c+=u)}e.textWidth=l,e.textHeight=c,e.width||(e.width=l),e.height||(e.height=c);var _=0;switch(e.textVAlign){case"middle":_=e.height-e.textHeight>>1;break;case"bottom":_=e.height-e.textHeight}var x=e.background;for(x&&(t.fillStyle=x,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,r=0;r<d.length;r++)n=d[r],e._drawTextLine(t,n.text,_+n.y)}},_drawTextLine:function(t,e,i){var r=this,n=0,a=r.width;switch(r.textAlign){case"center":n=a>>1;break;case"right":case"end":n=a}r.outline?t.strokeText(e,n,i):t.fillText(e,n,i)},Statics:{measureFontHeight:function(t){var i,r=document.documentElement,n=e.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return r.appendChild(n),i=n.offsetHeight,r.removeChild(n),i}}});return n}),define("hilo/view/BitmapText",["hilo/core/Class","hilo/core/Hilo","hilo/view/Container","hilo/view/Bitmap"],function(t,e,i,r){var n=t.create({Extends:i,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("BitmapText"),n.superclass.constructor.call(this,t);var i=t.text+"";i&&(this.text="",this.setText(i)),this.pointerChildren=!1},glyphs:null,letterSpacing:0,text:"",textAlign:"left",setText:function(t){var e=this,i=t.toString(),r=i.length;if(e.text!=i){e.text=i;var n,a,o,s,h=0,l=0,c=0;for(n=0;n<r;n++)a=i.charAt(n),o=e.glyphs[a],o&&(c=h+(h>0?e.letterSpacing:0),e.children[n]?(s=e.children[n],s.setImage(o.image,o.rect)):(s=e._createBitmap(o),e.addChild(s)),s.x=c,h=c+o.rect[2],l=Math.max(l,o.rect[3]));for(n=e.children.length-1;n>=r;n--)e._releaseBitmap(e.children[n]),e.children[n].removeFromParent();return e.width=h,e.height=l,this.setTextAlign(),e}},_createBitmap:function(t){var e;return n._pool.length?(e=n._pool.pop(),e.setImage(t.image,t.rect)):e=new r({image:t.image,rect:t.rect}),e},_releaseBitmap:function(t){n._pool.push(t)},setTextAlign:function(t){switch(this.textAlign=t||this.textAlign,this.textAlign){case"center":this.pivotX=.5*this.width;break;case"right":this.pivotX=this.width;break;case"left":default:this.pivotX=0}return this},hasGlyphs:function(t){var e=this.glyphs;if(!e)return!1;t=t.toString();var i,r=t.length;for(i=0;i<r;i++)if(!e[t.charAt(i)])return!1;return!0},Statics:{_pool:[],createGlyphs:function(t,e,i,r){var n=t.toString();i=i||n.length,r=r||1;for(var a=e.width/i,o=e.height/r,s={},h=0,l=t.length;h<l;h++){var c=n.charAt(h);s[c]={image:e,rect:[a*(h%i),o*Math.floor(h/i),a,o]}}return s}}});return n}),define("hilo/view/Button",["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable","hilo/util/util"],function(t,e,i,r,n){var a=e.create({Extends:i,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("Button"),a.superclass.constructor.call(this,e),this.drawable=new r(e),this.setState(a.UP)},upState:null,overState:null,downState:null,disabledState:null,state:null,enabled:!0,useHandCursor:!0,setEnabled:function(t){return this.enabled!=t&&(t?this.setState(a.UP):this.setState(a.DISABLED)),this},setState:function(t){if(this.state!==t){this.state=t,this.pointerEnabled=this.enabled=t!==a.DISABLED;var e;switch(t){case a.UP:e=this.upState;break;case a.OVER:e=this.overState;break;case a.DOWN:e=this.downState;break;case a.DISABLED:e=this.disabledState}e&&(this.drawable.init(e),n.copy(this,e,!0))}return this},fire:function(t,e){if(this.enabled){var i="string"==typeof t?t:t.type;switch(i){case"mousedown":case"touchstart":case"touchmove":this.setState(a.DOWN);break;case"mouseover":this.setState(a.OVER);break;case"mouseup":this.overState?this.setState(a.OVER):this.upState&&this.setState(a.UP);break;case"touchend":case"touchout":case"mouseout":this.setState(a.UP)}return a.superclass.fire.call(this,t,e)}},Statics:{UP:"up",OVER:"over",DOWN:"down",DISABLED:"disabled"}});return a}),define("hilo/util/TextureAtlas",["hilo/core/Class"],function(t){var e=function(){function e(t){var e,i,r=t.frames;if(!r)return null;var n,a=[];if(r instanceof Array)for(e=0,i=r.length;e<i;e++)n=r[e],a[e]={image:t.image,rect:n};else{var o=r.frameWidth,s=r.frameHeight,h=t.width/o|0,l=t.height/s|0,c=r.numFrames||h*l;for(e=0;e<c;e++)a[e]={image:t.image,rect:[e%h*o,(e/h|0)*s,o,s]}}return a}function i(t,e){var i,a,o=t.sprites;if(!o)return null;var s,h,l,c={};for(var u in o){if(s=o[u],n(s))h=r(e[s]);else if(s instanceof Array)for(h=[],i=0,a=s.length;i<a;i++){var d,f=s[i];n(f)?l=r(e[f]):(d=f.rect,n(d)&&(d=e[f.rect]),l=r(d,f)),h[i]=l}else for(h=[],i=s.from;i<=s.to;i++)h[i-s.from]=r(e[i],s[i]);c[u]=h}return c}function r(t,e){var i={image:t.image,rect:t.rect};return e&&(i.name=e.name||null,i.duration=e.duration||0,i.stop=!!e.stop,i.next=e.next||null),i}function n(t){return"number"==typeof t}return t.create({constructor:function(t){this._frames=e(t),this._sprites=i(t,this._frames)},_frames:null,_sprites:null,getFrame:function(t){var e=this._frames;return e&&e[t]},getSprite:function(t){var e=this._sprites;return e&&e[t]},Statics:{createSpriteFrames:function(t,e,i,r,n,a,o){var s,h;if("[object Array]"===Object.prototype.toString.call(t)){var l=[];for(s=0,h=t.length;s<h;s++)l=l.concat(this.createSpriteFrames.apply(this,t[s]));return l}if("string"==typeof e){var c=e.split(",");e=[];for(var u=0,d=c.length;u<d;u++){var f=c[u].split("-");if(1==f.length)e.push(parseInt(f[0]));else for(s=parseInt(f[0]),h=parseInt(f[1]);s<=h;s++)e.push(s)}}var p=Math.floor(i.width/r);for(s=0;s<e.length;s++){var v=e[s];e[s]={rect:[r*(v%p),n*Math.floor(v/p),r,n],image:i,duration:o}}return e[0].name=t,a?e[e.length-1].next=t:e[e.length-1].stop=!0,e}}})}();return e}),define("hilo/util/Ticker",["hilo/core/Class","hilo/util/browser"],function(t,e){var i=t.create({constructor:function(t){this._targetFPS=t||60,this._interval=1e3/this._targetFPS,this._tickers=[]},_paused:!1,_targetFPS:0,_interval:0,_intervalId:null,_tickers:null,_lastTime:0,_tickCount:0,_tickTime:0,_measuredFPS:0,start:function(t){if(void 0===t&&(t=!0),!this._intervalId){this._lastTime=+new Date;var i,r=this,n=this._interval,a=window.requestAnimationFrame||window[e.jsVendor+"RequestAnimationFrame"];t&&a&&n<17?(this._useRAF=!0,i=function(){r._intervalId=a(i),r._tick()}):i=function(){r._intervalId=setTimeout(i,n),r._tick()},this._paused=!1,i()}},stop:function(){if(this._useRAF){var t=window.cancelAnimationFrame||window[e.jsVendor+"CancelAnimationFrame"];t(this._intervalId)}else clearTimeout(this._intervalId);this._intervalId=null,this._lastTime=0,this._paused=!0},pause:function(){this._paused=!0},resume:function(){this._paused=!1},_tick:function(){if(!this._paused){var t=+new Date,e=t-this._lastTime,i=this._tickers;++this._tickCount>=this._targetFPS?(this._measuredFPS=1e3/(this._tickTime/this._tickCount)+.5>>0,this._tickCount=0,this._tickTime=0):this._tickTime+=t-this._lastTime,this._lastTime=t;for(var r=i.slice(0),n=0,a=r.length;n<a;n++)r[n].tick(e)}},getMeasuredFPS:function(){return Math.min(this._measuredFPS,this._targetFPS)},addTick:function(t){if(!t||"function"!=typeof t.tick)throw new Error("Ticker: The tick object must implement the tick method.");this._tickers.push(t)},removeTick:function(t){var e=this._tickers,i=e.indexOf(t);i>=0&&e.splice(i,1)},nextTick:function(t){var e=this,i={tick:function(r){e.removeTick(i),t()}};return e.addTick(i),i},timeout:function(t,e){var i=this,r=(new Date).getTime()+e,n={tick:function(){var e=(new Date).getTime(),a=e-r;a>=0&&(i.removeTick(n),t())}};return i.addTick(n),n},interval:function(t,e){var i=this,r=(new Date).getTime()+e,n={tick:function(){var i=(new Date).getTime(),n=i-r;n>=0&&(n<e&&(i-=n),r=i+e,t())}};return i.addTick(n),n}});return i}),define(function(){var t=Array.prototype,e=t.slice;t.indexOf||(t.indexOf=function(t,e){e=e||0;var i,r=this.length;if(0==r||e>=r)return-1;for(e<0&&(e=r+e),i=e;i<r;i++)if(this[i]===t)return i;return-1});var i=Function.prototype;i.bind||(i.bind=function(t){function i(){var a=n.concat(e.call(arguments));return r.apply(this instanceof i?this:t,a)}var r=this,n=e.call(arguments,1),a=function(){};return a.prototype=r.prototype,i.prototype=new a,i})}),define("hilo/util/drag",["hilo/core/Hilo"],function(t){var e={_isDragStart:!1,dragNeedTransform:!1,startDrag:function(e){function i(e){e.stopPropagation(),a(e),s.off(t.event.POINTER_START,i),p.x=s.x,p.y=s.y,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().transformPoint(p),s.__dragX=p.x-l.x,s.__dragY=p.y-l.y,h||(h=s.getStage()),h.on(t.event.POINTER_MOVE,n),document.addEventListener(t.event.POINTER_END,r),s.fire("dragStart",l)}function r(e){document.removeEventListener(t.event.POINTER_END,r),h&&h.off(t.event.POINTER_MOVE,n),s.on(t.event.POINTER_START,i),s.fire("dragEnd",l)}function n(t){a(t),p.x=l.x+s.__dragX,p.y=l.y+s.__dragY,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().invert().transformPoint(p),s.x=Math.max(c,Math.min(d,p.x)),s.y=Math.max(u,Math.min(f,p.y)),s.fire("dragMove",l)}function a(t){l.preX=l.x,l.preY=l.y,l.x=t.stageX,l.y=t.stageY}function o(){s._isDragStart=!1,document.removeEventListener(t.event.POINTER_END,r),h&&h.off(t.event.POINTER_MOVE,n),s.off(t.event.POINTER_START,i)}var s=this;s._isDragStart&&s.stopDrag(),s._isDragStart=!0;var h;e=e||[-(1/0),-(1/0),1/0,1/0];var l={x:0,y:0,preX:0,preY:0},c=e[0],u=e[1],d=e[2]==1/0?1/0:c+e[2],f=e[3]==1/0?1/0:u+e[3],p={x:0,y:0};s.on(t.event.POINTER_START,i),s.stopDrag=o},stopDrag:function(){this._isDragStart=!1}};return e}),define("hilo/tween/Tween",["hilo/core/Class"],function(t){var e=function(){function i(){return+new Date}return t.create({constructor:function(t,e,i,r){var n=this;n.target=t,n._startTime=0,n._seekTime=0,n._pausedTime=0,n._pausedStartTime=0,n._reverseFlag=1,n._repeatCount=0,3==arguments.length&&(r=i,i=e,e=null);for(var a in r)n[a]=r[a];n._fromProps=e,n._toProps=i,!r.duration&&r.time&&(n.duration=r.time||0,n.time=0)},target:null,duration:1e3,delay:0,paused:!1,loop:!1,reverse:!1,repeat:0,repeatDelay:0,ease:null,time:0,isStart:!1,onStart:null,onUpdate:null,onComplete:null,setProps:function(t,e){var i=this,r=i.target,n=t||e,a=i._fromProps={},o=i._toProps={};t=t||r,e=e||r;for(var s in n)o[s]=e[s]||0,r[s]=a[s]=t[s]||0;return i},start:function(){var t=this;return t._startTime=i()+t.delay,t._seekTime=0,t._pausedTime=0,t.paused=!1,e.add(t),t},stop:function(){return e.remove(this),this},pause:function(){var t=this;return t.paused=!0,t._pausedStartTime=i(),t},resume:function(){var t=this;return t.paused=!1,t._pausedStartTime&&(t._pausedTime+=i()-t._pausedStartTime),t._pausedStartTime=0,t},seek:function(t,r){var n=this,a=i();return n._startTime=a,n._seekTime=t,n._pausedTime=0,void 0!==r&&(n.paused=r),n._update(a,!0),e.add(n),n},link:function(t){var i,r,n=this,a=t.delay,o=n._startTime;return"string"==typeof a&&(i=0==a.indexOf("+"),r=0==a.indexOf("-"),a=i||r?Number(a.substr(1))*(i?1:-1):Number(a)),t.delay=a,t._startTime=i||r?o+n.duration+a:o+a,n._next=t,e.remove(t),t},_render:function(t){var e,i=this,r=i.target,n=i._fromProps;for(e in n)r[e]=n[e]+(i._toProps[e]-n[e])*t},_update:function(t,r){var n=this;if(!n.paused||r){var a=t-n._startTime-n._pausedTime+n._seekTime;if(!(a<0)){var o,s=a/n.duration,h=!1;s=s<=0?0:s>=1?1:s;var l=n.ease?n.ease(s):s;n.reverse&&(n._reverseFlag<0&&(s=1-s,l=1-l),s<1e-7&&(n.repeat>0&&n._repeatCount++>=n.repeat||0==n.repeat&&!n.loop?h=!0:(n._startTime=i(),n._pausedTime=0,n._reverseFlag*=-1))),n.isStart||(n.setProps(n._fromProps,n._toProps),n.isStart=!0,n.onStart&&n.onStart.call(n,n)),n.time=a,n._render(l),(o=n.onUpdate)&&o.call(n,s,n),s>=1&&(n.reverse?(n._startTime=i(),n._pausedTime=0,n._reverseFlag*=-1):n.loop||n.repeat>0&&n._repeatCount++<n.repeat?(n._startTime=i()+n.repeatDelay,n._pausedTime=0):h=!0);var c=n._next;if(c&&c.time<=0){var u=c._startTime;u>0&&u<=t?(c._render(s),c.time=a,e.add(c)):h&&(u<0||u>t)&&c.start()}return h?((o=n.onComplete)&&o.call(n,n),!0):void 0}}},Statics:{_tweens:[],tick:function(){var t,r,n=e._tweens,a=n.length;for(r=0;r<a;r++)t=n[r],t&&t._update(i())&&(n.splice(r,1),r--);return e},add:function(t){var i=e._tweens;return i.indexOf(t)==-1&&i.push(t),e},remove:function(t){var i,r;if(t instanceof Array){for(i=0,r=t.length;i<r;i++)e.remove(t[i]);return e}var n=e._tweens;if(t instanceof e)i=n.indexOf(t),i>-1&&n.splice(i,1);else for(i=0;i<n.length;i++)n[i].target===t&&(n.splice(i,1),i--);return e},removeAll:function(){return e._tweens.length=0,e},fromTo:function(t,i,r,n){n=n||{};var a=t instanceof Array;t=a?t:[t];var o,s,h=n.stagger,l=[];for(s=0;s<t.length;s++)o=new e(t[s],i,r,n),h&&(o.delay=(n.delay||0)+(s*h||0)),o.start(),l.push(o);return a?l:o},to:function(t,i,r){return e.fromTo(t,null,i,r)},from:function(t,i,r){return e.fromTo(t,i,null,r)}}})}();return e}),define("hilo/tween/Ease",function(){var t=function(){function t(t,e,i,r,n){return t=t||{},e&&(t.EaseIn=e),i&&(t.EaseOut=i),r&&(t.EaseInOut=r),n&&(t.EaseNone=n),t}var e=t(null,null,null,null,function(t){return t}),i=t(null,function(t){return t*t},function(t){return-t*(t-2)},function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)}),r=t(null,function(t){return t*t*t},function(t){return--t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)}),n=t(null,function(t){return t*t*t*t},function(t){return-(--t*t*t*t-1)},function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)}),a=t(null,function(t){return t*t*t*t*t},function(t){return(t-=1)*t*t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)}),o=Math,s=o.PI,h=.5*s,l=o.sin,c=o.cos,u=o.pow,d=o.sqrt,f=t(null,function(t){return-c(t*h)+1},function(t){return l(t*h)},function(t){return-.5*(c(s*t)-1)}),p=t(null,function(t){return 0==t?0:u(2,10*(t-1))},function(t){return 1==t?1:-u(2,-10*t)+1},function(t){return 0==t||1==t?t:(t*=2)<1?.5*u(2,10*(t-1)):.5*(-u(2,-10*(t-1))+2)}),v=t(null,function(t){return-(d(1-t*t)-1)},function(t){return d(1- --t*t)},function(t){return(t/=.5)<1?-.5*(d(1-t*t)-1):.5*(d(1-(t-=2)*t)+1)}),m=t({a:1,p:.4,s:.1,config:function(t,e){m.a=t,m.p=e,m.s=e/(2*s)*Math.asin(1/t)||0}},function(t){return-(m.a*u(2,10*(t-=1))*l((t-m.s)*(2*s)/m.p))},function(t){return m.a*u(2,-10*t)*l((t-m.s)*(2*s)/m.p)+1},function(t){return(t*=2)<1?-.5*(m.a*u(2,10*(t-=1))*l((t-m.s)*(2*s)/m.p)):m.a*u(2,-10*(t-=1))*l((t-m.s)*(2*s)/m.p)*.5+1}),g=t({o:1.70158,s:2.59491,config:function(t){g.o=t,g.s=1.525*t}},function(t){return t*t*((g.o+1)*t-g.o)},function(t){return(t-=1)*t*((g.o+1)*t+g.o)+1},function(t){return(t*=2)<1?.5*(t*t*((g.s+1)*t-g.s)):.5*((t-=2)*t*((g.s+1)*t+g.s)+2)}),_=t(null,function(t){return 1-_.EaseOut(1-t)},function(t){return(t/=1)<.36364?7.5625*t*t:t<.72727?7.5625*(t-=.54545)*t+.75:t<.90909?7.5625*(t-=.81818)*t+.9375:7.5625*(t-=.95455)*t+.984375},function(t){return t<.5?.5*_.EaseIn(2*t):.5*_.EaseOut(2*t-1)+.5});return{Linear:e,Quad:i,Cubic:r,Quart:n,Quint:a,Sine:f,Expo:p,Circ:v,Elastic:m,Back:g,Bounce:_}}();return t}),define("hilo/loader/ImageLoader",["hilo/core/Class"],function(t){var e=t.create({load:function(t){var e=this,i=new Image;t.crossOrigin&&(i.crossOrigin=t.crossOrigin),i.onload=function(){e.onLoad(i)},i.onerror=i.onabort=e.onError.bind(i),i.src=t.src+(t.noCache?(t.src.indexOf("?")==-1?"?":"&")+"t="+ +new Date:"")},onLoad:function(t){return t.onload=t.onerror=t.onabort=null,t},onError:function(t){var e=t.target;return e.onload=e.onerror=e.onabort=null,t}});return e}),define("hilo/loader/ScriptLoader",["hilo/core/Class"],function(t){var e=t.create({load:function(t){var i=this,r=t.src,n="jsonp"==t.type;if(n){var a=t.callbackName||"callback",o=t.callback||"jsonp"+ ++e._count,s=window;s[o]||(s[o]=function(t){delete s[o]}),r+=(r.indexOf("?")==-1?"?":"&")+a+"="+o}t.noCache&&(r+=(r.indexOf("?")==-1?"?":"&")+"t="+ +new Date);var h=document.createElement("script");h.type="text/javascript",h.async=!0,h.onload=i.onLoad.bind(i),h.onerror=i.onError.bind(i),h.src=r,t.id&&(h.id=t.id),document.getElementsByTagName("head")[0].appendChild(h)},onLoad:function(t){var e=t.target;return e.onload=e.onerror=null,e},onError:function(t){var e=t.target;return e.onload=e.onerror=null,t},Statics:{_count:0}});return e}),define("hilo/loader/LoadQueue",["hilo/core/Class","hilo/event/EventMixin","hilo/loader/ImageLoader","hilo/loader/ScriptLoader"],function(t,e,i,r){function n(t){var e,i,r=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(e=t.match(r))&&(i=e[1].toLowerCase()),i||null}var a=t.create({Mixes:e,constructor:function(t){this._source=[],this.add(t)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(t){var e=this;return t&&(t=t instanceof Array?t:[t],e._source=e._source.concat(t)),e},get:function(t){if(t)for(var e=this._source,i=0;i<e.length;i++){var r=e[i];if(r.id===t||r.src===t)return r}return null},getContent:function(t){var e=this.get(t);return e&&e.content},start:function(){var t=this;return t._loadNext(),t},_loadNext:function(){var t=this,e=t._source,i=e.length;if(t._loaded>=i)return void t.fire("complete");if(t._currentIndex<i-1&&t._connections<t.maxConnections){var r=++t._currentIndex,n=e[r],a=t._getLoader(n);if(a){var o=a.onLoad,s=a.onError;a.onLoad=function(e){a.onLoad=o,a.onError=s;var i=o&&o.call(a,e)||e.target;t._onItemLoad(r,i)},a.onError=function(e){a.onLoad=o,a.onError=s,s&&s.call(a,e),t._onItemError(r,e)},t._connections++}t._loadNext(),a&&a.load(n)}},_getLoader:function(t){var e=t.loader;if(e)return e;var a=t.type||n(t.src);switch(a){case"png":case"jpg":case"jpeg":case"gif":case"webp":e=new i;break;case"js":case"jsonp":e=new r}return e},_onItemLoad:function(t,e){var i=this,r=i._source[t];r.loaded=!0,r.content=e,i._connections--,i._loaded++,i.fire("load",r),i._loadNext()},_onItemError:function(t,e){var i=this,r=i._source[t];r.error=e,i._connections--,i._loaded++,i.fire("error",r),i._loadNext()},getSize:function(t){for(var e=0,i=this._source,r=0;r<i.length;r++){var n=i[r];e+=(t?n.loaded&&n.size:n.size)||0}return e},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});return a}),define("hilo/media/HTMLAudio",["hilo/core/Class","hilo/util/util","hilo/event/EventMixin"],function(t,e,i){var r=t.create({Mixes:i,constructor:function(t){e.copy(this,t,!0),this._onAudioEvent=this._onAudioEvent.bind(this)},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_element:null,load:function(){if(!this._element){var t;try{t=this._element=new Audio,t.addEventListener("canplaythrough",this._onAudioEvent,!1),t.addEventListener("ended",this._onAudioEvent,!1),t.addEventListener("error",this._onAudioEvent,!1),t.src=this.src,t.volume=this.volume,t.load()}catch(e){t=this._element={},t.play=t.pause=function(){}}}return this},_onAudioEvent:function(t){var e=t.type;switch(e){case"canplaythrough":t.target.removeEventListener(e,this._onAudioEvent),this.loaded=!0,this.duration=this._element.duration,this.fire("load"),this.autoPlay&&this._doPlay();break;case"ended":this.playing=!1,this.fire("end"),this.loop&&this._doPlay();break;case"error":this.fire("error")}},_doPlay:function(){this.playing||(this._element.volume=this.muted?0:this.volume,this._element.play(),this.playing=!0)},play:function(){return this.playing&&this.stop(),this._element?this.loaded&&this._doPlay():(this.autoPlay=!0,this.load()),this},pause:function(){return this.playing&&(this._element.pause(),this.playing=!1),this},resume:function(){return this.playing||this._doPlay(),this},stop:function(){return this.playing&&(this._element.pause(),this._element.currentTime=0,this.playing=!1),this},setVolume:function(t){return this.volume!=t&&(this.volume=t,this._element.volume=t),this},setMute:function(t){return this.muted!=t&&(this.muted=t,this._element.volume=t?0:this.volume),this},Statics:{isSupported:null!==window.Audio}});return r}),define("hilo/media/WebAudio",["hilo/core/Class","hilo/util/util","hilo/event/EventMixin"],function(t,e,i){var r=function(){var n=window.AudioContext||window.webkitAudioContext,a=n?new n:null;return t.create({Mixes:i,constructor:function(t){e.copy(this,t,!0),this._init()},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_context:null,_gainNode:null,_buffer:null,_audioNode:null,_startTime:0,_offset:0,_init:function(){this._context=a,this._gainNode=a.createGain?a.createGain():a.createGainNode(),this._gainNode.connect(a.destination),
+this._onAudioEvent=this._onAudioEvent.bind(this),this._onDecodeComplete=this._onDecodeComplete.bind(this),this._onDecodeError=this._onDecodeError.bind(this)},load:function(){if(!this._buffer){var t=r._bufferCache[this.src];if(t)this._onDecodeComplete(t);else{var e=new XMLHttpRequest;e.src=this.src,e.open("GET",this.src,!0),e.responseType="arraybuffer",e.onload=this._onAudioEvent,e.onprogress=this._onAudioEvent,e.onerror=this._onAudioEvent,e.send()}this._buffer=!0}return this},_onAudioEvent:function(t){var e=t.type;switch(e){case"load":var i=t.target;i.onload=i.onprogress=i.onerror=null,this._context.decodeAudioData(i.response,this._onDecodeComplete,this._onDecodeError),i=null;break;case"ended":this.playing=!1,this.fire("end"),this.loop&&this._doPlay();break;case"progress":this.fire(t);break;case"error":this.fire(t)}},_onDecodeComplete:function(t){r._bufferCache[this.src]||(r._bufferCache[this.src]=t),this._buffer=t,this.loaded=!0,this.duration=t.duration,this.fire("load"),this.autoPlay&&this._doPlay()},_onDecodeError:function(){this.fire("error")},_doPlay:function(){this._clearAudioNode();var t=this._context.createBufferSource();t.start||(t.start=t.noteOn,t.stop=t.noteOff),t.buffer=this._buffer,t.onended=this._onAudioEvent,this._gainNode.gain.value=this.muted?0:this.volume,t.connect(this._gainNode),t.start(0,this._offset),this._audioNode=t,this._startTime=this._context.currentTime,this.playing=!0},_clearAudioNode:function(){var t=this._audioNode;t&&(t.onended=null,t.disconnect(0),this._audioNode=null)},play:function(){return this.playing&&this.stop(),this.loaded?this._doPlay():this._buffer||(this.autoPlay=!0,this.load()),this},pause:function(){return this.playing&&(this._audioNode.stop(0),this._offset+=this._context.currentTime-this._startTime,this.playing=!1),this},resume:function(){return this.playing||this._doPlay(),this},stop:function(){return this.playing&&(this._audioNode.stop(0),this._audioNode.disconnect(),this._offset=0,this.playing=!1),this},setVolume:function(t){return this.volume!=t&&(this.volume=t,this._gainNode.gain.value=t),this},setMute:function(t){return this.muted!=t&&(this.muted=t,this._gainNode.gain.value=t?0:this.volume),this},Statics:{isSupported:null!=n,enabled:!1,enable:function(){if(!this.enabled&&a){var t=a.createBufferSource();return t.buffer=a.createBuffer(1,1,22050),t.connect(a.destination),t.start?t.start(0,0,0):t.noteOn(0,0,0),this.enabled=!0,!0}return this.enabled},_bufferCache:{},clearBufferCache:function(t){t?this._bufferCache[t]=null:this._bufferCache={}}}})}();return r}),define("hilo/media/WebSound",["hilo/media/HTMLAudio","hilo/media/WebAudio","hilo/util/util"],function(t,e,i){var r={_audios:{},enableAudio:function(){e.isSupported&&e.enable()},getAudio:function(i,r){void 0===r&&(r=!0),i=this._normalizeSource(i);var n=this._audios[i.src];return n||(r&&e.isSupported?n=new e(i):t.isSupported&&(n=new t(i)),this._audios[i.src]=n),n},removeAudio:function(t){var e="string"==typeof t?t:t.src,i=this._audios[e];i&&(i.stop(),i.off(),this._audios[e]=null,delete this._audios[e])},_normalizeSource:function(t){var e={};return"string"==typeof t?e={src:t}:i.copy(e,t),e}};return r}),define("hilo/game/Camera",["hilo/core/Class","hilo/util/util"],function(t,e){var i=t.create({constructor:function(t){this.width=0,this.height=0,this.target=null,this.deadzone=null,this.bounds=null,this.scroll={x:0,y:0},e.copy(this,t)},tick:function(t){var e=this.target,i=this.scroll,r=this.bounds,n=this.deadzone;if(e){var a,o;n?(a=Math.min(Math.max(e.x-i.x,n[0]),n[0]+n[2]),o=Math.min(Math.max(e.y-i.y,n[1]),n[1]+n[3])):(a=.5*this.width,o=.5*this.height),i.x=e.x-a,i.y=e.y-o,r&&(i.x=Math.min(Math.max(i.x,r[0]),r[0]+r[2]),i.y=Math.min(Math.max(i.y,r[1]),r[1]+r[3]))}else i.x=0,i.y=0},follow:function(t,e){this.target=t,void 0!==e&&(this.deadzone=e),this.tick()}});return i}),define("hilo/game/Camera3d",["hilo/core/Class","hilo/util/util"],function(t,e){var i=function(){function i(t,e,i,r,n){return{x:t,y:e*r-i*n,z:e*n+i*r}}function r(t,e,i,r,n){return{x:t*r-i*n,y:e,z:t*n+i*r}}function n(t,e,i,r,n){return{x:t*r-e*n,y:t*n+e*r,z:i}}var a=Math.PI/180,o=t.create({constructor:function(t){t.x=t.x||0,t.y=t.y||0,t.z=t.z||0,t.rotationX=t.rotationX||0,t.rotationY=t.rotationY||0,t.rotationZ=t.rotationZ||0,e.copy(this,t)},translate:function(t,e,i){this.tx=t,this.ty=e,this.tz=i},rotateX:function(t){this.rotationX=t},rotateY:function(t){this.rotationY=t},rotateZ:function(t){this.rotationZ=t},project:function(t,e){var o=this.rotationX*a,s=this.rotationY*a,h=this.rotationZ*a,l=Math.cos(o),c=Math.sin(o),u=Math.cos(s),d=Math.sin(s),f=Math.cos(h),p=Math.sin(h),v=t.x-this.x,m=t.y-this.y,g=t.z-this.z,_=n(v,m,g,f,p);_=r(_.x,_.y,_.z,u,d),_=i(_.x,_.y,_.z,l,c),this.tx&&(_.x-=this.tx),this.ty&&(_.y-=this.ty),this.tz&&(_.z-=this.tz);var x=this.fv/(this.fv+_.z),y=_.x*x,w=-_.y*x,T={x:y+this.fx,y:w+this.fy,z:-_.z,scale:x};return e&&(e.x=T.x,e.y=T.y,e.z=T.z,e.scaleX=T.scale,e.scaleY=T.scale),T},sortZ:function(){this.stage.children.sort(function(t,e){return t.z>e.z})},tick:function(){this.sortZ()}});return o}();return i}),define("hilo/game/ParticleSystem",["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Container","hilo/view/Drawable","hilo/util/util"],function(t,e,i,r,n,a){var o=function(){function o(t,e){return e?t+2*(Math.random()-.5)*e:t}for(var s=["x","y","vx","vy","ax","ay","rotation","rotationV","scale","scaleV","alpha","alphaV","life"],h=[],l=0,c=s.length;l<c;l++){var u=s[l];h.push(u),h.push(u+"Var")}var d={x:0,y:0,vx:0,vy:0,ax:0,ay:0,scale:1,scaleV:0,alpha:1,alphaV:0,rotation:0,rotationV:0,life:1},f=[],p=e.create({Extends:r,constructor:function(e){this.id=this.id||e.id||t.getUid("ParticleSystem"),this.emitterX=0,this.emitterY=0,this.gx=0,this.gy=0,this.totalTime=1/0,this.emitNum=10,this.emitNumVar=0,this.emitTime=.2,this.emitTimeVar=0,this.particle={},p.superclass.constructor.call(this,e),this.reset(e)},Statics:{PROPS:h,PROPS_DEFAULT:d,diedParticles:f},reset:function(t){a.copy(this,t),this.particle.system=this,this.totalTime<=0&&(this.totalTime=1/0)},onUpdate:function(t){t*=.001,this._isRun&&(this._totalRunTime+=t,this._currentRunTime+=t,this._currentRunTime>=this._emitTime&&(this._currentRunTime=0,this._emitTime=o(this.emitTime,this.emitTimeVar),this._emit()),this._totalRunTime>=this.totalTime&&this.stop())},_emit:function(){for(var t=o(this.emitNum,this.emitNumVar)>>0,e=0;e<t;e++)this.addChild(v.create(this.particle))},start:function(){this.stop(!0),this._currentRunTime=0,this._totalRunTime=0,this._isRun=!0,this._emitTime=o(this.emitTime,this.emitTimeVar)},stop:function(t){if(this._isRun=!1,t)for(var e=this.children.length-1;e>=0;e--)this.children[e].destroy()}}),v=e.create({Extends:i,constructor:function(e){this.id=this.id||e.id||t.getUid("Particle"),v.superclass.constructor.call(this,e),this.init(e)},onUpdate:function(t){if(t*=.001,this._died)return!1;var e=this.ax+this.system.gx,i=this.ay+this.system.gy;return this.vx+=e*t,this.vy+=i*t,this.x+=this.vx*t,this.y+=this.vy*t,this.rotation+=this.rotationV,this._time>.1&&(this.alpha+=this.alphaV),this.scale+=this.scaleV,this.scaleX=this.scaleY=this.scale,this._time+=t,this._time>=this.life||this.alpha<=0?(this.destroy(),!1):void 0},setImage:function(t,e){this.drawable=this.drawable||new n,e=e||[0,0,t.width,t.height],this.width=e[2],this.height=e[3],this.drawable.rect=e,this.drawable.image=t},destroy:function(){this._died=!0,this.alpha=0,this.removeFromParent(),f.push(this)},init:function(t){this.system=t.system,this._died=!1,this._time=0,this.alpha=1;for(var e=0,i=h.length;e<i;e++){var r=h[e],n=void 0===t[r]?d[r]:t[r];this[r]=o(n,t[r+"Var"])}if(this.x+=this.system.emitterX,this.y+=this.system.emitterY,t.image){var a=t.frame;a&&a[0].length&&(a=a[Math.random()*a.length>>0]),this.setImage(t.image,a),void 0!==t.pivotX&&(this.pivotX=t.pivotX*a[2]),void 0!==t.pivotY&&(this.pivotY=t.pivotY*a[3])}},Statics:{create:function(t){if(f.length>0){var e=f.pop();return e.init(t),e}return new v(t)}}});return p}();return o});
\ No newline at end of file
diff --git a/build/amd/hilo-amd.zip b/build/amd/hilo-amd.zip
index baf0b5bf..06dbea6c 100644
Binary files a/build/amd/hilo-amd.zip and b/build/amd/hilo-amd.zip differ
diff --git a/build/amd/hilo/core/Class.js b/build/amd/hilo/core/Class.js
index a6b9b3c2..ef34945f 100644
--- a/build/amd/hilo/core/Class.js
+++ b/build/amd/hilo/core/Class.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/core/Class.min.js b/build/amd/hilo/core/Class.min.js
index 04de6472..092152dc 100644
--- a/build/amd/hilo/core/Class.min.js
+++ b/build/amd/hilo/core/Class.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/core/Hilo.js b/build/amd/hilo/core/Hilo.js
index ea1a3e45..b72b71e0 100644
--- a/build/amd/hilo/core/Hilo.js
+++ b/build/amd/hilo/core/Hilo.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -27,7 +27,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.3.0',
+    version: '1.4.0',
     /**
      * @language=en
      * Gets a globally unique id. Such as Stage1, Bitmap2 etc.
diff --git a/build/amd/hilo/core/Hilo.min.js b/build/amd/hilo/core/Hilo.min.js
index c5d9fd99..2a4ee37f 100644
--- a/build/amd/hilo/core/Hilo.min.js
+++ b/build/amd/hilo/core/Hilo.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-define("hilo/core/Hilo",["hilo/util/browser","hilo/util/util"],function(t,e){var a=window,o=document,r=o.documentElement,n=0,i={},s={version:"1.3.0",getUid:function(t){var e=++n;if(t){var a=t.charCodeAt(t.length-1);return a>=48&&a<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,a=t;a;)e=e?a.id+"."+e:a.id,a=a.parent;return e},copy:function(t,a,o){return e.copy(t,a,o),i.copy||(i.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:t,event:{POINTER_START:t.POINTER_START,POINTER_MOVE:t.POINTER_MOVE,POINTER_END:t.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(o){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var n=(a.pageXOffset||r.scrollLeft)-(r.clientLeft||0)||0,i=(a.pageYOffset||r.scrollTop)-(r.clientTop||0)||0,s=a.getComputedStyle?getComputedStyle(t):t.currentStyle,c=parseInt,h=c(s.paddingLeft)+c(s.borderLeftWidth)||0,f=c(s.paddingTop)+c(s.borderTopWidth)||0,d=c(s.paddingRight)+c(s.borderRightWidth)||0,l=c(s.paddingBottom)+c(s.borderBottomWidth)||0,g=e.top||0,p=e.left||0,m=e.right||0,T=e.bottom||0;return{left:p+n+h,top:g+i+f,width:m-d-p-h,height:T-l-g-f}},createElement:function(t,e){var a,r,n,i=o.createElement(t);for(a in e)if(r=e[a],"style"===a)for(n in r)i.style[n]=r[n];else i[a]=r;return i},getElement:function(t){return o.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,a=e.domElement.style,o=t._stateCache||(t._stateCache={}),r=s.browser.jsVendor,n="px",i=!1;if(this.cacheStateIfChanged(t,["visible"],o)&&(a.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],o)&&(a.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],o)&&(a.width=t.width+n),this.cacheStateIfChanged(t,["height"],o)&&(a.height=t.height+n),this.cacheStateIfChanged(t,["depth"],o)&&(a.zIndex=t.depth+1),t.transform){var c=t.transform;(i=this.cacheStateIfChanged(t,["pivotX","pivotY"],o))&&(a[r+"TransformOrigin"]="0 0"),a[r+"Transform"]="matrix3d("+c.a+", "+c.b+", 0, 0, "+c.c+", "+c.d+", 0, 0, 0, 0, 1, 0, "+c.tx+", "+c.ty+", 0, 1)"}else(i=this.cacheStateIfChanged(t,["pivotX","pivotY"],o))&&(a[r+"TransformOrigin"]=t.pivotX+n+" "+t.pivotY+n),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],o)||i)&&(a[r+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],o)&&(a.backgroundColor=t.background),a.pointerEvents||(a.pointerEvents="none");var h=e.image;if(h){var f=h.src;f!==o.image&&(o.image=f,a.backgroundImage="url("+f+")");var d=e.rect;if(d){var l=d[0],g=d[1];l!==o.sx&&(o.sx=l,a.backgroundPositionX=-l+n),g!==o.sy&&(o.sy=g,a.backgroundPositionY=-g+n)}}var p=t.mask;if(p){var m=p.drawable.domElement.style.backgroundImage;m!==o.maskImage&&(o.maskImage=m,a[r+"MaskImage"]=m,a[r+"MaskRepeat"]="no-repeat");var T=p.x,u=p.y;T===o.maskX&&u===o.maskY||(o.maskX=T,o.maskY=u,a[r+"MaskPosition"]=T+n+" "+u+n)}}},cacheStateIfChanged:function(t,e,a){var o,r,n,i,s=!1;for(o=0,r=e.length;o<r;o++)n=e[o],i=t[n],i!=a[n]&&(a[n]=i,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,a=e?"3d":"";return"translate"+a+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+a+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+a+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};return s});
\ No newline at end of file
+define("hilo/core/Hilo",["hilo/util/browser","hilo/util/util"],function(t,e){var a=window,o=document,r=o.documentElement,n=0,i={},s={version:"1.4.0",getUid:function(t){var e=++n;if(t){var a=t.charCodeAt(t.length-1);return a>=48&&a<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,a=t;a;)e=e?a.id+"."+e:a.id,a=a.parent;return e},copy:function(t,a,o){return e.copy(t,a,o),i.copy||(i.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:t,event:{POINTER_START:t.POINTER_START,POINTER_MOVE:t.POINTER_MOVE,POINTER_END:t.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(o){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var n=(a.pageXOffset||r.scrollLeft)-(r.clientLeft||0)||0,i=(a.pageYOffset||r.scrollTop)-(r.clientTop||0)||0,s=a.getComputedStyle?getComputedStyle(t):t.currentStyle,c=parseInt,h=c(s.paddingLeft)+c(s.borderLeftWidth)||0,f=c(s.paddingTop)+c(s.borderTopWidth)||0,d=c(s.paddingRight)+c(s.borderRightWidth)||0,l=c(s.paddingBottom)+c(s.borderBottomWidth)||0,g=e.top||0,p=e.left||0,m=e.right||0,T=e.bottom||0;return{left:p+n+h,top:g+i+f,width:m-d-p-h,height:T-l-g-f}},createElement:function(t,e){var a,r,n,i=o.createElement(t);for(a in e)if(r=e[a],"style"===a)for(n in r)i.style[n]=r[n];else i[a]=r;return i},getElement:function(t){return o.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,a=e.domElement.style,o=t._stateCache||(t._stateCache={}),r=s.browser.jsVendor,n="px",i=!1;if(this.cacheStateIfChanged(t,["visible"],o)&&(a.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],o)&&(a.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],o)&&(a.width=t.width+n),this.cacheStateIfChanged(t,["height"],o)&&(a.height=t.height+n),this.cacheStateIfChanged(t,["depth"],o)&&(a.zIndex=t.depth+1),t.transform){var c=t.transform;(i=this.cacheStateIfChanged(t,["pivotX","pivotY"],o))&&(a[r+"TransformOrigin"]="0 0"),a[r+"Transform"]="matrix3d("+c.a+", "+c.b+", 0, 0, "+c.c+", "+c.d+", 0, 0, 0, 0, 1, 0, "+c.tx+", "+c.ty+", 0, 1)"}else(i=this.cacheStateIfChanged(t,["pivotX","pivotY"],o))&&(a[r+"TransformOrigin"]=t.pivotX+n+" "+t.pivotY+n),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],o)||i)&&(a[r+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],o)&&(a.backgroundColor=t.background),a.pointerEvents||(a.pointerEvents="none");var h=e.image;if(h){var f=h.src;f!==o.image&&(o.image=f,a.backgroundImage="url("+f+")");var d=e.rect;if(d){var l=d[0],g=d[1];l!==o.sx&&(o.sx=l,a.backgroundPositionX=-l+n),g!==o.sy&&(o.sy=g,a.backgroundPositionY=-g+n)}}var p=t.mask;if(p){var m=p.drawable.domElement.style.backgroundImage;m!==o.maskImage&&(o.maskImage=m,a[r+"MaskImage"]=m,a[r+"MaskRepeat"]="no-repeat");var T=p.x,u=p.y;T===o.maskX&&u===o.maskY||(o.maskX=T,o.maskY=u,a[r+"MaskPosition"]=T+n+" "+u+n)}}},cacheStateIfChanged:function(t,e,a){var o,r,n,i,s=!1;for(o=0,r=e.length;o<r;o++)n=e[o],i=t[n],i!=a[n]&&(a[n]=i,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,a=e?"3d":"";return"translate"+a+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+a+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+a+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};return s});
\ No newline at end of file
diff --git a/build/amd/hilo/event/EventMixin.js b/build/amd/hilo/event/EventMixin.js
index 02ef5557..925bb34d 100644
--- a/build/amd/hilo/event/EventMixin.js
+++ b/build/amd/hilo/event/EventMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/event/EventMixin.min.js b/build/amd/hilo/event/EventMixin.min.js
index ee59ca0d..5e3975e0 100644
--- a/build/amd/hilo/event/EventMixin.min.js
+++ b/build/amd/hilo/event/EventMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/game/Camera.js b/build/amd/hilo/game/Camera.js
index fa0f5a83..341cfb43 100644
--- a/build/amd/hilo/game/Camera.js
+++ b/build/amd/hilo/game/Camera.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/game/Camera.min.js b/build/amd/hilo/game/Camera.min.js
index 7d04ca15..becf42e9 100644
--- a/build/amd/hilo/game/Camera.min.js
+++ b/build/amd/hilo/game/Camera.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/game/Camera3d.js b/build/amd/hilo/game/Camera3d.js
index f541e490..f4542e51 100644
--- a/build/amd/hilo/game/Camera3d.js
+++ b/build/amd/hilo/game/Camera3d.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/game/Camera3d.min.js b/build/amd/hilo/game/Camera3d.min.js
index b4a6ad8a..2177c2ad 100644
--- a/build/amd/hilo/game/Camera3d.min.js
+++ b/build/amd/hilo/game/Camera3d.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/game/ParticleSystem.js b/build/amd/hilo/game/ParticleSystem.js
index bfa1a224..963af014 100644
--- a/build/amd/hilo/game/ParticleSystem.js
+++ b/build/amd/hilo/game/ParticleSystem.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/game/ParticleSystem.min.js b/build/amd/hilo/game/ParticleSystem.min.js
index 8d68be7f..6d223ddd 100644
--- a/build/amd/hilo/game/ParticleSystem.min.js
+++ b/build/amd/hilo/game/ParticleSystem.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/geom/Matrix.js b/build/amd/hilo/geom/Matrix.js
index 09ac0cda..4d37bce8 100644
--- a/build/amd/hilo/geom/Matrix.js
+++ b/build/amd/hilo/geom/Matrix.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/geom/Matrix.min.js b/build/amd/hilo/geom/Matrix.min.js
index 7952b3d9..5811f23b 100644
--- a/build/amd/hilo/geom/Matrix.min.js
+++ b/build/amd/hilo/geom/Matrix.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/loader/ImageLoader.js b/build/amd/hilo/loader/ImageLoader.js
index 6cfa3e4c..128c4595 100644
--- a/build/amd/hilo/loader/ImageLoader.js
+++ b/build/amd/hilo/loader/ImageLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/loader/ImageLoader.min.js b/build/amd/hilo/loader/ImageLoader.min.js
index 83034ae7..2b90287a 100644
--- a/build/amd/hilo/loader/ImageLoader.min.js
+++ b/build/amd/hilo/loader/ImageLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/loader/LoadQueue.js b/build/amd/hilo/loader/LoadQueue.js
index 169cdc69..f0716584 100644
--- a/build/amd/hilo/loader/LoadQueue.js
+++ b/build/amd/hilo/loader/LoadQueue.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/loader/LoadQueue.min.js b/build/amd/hilo/loader/LoadQueue.min.js
index 408c3e44..1a02f5a0 100644
--- a/build/amd/hilo/loader/LoadQueue.min.js
+++ b/build/amd/hilo/loader/LoadQueue.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/loader/ScriptLoader.js b/build/amd/hilo/loader/ScriptLoader.js
index d27e7298..9a4c3ded 100644
--- a/build/amd/hilo/loader/ScriptLoader.js
+++ b/build/amd/hilo/loader/ScriptLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/loader/ScriptLoader.min.js b/build/amd/hilo/loader/ScriptLoader.min.js
index b4eec11e..428bb615 100644
--- a/build/amd/hilo/loader/ScriptLoader.min.js
+++ b/build/amd/hilo/loader/ScriptLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/media/HTMLAudio.js b/build/amd/hilo/media/HTMLAudio.js
index 11e8517c..02d06da3 100644
--- a/build/amd/hilo/media/HTMLAudio.js
+++ b/build/amd/hilo/media/HTMLAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/media/HTMLAudio.min.js b/build/amd/hilo/media/HTMLAudio.min.js
index 5e13d500..b2c12975 100644
--- a/build/amd/hilo/media/HTMLAudio.min.js
+++ b/build/amd/hilo/media/HTMLAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/media/WebAudio.js b/build/amd/hilo/media/WebAudio.js
index a37244cb..7eea0af8 100644
--- a/build/amd/hilo/media/WebAudio.js
+++ b/build/amd/hilo/media/WebAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/media/WebAudio.min.js b/build/amd/hilo/media/WebAudio.min.js
index 33b7588c..6148df5e 100644
--- a/build/amd/hilo/media/WebAudio.min.js
+++ b/build/amd/hilo/media/WebAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/media/WebSound.js b/build/amd/hilo/media/WebSound.js
index ae774601..67439c51 100644
--- a/build/amd/hilo/media/WebSound.js
+++ b/build/amd/hilo/media/WebSound.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/media/WebSound.min.js b/build/amd/hilo/media/WebSound.min.js
index bd1b1ac5..3a9a2119 100644
--- a/build/amd/hilo/media/WebSound.min.js
+++ b/build/amd/hilo/media/WebSound.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/renderer/CanvasRenderer.js b/build/amd/hilo/renderer/CanvasRenderer.js
index 9eaa6280..080efa22 100644
--- a/build/amd/hilo/renderer/CanvasRenderer.js
+++ b/build/amd/hilo/renderer/CanvasRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/renderer/CanvasRenderer.min.js b/build/amd/hilo/renderer/CanvasRenderer.min.js
index ce56f229..3adb3883 100644
--- a/build/amd/hilo/renderer/CanvasRenderer.min.js
+++ b/build/amd/hilo/renderer/CanvasRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/renderer/DOMRenderer.js b/build/amd/hilo/renderer/DOMRenderer.js
index 2ab858d1..5f1450b4 100644
--- a/build/amd/hilo/renderer/DOMRenderer.js
+++ b/build/amd/hilo/renderer/DOMRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/renderer/DOMRenderer.min.js b/build/amd/hilo/renderer/DOMRenderer.min.js
index f27f84f9..d5f3991b 100644
--- a/build/amd/hilo/renderer/DOMRenderer.min.js
+++ b/build/amd/hilo/renderer/DOMRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/renderer/Renderer.js b/build/amd/hilo/renderer/Renderer.js
index 818d312e..a4bcc47c 100644
--- a/build/amd/hilo/renderer/Renderer.js
+++ b/build/amd/hilo/renderer/Renderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/renderer/Renderer.min.js b/build/amd/hilo/renderer/Renderer.min.js
index dea8ba1f..b9982ea8 100644
--- a/build/amd/hilo/renderer/Renderer.min.js
+++ b/build/amd/hilo/renderer/Renderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/renderer/WebGLRenderer.js b/build/amd/hilo/renderer/WebGLRenderer.js
index 8f519d75..12afbad5 100644
--- a/build/amd/hilo/renderer/WebGLRenderer.js
+++ b/build/amd/hilo/renderer/WebGLRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -56,7 +56,13 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
                 }
             }
             return this._isSupported;
-        }
+        },
+        /**
+         * WebGL context Options
+         * @see  https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes
+         * @type {Object}
+         */
+        contextOptions: null
     },
     renderType:'webgl',
     gl:null,
@@ -65,7 +71,8 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
     constructor: function(properties){
         WebGLRenderer.superclass.constructor.call(this, properties);
         var that = this;
-        this.gl = this.canvas.getContext("webgl")||this.canvas.getContext('experimental-webgl');
+        var contextOptions = WebGLRenderer.contextOptions || {};
+        this.gl = this.canvas.getContext("webgl", contextOptions)||this.canvas.getContext('experimental-webgl', contextOptions);
 
         this.maxBatchNum = WebGLRenderer.MAX_BATCH_NUM;
         this.positionStride = WebGLRenderer.ATTRIBUTE_NUM * 4;
diff --git a/build/amd/hilo/renderer/WebGLRenderer.min.js b/build/amd/hilo/renderer/WebGLRenderer.min.js
index f10aa0f8..a7d825de 100644
--- a/build/amd/hilo/renderer/WebGLRenderer.min.js
+++ b/build/amd/hilo/renderer/WebGLRenderer.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-define("hilo/renderer/WebGLRenderer",["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer","hilo/geom/Matrix"],function(t,e,r,i){var a=Math.PI/180,n=t.create({Extends:r,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported}},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){n.superclass.constructor.call(this,t);var e=this;this.gl=this.canvas.getContext("webgl")||this.canvas.getContext("experimental-webgl"),this.maxBatchNum=n.MAX_BATCH_NUM,this.positionStride=4*n.ATTRIBUTE_NUM;var r=this.maxBatchNum*n.ATTRIBUTE_NUM*4,i=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*r),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(i);for(var a=0,s=0;a<i;a+=6,s+=4)this.indexs[a+0]=s+0,this.indexs[a+1]=s+1,this.indexs[a+2]=s+2,this.indexs[a+3]=s+1,this.indexs[a+4]=s+2,this.indexs[a+5]=s+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,r=t.height,i=(t.background,t.drawable),a=i&&i.image;if(a){var n=i.rect,s=n[2],o=n[3];e||r||(e=t.width=s,r=t.height=o),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(a,n[0],n[1],s,o,0,0,e,r),c=this.batchIndex*this.positionStride,_=this.float32Array,l=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);_[c+0]=h[0],_[c+1]=h[1],_[c+2]=h[2],_[c+3]=h[3],l[c+4]=d,_[c+5]=h[4],_[c+6]=h[5],_[c+7]=h[6],_[c+8]=h[7],l[c+9]=d,_[c+10]=h[8],_[c+11]=h[9],_[c+12]=h[10],_[c+13]=h[11],l[c+14]=d,_[c+15]=h[12],_[c+16]=h[13],_[c+17]=h[14],_[c+18]=h[15],l[c+19]=d;for(var u=t.__webglWorldMatrix,f=0;f<4;f++){var g=_[c+5*f],T=_[c+5*f+1];_[c+5*f]=u.a*g+u.c*T+u.tx,_[c+5*f+1]=u.b*g+u.d*T+u.ty}t.__textureImage=a,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var r=t.drawable;if(r&&r.domElement)return void e.setElementStyleByView(t);var a=t.scaleX,n=t.scaleY;if(t===this.stage){var s=this.canvas.style,o=t._scaleX,h=t._scaleY,c=!1;(!o&&1!=a||o&&o!=a)&&(t._scaleX=a,s.width=a*t.width+"px",c=!0),(!h&&1!=n||h&&h!=n)&&(t._scaleY=n,s.height=n*t.height+"px",c=!0),c&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new i(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new i(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,r=e&&e.domElement;if(r){var i=r.parentNode;i&&i.removeChild(r)}},clear:function(t,e,r,i){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var r=this.canvas,i=this.stage,a=r.style;this.width=r.width=t,this.height=r.height=e,a.width=i.width*i.scaleX+"px",a.height=i.height*i.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,r=0,i=null,a=0;a<this.batchIndex;a++){var n=this.sprites[a];i&&i!==n.__textureImage&&(this._renderBatch(e,a),e=a,r=1),i=n.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var r=this.gl,i=e-t;i>0&&(r.bindTexture(r.TEXTURE_2D,this._getTexture(this.sprites[t])),r.drawElements(r.TRIANGLES,6*i,r.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new s(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,r,i,a,n,s,o,h){var c=this.__tempVertexs||[],_=t.width,l=t.height;i/=_,a/=l,e/=_,r/=l,o=o,h=h,n=n,s=s,i+e>1&&(i=1-e),a+r>1&&(a=1-r);var d=0;return c[d++]=n,c[d++]=s,c[d++]=e,c[d++]=r,c[d++]=n+o,c[d++]=s,c[d++]=e+i,c[d++]=r,c[d++]=n,c[d++]=s+h,c[d++]=e,c[d++]=r+a,c[d++]=n+o,c[d++]=s+h,c[d++]=e+i,c[d++]=r+a,c},_setConcatenatedMatrix:function(t,e){var r=t.__webglWorldMatrix,i=1,n=0,s=t.rotation%360,o=t.pivotX,h=t.pivotY,c=t.scaleX,_=t.scaleY,l=t.transform;if(l)r.copy(l);else{if(s){var d=s*a;i=Math.cos(d),n=Math.sin(d)}var u=t.getAlignPosition();r.a=i*c,r.b=n*c,r.c=-n*_,r.d=i*_,r.tx=u.x-r.a*o-r.c*h,r.ty=u.y-r.b*o-r.d*h}r.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,r=this._cacheTexture[e.src];return r||(r=this.activeShader.uploadTexture(e)),r}}),s=function(t,e,r){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),r=r||{},this.attributes=r.attributes||[],this.uniforms=r.uniforms||[]};return s.prototype={active:function(){var t=this,e=t.renderer,r=t.gl,i=t.program;i&&r&&(e.activeShader=t,r.useProgram(i),t.attributes.forEach(function(t){e[t]=r.getAttribLocation(i,t),r.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=r.getUniformLocation(i,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,r=this.renderer,i=e.createTexture(),a=r.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,i),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(a,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=i,i},_createProgram:function(t,e,r){var i=this._createShader(t,t.VERTEX_SHADER,e),a=this._createShader(t,t.FRAGMENT_SHADER,r);if(!i||!a)return null;var n=t.createProgram();if(n){t.attachShader(n,i),t.attachShader(n,a),t.linkProgram(n),t.deleteShader(a),t.deleteShader(i);var s=t.getProgramParameter(n,t.LINK_STATUS);if(!s){var o=t.getProgramInfoLog(n);return console.log("Failed to link program: "+o),t.deleteProgram(n),null}}return n},_createShader:function(t,e,r){var i=t.createShader(e);if(i){t.shaderSource(i,r),t.compileShader(i);var a=t.getShaderParameter(i,t.COMPILE_STATUS);if(!a){var n=t.getShaderInfoLog(i);return console.log("Failed to compile shader: "+n),t.deleteShader(i),null}}return i}},n});
\ No newline at end of file
+define("hilo/renderer/WebGLRenderer",["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer","hilo/geom/Matrix"],function(t,e,r,i){var a=Math.PI/180,n=t.create({Extends:r,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported},contextOptions:null},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){n.superclass.constructor.call(this,t);var e=this,r=n.contextOptions||{};this.gl=this.canvas.getContext("webgl",r)||this.canvas.getContext("experimental-webgl",r),this.maxBatchNum=n.MAX_BATCH_NUM,this.positionStride=4*n.ATTRIBUTE_NUM;var i=this.maxBatchNum*n.ATTRIBUTE_NUM*4,a=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*i),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(a);for(var s=0,o=0;s<a;s+=6,o+=4)this.indexs[s+0]=o+0,this.indexs[s+1]=o+1,this.indexs[s+2]=o+2,this.indexs[s+3]=o+1,this.indexs[s+4]=o+2,this.indexs[s+5]=o+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,r=t.height,i=(t.background,t.drawable),a=i&&i.image;if(a){var n=i.rect,s=n[2],o=n[3];e||r||(e=t.width=s,r=t.height=o),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(a,n[0],n[1],s,o,0,0,e,r),c=this.batchIndex*this.positionStride,_=this.float32Array,l=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);_[c+0]=h[0],_[c+1]=h[1],_[c+2]=h[2],_[c+3]=h[3],l[c+4]=d,_[c+5]=h[4],_[c+6]=h[5],_[c+7]=h[6],_[c+8]=h[7],l[c+9]=d,_[c+10]=h[8],_[c+11]=h[9],_[c+12]=h[10],_[c+13]=h[11],l[c+14]=d,_[c+15]=h[12],_[c+16]=h[13],_[c+17]=h[14],_[c+18]=h[15],l[c+19]=d;for(var u=t.__webglWorldMatrix,f=0;f<4;f++){var g=_[c+5*f],x=_[c+5*f+1];_[c+5*f]=u.a*g+u.c*x+u.tx,_[c+5*f+1]=u.b*g+u.d*x+u.ty}t.__textureImage=a,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var r=t.drawable;if(r&&r.domElement)return void e.setElementStyleByView(t);var a=t.scaleX,n=t.scaleY;if(t===this.stage){var s=this.canvas.style,o=t._scaleX,h=t._scaleY,c=!1;(!o&&1!=a||o&&o!=a)&&(t._scaleX=a,s.width=a*t.width+"px",c=!0),(!h&&1!=n||h&&h!=n)&&(t._scaleY=n,s.height=n*t.height+"px",c=!0),c&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new i(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new i(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,r=e&&e.domElement;if(r){var i=r.parentNode;i&&i.removeChild(r)}},clear:function(t,e,r,i){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var r=this.canvas,i=this.stage,a=r.style;this.width=r.width=t,this.height=r.height=e,a.width=i.width*i.scaleX+"px",a.height=i.height*i.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,r=0,i=null,a=0;a<this.batchIndex;a++){var n=this.sprites[a];i&&i!==n.__textureImage&&(this._renderBatch(e,a),e=a,r=1),i=n.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var r=this.gl,i=e-t;i>0&&(r.bindTexture(r.TEXTURE_2D,this._getTexture(this.sprites[t])),r.drawElements(r.TRIANGLES,6*i,r.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new s(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,r,i,a,n,s,o,h){var c=this.__tempVertexs||[],_=t.width,l=t.height;i/=_,a/=l,e/=_,r/=l,o=o,h=h,n=n,s=s,i+e>1&&(i=1-e),a+r>1&&(a=1-r);var d=0;return c[d++]=n,c[d++]=s,c[d++]=e,c[d++]=r,c[d++]=n+o,c[d++]=s,c[d++]=e+i,c[d++]=r,c[d++]=n,c[d++]=s+h,c[d++]=e,c[d++]=r+a,c[d++]=n+o,c[d++]=s+h,c[d++]=e+i,c[d++]=r+a,c},_setConcatenatedMatrix:function(t,e){var r=t.__webglWorldMatrix,i=1,n=0,s=t.rotation%360,o=t.pivotX,h=t.pivotY,c=t.scaleX,_=t.scaleY,l=t.transform;if(l)r.copy(l);else{if(s){var d=s*a;i=Math.cos(d),n=Math.sin(d)}var u=t.getAlignPosition();r.a=i*c,r.b=n*c,r.c=-n*_,r.d=i*_,r.tx=u.x-r.a*o-r.c*h,r.ty=u.y-r.b*o-r.d*h}r.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,r=this._cacheTexture[e.src];return r||(r=this.activeShader.uploadTexture(e)),r}}),s=function(t,e,r){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),r=r||{},this.attributes=r.attributes||[],this.uniforms=r.uniforms||[]};return s.prototype={active:function(){var t=this,e=t.renderer,r=t.gl,i=t.program;i&&r&&(e.activeShader=t,r.useProgram(i),t.attributes.forEach(function(t){e[t]=r.getAttribLocation(i,t),r.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=r.getUniformLocation(i,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,r=this.renderer,i=e.createTexture(),a=r.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,i),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(a,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=i,i},_createProgram:function(t,e,r){var i=this._createShader(t,t.VERTEX_SHADER,e),a=this._createShader(t,t.FRAGMENT_SHADER,r);if(!i||!a)return null;var n=t.createProgram();if(n){t.attachShader(n,i),t.attachShader(n,a),t.linkProgram(n),t.deleteShader(a),t.deleteShader(i);var s=t.getProgramParameter(n,t.LINK_STATUS);if(!s){var o=t.getProgramInfoLog(n);return console.log("Failed to link program: "+o),t.deleteProgram(n),null}}return n},_createShader:function(t,e,r){var i=t.createShader(e);if(i){t.shaderSource(i,r),t.compileShader(i);var a=t.getShaderParameter(i,t.COMPILE_STATUS);if(!a){var n=t.getShaderInfoLog(i);return console.log("Failed to compile shader: "+n),t.deleteShader(i),null}}return i}},n});
\ No newline at end of file
diff --git a/build/amd/hilo/tween/Ease.js b/build/amd/hilo/tween/Ease.js
index c116f6cc..ee6ee03a 100644
--- a/build/amd/hilo/tween/Ease.js
+++ b/build/amd/hilo/tween/Ease.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/tween/Ease.min.js b/build/amd/hilo/tween/Ease.min.js
index 88b267de..f8cf1fcd 100644
--- a/build/amd/hilo/tween/Ease.min.js
+++ b/build/amd/hilo/tween/Ease.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/tween/Tween.js b/build/amd/hilo/tween/Tween.js
index cd8ba4d2..be1849fc 100644
--- a/build/amd/hilo/tween/Tween.js
+++ b/build/amd/hilo/tween/Tween.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/tween/Tween.min.js b/build/amd/hilo/tween/Tween.min.js
index 88cda3ed..c64dd506 100644
--- a/build/amd/hilo/tween/Tween.min.js
+++ b/build/amd/hilo/tween/Tween.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/util/TextureAtlas.js b/build/amd/hilo/util/TextureAtlas.js
index 7d310c2f..0662ab6c 100644
--- a/build/amd/hilo/util/TextureAtlas.js
+++ b/build/amd/hilo/util/TextureAtlas.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/util/TextureAtlas.min.js b/build/amd/hilo/util/TextureAtlas.min.js
index d22ac898..bdf594f8 100644
--- a/build/amd/hilo/util/TextureAtlas.min.js
+++ b/build/amd/hilo/util/TextureAtlas.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/util/Ticker.js b/build/amd/hilo/util/Ticker.js
index cc82713b..3ca114bd 100644
--- a/build/amd/hilo/util/Ticker.js
+++ b/build/amd/hilo/util/Ticker.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/util/Ticker.min.js b/build/amd/hilo/util/Ticker.min.js
index e067f980..d104abf5 100644
--- a/build/amd/hilo/util/Ticker.min.js
+++ b/build/amd/hilo/util/Ticker.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/util/browser.js b/build/amd/hilo/util/browser.js
index 06c887bd..fa8d9cee 100644
--- a/build/amd/hilo/util/browser.js
+++ b/build/amd/hilo/util/browser.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/util/browser.min.js b/build/amd/hilo/util/browser.min.js
index 9429296a..e783667b 100644
--- a/build/amd/hilo/util/browser.min.js
+++ b/build/amd/hilo/util/browser.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/util/drag.js b/build/amd/hilo/util/drag.js
index 2b5d1219..5bc7ef7e 100644
--- a/build/amd/hilo/util/drag.js
+++ b/build/amd/hilo/util/drag.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/util/drag.min.js b/build/amd/hilo/util/drag.min.js
index 926d8770..40969d19 100644
--- a/build/amd/hilo/util/drag.min.js
+++ b/build/amd/hilo/util/drag.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/util/polyfill.js b/build/amd/hilo/util/polyfill.js
index 7521779c..36c8ad2f 100644
--- a/build/amd/hilo/util/polyfill.js
+++ b/build/amd/hilo/util/polyfill.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/util/polyfill.min.js b/build/amd/hilo/util/polyfill.min.js
index 14c06a6b..80a189d9 100644
--- a/build/amd/hilo/util/polyfill.min.js
+++ b/build/amd/hilo/util/polyfill.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/util/util.js b/build/amd/hilo/util/util.js
index d348296a..ea67d3d1 100644
--- a/build/amd/hilo/util/util.js
+++ b/build/amd/hilo/util/util.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/util/util.min.js b/build/amd/hilo/util/util.min.js
index 7840e77b..10213a81 100644
--- a/build/amd/hilo/util/util.min.js
+++ b/build/amd/hilo/util/util.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Bitmap.js b/build/amd/hilo/view/Bitmap.js
index d5c6cb29..7682d91a 100644
--- a/build/amd/hilo/view/Bitmap.js
+++ b/build/amd/hilo/view/Bitmap.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Bitmap.min.js b/build/amd/hilo/view/Bitmap.min.js
index 07f8eab9..5295f4b7 100644
--- a/build/amd/hilo/view/Bitmap.min.js
+++ b/build/amd/hilo/view/Bitmap.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/BitmapText.js b/build/amd/hilo/view/BitmapText.js
index 354c95df..b8f9bc3d 100644
--- a/build/amd/hilo/view/BitmapText.js
+++ b/build/amd/hilo/view/BitmapText.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/BitmapText.min.js b/build/amd/hilo/view/BitmapText.min.js
index ecb21687..3642d4b9 100644
--- a/build/amd/hilo/view/BitmapText.min.js
+++ b/build/amd/hilo/view/BitmapText.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Button.js b/build/amd/hilo/view/Button.js
index 7c360958..48a97e78 100644
--- a/build/amd/hilo/view/Button.js
+++ b/build/amd/hilo/view/Button.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Button.min.js b/build/amd/hilo/view/Button.min.js
index a9b3c981..f3f8b709 100644
--- a/build/amd/hilo/view/Button.min.js
+++ b/build/amd/hilo/view/Button.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/CacheMixin.js b/build/amd/hilo/view/CacheMixin.js
index e167b928..80d81c8c 100644
--- a/build/amd/hilo/view/CacheMixin.js
+++ b/build/amd/hilo/view/CacheMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/CacheMixin.min.js b/build/amd/hilo/view/CacheMixin.min.js
index 81e7c465..fa53d8c2 100644
--- a/build/amd/hilo/view/CacheMixin.min.js
+++ b/build/amd/hilo/view/CacheMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Container.js b/build/amd/hilo/view/Container.js
index 10a78f29..37585651 100644
--- a/build/amd/hilo/view/Container.js
+++ b/build/amd/hilo/view/Container.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Container.min.js b/build/amd/hilo/view/Container.min.js
index 1fbba521..36285715 100644
--- a/build/amd/hilo/view/Container.min.js
+++ b/build/amd/hilo/view/Container.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/DOMElement.js b/build/amd/hilo/view/DOMElement.js
index 3e5fa466..6ecb9c5e 100644
--- a/build/amd/hilo/view/DOMElement.js
+++ b/build/amd/hilo/view/DOMElement.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/DOMElement.min.js b/build/amd/hilo/view/DOMElement.min.js
index c4a86f15..9a7c7f52 100644
--- a/build/amd/hilo/view/DOMElement.min.js
+++ b/build/amd/hilo/view/DOMElement.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Drawable.js b/build/amd/hilo/view/Drawable.js
index e5c5e06c..b4c5e233 100644
--- a/build/amd/hilo/view/Drawable.js
+++ b/build/amd/hilo/view/Drawable.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Drawable.min.js b/build/amd/hilo/view/Drawable.min.js
index a51d2bbf..45987ea7 100644
--- a/build/amd/hilo/view/Drawable.min.js
+++ b/build/amd/hilo/view/Drawable.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Graphics.js b/build/amd/hilo/view/Graphics.js
index 162b2a9c..d5795d78 100644
--- a/build/amd/hilo/view/Graphics.js
+++ b/build/amd/hilo/view/Graphics.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -9,7 +9,7 @@ define('hilo/view/Graphics', ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/Vi
 
 /**
  * @language=en
- * <iframe src='../../../examples/Graphics.html?noHeader' width = '320' height = '400' scrolling='no'></iframe>
+ * <iframe src='../../../examples/Graphics.html?noHeader' width = '430' height = '400' scrolling='no'></iframe>
  * <br/>
  * @class Graphics class contains a group of functions for creating vector graphics.
  * @augments View
diff --git a/build/amd/hilo/view/Graphics.min.js b/build/amd/hilo/view/Graphics.min.js
index b9e9f9bf..654c4cb4 100644
--- a/build/amd/hilo/view/Graphics.min.js
+++ b/build/amd/hilo/view/Graphics.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Sprite.js b/build/amd/hilo/view/Sprite.js
index 89af2b00..fe5d4552 100644
--- a/build/amd/hilo/view/Sprite.js
+++ b/build/amd/hilo/view/Sprite.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Sprite.min.js b/build/amd/hilo/view/Sprite.min.js
index 7156a2d7..944a963e 100644
--- a/build/amd/hilo/view/Sprite.min.js
+++ b/build/amd/hilo/view/Sprite.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Stage.js b/build/amd/hilo/view/Stage.js
index d1262823..77684a38 100644
--- a/build/amd/hilo/view/Stage.js
+++ b/build/amd/hilo/view/Stage.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Stage.min.js b/build/amd/hilo/view/Stage.min.js
index 7b62827b..a5ab675c 100644
--- a/build/amd/hilo/view/Stage.min.js
+++ b/build/amd/hilo/view/Stage.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Text.js b/build/amd/hilo/view/Text.js
index a60bee37..1c72e477 100644
--- a/build/amd/hilo/view/Text.js
+++ b/build/amd/hilo/view/Text.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -47,7 +47,7 @@ var Text = Class.create(/** @lends Text.prototype */{
         this._fontHeight = Text.measureFontHeight(this.font);
     },
 
-    text: null,
+    text: '',
     color: '#000',
     textAlign: null,
     textVAlign: null,
diff --git a/build/amd/hilo/view/Text.min.js b/build/amd/hilo/view/Text.min.js
index c08e92d8..ab5280a2 100644
--- a/build/amd/hilo/view/Text.min.js
+++ b/build/amd/hilo/view/Text.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-define("hilo/view/Text",["hilo/core/Class","hilo/core/Hilo","hilo/view/View","hilo/view/CacheMixin"],function(t,e,i,n){var o=t.create({Extends:i,Mixes:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Text"),o.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=o.measureFontHeight(this.font)},text:null,color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=o.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var n=i.drawable,o=n.domElement,h=o.style;h.font=i.font,h.textAlign=i.textAlign,h.color=i.color,h.width=i.width+"px",h.height=i.height+"px",h.lineHeight=i._fontHeight+i.lineSpacing+"px",o.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var n,o,h,l,r,a=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),s=0,c=0,d=e._fontHeight+e.lineSpacing,x=[];for(n=0,l=a.length;n<l;n++)if(o=a[n],h=t.measureText(o).width,h<=e.maxWidth)x.push({text:o,y:c}),s<h&&(s=h),c+=d;else{var g,f,u,w="",m=0;for(f=0,r=o.length;f<r;f++)u=o[f],g=t.measureText(w+u).width,g>e.maxWidth?(x.push({text:w,y:c}),s<m&&(s=m),c+=d,w=u):(m=g,w+=u),f==r-1&&(x.push({text:w,y:c}),w!==u&&s<g&&(s=g),c+=d)}e.textWidth=s,e.textHeight=c,e.width||(e.width=s),e.height||(e.height=c);var p=0;switch(e.textVAlign){case"middle":p=e.height-e.textHeight>>1;break;case"bottom":p=e.height-e.textHeight}var v=e.background;for(v&&(t.fillStyle=v,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,n=0;n<x.length;n++)o=x[n],e._drawTextLine(t,o.text,p+o.y)}},_drawTextLine:function(t,e,i){var n=this,o=0,h=n.width;switch(n.textAlign){case"center":o=h>>1;break;case"right":case"end":o=h}n.outline?t.strokeText(e,o,i):t.fillText(e,o,i)},Statics:{measureFontHeight:function(t){var i,n=document.documentElement,o=e.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return n.appendChild(o),i=o.offsetHeight,n.removeChild(o),i}}});return o});
\ No newline at end of file
+define("hilo/view/Text",["hilo/core/Class","hilo/core/Hilo","hilo/view/View","hilo/view/CacheMixin"],function(t,e,i,n){var o=t.create({Extends:i,Mixes:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Text"),o.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=o.measureFontHeight(this.font)},text:"",color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=o.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var n=i.drawable,o=n.domElement,h=o.style;h.font=i.font,h.textAlign=i.textAlign,h.color=i.color,h.width=i.width+"px",h.height=i.height+"px",h.lineHeight=i._fontHeight+i.lineSpacing+"px",o.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var n,o,h,r,l,a=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),s=0,c=0,d=e._fontHeight+e.lineSpacing,x=[];for(n=0,r=a.length;n<r;n++)if(o=a[n],h=t.measureText(o).width,h<=e.maxWidth)x.push({text:o,y:c}),s<h&&(s=h),c+=d;else{var g,f,u,w="",m=0;for(f=0,l=o.length;f<l;f++)u=o[f],g=t.measureText(w+u).width,g>e.maxWidth?(x.push({text:w,y:c}),s<m&&(s=m),c+=d,w=u):(m=g,w+=u),f==l-1&&(x.push({text:w,y:c}),w!==u&&s<g&&(s=g),c+=d)}e.textWidth=s,e.textHeight=c,e.width||(e.width=s),e.height||(e.height=c);var p=0;switch(e.textVAlign){case"middle":p=e.height-e.textHeight>>1;break;case"bottom":p=e.height-e.textHeight}var v=e.background;for(v&&(t.fillStyle=v,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,n=0;n<x.length;n++)o=x[n],e._drawTextLine(t,o.text,p+o.y)}},_drawTextLine:function(t,e,i){var n=this,o=0,h=n.width;switch(n.textAlign){case"center":o=h>>1;break;case"right":case"end":o=h}n.outline?t.strokeText(e,o,i):t.fillText(e,o,i)},Statics:{measureFontHeight:function(t){var i,n=document.documentElement,o=e.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return n.appendChild(o),i=o.offsetHeight,n.removeChild(o),i}}});return o});
\ No newline at end of file
diff --git a/build/amd/hilo/view/View.js b/build/amd/hilo/view/View.js
index 63e8d660..995f6533 100644
--- a/build/amd/hilo/view/View.js
+++ b/build/amd/hilo/view/View.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/View.min.js b/build/amd/hilo/view/View.min.js
index bc609364..d62ecbaf 100644
--- a/build/amd/hilo/view/View.min.js
+++ b/build/amd/hilo/view/View.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for amd
+ * Hilo 1.4.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo-cmd.js b/build/cmd/hilo-cmd.js
index 2a51d92c..1b8fbf01 100644
--- a/build/cmd/hilo-cmd.js
+++ b/build/cmd/hilo-cmd.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -192,7 +192,7 @@ return browser;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -229,7 +229,7 @@ return util;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -260,7 +260,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.3.0',
+    version: '1.4.0',
     /**
      * @language=en
      * Gets a globally unique id. Such as Stage1, Bitmap2 etc.
@@ -568,7 +568,7 @@ return Hilo;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -751,7 +751,7 @@ return Class;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -977,7 +977,7 @@ return Matrix;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1132,7 +1132,7 @@ return EventMixin;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1216,7 +1216,7 @@ return Drawable;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1313,7 +1313,7 @@ return Renderer;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1528,7 +1528,7 @@ return CanvasRenderer;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1715,7 +1715,7 @@ return DOMRenderer;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1777,7 +1777,13 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
                 }
             }
             return this._isSupported;
-        }
+        },
+        /**
+         * WebGL context Options
+         * @see  https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes
+         * @type {Object}
+         */
+        contextOptions: null
     },
     renderType:'webgl',
     gl:null,
@@ -1786,7 +1792,8 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
     constructor: function(properties){
         WebGLRenderer.superclass.constructor.call(this, properties);
         var that = this;
-        this.gl = this.canvas.getContext("webgl")||this.canvas.getContext('experimental-webgl');
+        var contextOptions = WebGLRenderer.contextOptions || {};
+        this.gl = this.canvas.getContext("webgl", contextOptions)||this.canvas.getContext('experimental-webgl', contextOptions);
 
         this.maxBatchNum = WebGLRenderer.MAX_BATCH_NUM;
         this.positionStride = WebGLRenderer.ATTRIBUTE_NUM * 4;
@@ -2297,7 +2304,7 @@ return WebGLRenderer;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2800,7 +2807,7 @@ return View;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2869,7 +2876,7 @@ return CacheMixin;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3247,7 +3254,7 @@ return Container;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3523,7 +3530,7 @@ return Stage;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3606,7 +3613,7 @@ return Bitmap;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3882,7 +3889,7 @@ return Sprite;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4002,7 +4009,7 @@ return DOMElement;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4017,7 +4024,7 @@ var CacheMixin = require('hilo/view/CacheMixin');
 
 /**
  * @language=en
- * <iframe src='../../../examples/Graphics.html?noHeader' width = '320' height = '400' scrolling='no'></iframe>
+ * <iframe src='../../../examples/Graphics.html?noHeader' width = '430' height = '400' scrolling='no'></iframe>
  * <br/>
  * @class Graphics class contains a group of functions for creating vector graphics.
  * @augments View
@@ -4569,7 +4576,7 @@ return Graphics;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4622,7 +4629,7 @@ var Text = Class.create(/** @lends Text.prototype */{
         this._fontHeight = Text.measureFontHeight(this.font);
     },
 
-    text: null,
+    text: '',
     color: '#000',
     textAlign: null,
     textVAlign: null,
@@ -4827,7 +4834,7 @@ return Text;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5016,7 +5023,7 @@ return BitmapText;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5201,7 +5208,7 @@ return Button;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5440,7 +5447,7 @@ return TextureAtlas;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5672,7 +5679,7 @@ return Ticker;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5720,7 +5727,7 @@ if (!fnProto.bind) {
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5861,7 +5868,7 @@ return drag;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6313,7 +6320,7 @@ return Tween;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6585,7 +6592,7 @@ return Ease;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6635,7 +6642,7 @@ return ImageLoader;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6704,7 +6711,7 @@ return ScriptLoader;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6959,7 +6966,7 @@ return LoadQueue;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7166,7 +7173,7 @@ return HTMLAudio;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7487,7 +7494,7 @@ return WebAudio;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7594,7 +7601,7 @@ return WebSound;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7690,7 +7697,7 @@ return Camera;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7880,7 +7887,7 @@ return Camera3d;
 
 });
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo-cmd.min.js b/build/cmd/hilo-cmd.min.js
index e91414cd..b8f93a60 100644
--- a/build/cmd/hilo-cmd.min.js
+++ b/build/cmd/hilo-cmd.min.js
@@ -1,8 +1,8 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-define(function(t,e,i){var r=function(){var t=navigator.userAgent,e=document,i=window,r=e.documentElement,n={iphone:/iphone/i.test(t),ipad:/ipad/i.test(t),ipod:/ipod/i.test(t),ios:/iphone|ipad|ipod/i.test(t),android:/android/i.test(t),webkit:/webkit/i.test(t),chrome:/chrome/i.test(t),safari:/safari/i.test(t),firefox:/firefox/i.test(t),ie:/msie/i.test(t),opera:/opera/i.test(t),supportTouch:"ontouchstart"in i,supportCanvas:null!=e.createElement("canvas").getContext,supportStorage:!1,supportOrientation:"orientation"in i||"orientation"in i.screen,supportDeviceMotion:"ondevicemotion"in i};try{var a="hilo";localStorage.setItem(a,a),localStorage.removeItem(a),n.supportStorage=!0}catch(o){}var s=n.jsVendor=n.webkit?"webkit":n.firefox?"webkit":n.opera?"o":n.ie?"ms":"",h=n.cssVendor="-"+s+"-",l=e.createElement("div"),c=l.style,u=void 0!=c[s+"Transform"],d=void 0!=c[s+"Perspective"];d&&(l.id="test3d",c=e.createElement("style"),c.textContent="@media ("+h+"transform-3d){#test3d{height:3px}}",e.head.appendChild(c),r.appendChild(l),d=3==l.offsetHeight,e.head.removeChild(c),r.removeChild(l)),n.supportTransform=u,n.supportTransform3D=d;var f=n.supportTouch,p=f?"touchstart":"mousedown",v=f?"touchmove":"mousemove",m=f?"touchend":"mouseup";return n.POINTER_START=p,n.POINTER_MOVE=v,n.POINTER_END=m,n}();return r}),define(function(t,e,i){var r={copy:function(t,e,i){for(var r in e)i&&!t.hasOwnProperty(r)&&void 0===t[r]||(t[r]=e[r]);return t}};return r}),define(function(t,e,i){var r=t("hilo/util/browser"),n=t("hilo/util/util"),a=window,o=document,s=o.documentElement,h=0,l={},c={version:"1.3.0",getUid:function(t){var e=++h;if(t){var i=t.charCodeAt(t.length-1);return i>=48&&i<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,i=t;i;)e=e?i.id+"."+e:i.id,i=i.parent;return e},copy:function(t,e,i){return n.copy(t,e,i),l.copy||(l.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:r,event:{POINTER_START:r.POINTER_START,POINTER_MOVE:r.POINTER_MOVE,POINTER_END:r.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(i){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var r=(a.pageXOffset||s.scrollLeft)-(s.clientLeft||0)||0,n=(a.pageYOffset||s.scrollTop)-(s.clientTop||0)||0,o=a.getComputedStyle?getComputedStyle(t):t.currentStyle,h=parseInt,l=h(o.paddingLeft)+h(o.borderLeftWidth)||0,c=h(o.paddingTop)+h(o.borderTopWidth)||0,u=h(o.paddingRight)+h(o.borderRightWidth)||0,d=h(o.paddingBottom)+h(o.borderBottomWidth)||0,f=e.top||0,p=e.left||0,v=e.right||0,m=e.bottom||0;return{left:p+r+l,top:f+n+c,width:v-u-p-l,height:m-d-f-c}},createElement:function(t,e){var i,r,n,a=o.createElement(t);for(i in e)if(r=e[i],"style"===i)for(n in r)a.style[n]=r[n];else a[i]=r;return a},getElement:function(t){return o.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,i=e.domElement.style,r=t._stateCache||(t._stateCache={}),n=c.browser.jsVendor,a="px",o=!1;if(this.cacheStateIfChanged(t,["visible"],r)&&(i.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],r)&&(i.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],r)&&(i.width=t.width+a),this.cacheStateIfChanged(t,["height"],r)&&(i.height=t.height+a),this.cacheStateIfChanged(t,["depth"],r)&&(i.zIndex=t.depth+1),t.transform){var s=t.transform;(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(i[n+"TransformOrigin"]="0 0"),i[n+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(i[n+"TransformOrigin"]=t.pivotX+a+" "+t.pivotY+a),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],r)||o)&&(i[n+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],r)&&(i.backgroundColor=t.background),i.pointerEvents||(i.pointerEvents="none");var h=e.image;if(h){var l=h.src;l!==r.image&&(r.image=l,i.backgroundImage="url("+l+")");var u=e.rect;if(u){var d=u[0],f=u[1];d!==r.sx&&(r.sx=d,i.backgroundPositionX=-d+a),f!==r.sy&&(r.sy=f,i.backgroundPositionY=-f+a)}}var p=t.mask;if(p){var v=p.drawable.domElement.style.backgroundImage;v!==r.maskImage&&(r.maskImage=v,i[n+"MaskImage"]=v,i[n+"MaskRepeat"]="no-repeat");var m=p.x,g=p.y;m===r.maskX&&g===r.maskY||(r.maskX=m,r.maskY=g,i[n+"MaskPosition"]=m+a+" "+g+a)}}},cacheStateIfChanged:function(t,e,i){var r,n,a,o,s=!1;for(r=0,n=e.length;r<n;r++)a=e[r],o=t[a],o!=i[a]&&(i[a]=o,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,i=e?"3d":"";return"translate"+i+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+i+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+i+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};return c}),define(function(t,e,i){var r=function(){var t,e,i=function(t){t=t||{};var e=t.hasOwnProperty("constructor")?t.constructor:function(){};return r.call(e,t),e},r=function(t){var e,i,r={};for(e in t)i=t[e],n.hasOwnProperty(e)?n[e].call(this,i):r[e]=i;o(this.prototype,r)},n={Extends:function(t){var e=this.prototype,i=a(t.prototype);o(this,t),o(i,e),i.constructor=this,this.prototype=i,this.superclass=t.prototype},Mixes:function(t){t instanceof Array||(t=[t]);for(var e,i=this.prototype;e=t.shift();)o(i,e.prototype||e)},Statics:function(t){o(this,t)}},a=function(){if(Object.__proto__)return function(t){return{__proto__:t}};var t=function(){};return function(e){return t.prototype=e,new t}}(),o=function(t){for(var i=1,r=arguments.length;i<r;i++){var n,a=arguments[i];for(var o in a){var s=a[o];!s||"object"!=typeof s||void 0===s.value&&"function"!=typeof s.get&&"function"!=typeof s.set?t[o]=s:(n=n||{},n[o]=s)}n&&e(t,n)}return t};try{t=Object.defineProperty,e=Object.defineProperties,t({},"$",{value:0})}catch(s){"__defineGetter__"in Object&&(t=function(t,e,i){return"value"in i&&(t[e]=i.value),"get"in i&&t.__defineGetter__(e,i.get),"set"in i&&t.__defineSetter__(e,i.set),t},e=function(e,i){for(var r in i)i.hasOwnProperty(r)&&t(e,r,i[r]);return e})}return{create:i,mix:o}}();return r}),define(function(t,e,i){var r=t("hilo/core/Class"),n=r.create({constructor:function(t,e,i,r,n,a){this.a=t,this.b=e,this.c=i,this.d=r,this.tx=n,this.ty=a},set:function(t,e,i,r,n,a){return this.a=t,this.b=e,this.c=i,this.d=r,this.tx=n,this.ty=a,this},copy:function(t){return this.a=t.a,this.b=t.b,this.c=t.c,this.d=t.d,this.tx=t.tx,this.ty=t.ty,this},clone:function(){return(new n).copy(this)},concat:function(t){var e,i,r,n,a,o,s=arguments,h=this.a,l=this.b,c=this.c,u=this.d,d=this.tx,f=this.ty;return s.length>=6?(e=s[0],i=s[1],r=s[2],n=s[3],a=s[4],o=s[5]):(e=t.a,i=t.b,r=t.c,n=t.d,a=t.tx,o=t.ty),this.a=h*e+l*r,this.b=h*i+l*n,this.c=c*e+u*r,this.d=c*i+u*n,this.tx=d*e+f*r+a,this.ty=d*i+f*n+o,this},rotate:function(t){var e=Math.sin(t),i=Math.cos(t),r=this.a,n=this.b,a=this.c,o=this.d,s=this.tx,h=this.ty;return this.a=r*i-n*e,this.b=r*e+n*i,this.c=a*i-o*e,this.d=a*e+o*i,this.tx=s*i-h*e,this.ty=s*e+h*i,this},scale:function(t,e){return this.a*=t,this.d*=e,this.c*=t,this.b*=e,this.tx*=t,this.ty*=e,this},translate:function(t,e){return this.tx+=t,this.ty+=e,this},identity:function(){return this.a=this.d=1,this.b=this.c=this.tx=this.ty=0,this},invert:function(){var t=this.a,e=this.b,i=this.c,r=this.d,n=this.tx,a=t*r-e*i;return this.a=r/a,this.b=-e/a,this.c=-i/a,this.d=t/a,this.tx=(i*this.ty-r*n)/a,this.ty=-(t*this.ty-e*n)/a,this},transformPoint:function(t,e,i){var r=t.x*this.a+t.y*this.c+this.tx,n=t.x*this.b+t.y*this.d+this.ty;return e&&(r=r+.5>>0,n=n+.5>>0),i?{x:r,y:n}:(t.x=r,t.y=n,t)}});return n}),define(function(t,e,i){var r=t("hilo/core/Class"),n={_listeners:null,on:function(t,e,i){for(var r=this._listeners=this._listeners||{},n=r[t]=r[t]||[],a=0,o=n.length;a<o;a++){var s=n[a];if(s.listener===e)return}return n.push({listener:e,once:i}),this},off:function(t,e){if(0==arguments.length)return this._listeners=null,this;var i=this._listeners&&this._listeners[t];if(i){if(1==arguments.length)return delete this._listeners[t],this;for(var r=0,n=i.length;r<n;r++){var a=i[r];if(a.listener===e){i.splice(r,1),0===i.length&&delete this._listeners[t];break}}}return this},fire:function(t,e){var i,r;"string"==typeof t?r=t:(i=t,r=t.type);var n=this._listeners;if(!n)return!1;var o=n[r];if(o){var s=o.slice(0);if(i=i||new a(r,this,e),i._stopped)return!1;for(var h=0;h<s.length;h++){var l=s[h];if(l.listener.call(this,i),l.once){var c=o.indexOf(l);c>-1&&o.splice(c,1)}}return 0==o.length&&delete n[r],!0}return!1}},a=r.create({constructor:function(t,e,i){this.type=t,this.target=e,this.detail=i,this.timeStamp=+new Date},type:null,target:null,detail:null,timeStamp:0,stopImmediatePropagation:function(){this._stopped=!0}}),o=window.Event;if(o){var s=o.prototype,h=s.stopImmediatePropagation;s.stopImmediatePropagation=function(){h&&h.call(this),this._stopped=!0}}return n}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/util/util"),a=r.create({constructor:function(t){this.init(t)},image:null,rect:null,init:function(t){var e=this,i=e.image;a.isDrawable(t)?e.image=t:n.copy(e,t,!0);var r=e.image;if("string"==typeof r){if(!i||r!==i.getAttribute("src")){e.image=null;var o=new Image;return t.crossOrigin&&(o.crossOrigin=t.crossOrigin),o.onload=function(){o.onload=null,e.init(o)},void(o.src=r)}r=e.image=i}r&&!e.rect&&(e.rect=[0,0,r.width,r.height])},Statics:{isDrawable:function(t){if(!t||!t.tagName)return!1;var e=t.tagName.toLowerCase();return"img"===e||"canvas"===e||"video"===e}}});return a}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/util/util"),a=r.create({constructor:function(t){t=t||{},n.copy(this,t,!0)},renderType:null,canvas:null,stage:null,blendMode:"source-over",startDraw:function(t){},draw:function(t){},endDraw:function(t){},transform:function(){},hide:function(){},remove:function(t){},clear:function(t,e,i,r){},resize:function(t,e){}});return a}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/core/Hilo"),a=t("hilo/renderer/Renderer"),o=r.create({Extends:a,constructor:function(t){o.superclass.constructor.call(this,t),this.context=this.canvas.getContext("2d")},renderType:"canvas",context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.context.clearRect(0,0,t.width,t.height),t.blendMode!==this.blendMode&&(this.context.globalCompositeOperation=this.blendMode=t.blendMode),this.context.save(),!0)},draw:function(t){var e=this.context,i=t.width,r=t.height,n=t.background;n&&(e.fillStyle=n,e.fillRect(0,0,i,r));var a=t.drawable,o=a&&a.image;if(o){var s=a.rect,h=s[2],l=s[3],c=s[4],u=s[5];if(!h||!l)return;i||r||(i=t.width=h,r=t.height=l),(c||u)&&e.translate(c-.5*h,u-.5*l),e.drawImage(o,s[0],s[1],h,l,0,0,i,r)}},endDraw:function(t){this.context.restore()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void n.setElementStyleByView(t);var i=this.context,r=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,h=t._scaleY,l=!1;(!s&&1!=r||s&&s!=r)&&(t._scaleX=r,o.width=r*t.width+"px",l=!0),(!h&&1!=a||h&&h!=a)&&(t._scaleY=a,o.height=a*t.height+"px",l=!0),l&&t.updateViewport()}else{var c=t.x,u=t.y,d=t.pivotX,f=t.pivotY,p=t.rotation%360,v=t.transform,m=t.mask;m&&(m._render(this),i.clip());var g=t.align;if(g){var _=t.getAlignPosition();c=_.x,u=_.y}v?i.transform(v.a,v.b,v.c,v.d,v.tx,v.ty):(0==c&&0==u||i.translate(c,u),0!=p&&i.rotate(p*Math.PI/180),1==r&&1==a||i.scale(r,a),0==d&&0==f||i.translate(-d,-f))}t.alpha>0&&(i.globalAlpha*=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},clear:function(t,e,i,r){this.context.clearRect(t,e,i,r)},resize:function(t,e){var i=this.canvas,r=this.stage,n=i.style;i.width=t,i.height=e,n.width=r.width*r.scaleX+"px",n.height=r.height*r.scaleY+"px"}});return o}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/core/Hilo"),a=t("hilo/renderer/Renderer"),o=t("hilo/view/Drawable"),s=function(){function t(t,e){var i=t.tagName||"div",r=e.image,a=t.width||r&&r.width,o=t.height||r&&r.height,s=n.createElement(i),h=s.style;if(t.id&&(s.id=t.id),h.position="absolute",h.left=(t.left||0)+"px",h.top=(t.top||0)+"px",h.width=a+"px",h.height=o+"px","canvas"==i){if(s.width=a,s.height=o,r){var l=s.getContext("2d"),c=e.rect||[0,0,a,o];l.drawImage(r,c[0],c[1],c[2],c[3],t.x||0,t.y||0,t.width||c[2],t.height||c[3])}}else if(h.opacity=void 0!=t.alpha?t.alpha:1,(t===this.stage||t.clipChildren)&&(h.overflow="hidden"),r&&r.src){h.backgroundImage="url("+r.src+")";var u=t.rectX||0,d=t.rectY||0;h.backgroundPosition=-u+"px "+-d+"px"}return s}return r.create({Extends:a,constructor:function(t){s.superclass.constructor.call(this,t)},renderType:"dom",startDraw:function(e){var i=e.drawable=e.drawable||new o;return i.domElement=i.domElement||t(e,i),!0},draw:function(t){var e=t.parent,i=t.drawable.domElement,r=i.parentNode;if(e){var n=e.drawable.domElement;if(n!=r&&n.appendChild(i),!t.width&&!t.height){var a=t.drawable.rect;a&&(a[2]||a[3])&&(t.width=a[2],t.height=a[3])}}else t!==this.stage||r||(i.style.overflow="hidden",this.canvas.appendChild(i))},transform:function(t){if(n.setElementStyleByView(t),t===this.stage){var e=this.canvas.style,i=t._scaleX,r=t._scaleY,a=t.scaleX,o=t.scaleY;(!i&&1!=a||i&&i!=a)&&(t._scaleX=a,e.width=a*t.width+"px"),(!r&&1!=o||r&&r!=o)&&(t._scaleY=o,e.height=o*t.height+"px")}},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},hide:function(t){var e=t.drawable&&t.drawable.domElement;e&&(e.style.display="none")},resize:function(t,e){var i=this.canvas.style;i.width=t+"px",i.height=e+"px","absolute"!=i.position&&(i.position="relative")}})}();return s}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/core/Hilo"),a=t("hilo/renderer/Renderer"),o=t("hilo/geom/Matrix"),s=Math.PI/180,h=r.create({Extends:a,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported}},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){h.superclass.constructor.call(this,t);var e=this;this.gl=this.canvas.getContext("webgl")||this.canvas.getContext("experimental-webgl"),this.maxBatchNum=h.MAX_BATCH_NUM,this.positionStride=4*h.ATTRIBUTE_NUM;var i=this.maxBatchNum*h.ATTRIBUTE_NUM*4,r=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*i),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(r);for(var n=0,a=0;n<r;n+=6,a+=4)this.indexs[n+0]=a+0,this.indexs[n+1]=a+1,this.indexs[n+2]=a+2,this.indexs[n+3]=a+1,this.indexs[n+4]=a+2,this.indexs[n+5]=a+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,i=t.height,r=(t.background,t.drawable),n=r&&r.image;if(n){var a=r.rect,o=a[2],s=a[3];e||i||(e=t.width=o,i=t.height=s),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(n,a[0],a[1],o,s,0,0,e,i),l=this.batchIndex*this.positionStride,c=this.float32Array,u=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);c[l+0]=h[0],c[l+1]=h[1],c[l+2]=h[2],c[l+3]=h[3],u[l+4]=d,c[l+5]=h[4],c[l+6]=h[5],c[l+7]=h[6],c[l+8]=h[7],u[l+9]=d,c[l+10]=h[8],c[l+11]=h[9],c[l+12]=h[10],c[l+13]=h[11],u[l+14]=d,c[l+15]=h[12],c[l+16]=h[13],c[l+17]=h[14],c[l+18]=h[15],u[l+19]=d;for(var f=t.__webglWorldMatrix,p=0;p<4;p++){var v=c[l+5*p],m=c[l+5*p+1];c[l+5*p]=f.a*v+f.c*m+f.tx,c[l+5*p+1]=f.b*v+f.d*m+f.ty}t.__textureImage=n,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void n.setElementStyleByView(t);var i=t.scaleX,r=t.scaleY;if(t===this.stage){var a=this.canvas.style,s=t._scaleX,h=t._scaleY,l=!1;(!s&&1!=i||s&&s!=i)&&(t._scaleX=i,a.width=i*t.width+"px",l=!0),(!h&&1!=r||h&&h!=r)&&(t._scaleY=r,a.height=r*t.height+"px",l=!0),l&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new o(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new o(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},clear:function(t,e,i,r){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var i=this.canvas,r=this.stage,n=i.style;this.width=i.width=t,this.height=i.height=e,n.width=r.width*r.scaleX+"px",n.height=r.height*r.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,i=0,r=null,n=0;n<this.batchIndex;n++){var a=this.sprites[n];r&&r!==a.__textureImage&&(this._renderBatch(e,n),e=n,i=1),r=a.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var i=this.gl,r=e-t;r>0&&(i.bindTexture(i.TEXTURE_2D,this._getTexture(this.sprites[t])),i.drawElements(i.TRIANGLES,6*r,i.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new l(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,i,r,n,a,o,s,h){var l=this.__tempVertexs||[],c=t.width,u=t.height;r/=c,n/=u,e/=c,i/=u,s=s,h=h,a=a,o=o,r+e>1&&(r=1-e),n+i>1&&(n=1-i);var d=0;return l[d++]=a,l[d++]=o,l[d++]=e,l[d++]=i,l[d++]=a+s,l[d++]=o,l[d++]=e+r,l[d++]=i,l[d++]=a,l[d++]=o+h,l[d++]=e,l[d++]=i+n,l[d++]=a+s,l[d++]=o+h,l[d++]=e+r,l[d++]=i+n,l},_setConcatenatedMatrix:function(t,e){var i=t.__webglWorldMatrix,r=1,n=0,a=t.rotation%360,o=t.pivotX,h=t.pivotY,l=t.scaleX,c=t.scaleY,u=t.transform;if(u)i.copy(u);else{if(a){var d=a*s;r=Math.cos(d),n=Math.sin(d)}var f=t.getAlignPosition();i.a=r*l,i.b=n*l,i.c=-n*c,i.d=r*c,i.tx=f.x-i.a*o-i.c*h,i.ty=f.y-i.b*o-i.d*h}i.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,i=this._cacheTexture[e.src];return i||(i=this.activeShader.uploadTexture(e)),i}}),l=function(t,e,i){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),i=i||{},this.attributes=i.attributes||[],this.uniforms=i.uniforms||[]};return l.prototype={active:function(){var t=this,e=t.renderer,i=t.gl,r=t.program;r&&i&&(e.activeShader=t,i.useProgram(r),t.attributes.forEach(function(t){e[t]=i.getAttribLocation(r,t),i.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=i.getUniformLocation(r,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,i=this.renderer,r=e.createTexture(),n=i.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,r),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(n,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=r,r},_createProgram:function(t,e,i){var r=this._createShader(t,t.VERTEX_SHADER,e),n=this._createShader(t,t.FRAGMENT_SHADER,i);if(!r||!n)return null;var a=t.createProgram();if(a){t.attachShader(a,r),t.attachShader(a,n),t.linkProgram(a),t.deleteShader(n),t.deleteShader(r);var o=t.getProgramParameter(a,t.LINK_STATUS);if(!o){var s=t.getProgramInfoLog(a);return console.log("Failed to link program: "+s),t.deleteProgram(a),null}}return a},_createShader:function(t,e,i){var r=t.createShader(e);if(r){t.shaderSource(r,i),t.compileShader(r);var n=t.getShaderParameter(r,t.COMPILE_STATUS);if(!n){var a=t.getShaderInfoLog(r);return console.log("Failed to compile shader: "+a),t.deleteShader(r),null}}return r}},h}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/event/EventMixin"),o=t("hilo/geom/Matrix"),s=t("hilo/util/util"),h=function(){function t(t,e,i){for(var r,n,a,o,s=0,h=!1,l=0,c=i.length;l<c;l++){var u=i[l],d=i[(l+1)%c];if(u.y==d.y&&e==u.y&&(u.x>d.x?(r=d.x,n=u.x):(r=u.x,n=d.x),t>=r&&t<=n))h=!0;else if(u.y>d.y?(a=d.y,o=u.y):(a=u.y,o=d.y),!(e<a||e>o)){var f=(e-u.y)*(d.x-u.x)/(d.y-u.y)+u.x;if(f>t?s++:f==t&&(h=!0),u.x>t&&u.y==e){var p=i[(c+l-1)%c];(p.y<e&&d.y>e||p.y>e&&d.y<e)&&s++}}}return h||s%2==1}function e(t,e){var r=i(t,e,{overlap:-(1/0),normal:{x:0,y:0}});return!!r&&i(e,t,r)}function i(t,e,i){for(var r,n,a,o,s,h,l,c,u,d=t.length,f=e.length,p={x:0,y:0},v=0;v<d;v++){r=t[v],n=t[v<d-1?v+1:0],p.x=r.y-n.y,p.y=n.x-r.x,a=Math.sqrt(p.x*p.x+p.y*p.y),p.x/=a,p.y/=a,o=s=t[0].x*p.x+t[0].y*p.y;for(var m=1;m<d;m++)c=t[m].x*p.x+t[m].y*p.y,c>s?s=c:c<o&&(o=c);for(h=l=e[0].x*p.x+e[0].y*p.y,m=1;m<f;m++)c=e[m].x*p.x+e[m].y*p.y,c>l?l=c:c<h&&(h=c);if(o<h?(u=h-s,p.x=-p.x,p.y=-p.y):u=o-l,u>=0)return!1;u>i.overlap&&(i.overlap=u,i.normal.x=p.x,i.normal.y=p.y)}return i}return n.create({Mixes:a,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("View"),s.copy(this,t,!0)},tint:16777215,id:null,x:0,y:0,width:0,height:0,alpha:1,rotation:0,visible:!0,pivotX:0,pivotY:0,scaleX:1,scaleY:1,pointerEnabled:!0,background:null,mask:null,align:null,drawable:null,boundsArea:null,parent:null,depth:-1,transform:null,blendMode:"source-over",getStage:function(){for(var t,e=this;t=e.parent;)e=t;return e.canvas?e:null},getScaledWidth:function(){return this.width*this.scaleX},getScaledHeight:function(){return this.height*this.scaleY},addTo:function(t,e){return"number"==typeof e?t.addChildAt(this,e):t.addChild(this),this},removeFromParent:function(){var t=this.parent;return t&&t.removeChild(this),this},getBounds:function(){for(var t,e,i,r,n,a,o,s=this.width,h=this.height,l=this.getConcatenatedMatrix(),c=this.boundsArea||[{x:0,y:0},{x:s,y:0},{x:s,y:h},{x:0,y:h}],u=[],d=0,f=c.length;d<f;d++)t=l.transformPoint(c[d],!0,!0),e=t.x,i=t.y,0==d?(r=n=e,a=o=i):(r>e?r=e:n<e&&(n=e),a>i?a=i:o<i&&(o=i)),u[d]=t;return u.x=r,u.y=a,u.width=n-r,u.height=o-a,u},getConcatenatedMatrix:function(t){for(var e=new o(1,0,0,1,0,0),i=this;i!=t&&i.parent;i=i.parent){var r=1,n=0,a=i.rotation%360,s=i.pivotX,h=i.pivotY,l=i.scaleX,c=i.scaleY,u=i.transform;if(u)e.concat(u);else{if(a){var d=a*Math.PI/180;r=Math.cos(d),n=Math.sin(d)}0!=s&&(e.tx-=s),0!=h&&(e.ty-=h);var f=i.getAlignPosition();e.concat(r*l,n*l,-n*c,r*c,f.x,f.y)}}return e},getAlignPosition:function(){var t=this.parent,e=this.align,i=this.x,r=this.y;if(t&&this.align){if("function"==typeof e)return this.align();var n=this.width,a=this.height,o=t.width,s=t.height;switch(e){case"TL":i=0,r=0;break;case"T":i=o-n>>1,r=0;break;case"TR":i=o-n,r=0;break;case"L":i=0,r=s-a>>1;break;case"C":i=o-n>>1,r=s-a>>1;break;case"R":i=o-n,r=s-a>>1;break;case"BL":i=0,r=s-a;break;case"B":i=o-n>>1,r=s-a;break;case"BR":i=o-n,r=s-a}}return{x:i,y:r}},hitTestPoint:function(e,i,r){var n=this.getBounds(),a=e>=n.x&&e<=n.x+n.width&&i>=n.y&&i<=n.y+n.height;return a&&r&&(a=t(e,i,n)),a},hitTestObject:function(t,i){var r=this.getBounds(),n=t.getBounds(),a=r.x<=n.x+n.width&&n.x<=r.x+r.width&&r.y<=n.y+n.height&&n.y<=r.y+r.height;return a&&i&&(a=e(r,n)),!!a},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||!t.startDraw(this)||(t.transform(this),this.render(t,e),t.endDraw(this))},_fireMouseEvent:function(t){if(t.eventCurrentTarget=this,this.fire(t),"mousemove"==t.type){if(!this.__mouseOver){this.__mouseOver=!0;var e=s.copy({},t);e.type="mouseover",this.fire(e)}}else"mouseout"==t.type&&(this.__mouseOver=!1);var i=this.parent;t._stopped||t._stopPropagationed||!i||("mouseout"==t.type||"touchout"==t.type?i.hitTestPoint(t.stageX,t.stageY,!0)||i._fireMouseEvent(t):i._fireMouseEvent(t))},onUpdate:null,render:function(t,e){t.draw(this)},toString:function(){return r.viewToString(this)}})}();return h}),define(function(t,e,i){var r,n,a=t("hilo/view/Drawable"),o=t("hilo/util/browser"),s={_cacheDirty:!0,cache:function(t){(t||this._cacheDirty||!this.drawable)&&this.updateCache()},updateCache:function(){o.supportCanvas&&(r||(r=document.createElement("canvas"),n=r.getContext("2d")),r.width=this.width,r.height=this.height,this._draw(n),this.drawable=this.drawable||new a,this.drawable.init({image:r.toDataURL()}),this._cacheDirty=!1)},setCacheDirty:function(t){this._cacheDirty=t}};return s}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/View"),o=n.create({Extends:a,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("Container"),o.superclass.constructor.call(this,t),this.children?this._updateChildren():this.children=[]},children:null,pointerChildren:!0,clipChildren:!1,getNumChildren:function(){return this.children.length},addChildAt:function(t,e){var i=this.children,r=i.length,n=t.parent;e=e<0?0:e>r?r:e;var a=this.getChildIndex(t);if(a==e)return this;if(a>=0?(i.splice(a,1),e=e==r?r-1:e):n&&n.removeChild(t),i.splice(e,0,t),a<0)this._updateChildren(e);else{var o=a<e?a:e,s=a<e?e:a;this._updateChildren(o,s+1)}return this},addChild:function(t){for(var e=this.children.length,i=arguments,r=0,n=i.length;r<n;r++)this.addChildAt(i[r],e+r);return this},removeChildAt:function(t){var e=this.children;if(t<0||t>=e.length)return null;var i=e[t];if(i){if(!i.__renderer)for(var r=i;r=r.parent;){if(r.renderer){i.__renderer=r.renderer;break}if(r.__renderer){i.__renderer=r.__renderer;break}}i.__renderer&&i.__renderer.remove(i),i.parent=null,i.depth=-1}return e.splice(t,1),this._updateChildren(t),i},removeChild:function(t){return this.removeChildAt(this.getChildIndex(t))},removeChildById:function(t){for(var e,i=this.children,r=0,n=i.length;r<n;r++)if(e=i[r],e.id===t)return this.removeChildAt(r),e;return null},removeAllChildren:function(){for(;this.children.length;)this.removeChildAt(0);return this},getChildAt:function(t){var e=this.children;return t<0||t>=e.length?null:e[t]},getChildById:function(t){for(var e,i=this.children,r=0,n=i.length;r<n;r++)if(e=i[r],e.id===t)return e;return null},getChildIndex:function(t){return this.children.indexOf(t)},setChildIndex:function(t,e){var i=this.children,r=i.indexOf(t);if(r>=0&&r!=e){var n=i.length;e=e<0?0:e>=n?n-1:e,i.splice(r,1),i.splice(e,0,t),this._updateChildren()}return this},swapChildren:function(t,e){var i=this.children,r=this.getChildIndex(t),n=this.getChildIndex(e);t.depth=n,i[n]=t,e.depth=r,i[r]=e},swapChildrenAt:function(t,e){var i=this.children,r=this.getChildAt(t),n=this.getChildAt(e);r.depth=e,i[e]=r,n.depth=t,i[t]=n},sortChildren:function(t){var e=t,i=this.children;if("string"==typeof e){var r=e;e=function(t,e){return e[r]-t[r]}}i.sort(e),this._updateChildren()},_updateChildren:function(t,e){var i,r=this.children;t=t||0,e=e||r.length;for(var n=t;n<e;n++)i=r[n],i.depth=n+1,i.parent=this},contains:function(t){for(;t=t.parent;)if(t===this)return!0;return!1},getViewAtPoint:function(t,e,i,r,n){for(var a,o,s=r?[]:null,h=this.children,l=h.length-1;l>=0;l--)if(a=h[l],!(!a||!a.visible||a.alpha<=0||n&&!a.pointerEnabled))if(a.children&&a.children.length&&(!n||a.pointerChildren)&&(o=a.getViewAtPoint(t,e,i,r,n)),o){if(!r)return o;o.length&&(s=s.concat(o))}else if(a.hitTestPoint(t,e,i)){if(!r)return a;s.push(a)}return r&&s.length?s:null},render:function(t,e){o.superclass.render.call(this,t,e);var i,r,n,a=this.children.slice(0);for(i=0,r=a.length;i<r;i++)n=a[i],n.parent===this&&n._render(t,e)}});return o}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/Container"),o=t("hilo/renderer/CanvasRenderer"),s=t("hilo/renderer/DOMRenderer"),h=t("hilo/renderer/WebGLRenderer"),l=t("hilo/util/browser"),c=t("hilo/util/util"),u=n.create({Extends:a,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("Stage"),u.superclass.constructor.call(this,t),this._initRenderer(t);var e=this.width,i=this.height,n=this.updateViewport();t.width||(e=n&&n.width||320),t.height||(i=n&&n.height||480),this.resize(e,i,!0)},canvas:null,renderer:null,paused:!1,viewport:null,_initRenderer:function(t){var e=t.canvas,i=t.container,n=t.renderType||"canvas";if("string"==typeof e&&(e=r.getElement(e)),"string"==typeof i&&(i=r.getElement(i)),e)e.getContext||(n="dom");else{var a="dom"===n?"div":"canvas";e=r.createElement(a,{style:{position:"absolute"}})}this.canvas=e,i&&i.appendChild(e);var l={canvas:e,stage:this};switch(n){case"dom":this.renderer=new s(l);break;case"webgl":h.isSupport()?this.renderer=new h(l):this.renderer=new o(l);break;case"canvas":default:this.renderer=new o(l)}},addTo:function(t){var e=this.canvas;return e.parentNode!==t&&t.appendChild(e),this},tick:function(t){this.paused||this._render(this.renderer,t)},enableDOMEvent:function(t,e){var i=this,r=i.canvas,n=i._domListener||(i._domListener=function(t){i._onDOMEvent(t)});t="string"==typeof t?[t]:t,e=e!==!1;for(var a=0;a<t.length;a++){var o=t[a];e?r.addEventListener(o,n,!1):r.removeEventListener(o,n)}return i},_onDOMEvent:function(t){var e=t.type,i=t,r=0==e.indexOf("touch"),n=t;if(r){var a=t.touches,o=t.changedTouches;n=a&&a.length?a[0]:o&&o.length?o[0]:null}var s=n.pageX||n.clientX,h=n.pageY||n.clientY,u=this.viewport||this.updateViewport();i.stageX=s=(s-u.left)/this.scaleX,i.stageY=h=(h-u.top)/this.scaleY,i.stopPropagation=function(){this._stopPropagationed=!0};var d=this.getViewAtPoint(s,h,!0,!1,!0)||this,f=this.canvas,p=this._eventTarget,v="mouseout"===e;
-if(p&&(p!=d&&(!p.contains||!p.contains(d))||v)){var m="touchmove"===e?"touchout":"mousemove"===e||v||!d?"mouseout":null;if(m){var g=c.copy({},i);g.type=m,g.eventTarget=p,p._fireMouseEvent(g)}i.lastEventTarget=p,this._eventTarget=null}if(d&&d.pointerEnabled&&"mouseout"!==e&&(i.eventTarget=this._eventTarget=d,d._fireMouseEvent(i)),!r){var _=d&&d.pointerEnabled&&d.useHandCursor?"pointer":"";f.style.cursor=_}l.android&&"touchmove"===e&&t.preventDefault()},updateViewport:function(){var t=this.canvas,e=null;return t.parentNode&&(e=this.viewport=r.getElementRect(t)),e},resize:function(t,e,i){(i||this.width!==t||this.height!==e)&&(this.width=t,this.height=e,this.renderer.resize(t,e),this.updateViewport())}});return u}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/View"),o=t("hilo/view/Drawable"),s=n.create({Extends:a,constructor:function(t){if(t=t||{},this.id=this.id||t.id||r.getUid("Bitmap"),s.superclass.constructor.call(this,t),this.drawable=new o(t),!this.width||!this.height){var e=this.drawable.rect;e&&(this.width=e[2],this.height=e[3])}},setImage:function(t,e){return this.drawable.init({image:t,rect:e}),e?(this.width=e[2],this.height=e[3]):this.width||this.height||(e=this.drawable.rect,e&&(this.width=e[2],this.height=e[3])),this}});return s}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/View"),o=t("hilo/view/Drawable"),s=n.create({Extends:a,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("Sprite"),s.superclass.constructor.call(this,t),this._frames=[],this._frameNames={},this.drawable=new o,t.frames&&this.addFrame(t.frames)},_frames:null,_frameNames:null,_frameElapsed:0,_firstRender:!0,paused:!1,loop:!0,timeBased:!1,interval:1,currentFrame:0,getNumFrames:function(){return this._frames?this._frames.length:0},addFrame:function(t,e){var i=null!=e?e:this._frames.length;if(t instanceof Array)for(var r=0,n=t.length;r<n;r++)this.setFrame(t[r],i+r);else this.setFrame(t,i);return this},setFrame:function(t,e){var i=this._frames,r=i.length;return e=e<0?0:e>r?r:e,i[e]=t,t.name&&(this._frameNames[t.name]=t),(0!=e||this.width)&&this.height||(this.width=t.rect[2],this.height=t.rect[3]),this},getFrame:function(t){if("number"==typeof t){var e=this._frames;return t<0||t>=e.length?null:e[t]}return this._frameNames[t]},getFrameIndex:function(t){var e=this._frames,i=e.length,r=-1;if("number"==typeof t)r=t;else{var n="string"==typeof t?this._frameNames[t]:t;if(n)for(var a=0;a<i;a++)if(n===e[a]){r=a;break}}return r},play:function(){return this.paused=!1,this},stop:function(){return this.paused=!0,this},"goto":function(t,e){var i=this._frames.length,r=this.getFrameIndex(t);return this.currentFrame=r<0?0:r>=i?i-1:r,this.paused=e,this._firstRender=!0,this},_render:function(t,e){var i,r=this.currentFrame;if(this._firstRender?(i=r,this._firstRender=!1):i=this._nextFrame(e),i!=r){this.currentFrame=i;var n=this._frames[i].callback;n&&n.call(this)}this.onEnterFrame&&this.onEnterFrame(i),this.drawable.init(this._frames[i]),s.superclass._render.call(this,t,e)},_nextFrame:function(t){var e=this._frames,i=e.length,r=this.currentFrame,n=e[r],a=n.duration||this.interval,o=this._frameElapsed,s=0!=r||this.drawable?o+(this.timeBased?t:1):0;return o=this._frameElapsed=s<a?s:0,(n.stop||!this.loop&&r>=i-1)&&this.stop(),this.paused||0!=o||(null!=n.next?r=this.getFrameIndex(n.next):r>=i-1?r=0:this.drawable&&r++),r},setFrameCallback:function(t,e){return t=this.getFrame(t),t&&(t.callback=e),this},onEnterFrame:null});return s}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/View"),o=t("hilo/view/Drawable"),s=n.create({Extends:a,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("DOMElement"),s.superclass.constructor.call(this,t),this.drawable=new o;var e=this.drawable.domElement=t.element||r.createElement("div");e.id=this.id,this.pointerEnabled&&!e.style.pointerEvents&&(e.style.pointerEvents="visible")},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||(t.transform(this),this.visible&&this.alpha>0&&this.render(t,e))},render:function(t,e){if("dom"!==t.renderType){var i=t.canvas,n=this.parent,a=t._domElementContainer;t._domElementContainer||(a=t._domElementContainer=r.createElement("div",{style:{position:"absolute",transform:"scale3d("+n.scaleX+","+n.scaleY+", 1)",transformOrigin:"0 0",zIndex:"1"}}),i.parentNode.insertBefore(t._domElementContainer,i.nextSibling));var o,s=this.drawable.domElement,h=this.depth,l=a.childNodes[0];if(s.parentNode)return;for(;l&&3!=l.nodeType&&(o=parseInt(l.style.zIndex)||0,!(o<=0||o>h));)l=l.nextSibling;a.insertBefore(this.drawable.domElement,l)}else t.draw(this)}});return s}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/View"),o=t("hilo/view/CacheMixin"),s=function(){var t=document.createElement("canvas"),e=t.getContext&&t.getContext("2d");return n.create({Extends:a,Mixes:o,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("Graphics"),s.superclass.constructor.call(this,t),this._actions=[]},lineWidth:1,lineAlpha:1,lineCap:null,lineJoin:null,miterLimit:10,hasStroke:!1,strokeStyle:"0",hasFill:!1,fillStyle:"0",fillAlpha:0,lineStyle:function(t,e,i,r,n,a){var o=this,s=o._addAction;return s.call(o,["lineWidth",o.lineWidth=t||1]),s.call(o,["strokeStyle",o.strokeStyle=e||"0"]),s.call(o,["lineAlpha",o.lineAlpha=i||1]),void 0!=r&&s.call(o,["lineCap",o.lineCap=r]),void 0!=n&&s.call(o,["lineJoin",o.lineJoin=n]),void 0!=a&&s.call(o,["miterLimit",o.miterLimit=a]),o.hasStroke=!0,o},setLineDash:function(t){return this._addAction(["setLineDash",t])},beginFill:function(t,e){var i=this,r=i._addAction;return r.call(i,["fillStyle",i.fillStyle=t]),r.call(i,["fillAlpha",i.fillAlpha=e||1]),i.hasFill=!0,i},endFill:function(){var t=this,e=t._addAction;return t.hasStroke&&e.call(t,["stroke"]),t.hasFill&&e.call(t,["fill"]),t.setCacheDirty(!0),t},beginLinearGradientFill:function(t,i,r,n,a,o){for(var s=this,h=e.createLinearGradient(t,i,r,n),l=0,c=a.length;l<c;l++)h.addColorStop(o[l],a[l]);return s.hasFill=!0,s._addAction(["fillStyle",s.fillStyle=h])},beginRadialGradientFill:function(t,i,r,n,a,o,s,h){for(var l=this,c=e.createRadialGradient(t,i,r,n,a,o),u=0,d=s.length;u<d;u++)c.addColorStop(h[u],s[u]);return l.hasFill=!0,l._addAction(["fillStyle",l.fillStyle=c])},beginBitmapFill:function(t,i){var r=this,n=e.createPattern(t,i||"");return r.hasFill=!0,r._addAction(["fillStyle",r.fillStyle=n])},beginPath:function(){return this._addAction(["beginPath"])},closePath:function(){return this._addAction(["closePath"])},moveTo:function(t,e){return this._addAction(["moveTo",t,e])},lineTo:function(t,e){return this._addAction(["lineTo",t,e])},quadraticCurveTo:function(t,e,i,r){return this._addAction(["quadraticCurveTo",t,e,i,r])},bezierCurveTo:function(t,e,i,r,n,a){return this._addAction(["bezierCurveTo",t,e,i,r,n,a])},drawRect:function(t,e,i,r){return this._addAction(["rect",t,e,i,r])},drawRoundRectComplex:function(t,e,i,r,n,a,o,s){var h=this,l=h._addAction;return l.call(h,["moveTo",t+n,e]),l.call(h,["lineTo",t+i-a,e]),l.call(h,["arc",t+i-a,e+a,a,-Math.PI/2,0,!1]),l.call(h,["lineTo",t+i,e+r-o]),l.call(h,["arc",t+i-o,e+r-o,o,0,Math.PI/2,!1]),l.call(h,["lineTo",t+s,e+r]),l.call(h,["arc",t+s,e+r-s,s,Math.PI/2,Math.PI,!1]),l.call(h,["lineTo",t,e+n]),l.call(h,["arc",t+n,e+n,n,Math.PI,3*Math.PI/2,!1]),h},drawRoundRect:function(t,e,i,r,n){return this.drawRoundRectComplex(t,e,i,r,n,n,n,n)},drawCircle:function(t,e,i){return this._addAction(["arc",t+i,e+i,i,0,2*Math.PI,0])},drawEllipse:function(t,e,i,r){var n=this;if(i==r)return n.drawCircle(t,e,i);var a=n._addAction,o=i/2,s=r/2,h=.5522847498307933,l=h*o,c=h*s;return t+=o,e+=s,a.call(n,["moveTo",t+o,e]),a.call(n,["bezierCurveTo",t+o,e-c,t+l,e-s,t,e-s]),a.call(n,["bezierCurveTo",t-l,e-s,t-o,e-c,t-o,e]),a.call(n,["bezierCurveTo",t-o,e+c,t-l,e+s,t,e+s]),a.call(n,["bezierCurveTo",t+l,e+s,t+o,e+c,t+o,e]),n},drawSVGPath:function(t){var e=this,i=e._addAction,r=t.replace(/,/g," ").replace(/-/g," -").split(/(?=[a-zA-Z])/);i.call(e,["beginPath"]);for(var n,a={x:0,y:0},o={x:0,y:0},s=0,h=r.length;s<h;s++){var l=r[s];if(l.length){var c=l[0],u=c.toUpperCase(),d=this._getSVGParams(l),f=u!==c;switch(u){case"M":f&&this._convertToAbsolute(a,d),i.call(e,["moveTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"L":f&&this._convertToAbsolute(a,d),i.call(e,["lineTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"H":f&&(d[0]+=a.x),i.call(e,["lineTo",d[0],a.y]),a.x=d[0];break;case"V":f&&(d[0]+=a.y),i.call(e,["lineTo",a.x,d[0]]),a.y=d[0];break;case"Z":i.call(e,["closePath"]);break;case"C":f&&this._convertToAbsolute(a,d),i.call(e,["bezierCurveTo",d[0],d[1],d[2],d[3],d[4],d[5]]),o.x=d[2],o.y=d[3],this._setCurrentPoint(a,d[4],d[5]);break;case"S":f&&this._convertToAbsolute(a,d),p="C"===n||"S"===n?this._getReflectionPoint(a,o):a,i.call(e,["bezierCurveTo",p.x,p.y,d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"Q":f&&this._convertToAbsolute(a,d),i.call(e,["quadraticCurveTo",d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"T":f&&this._convertToAbsolute(a,d);var p;p="Q"===n||"T"===n?this._getReflectionPoint(a,o):a,i.call(e,["quadraticCurveTo",p.x,p.y,d[0],d[1]]),o=p,this._setCurrentPoint(a,d[0],d[1])}n=u}}return e},_getSVGParams:function(t){var e=t.substring(1).replace(/[\s]+$|^[\s]+/g,"").split(/[\s]+/);0==e[0].length&&e.shift();for(var i=0,r=e.length;i<r;i++)e[i]=parseFloat(e[i]);return e},_convertToAbsolute:function(t,e){for(var i=0,r=e.length;i<r;i++)i%2===0?e[i]+=t.x:e[i]+=t.y},_setCurrentPoint:function(t,e,i){t.x=e,t.y=i},_getReflectionPoint:function(t,e){return{x:2*t.x-e.x,y:2*t.y-e.y}},_draw:function(t){var e,i=this,r=i._actions,n=r.length;for(t.beginPath(),e=0;e<n;e++){var a=r[e],o=a[0],s=a.length>1?a.slice(1):null;"function"==typeof t[o]?t[o].apply(t,s):t[o]=a[1]}},render:function(t,e){var i=this;"canvas"===t.renderType?i._draw(t.context):(i.cache(),t.draw(i))},clear:function(){var t=this;return t._actions.length=0,t.lineWidth=1,t.lineAlpha=1,t.lineCap=null,t.lineJoin=null,t.miterLimit=10,t.hasStroke=!1,t.strokeStyle="0",t.hasFill=!1,t.fillStyle="0",t.fillAlpha=1,t.setCacheDirty(!0),t},_addAction:function(t){var e=this;return e._actions.push(t),e}})}();return s}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/core/Hilo"),a=t("hilo/view/View"),o=t("hilo/view/CacheMixin"),s=r.create({Extends:a,Mixes:o,constructor:function(t){t=t||{},this.id=this.id||t.id||n.getUid("Text"),s.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=s.measureFontHeight(this.font)},text:null,color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=s.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var r=i.drawable,n=r.domElement,a=n.style;a.font=i.font,a.textAlign=i.textAlign,a.color=i.color,a.width=i.width+"px",a.height=i.height+"px",a.lineHeight=i._fontHeight+i.lineSpacing+"px",n.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var r,n,a,o,s,h=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),l=0,c=0,u=e._fontHeight+e.lineSpacing,d=[];for(r=0,o=h.length;r<o;r++)if(n=h[r],a=t.measureText(n).width,a<=e.maxWidth)d.push({text:n,y:c}),l<a&&(l=a),c+=u;else{var f,p,v,m="",g=0;for(p=0,s=n.length;p<s;p++)v=n[p],f=t.measureText(m+v).width,f>e.maxWidth?(d.push({text:m,y:c}),l<g&&(l=g),c+=u,m=v):(g=f,m+=v),p==s-1&&(d.push({text:m,y:c}),m!==v&&l<f&&(l=f),c+=u)}e.textWidth=l,e.textHeight=c,e.width||(e.width=l),e.height||(e.height=c);var _=0;switch(e.textVAlign){case"middle":_=e.height-e.textHeight>>1;break;case"bottom":_=e.height-e.textHeight}var x=e.background;for(x&&(t.fillStyle=x,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,r=0;r<d.length;r++)n=d[r],e._drawTextLine(t,n.text,_+n.y)}},_drawTextLine:function(t,e,i){var r=this,n=0,a=r.width;switch(r.textAlign){case"center":n=a>>1;break;case"right":case"end":n=a}r.outline?t.strokeText(e,n,i):t.fillText(e,n,i)},Statics:{measureFontHeight:function(t){var e,i=document.documentElement,r=n.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return i.appendChild(r),e=r.offsetHeight,i.removeChild(r),e}}});return s}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/core/Hilo"),a=t("hilo/view/Container"),o=t("hilo/view/Bitmap"),s=r.create({Extends:a,constructor:function(t){t=t||{},this.id=this.id||t.id||n.getUid("BitmapText"),s.superclass.constructor.call(this,t);var e=t.text+"";e&&(this.text="",this.setText(e)),this.pointerChildren=!1},glyphs:null,letterSpacing:0,text:"",textAlign:"left",setText:function(t){var e=this,i=t.toString(),r=i.length;if(e.text!=i){e.text=i;var n,a,o,s,h=0,l=0,c=0;for(n=0;n<r;n++)a=i.charAt(n),o=e.glyphs[a],o&&(c=h+(h>0?e.letterSpacing:0),e.children[n]?(s=e.children[n],s.setImage(o.image,o.rect)):(s=e._createBitmap(o),e.addChild(s)),s.x=c,h=c+o.rect[2],l=Math.max(l,o.rect[3]));for(n=e.children.length-1;n>=r;n--)e._releaseBitmap(e.children[n]),e.children[n].removeFromParent();return e.width=h,e.height=l,this.setTextAlign(),e}},_createBitmap:function(t){var e;return s._pool.length?(e=s._pool.pop(),e.setImage(t.image,t.rect)):e=new o({image:t.image,rect:t.rect}),e},_releaseBitmap:function(t){s._pool.push(t)},setTextAlign:function(t){switch(this.textAlign=t||this.textAlign,this.textAlign){case"center":this.pivotX=.5*this.width;break;case"right":this.pivotX=this.width;break;case"left":default:this.pivotX=0}return this},hasGlyphs:function(t){var e=this.glyphs;if(!e)return!1;t=t.toString();var i,r=t.length;for(i=0;i<r;i++)if(!e[t.charAt(i)])return!1;return!0},Statics:{_pool:[],createGlyphs:function(t,e,i,r){var n=t.toString();i=i||n.length,r=r||1;for(var a=e.width/i,o=e.height/r,s={},h=0,l=t.length;h<l;h++){var c=n.charAt(h);s[c]={image:e,rect:[a*(h%i),o*Math.floor(h/i),a,o]}}return s}}});return s}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/View"),o=t("hilo/view/Drawable"),s=t("hilo/util/util"),h=n.create({Extends:a,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("Button"),h.superclass.constructor.call(this,t),this.drawable=new o(t),this.setState(h.UP)},upState:null,overState:null,downState:null,disabledState:null,state:null,enabled:!0,useHandCursor:!0,setEnabled:function(t){return this.enabled!=t&&(t?this.setState(h.UP):this.setState(h.DISABLED)),this},setState:function(t){if(this.state!==t){this.state=t,this.pointerEnabled=this.enabled=t!==h.DISABLED;var e;switch(t){case h.UP:e=this.upState;break;case h.OVER:e=this.overState;break;case h.DOWN:e=this.downState;break;case h.DISABLED:e=this.disabledState}e&&(this.drawable.init(e),s.copy(this,e,!0))}return this},fire:function(t,e){if(this.enabled){var i="string"==typeof t?t:t.type;switch(i){case"mousedown":case"touchstart":case"touchmove":this.setState(h.DOWN);break;case"mouseover":this.setState(h.OVER);break;case"mouseup":this.overState?this.setState(h.OVER):this.upState&&this.setState(h.UP);break;case"touchend":case"touchout":case"mouseout":this.setState(h.UP)}return h.superclass.fire.call(this,t,e)}},Statics:{UP:"up",OVER:"over",DOWN:"down",DISABLED:"disabled"}});return h}),define(function(t,e,i){var r=t("hilo/core/Class"),n=function(){function t(t){var e,i,r=t.frames;if(!r)return null;var n,a=[];if(r instanceof Array)for(e=0,i=r.length;e<i;e++)n=r[e],a[e]={image:t.image,rect:n};else{var o=r.frameWidth,s=r.frameHeight,h=t.width/o|0,l=t.height/s|0,c=r.numFrames||h*l;for(e=0;e<c;e++)a[e]={image:t.image,rect:[e%h*o,(e/h|0)*s,o,s]}}return a}function e(t,e){var r,a,o=t.sprites;if(!o)return null;var s,h,l,c={};for(var u in o){if(s=o[u],n(s))h=i(e[s]);else if(s instanceof Array)for(h=[],r=0,a=s.length;r<a;r++){var d,f=s[r];n(f)?l=i(e[f]):(d=f.rect,n(d)&&(d=e[f.rect]),l=i(d,f)),h[r]=l}else for(h=[],r=s.from;r<=s.to;r++)h[r-s.from]=i(e[r],s[r]);c[u]=h}return c}function i(t,e){var i={image:t.image,rect:t.rect};return e&&(i.name=e.name||null,i.duration=e.duration||0,i.stop=!!e.stop,i.next=e.next||null),i}function n(t){return"number"==typeof t}return r.create({constructor:function(i){this._frames=t(i),this._sprites=e(i,this._frames)},_frames:null,_sprites:null,getFrame:function(t){var e=this._frames;return e&&e[t]},getSprite:function(t){var e=this._sprites;return e&&e[t]},Statics:{createSpriteFrames:function(t,e,i,r,n,a,o){var s,h;if("[object Array]"===Object.prototype.toString.call(t)){var l=[];for(s=0,h=t.length;s<h;s++)l=l.concat(this.createSpriteFrames.apply(this,t[s]));return l}if("string"==typeof e){var c=e.split(",");e=[];for(var u=0,d=c.length;u<d;u++){var f=c[u].split("-");if(1==f.length)e.push(parseInt(f[0]));else for(s=parseInt(f[0]),h=parseInt(f[1]);s<=h;s++)e.push(s)}}var p=Math.floor(i.width/r);for(s=0;s<e.length;s++){var v=e[s];e[s]={rect:[r*(v%p),n*Math.floor(v/p),r,n],image:i,duration:o}}return e[0].name=t,a?e[e.length-1].next=t:e[e.length-1].stop=!0,e}}})}();return n}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/util/browser"),a=r.create({constructor:function(t){this._targetFPS=t||60,this._interval=1e3/this._targetFPS,this._tickers=[]},_paused:!1,_targetFPS:0,_interval:0,_intervalId:null,_tickers:null,_lastTime:0,_tickCount:0,_tickTime:0,_measuredFPS:0,start:function(t){if(void 0===t&&(t=!0),!this._intervalId){this._lastTime=+new Date;var e,i=this,r=this._interval,a=window.requestAnimationFrame||window[n.jsVendor+"RequestAnimationFrame"];t&&a&&r<17?(this._useRAF=!0,e=function(){i._intervalId=a(e),i._tick()}):e=function(){i._intervalId=setTimeout(e,r),i._tick()},this._paused=!1,e()}},stop:function(){if(this._useRAF){var t=window.cancelAnimationFrame||window[n.jsVendor+"CancelAnimationFrame"];t(this._intervalId)}else clearTimeout(this._intervalId);this._intervalId=null,this._lastTime=0,this._paused=!0},pause:function(){this._paused=!0},resume:function(){this._paused=!1},_tick:function(){if(!this._paused){var t=+new Date,e=t-this._lastTime,i=this._tickers;++this._tickCount>=this._targetFPS?(this._measuredFPS=1e3/(this._tickTime/this._tickCount)+.5>>0,this._tickCount=0,this._tickTime=0):this._tickTime+=t-this._lastTime,this._lastTime=t;for(var r=i.slice(0),n=0,a=r.length;n<a;n++)r[n].tick(e)}},getMeasuredFPS:function(){return Math.min(this._measuredFPS,this._targetFPS)},addTick:function(t){if(!t||"function"!=typeof t.tick)throw new Error("Ticker: The tick object must implement the tick method.");this._tickers.push(t)},removeTick:function(t){var e=this._tickers,i=e.indexOf(t);i>=0&&e.splice(i,1)},nextTick:function(t){var e=this,i={tick:function(r){e.removeTick(i),t()}};return e.addTick(i),i},timeout:function(t,e){var i=this,r=(new Date).getTime()+e,n={tick:function(){var e=(new Date).getTime(),a=e-r;a>=0&&(i.removeTick(n),t())}};return i.addTick(n),n},interval:function(t,e){var i=this,r=(new Date).getTime()+e,n={tick:function(){var i=(new Date).getTime(),n=i-r;n>=0&&(n<e&&(i-=n),r=i+e,t())}};return i.addTick(n),n}});return a}),define(function(t,e,i){var r=Array.prototype,n=r.slice;r.indexOf||(r.indexOf=function(t,e){e=e||0;var i,r=this.length;if(0==r||e>=r)return-1;for(e<0&&(e=r+e),i=e;i<r;i++)if(this[i]===t)return i;return-1});var a=Function.prototype;a.bind||(a.bind=function(t){function e(){var a=r.concat(n.call(arguments));return i.apply(this instanceof e?this:t,a)}var i=this,r=n.call(arguments,1),a=function(){};return a.prototype=i.prototype,e.prototype=new a,e})}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n={_isDragStart:!1,dragNeedTransform:!1,startDrag:function(t){function e(t){t.stopPropagation(),a(t),s.off(r.event.POINTER_START,e),p.x=s.x,p.y=s.y,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().transformPoint(p),s.__dragX=p.x-l.x,s.__dragY=p.y-l.y,h||(h=s.getStage()),h.on(r.event.POINTER_MOVE,n),document.addEventListener(r.event.POINTER_END,i),s.fire("dragStart",l)}function i(t){document.removeEventListener(r.event.POINTER_END,i),h&&h.off(r.event.POINTER_MOVE,n),s.on(r.event.POINTER_START,e),s.fire("dragEnd",l)}function n(t){a(t),p.x=l.x+s.__dragX,p.y=l.y+s.__dragY,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().invert().transformPoint(p),s.x=Math.max(c,Math.min(d,p.x)),s.y=Math.max(u,Math.min(f,p.y)),s.fire("dragMove",l)}function a(t){l.preX=l.x,l.preY=l.y,l.x=t.stageX,l.y=t.stageY}function o(){s._isDragStart=!1,document.removeEventListener(r.event.POINTER_END,i),h&&h.off(r.event.POINTER_MOVE,n),s.off(r.event.POINTER_START,e)}var s=this;s._isDragStart&&s.stopDrag(),s._isDragStart=!0;var h;t=t||[-(1/0),-(1/0),1/0,1/0];var l={x:0,y:0,preX:0,preY:0},c=t[0],u=t[1],d=t[2]==1/0?1/0:c+t[2],f=t[3]==1/0?1/0:u+t[3],p={x:0,y:0};s.on(r.event.POINTER_START,e),s.stopDrag=o},stopDrag:function(){this._isDragStart=!1}};return n}),define(function(t,e,i){var r=t("hilo/core/Class"),n=function(){function t(){return+new Date}return r.create({constructor:function(t,e,i,r){var n=this;n.target=t,n._startTime=0,n._seekTime=0,n._pausedTime=0,n._pausedStartTime=0,n._reverseFlag=1,n._repeatCount=0,3==arguments.length&&(r=i,i=e,e=null);for(var a in r)n[a]=r[a];n._fromProps=e,n._toProps=i,!r.duration&&r.time&&(n.duration=r.time||0,n.time=0)},target:null,duration:1e3,delay:0,paused:!1,loop:!1,reverse:!1,repeat:0,repeatDelay:0,ease:null,time:0,isStart:!1,onStart:null,onUpdate:null,onComplete:null,setProps:function(t,e){var i=this,r=i.target,n=t||e,a=i._fromProps={},o=i._toProps={};t=t||r,e=e||r;for(var s in n)o[s]=e[s]||0,r[s]=a[s]=t[s]||0;return i},start:function(){var e=this;return e._startTime=t()+e.delay,e._seekTime=0,e._pausedTime=0,e.paused=!1,n.add(e),e},stop:function(){return n.remove(this),this},pause:function(){var e=this;return e.paused=!0,e._pausedStartTime=t(),e},resume:function(){var e=this;return e.paused=!1,e._pausedStartTime&&(e._pausedTime+=t()-e._pausedStartTime),e._pausedStartTime=0,e},seek:function(e,i){var r=this,a=t();return r._startTime=a,r._seekTime=e,r._pausedTime=0,void 0!==i&&(r.paused=i),r._update(a,!0),n.add(r),r},link:function(t){var e,i,r=this,a=t.delay,o=r._startTime;return"string"==typeof a&&(e=0==a.indexOf("+"),i=0==a.indexOf("-"),a=e||i?Number(a.substr(1))*(e?1:-1):Number(a)),t.delay=a,t._startTime=e||i?o+r.duration+a:o+a,r._next=t,n.remove(t),t},_render:function(t){var e,i=this,r=i.target,n=i._fromProps;for(e in n)r[e]=n[e]+(i._toProps[e]-n[e])*t},_update:function(e,i){var r=this;if(!r.paused||i){var a=e-r._startTime-r._pausedTime+r._seekTime;if(!(a<0)){var o,s=a/r.duration,h=!1;s=s<=0?0:s>=1?1:s;var l=r.ease?r.ease(s):s;r.reverse&&(r._reverseFlag<0&&(s=1-s,l=1-l),s<1e-7&&(r.repeat>0&&r._repeatCount++>=r.repeat||0==r.repeat&&!r.loop?h=!0:(r._startTime=t(),r._pausedTime=0,r._reverseFlag*=-1))),r.isStart||(r.setProps(r._fromProps,r._toProps),r.isStart=!0,r.onStart&&r.onStart.call(r,r)),r.time=a,r._render(l),(o=r.onUpdate)&&o.call(r,s,r),s>=1&&(r.reverse?(r._startTime=t(),r._pausedTime=0,r._reverseFlag*=-1):r.loop||r.repeat>0&&r._repeatCount++<r.repeat?(r._startTime=t()+r.repeatDelay,r._pausedTime=0):h=!0);var c=r._next;if(c&&c.time<=0){var u=c._startTime;u>0&&u<=e?(c._render(s),c.time=a,n.add(c)):h&&(u<0||u>e)&&c.start()}return h?((o=r.onComplete)&&o.call(r,r),!0):void 0}}},Statics:{_tweens:[],tick:function(){var e,i,r=n._tweens,a=r.length;for(i=0;i<a;i++)e=r[i],e&&e._update(t())&&(r.splice(i,1),i--);return n},add:function(t){var e=n._tweens;return e.indexOf(t)==-1&&e.push(t),n},remove:function(t){var e,i;if(t instanceof Array){for(e=0,i=t.length;e<i;e++)n.remove(t[e]);return n}var r=n._tweens;if(t instanceof n)e=r.indexOf(t),e>-1&&r.splice(e,1);else for(e=0;e<r.length;e++)r[e].target===t&&(r.splice(e,1),e--);return n},removeAll:function(){return n._tweens.length=0,n},fromTo:function(t,e,i,r){r=r||{};var a=t instanceof Array;t=a?t:[t];var o,s,h=r.stagger,l=[];for(s=0;s<t.length;s++)o=new n(t[s],e,i,r),h&&(o.delay=(r.delay||0)+(s*h||0)),o.start(),l.push(o);return a?l:o},to:function(t,e,i){return n.fromTo(t,null,e,i)},from:function(t,e,i){return n.fromTo(t,e,null,i)}}})}();return n}),define(function(t,e,i){var r=function(){function t(t,e,i,r,n){return t=t||{},e&&(t.EaseIn=e),i&&(t.EaseOut=i),r&&(t.EaseInOut=r),n&&(t.EaseNone=n),t}var e=t(null,null,null,null,function(t){return t}),i=t(null,function(t){return t*t},function(t){return-t*(t-2)},function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)}),r=t(null,function(t){return t*t*t},function(t){return--t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)}),n=t(null,function(t){return t*t*t*t},function(t){return-(--t*t*t*t-1)},function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)}),a=t(null,function(t){return t*t*t*t*t},function(t){return(t-=1)*t*t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)}),o=Math,s=o.PI,h=.5*s,l=o.sin,c=o.cos,u=o.pow,d=o.sqrt,f=t(null,function(t){return-c(t*h)+1},function(t){return l(t*h)},function(t){return-.5*(c(s*t)-1)}),p=t(null,function(t){return 0==t?0:u(2,10*(t-1))},function(t){return 1==t?1:-u(2,-10*t)+1},function(t){return 0==t||1==t?t:(t*=2)<1?.5*u(2,10*(t-1)):.5*(-u(2,-10*(t-1))+2)}),v=t(null,function(t){return-(d(1-t*t)-1)},function(t){return d(1- --t*t)},function(t){return(t/=.5)<1?-.5*(d(1-t*t)-1):.5*(d(1-(t-=2)*t)+1)}),m=t({a:1,p:.4,s:.1,config:function(t,e){m.a=t,m.p=e,m.s=e/(2*s)*Math.asin(1/t)||0}},function(t){return-(m.a*u(2,10*(t-=1))*l((t-m.s)*(2*s)/m.p))},function(t){return m.a*u(2,-10*t)*l((t-m.s)*(2*s)/m.p)+1},function(t){return(t*=2)<1?-.5*(m.a*u(2,10*(t-=1))*l((t-m.s)*(2*s)/m.p)):m.a*u(2,-10*(t-=1))*l((t-m.s)*(2*s)/m.p)*.5+1}),g=t({o:1.70158,s:2.59491,config:function(t){g.o=t,g.s=1.525*t}},function(t){return t*t*((g.o+1)*t-g.o)},function(t){return(t-=1)*t*((g.o+1)*t+g.o)+1},function(t){return(t*=2)<1?.5*(t*t*((g.s+1)*t-g.s)):.5*((t-=2)*t*((g.s+1)*t+g.s)+2)}),_=t(null,function(t){return 1-_.EaseOut(1-t)},function(t){return(t/=1)<.36364?7.5625*t*t:t<.72727?7.5625*(t-=.54545)*t+.75:t<.90909?7.5625*(t-=.81818)*t+.9375:7.5625*(t-=.95455)*t+.984375},function(t){return t<.5?.5*_.EaseIn(2*t):.5*_.EaseOut(2*t-1)+.5});return{Linear:e,Quad:i,Cubic:r,Quart:n,Quint:a,Sine:f,Expo:p,Circ:v,Elastic:m,Back:g,Bounce:_}}();return r}),define(function(t,e,i){var r=t("hilo/core/Class"),n=r.create({load:function(t){var e=this,i=new Image;t.crossOrigin&&(i.crossOrigin=t.crossOrigin),i.onload=function(){e.onLoad(i)},i.onerror=i.onabort=e.onError.bind(i),i.src=t.src+(t.noCache?(t.src.indexOf("?")==-1?"?":"&")+"t="+ +new Date:"")},onLoad:function(t){return t.onload=t.onerror=t.onabort=null,t},onError:function(t){var e=t.target;return e.onload=e.onerror=e.onabort=null,t}});return n}),define(function(t,e,i){var r=t("hilo/core/Class"),n=r.create({load:function(t){var e=this,i=t.src,r="jsonp"==t.type;if(r){var a=t.callbackName||"callback",o=t.callback||"jsonp"+ ++n._count,s=window;s[o]||(s[o]=function(t){delete s[o]}),i+=(i.indexOf("?")==-1?"?":"&")+a+"="+o}t.noCache&&(i+=(i.indexOf("?")==-1?"?":"&")+"t="+ +new Date);var h=document.createElement("script");h.type="text/javascript",h.async=!0,h.onload=e.onLoad.bind(e),h.onerror=e.onError.bind(e),h.src=i,t.id&&(h.id=t.id),document.getElementsByTagName("head")[0].appendChild(h)},onLoad:function(t){var e=t.target;return e.onload=e.onerror=null,e},onError:function(t){var e=t.target;return e.onload=e.onerror=null,t},Statics:{_count:0}});return n}),define(function(t,e,i){function r(t){var e,i,r=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(e=t.match(r))&&(i=e[1].toLowerCase()),i||null}var n=t("hilo/core/Class"),a=t("hilo/event/EventMixin"),o=t("hilo/loader/ImageLoader"),s=t("hilo/loader/ScriptLoader"),h=n.create({Mixes:a,constructor:function(t){this._source=[],this.add(t)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(t){var e=this;return t&&(t=t instanceof Array?t:[t],e._source=e._source.concat(t)),e},get:function(t){if(t)for(var e=this._source,i=0;i<e.length;i++){var r=e[i];if(r.id===t||r.src===t)return r}return null},getContent:function(t){var e=this.get(t);return e&&e.content},start:function(){var t=this;return t._loadNext(),t},_loadNext:function(){var t=this,e=t._source,i=e.length;if(t._loaded>=i)return void t.fire("complete");if(t._currentIndex<i-1&&t._connections<t.maxConnections){var r=++t._currentIndex,n=e[r],a=t._getLoader(n);if(a){var o=a.onLoad,s=a.onError;a.onLoad=function(e){a.onLoad=o,a.onError=s;var i=o&&o.call(a,e)||e.target;t._onItemLoad(r,i)},a.onError=function(e){a.onLoad=o,a.onError=s,s&&s.call(a,e),t._onItemError(r,e)},t._connections++}t._loadNext(),a&&a.load(n)}},_getLoader:function(t){var e=t.loader;if(e)return e;var i=t.type||r(t.src);switch(i){case"png":case"jpg":case"jpeg":case"gif":case"webp":e=new o;break;case"js":case"jsonp":e=new s}return e},_onItemLoad:function(t,e){var i=this,r=i._source[t];r.loaded=!0,r.content=e,i._connections--,i._loaded++,i.fire("load",r),i._loadNext()},_onItemError:function(t,e){var i=this,r=i._source[t];r.error=e,i._connections--,i._loaded++,i.fire("error",r),i._loadNext()},getSize:function(t){for(var e=0,i=this._source,r=0;r<i.length;r++){var n=i[r];e+=(t?n.loaded&&n.size:n.size)||0}return e},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});return h}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/util/util"),a=t("hilo/event/EventMixin"),o=r.create({Mixes:a,constructor:function(t){n.copy(this,t,!0),this._onAudioEvent=this._onAudioEvent.bind(this)},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_element:null,load:function(){if(!this._element){var t;try{t=this._element=new Audio,t.addEventListener("canplaythrough",this._onAudioEvent,!1),t.addEventListener("ended",this._onAudioEvent,!1),t.addEventListener("error",this._onAudioEvent,!1),t.src=this.src,t.volume=this.volume,t.load()}catch(e){t=this._element={},t.play=t.pause=function(){}}}return this},_onAudioEvent:function(t){var e=t.type;switch(e){case"canplaythrough":t.target.removeEventListener(e,this._onAudioEvent),this.loaded=!0,this.duration=this._element.duration,this.fire("load"),this.autoPlay&&this._doPlay();break;case"ended":this.playing=!1,this.fire("end"),this.loop&&this._doPlay();break;case"error":this.fire("error")}},_doPlay:function(){this.playing||(this._element.volume=this.muted?0:this.volume,this._element.play(),this.playing=!0)},play:function(){return this.playing&&this.stop(),this._element?this.loaded&&this._doPlay():(this.autoPlay=!0,this.load()),this},pause:function(){return this.playing&&(this._element.pause(),this.playing=!1),this},resume:function(){return this.playing||this._doPlay(),this},stop:function(){return this.playing&&(this._element.pause(),this._element.currentTime=0,this.playing=!1),this},setVolume:function(t){return this.volume!=t&&(this.volume=t,this._element.volume=t),this},setMute:function(t){return this.muted!=t&&(this.muted=t,this._element.volume=t?0:this.volume),this},Statics:{isSupported:null!==window.Audio}});return o}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/util/util"),a=t("hilo/event/EventMixin"),o=function(){var t=window.AudioContext||window.webkitAudioContext,e=t?new t:null;return r.create({Mixes:a,constructor:function(t){n.copy(this,t,!0),this._init()},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_context:null,_gainNode:null,_buffer:null,_audioNode:null,_startTime:0,_offset:0,_init:function(){this._context=e,this._gainNode=e.createGain?e.createGain():e.createGainNode(),this._gainNode.connect(e.destination),this._onAudioEvent=this._onAudioEvent.bind(this),this._onDecodeComplete=this._onDecodeComplete.bind(this),this._onDecodeError=this._onDecodeError.bind(this)},load:function(){if(!this._buffer){var t=o._bufferCache[this.src];if(t)this._onDecodeComplete(t);else{var e=new XMLHttpRequest;e.src=this.src,e.open("GET",this.src,!0),
+define(function(t,e,i){var r=function(){var t=navigator.userAgent,e=document,i=window,r=e.documentElement,n={iphone:/iphone/i.test(t),ipad:/ipad/i.test(t),ipod:/ipod/i.test(t),ios:/iphone|ipad|ipod/i.test(t),android:/android/i.test(t),webkit:/webkit/i.test(t),chrome:/chrome/i.test(t),safari:/safari/i.test(t),firefox:/firefox/i.test(t),ie:/msie/i.test(t),opera:/opera/i.test(t),supportTouch:"ontouchstart"in i,supportCanvas:null!=e.createElement("canvas").getContext,supportStorage:!1,supportOrientation:"orientation"in i||"orientation"in i.screen,supportDeviceMotion:"ondevicemotion"in i};try{var a="hilo";localStorage.setItem(a,a),localStorage.removeItem(a),n.supportStorage=!0}catch(o){}var s=n.jsVendor=n.webkit?"webkit":n.firefox?"webkit":n.opera?"o":n.ie?"ms":"",h=n.cssVendor="-"+s+"-",l=e.createElement("div"),c=l.style,u=void 0!=c[s+"Transform"],d=void 0!=c[s+"Perspective"];d&&(l.id="test3d",c=e.createElement("style"),c.textContent="@media ("+h+"transform-3d){#test3d{height:3px}}",e.head.appendChild(c),r.appendChild(l),d=3==l.offsetHeight,e.head.removeChild(c),r.removeChild(l)),n.supportTransform=u,n.supportTransform3D=d;var f=n.supportTouch,p=f?"touchstart":"mousedown",v=f?"touchmove":"mousemove",m=f?"touchend":"mouseup";return n.POINTER_START=p,n.POINTER_MOVE=v,n.POINTER_END=m,n}();return r}),define(function(t,e,i){var r={copy:function(t,e,i){for(var r in e)i&&!t.hasOwnProperty(r)&&void 0===t[r]||(t[r]=e[r]);return t}};return r}),define(function(t,e,i){var r=t("hilo/util/browser"),n=t("hilo/util/util"),a=window,o=document,s=o.documentElement,h=0,l={},c={version:"1.4.0",getUid:function(t){var e=++h;if(t){var i=t.charCodeAt(t.length-1);return i>=48&&i<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,i=t;i;)e=e?i.id+"."+e:i.id,i=i.parent;return e},copy:function(t,e,i){return n.copy(t,e,i),l.copy||(l.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:r,event:{POINTER_START:r.POINTER_START,POINTER_MOVE:r.POINTER_MOVE,POINTER_END:r.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(i){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var r=(a.pageXOffset||s.scrollLeft)-(s.clientLeft||0)||0,n=(a.pageYOffset||s.scrollTop)-(s.clientTop||0)||0,o=a.getComputedStyle?getComputedStyle(t):t.currentStyle,h=parseInt,l=h(o.paddingLeft)+h(o.borderLeftWidth)||0,c=h(o.paddingTop)+h(o.borderTopWidth)||0,u=h(o.paddingRight)+h(o.borderRightWidth)||0,d=h(o.paddingBottom)+h(o.borderBottomWidth)||0,f=e.top||0,p=e.left||0,v=e.right||0,m=e.bottom||0;return{left:p+r+l,top:f+n+c,width:v-u-p-l,height:m-d-f-c}},createElement:function(t,e){var i,r,n,a=o.createElement(t);for(i in e)if(r=e[i],"style"===i)for(n in r)a.style[n]=r[n];else a[i]=r;return a},getElement:function(t){return o.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,i=e.domElement.style,r=t._stateCache||(t._stateCache={}),n=c.browser.jsVendor,a="px",o=!1;if(this.cacheStateIfChanged(t,["visible"],r)&&(i.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],r)&&(i.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],r)&&(i.width=t.width+a),this.cacheStateIfChanged(t,["height"],r)&&(i.height=t.height+a),this.cacheStateIfChanged(t,["depth"],r)&&(i.zIndex=t.depth+1),t.transform){var s=t.transform;(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(i[n+"TransformOrigin"]="0 0"),i[n+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(i[n+"TransformOrigin"]=t.pivotX+a+" "+t.pivotY+a),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],r)||o)&&(i[n+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],r)&&(i.backgroundColor=t.background),i.pointerEvents||(i.pointerEvents="none");var h=e.image;if(h){var l=h.src;l!==r.image&&(r.image=l,i.backgroundImage="url("+l+")");var u=e.rect;if(u){var d=u[0],f=u[1];d!==r.sx&&(r.sx=d,i.backgroundPositionX=-d+a),f!==r.sy&&(r.sy=f,i.backgroundPositionY=-f+a)}}var p=t.mask;if(p){var v=p.drawable.domElement.style.backgroundImage;v!==r.maskImage&&(r.maskImage=v,i[n+"MaskImage"]=v,i[n+"MaskRepeat"]="no-repeat");var m=p.x,g=p.y;m===r.maskX&&g===r.maskY||(r.maskX=m,r.maskY=g,i[n+"MaskPosition"]=m+a+" "+g+a)}}},cacheStateIfChanged:function(t,e,i){var r,n,a,o,s=!1;for(r=0,n=e.length;r<n;r++)a=e[r],o=t[a],o!=i[a]&&(i[a]=o,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,i=e?"3d":"";return"translate"+i+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+i+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+i+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};return c}),define(function(t,e,i){var r=function(){var t,e,i=function(t){t=t||{};var e=t.hasOwnProperty("constructor")?t.constructor:function(){};return r.call(e,t),e},r=function(t){var e,i,r={};for(e in t)i=t[e],n.hasOwnProperty(e)?n[e].call(this,i):r[e]=i;o(this.prototype,r)},n={Extends:function(t){var e=this.prototype,i=a(t.prototype);o(this,t),o(i,e),i.constructor=this,this.prototype=i,this.superclass=t.prototype},Mixes:function(t){t instanceof Array||(t=[t]);for(var e,i=this.prototype;e=t.shift();)o(i,e.prototype||e)},Statics:function(t){o(this,t)}},a=function(){if(Object.__proto__)return function(t){return{__proto__:t}};var t=function(){};return function(e){return t.prototype=e,new t}}(),o=function(t){for(var i=1,r=arguments.length;i<r;i++){var n,a=arguments[i];for(var o in a){var s=a[o];!s||"object"!=typeof s||void 0===s.value&&"function"!=typeof s.get&&"function"!=typeof s.set?t[o]=s:(n=n||{},n[o]=s)}n&&e(t,n)}return t};try{t=Object.defineProperty,e=Object.defineProperties,t({},"$",{value:0})}catch(s){"__defineGetter__"in Object&&(t=function(t,e,i){return"value"in i&&(t[e]=i.value),"get"in i&&t.__defineGetter__(e,i.get),"set"in i&&t.__defineSetter__(e,i.set),t},e=function(e,i){for(var r in i)i.hasOwnProperty(r)&&t(e,r,i[r]);return e})}return{create:i,mix:o}}();return r}),define(function(t,e,i){var r=t("hilo/core/Class"),n=r.create({constructor:function(t,e,i,r,n,a){this.a=t,this.b=e,this.c=i,this.d=r,this.tx=n,this.ty=a},set:function(t,e,i,r,n,a){return this.a=t,this.b=e,this.c=i,this.d=r,this.tx=n,this.ty=a,this},copy:function(t){return this.a=t.a,this.b=t.b,this.c=t.c,this.d=t.d,this.tx=t.tx,this.ty=t.ty,this},clone:function(){return(new n).copy(this)},concat:function(t){var e,i,r,n,a,o,s=arguments,h=this.a,l=this.b,c=this.c,u=this.d,d=this.tx,f=this.ty;return s.length>=6?(e=s[0],i=s[1],r=s[2],n=s[3],a=s[4],o=s[5]):(e=t.a,i=t.b,r=t.c,n=t.d,a=t.tx,o=t.ty),this.a=h*e+l*r,this.b=h*i+l*n,this.c=c*e+u*r,this.d=c*i+u*n,this.tx=d*e+f*r+a,this.ty=d*i+f*n+o,this},rotate:function(t){var e=Math.sin(t),i=Math.cos(t),r=this.a,n=this.b,a=this.c,o=this.d,s=this.tx,h=this.ty;return this.a=r*i-n*e,this.b=r*e+n*i,this.c=a*i-o*e,this.d=a*e+o*i,this.tx=s*i-h*e,this.ty=s*e+h*i,this},scale:function(t,e){return this.a*=t,this.d*=e,this.c*=t,this.b*=e,this.tx*=t,this.ty*=e,this},translate:function(t,e){return this.tx+=t,this.ty+=e,this},identity:function(){return this.a=this.d=1,this.b=this.c=this.tx=this.ty=0,this},invert:function(){var t=this.a,e=this.b,i=this.c,r=this.d,n=this.tx,a=t*r-e*i;return this.a=r/a,this.b=-e/a,this.c=-i/a,this.d=t/a,this.tx=(i*this.ty-r*n)/a,this.ty=-(t*this.ty-e*n)/a,this},transformPoint:function(t,e,i){var r=t.x*this.a+t.y*this.c+this.tx,n=t.x*this.b+t.y*this.d+this.ty;return e&&(r=r+.5>>0,n=n+.5>>0),i?{x:r,y:n}:(t.x=r,t.y=n,t)}});return n}),define(function(t,e,i){var r=t("hilo/core/Class"),n={_listeners:null,on:function(t,e,i){for(var r=this._listeners=this._listeners||{},n=r[t]=r[t]||[],a=0,o=n.length;a<o;a++){var s=n[a];if(s.listener===e)return}return n.push({listener:e,once:i}),this},off:function(t,e){if(0==arguments.length)return this._listeners=null,this;var i=this._listeners&&this._listeners[t];if(i){if(1==arguments.length)return delete this._listeners[t],this;for(var r=0,n=i.length;r<n;r++){var a=i[r];if(a.listener===e){i.splice(r,1),0===i.length&&delete this._listeners[t];break}}}return this},fire:function(t,e){var i,r;"string"==typeof t?r=t:(i=t,r=t.type);var n=this._listeners;if(!n)return!1;var o=n[r];if(o){var s=o.slice(0);if(i=i||new a(r,this,e),i._stopped)return!1;for(var h=0;h<s.length;h++){var l=s[h];if(l.listener.call(this,i),l.once){var c=o.indexOf(l);c>-1&&o.splice(c,1)}}return 0==o.length&&delete n[r],!0}return!1}},a=r.create({constructor:function(t,e,i){this.type=t,this.target=e,this.detail=i,this.timeStamp=+new Date},type:null,target:null,detail:null,timeStamp:0,stopImmediatePropagation:function(){this._stopped=!0}}),o=window.Event;if(o){var s=o.prototype,h=s.stopImmediatePropagation;s.stopImmediatePropagation=function(){h&&h.call(this),this._stopped=!0}}return n}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/util/util"),a=r.create({constructor:function(t){this.init(t)},image:null,rect:null,init:function(t){var e=this,i=e.image;a.isDrawable(t)?e.image=t:n.copy(e,t,!0);var r=e.image;if("string"==typeof r){if(!i||r!==i.getAttribute("src")){e.image=null;var o=new Image;return t.crossOrigin&&(o.crossOrigin=t.crossOrigin),o.onload=function(){o.onload=null,e.init(o)},void(o.src=r)}r=e.image=i}r&&!e.rect&&(e.rect=[0,0,r.width,r.height])},Statics:{isDrawable:function(t){if(!t||!t.tagName)return!1;var e=t.tagName.toLowerCase();return"img"===e||"canvas"===e||"video"===e}}});return a}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/util/util"),a=r.create({constructor:function(t){t=t||{},n.copy(this,t,!0)},renderType:null,canvas:null,stage:null,blendMode:"source-over",startDraw:function(t){},draw:function(t){},endDraw:function(t){},transform:function(){},hide:function(){},remove:function(t){},clear:function(t,e,i,r){},resize:function(t,e){}});return a}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/core/Hilo"),a=t("hilo/renderer/Renderer"),o=r.create({Extends:a,constructor:function(t){o.superclass.constructor.call(this,t),this.context=this.canvas.getContext("2d")},renderType:"canvas",context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.context.clearRect(0,0,t.width,t.height),t.blendMode!==this.blendMode&&(this.context.globalCompositeOperation=this.blendMode=t.blendMode),this.context.save(),!0)},draw:function(t){var e=this.context,i=t.width,r=t.height,n=t.background;n&&(e.fillStyle=n,e.fillRect(0,0,i,r));var a=t.drawable,o=a&&a.image;if(o){var s=a.rect,h=s[2],l=s[3],c=s[4],u=s[5];if(!h||!l)return;i||r||(i=t.width=h,r=t.height=l),(c||u)&&e.translate(c-.5*h,u-.5*l),e.drawImage(o,s[0],s[1],h,l,0,0,i,r)}},endDraw:function(t){this.context.restore()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void n.setElementStyleByView(t);var i=this.context,r=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,h=t._scaleY,l=!1;(!s&&1!=r||s&&s!=r)&&(t._scaleX=r,o.width=r*t.width+"px",l=!0),(!h&&1!=a||h&&h!=a)&&(t._scaleY=a,o.height=a*t.height+"px",l=!0),l&&t.updateViewport()}else{var c=t.x,u=t.y,d=t.pivotX,f=t.pivotY,p=t.rotation%360,v=t.transform,m=t.mask;m&&(m._render(this),i.clip());var g=t.align;if(g){var _=t.getAlignPosition();c=_.x,u=_.y}v?i.transform(v.a,v.b,v.c,v.d,v.tx,v.ty):(0==c&&0==u||i.translate(c,u),0!=p&&i.rotate(p*Math.PI/180),1==r&&1==a||i.scale(r,a),0==d&&0==f||i.translate(-d,-f))}t.alpha>0&&(i.globalAlpha*=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},clear:function(t,e,i,r){this.context.clearRect(t,e,i,r)},resize:function(t,e){var i=this.canvas,r=this.stage,n=i.style;i.width=t,i.height=e,n.width=r.width*r.scaleX+"px",n.height=r.height*r.scaleY+"px"}});return o}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/core/Hilo"),a=t("hilo/renderer/Renderer"),o=t("hilo/view/Drawable"),s=function(){function t(t,e){var i=t.tagName||"div",r=e.image,a=t.width||r&&r.width,o=t.height||r&&r.height,s=n.createElement(i),h=s.style;if(t.id&&(s.id=t.id),h.position="absolute",h.left=(t.left||0)+"px",h.top=(t.top||0)+"px",h.width=a+"px",h.height=o+"px","canvas"==i){if(s.width=a,s.height=o,r){var l=s.getContext("2d"),c=e.rect||[0,0,a,o];l.drawImage(r,c[0],c[1],c[2],c[3],t.x||0,t.y||0,t.width||c[2],t.height||c[3])}}else if(h.opacity=void 0!=t.alpha?t.alpha:1,(t===this.stage||t.clipChildren)&&(h.overflow="hidden"),r&&r.src){h.backgroundImage="url("+r.src+")";var u=t.rectX||0,d=t.rectY||0;h.backgroundPosition=-u+"px "+-d+"px"}return s}return r.create({Extends:a,constructor:function(t){s.superclass.constructor.call(this,t)},renderType:"dom",startDraw:function(e){var i=e.drawable=e.drawable||new o;return i.domElement=i.domElement||t(e,i),!0},draw:function(t){var e=t.parent,i=t.drawable.domElement,r=i.parentNode;if(e){var n=e.drawable.domElement;if(n!=r&&n.appendChild(i),!t.width&&!t.height){var a=t.drawable.rect;a&&(a[2]||a[3])&&(t.width=a[2],t.height=a[3])}}else t!==this.stage||r||(i.style.overflow="hidden",this.canvas.appendChild(i))},transform:function(t){if(n.setElementStyleByView(t),t===this.stage){var e=this.canvas.style,i=t._scaleX,r=t._scaleY,a=t.scaleX,o=t.scaleY;(!i&&1!=a||i&&i!=a)&&(t._scaleX=a,e.width=a*t.width+"px"),(!r&&1!=o||r&&r!=o)&&(t._scaleY=o,e.height=o*t.height+"px")}},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},hide:function(t){var e=t.drawable&&t.drawable.domElement;e&&(e.style.display="none")},resize:function(t,e){var i=this.canvas.style;i.width=t+"px",i.height=e+"px","absolute"!=i.position&&(i.position="relative")}})}();return s}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/core/Hilo"),a=t("hilo/renderer/Renderer"),o=t("hilo/geom/Matrix"),s=Math.PI/180,h=r.create({Extends:a,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported},contextOptions:null},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){h.superclass.constructor.call(this,t);var e=this,i=h.contextOptions||{};this.gl=this.canvas.getContext("webgl",i)||this.canvas.getContext("experimental-webgl",i),this.maxBatchNum=h.MAX_BATCH_NUM,this.positionStride=4*h.ATTRIBUTE_NUM;var r=this.maxBatchNum*h.ATTRIBUTE_NUM*4,n=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*r),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(n);for(var a=0,o=0;a<n;a+=6,o+=4)this.indexs[a+0]=o+0,this.indexs[a+1]=o+1,this.indexs[a+2]=o+2,this.indexs[a+3]=o+1,this.indexs[a+4]=o+2,this.indexs[a+5]=o+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,i=t.height,r=(t.background,t.drawable),n=r&&r.image;if(n){var a=r.rect,o=a[2],s=a[3];e||i||(e=t.width=o,i=t.height=s),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(n,a[0],a[1],o,s,0,0,e,i),l=this.batchIndex*this.positionStride,c=this.float32Array,u=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);c[l+0]=h[0],c[l+1]=h[1],c[l+2]=h[2],c[l+3]=h[3],u[l+4]=d,c[l+5]=h[4],c[l+6]=h[5],c[l+7]=h[6],c[l+8]=h[7],u[l+9]=d,c[l+10]=h[8],c[l+11]=h[9],c[l+12]=h[10],c[l+13]=h[11],u[l+14]=d,c[l+15]=h[12],c[l+16]=h[13],c[l+17]=h[14],c[l+18]=h[15],u[l+19]=d;for(var f=t.__webglWorldMatrix,p=0;p<4;p++){var v=c[l+5*p],m=c[l+5*p+1];c[l+5*p]=f.a*v+f.c*m+f.tx,c[l+5*p+1]=f.b*v+f.d*m+f.ty}t.__textureImage=n,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void n.setElementStyleByView(t);var i=t.scaleX,r=t.scaleY;if(t===this.stage){var a=this.canvas.style,s=t._scaleX,h=t._scaleY,l=!1;(!s&&1!=i||s&&s!=i)&&(t._scaleX=i,a.width=i*t.width+"px",l=!0),(!h&&1!=r||h&&h!=r)&&(t._scaleY=r,a.height=r*t.height+"px",l=!0),l&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new o(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new o(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},clear:function(t,e,i,r){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var i=this.canvas,r=this.stage,n=i.style;this.width=i.width=t,this.height=i.height=e,n.width=r.width*r.scaleX+"px",n.height=r.height*r.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,i=0,r=null,n=0;n<this.batchIndex;n++){var a=this.sprites[n];r&&r!==a.__textureImage&&(this._renderBatch(e,n),e=n,i=1),r=a.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var i=this.gl,r=e-t;r>0&&(i.bindTexture(i.TEXTURE_2D,this._getTexture(this.sprites[t])),i.drawElements(i.TRIANGLES,6*r,i.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new l(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,i,r,n,a,o,s,h){var l=this.__tempVertexs||[],c=t.width,u=t.height;r/=c,n/=u,e/=c,i/=u,s=s,h=h,a=a,o=o,r+e>1&&(r=1-e),n+i>1&&(n=1-i);var d=0;return l[d++]=a,l[d++]=o,l[d++]=e,l[d++]=i,l[d++]=a+s,l[d++]=o,l[d++]=e+r,l[d++]=i,l[d++]=a,l[d++]=o+h,l[d++]=e,l[d++]=i+n,l[d++]=a+s,l[d++]=o+h,l[d++]=e+r,l[d++]=i+n,l},_setConcatenatedMatrix:function(t,e){var i=t.__webglWorldMatrix,r=1,n=0,a=t.rotation%360,o=t.pivotX,h=t.pivotY,l=t.scaleX,c=t.scaleY,u=t.transform;if(u)i.copy(u);else{if(a){var d=a*s;r=Math.cos(d),n=Math.sin(d)}var f=t.getAlignPosition();i.a=r*l,i.b=n*l,i.c=-n*c,i.d=r*c,i.tx=f.x-i.a*o-i.c*h,i.ty=f.y-i.b*o-i.d*h}i.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,i=this._cacheTexture[e.src];return i||(i=this.activeShader.uploadTexture(e)),i}}),l=function(t,e,i){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),i=i||{},this.attributes=i.attributes||[],this.uniforms=i.uniforms||[]};return l.prototype={active:function(){var t=this,e=t.renderer,i=t.gl,r=t.program;r&&i&&(e.activeShader=t,i.useProgram(r),t.attributes.forEach(function(t){e[t]=i.getAttribLocation(r,t),i.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=i.getUniformLocation(r,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,i=this.renderer,r=e.createTexture(),n=i.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,r),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(n,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=r,r},_createProgram:function(t,e,i){var r=this._createShader(t,t.VERTEX_SHADER,e),n=this._createShader(t,t.FRAGMENT_SHADER,i);if(!r||!n)return null;var a=t.createProgram();if(a){t.attachShader(a,r),t.attachShader(a,n),t.linkProgram(a),t.deleteShader(n),t.deleteShader(r);var o=t.getProgramParameter(a,t.LINK_STATUS);if(!o){var s=t.getProgramInfoLog(a);return console.log("Failed to link program: "+s),t.deleteProgram(a),null}}return a},_createShader:function(t,e,i){var r=t.createShader(e);if(r){t.shaderSource(r,i),t.compileShader(r);var n=t.getShaderParameter(r,t.COMPILE_STATUS);if(!n){var a=t.getShaderInfoLog(r);return console.log("Failed to compile shader: "+a),t.deleteShader(r),null}}return r}},h}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/event/EventMixin"),o=t("hilo/geom/Matrix"),s=t("hilo/util/util"),h=function(){function t(t,e,i){for(var r,n,a,o,s=0,h=!1,l=0,c=i.length;l<c;l++){var u=i[l],d=i[(l+1)%c];if(u.y==d.y&&e==u.y&&(u.x>d.x?(r=d.x,n=u.x):(r=u.x,n=d.x),t>=r&&t<=n))h=!0;else if(u.y>d.y?(a=d.y,o=u.y):(a=u.y,o=d.y),!(e<a||e>o)){var f=(e-u.y)*(d.x-u.x)/(d.y-u.y)+u.x;if(f>t?s++:f==t&&(h=!0),u.x>t&&u.y==e){var p=i[(c+l-1)%c];(p.y<e&&d.y>e||p.y>e&&d.y<e)&&s++}}}return h||s%2==1}function e(t,e){var r=i(t,e,{overlap:-(1/0),normal:{x:0,y:0}});return!!r&&i(e,t,r)}function i(t,e,i){for(var r,n,a,o,s,h,l,c,u,d=t.length,f=e.length,p={x:0,y:0},v=0;v<d;v++){r=t[v],n=t[v<d-1?v+1:0],p.x=r.y-n.y,p.y=n.x-r.x,a=Math.sqrt(p.x*p.x+p.y*p.y),p.x/=a,p.y/=a,o=s=t[0].x*p.x+t[0].y*p.y;for(var m=1;m<d;m++)c=t[m].x*p.x+t[m].y*p.y,c>s?s=c:c<o&&(o=c);for(h=l=e[0].x*p.x+e[0].y*p.y,m=1;m<f;m++)c=e[m].x*p.x+e[m].y*p.y,c>l?l=c:c<h&&(h=c);if(o<h?(u=h-s,p.x=-p.x,p.y=-p.y):u=o-l,u>=0)return!1;u>i.overlap&&(i.overlap=u,i.normal.x=p.x,i.normal.y=p.y)}return i}return n.create({Mixes:a,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("View"),s.copy(this,t,!0)},tint:16777215,id:null,x:0,y:0,width:0,height:0,alpha:1,rotation:0,visible:!0,pivotX:0,pivotY:0,scaleX:1,scaleY:1,pointerEnabled:!0,background:null,mask:null,align:null,drawable:null,boundsArea:null,parent:null,depth:-1,transform:null,blendMode:"source-over",getStage:function(){for(var t,e=this;t=e.parent;)e=t;return e.canvas?e:null},getScaledWidth:function(){return this.width*this.scaleX},getScaledHeight:function(){return this.height*this.scaleY},addTo:function(t,e){return"number"==typeof e?t.addChildAt(this,e):t.addChild(this),this},removeFromParent:function(){var t=this.parent;return t&&t.removeChild(this),this},getBounds:function(){for(var t,e,i,r,n,a,o,s=this.width,h=this.height,l=this.getConcatenatedMatrix(),c=this.boundsArea||[{x:0,y:0},{x:s,y:0},{x:s,y:h},{x:0,y:h}],u=[],d=0,f=c.length;d<f;d++)t=l.transformPoint(c[d],!0,!0),e=t.x,i=t.y,0==d?(r=n=e,a=o=i):(r>e?r=e:n<e&&(n=e),a>i?a=i:o<i&&(o=i)),u[d]=t;return u.x=r,u.y=a,u.width=n-r,u.height=o-a,u},getConcatenatedMatrix:function(t){for(var e=new o(1,0,0,1,0,0),i=this;i!=t&&i.parent;i=i.parent){var r=1,n=0,a=i.rotation%360,s=i.pivotX,h=i.pivotY,l=i.scaleX,c=i.scaleY,u=i.transform;if(u)e.concat(u);else{if(a){var d=a*Math.PI/180;r=Math.cos(d),n=Math.sin(d)}0!=s&&(e.tx-=s),0!=h&&(e.ty-=h);var f=i.getAlignPosition();e.concat(r*l,n*l,-n*c,r*c,f.x,f.y)}}return e},getAlignPosition:function(){var t=this.parent,e=this.align,i=this.x,r=this.y;if(t&&this.align){if("function"==typeof e)return this.align();var n=this.width,a=this.height,o=t.width,s=t.height;switch(e){case"TL":i=0,r=0;break;case"T":i=o-n>>1,r=0;break;case"TR":i=o-n,r=0;break;case"L":i=0,r=s-a>>1;break;case"C":i=o-n>>1,r=s-a>>1;break;case"R":i=o-n,r=s-a>>1;break;case"BL":i=0,r=s-a;break;case"B":i=o-n>>1,r=s-a;break;case"BR":i=o-n,r=s-a}}return{x:i,y:r}},hitTestPoint:function(e,i,r){var n=this.getBounds(),a=e>=n.x&&e<=n.x+n.width&&i>=n.y&&i<=n.y+n.height;return a&&r&&(a=t(e,i,n)),a},hitTestObject:function(t,i){var r=this.getBounds(),n=t.getBounds(),a=r.x<=n.x+n.width&&n.x<=r.x+r.width&&r.y<=n.y+n.height&&n.y<=r.y+r.height;return a&&i&&(a=e(r,n)),!!a},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||!t.startDraw(this)||(t.transform(this),this.render(t,e),t.endDraw(this))},_fireMouseEvent:function(t){if(t.eventCurrentTarget=this,this.fire(t),"mousemove"==t.type){if(!this.__mouseOver){this.__mouseOver=!0;var e=s.copy({},t);e.type="mouseover",this.fire(e)}}else"mouseout"==t.type&&(this.__mouseOver=!1);var i=this.parent;t._stopped||t._stopPropagationed||!i||("mouseout"==t.type||"touchout"==t.type?i.hitTestPoint(t.stageX,t.stageY,!0)||i._fireMouseEvent(t):i._fireMouseEvent(t))},onUpdate:null,render:function(t,e){t.draw(this)},toString:function(){return r.viewToString(this)}})}();return h}),define(function(t,e,i){var r,n,a=t("hilo/view/Drawable"),o=t("hilo/util/browser"),s={_cacheDirty:!0,cache:function(t){(t||this._cacheDirty||!this.drawable)&&this.updateCache()},updateCache:function(){o.supportCanvas&&(r||(r=document.createElement("canvas"),n=r.getContext("2d")),r.width=this.width,r.height=this.height,this._draw(n),this.drawable=this.drawable||new a,this.drawable.init({image:r.toDataURL()}),this._cacheDirty=!1)},setCacheDirty:function(t){this._cacheDirty=t}};return s}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/View"),o=n.create({Extends:a,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("Container"),o.superclass.constructor.call(this,t),this.children?this._updateChildren():this.children=[]},children:null,pointerChildren:!0,clipChildren:!1,getNumChildren:function(){return this.children.length},addChildAt:function(t,e){var i=this.children,r=i.length,n=t.parent;e=e<0?0:e>r?r:e;var a=this.getChildIndex(t);if(a==e)return this;if(a>=0?(i.splice(a,1),e=e==r?r-1:e):n&&n.removeChild(t),i.splice(e,0,t),a<0)this._updateChildren(e);else{var o=a<e?a:e,s=a<e?e:a;this._updateChildren(o,s+1)}return this},addChild:function(t){for(var e=this.children.length,i=arguments,r=0,n=i.length;r<n;r++)this.addChildAt(i[r],e+r);return this},removeChildAt:function(t){var e=this.children;if(t<0||t>=e.length)return null;var i=e[t];if(i){if(!i.__renderer)for(var r=i;r=r.parent;){if(r.renderer){i.__renderer=r.renderer;break}if(r.__renderer){i.__renderer=r.__renderer;break}}i.__renderer&&i.__renderer.remove(i),i.parent=null,i.depth=-1}return e.splice(t,1),this._updateChildren(t),i},removeChild:function(t){return this.removeChildAt(this.getChildIndex(t))},removeChildById:function(t){for(var e,i=this.children,r=0,n=i.length;r<n;r++)if(e=i[r],e.id===t)return this.removeChildAt(r),e;return null},removeAllChildren:function(){for(;this.children.length;)this.removeChildAt(0);return this},getChildAt:function(t){var e=this.children;return t<0||t>=e.length?null:e[t]},getChildById:function(t){for(var e,i=this.children,r=0,n=i.length;r<n;r++)if(e=i[r],e.id===t)return e;return null},getChildIndex:function(t){return this.children.indexOf(t)},setChildIndex:function(t,e){var i=this.children,r=i.indexOf(t);if(r>=0&&r!=e){var n=i.length;e=e<0?0:e>=n?n-1:e,i.splice(r,1),i.splice(e,0,t),this._updateChildren()}return this},swapChildren:function(t,e){var i=this.children,r=this.getChildIndex(t),n=this.getChildIndex(e);t.depth=n,i[n]=t,e.depth=r,i[r]=e},swapChildrenAt:function(t,e){var i=this.children,r=this.getChildAt(t),n=this.getChildAt(e);r.depth=e,i[e]=r,n.depth=t,i[t]=n},sortChildren:function(t){var e=t,i=this.children;if("string"==typeof e){var r=e;e=function(t,e){return e[r]-t[r]}}i.sort(e),this._updateChildren()},_updateChildren:function(t,e){var i,r=this.children;t=t||0,e=e||r.length;for(var n=t;n<e;n++)i=r[n],i.depth=n+1,i.parent=this},contains:function(t){for(;t=t.parent;)if(t===this)return!0;return!1},getViewAtPoint:function(t,e,i,r,n){for(var a,o,s=r?[]:null,h=this.children,l=h.length-1;l>=0;l--)if(a=h[l],!(!a||!a.visible||a.alpha<=0||n&&!a.pointerEnabled))if(a.children&&a.children.length&&(!n||a.pointerChildren)&&(o=a.getViewAtPoint(t,e,i,r,n)),o){if(!r)return o;o.length&&(s=s.concat(o))}else if(a.hitTestPoint(t,e,i)){if(!r)return a;s.push(a)}return r&&s.length?s:null},render:function(t,e){o.superclass.render.call(this,t,e);var i,r,n,a=this.children.slice(0);for(i=0,r=a.length;i<r;i++)n=a[i],n.parent===this&&n._render(t,e)}});return o}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/Container"),o=t("hilo/renderer/CanvasRenderer"),s=t("hilo/renderer/DOMRenderer"),h=t("hilo/renderer/WebGLRenderer"),l=t("hilo/util/browser"),c=t("hilo/util/util"),u=n.create({Extends:a,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("Stage"),u.superclass.constructor.call(this,t),this._initRenderer(t);var e=this.width,i=this.height,n=this.updateViewport();t.width||(e=n&&n.width||320),t.height||(i=n&&n.height||480),this.resize(e,i,!0)},canvas:null,renderer:null,paused:!1,viewport:null,_initRenderer:function(t){var e=t.canvas,i=t.container,n=t.renderType||"canvas";if("string"==typeof e&&(e=r.getElement(e)),"string"==typeof i&&(i=r.getElement(i)),e)e.getContext||(n="dom");else{var a="dom"===n?"div":"canvas";e=r.createElement(a,{style:{position:"absolute"}})}this.canvas=e,i&&i.appendChild(e);var l={canvas:e,stage:this};switch(n){case"dom":this.renderer=new s(l);break;case"webgl":h.isSupport()?this.renderer=new h(l):this.renderer=new o(l);break;case"canvas":default:this.renderer=new o(l)}},addTo:function(t){var e=this.canvas;return e.parentNode!==t&&t.appendChild(e),this},tick:function(t){this.paused||this._render(this.renderer,t)},enableDOMEvent:function(t,e){var i=this,r=i.canvas,n=i._domListener||(i._domListener=function(t){i._onDOMEvent(t)});t="string"==typeof t?[t]:t,e=e!==!1;for(var a=0;a<t.length;a++){var o=t[a];e?r.addEventListener(o,n,!1):r.removeEventListener(o,n)}return i},_onDOMEvent:function(t){var e=t.type,i=t,r=0==e.indexOf("touch"),n=t;if(r){var a=t.touches,o=t.changedTouches;n=a&&a.length?a[0]:o&&o.length?o[0]:null}var s=n.pageX||n.clientX,h=n.pageY||n.clientY,u=this.viewport||this.updateViewport();i.stageX=s=(s-u.left)/this.scaleX,i.stageY=h=(h-u.top)/this.scaleY,i.stopPropagation=function(){this._stopPropagationed=!0};var d=this.getViewAtPoint(s,h,!0,!1,!0)||this,f=this.canvas,p=this._eventTarget,v="mouseout"===e;
+if(p&&(p!=d&&(!p.contains||!p.contains(d))||v)){var m="touchmove"===e?"touchout":"mousemove"===e||v||!d?"mouseout":null;if(m){var g=c.copy({},i);g.type=m,g.eventTarget=p,p._fireMouseEvent(g)}i.lastEventTarget=p,this._eventTarget=null}if(d&&d.pointerEnabled&&"mouseout"!==e&&(i.eventTarget=this._eventTarget=d,d._fireMouseEvent(i)),!r){var _=d&&d.pointerEnabled&&d.useHandCursor?"pointer":"";f.style.cursor=_}l.android&&"touchmove"===e&&t.preventDefault()},updateViewport:function(){var t=this.canvas,e=null;return t.parentNode&&(e=this.viewport=r.getElementRect(t)),e},resize:function(t,e,i){(i||this.width!==t||this.height!==e)&&(this.width=t,this.height=e,this.renderer.resize(t,e),this.updateViewport())}});return u}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/View"),o=t("hilo/view/Drawable"),s=n.create({Extends:a,constructor:function(t){if(t=t||{},this.id=this.id||t.id||r.getUid("Bitmap"),s.superclass.constructor.call(this,t),this.drawable=new o(t),!this.width||!this.height){var e=this.drawable.rect;e&&(this.width=e[2],this.height=e[3])}},setImage:function(t,e){return this.drawable.init({image:t,rect:e}),e?(this.width=e[2],this.height=e[3]):this.width||this.height||(e=this.drawable.rect,e&&(this.width=e[2],this.height=e[3])),this}});return s}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/View"),o=t("hilo/view/Drawable"),s=n.create({Extends:a,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("Sprite"),s.superclass.constructor.call(this,t),this._frames=[],this._frameNames={},this.drawable=new o,t.frames&&this.addFrame(t.frames)},_frames:null,_frameNames:null,_frameElapsed:0,_firstRender:!0,paused:!1,loop:!0,timeBased:!1,interval:1,currentFrame:0,getNumFrames:function(){return this._frames?this._frames.length:0},addFrame:function(t,e){var i=null!=e?e:this._frames.length;if(t instanceof Array)for(var r=0,n=t.length;r<n;r++)this.setFrame(t[r],i+r);else this.setFrame(t,i);return this},setFrame:function(t,e){var i=this._frames,r=i.length;return e=e<0?0:e>r?r:e,i[e]=t,t.name&&(this._frameNames[t.name]=t),(0!=e||this.width)&&this.height||(this.width=t.rect[2],this.height=t.rect[3]),this},getFrame:function(t){if("number"==typeof t){var e=this._frames;return t<0||t>=e.length?null:e[t]}return this._frameNames[t]},getFrameIndex:function(t){var e=this._frames,i=e.length,r=-1;if("number"==typeof t)r=t;else{var n="string"==typeof t?this._frameNames[t]:t;if(n)for(var a=0;a<i;a++)if(n===e[a]){r=a;break}}return r},play:function(){return this.paused=!1,this},stop:function(){return this.paused=!0,this},"goto":function(t,e){var i=this._frames.length,r=this.getFrameIndex(t);return this.currentFrame=r<0?0:r>=i?i-1:r,this.paused=e,this._firstRender=!0,this},_render:function(t,e){var i,r=this.currentFrame;if(this._firstRender?(i=r,this._firstRender=!1):i=this._nextFrame(e),i!=r){this.currentFrame=i;var n=this._frames[i].callback;n&&n.call(this)}this.onEnterFrame&&this.onEnterFrame(i),this.drawable.init(this._frames[i]),s.superclass._render.call(this,t,e)},_nextFrame:function(t){var e=this._frames,i=e.length,r=this.currentFrame,n=e[r],a=n.duration||this.interval,o=this._frameElapsed,s=0!=r||this.drawable?o+(this.timeBased?t:1):0;return o=this._frameElapsed=s<a?s:0,(n.stop||!this.loop&&r>=i-1)&&this.stop(),this.paused||0!=o||(null!=n.next?r=this.getFrameIndex(n.next):r>=i-1?r=0:this.drawable&&r++),r},setFrameCallback:function(t,e){return t=this.getFrame(t),t&&(t.callback=e),this},onEnterFrame:null});return s}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/View"),o=t("hilo/view/Drawable"),s=n.create({Extends:a,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("DOMElement"),s.superclass.constructor.call(this,t),this.drawable=new o;var e=this.drawable.domElement=t.element||r.createElement("div");e.id=this.id,this.pointerEnabled&&!e.style.pointerEvents&&(e.style.pointerEvents="visible")},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||(t.transform(this),this.visible&&this.alpha>0&&this.render(t,e))},render:function(t,e){if("dom"!==t.renderType){var i=t.canvas,n=this.parent,a=t._domElementContainer;t._domElementContainer||(a=t._domElementContainer=r.createElement("div",{style:{position:"absolute",transform:"scale3d("+n.scaleX+","+n.scaleY+", 1)",transformOrigin:"0 0",zIndex:"1"}}),i.parentNode.insertBefore(t._domElementContainer,i.nextSibling));var o,s=this.drawable.domElement,h=this.depth,l=a.childNodes[0];if(s.parentNode)return;for(;l&&3!=l.nodeType&&(o=parseInt(l.style.zIndex)||0,!(o<=0||o>h));)l=l.nextSibling;a.insertBefore(this.drawable.domElement,l)}else t.draw(this)}});return s}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/View"),o=t("hilo/view/CacheMixin"),s=function(){var t=document.createElement("canvas"),e=t.getContext&&t.getContext("2d");return n.create({Extends:a,Mixes:o,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("Graphics"),s.superclass.constructor.call(this,t),this._actions=[]},lineWidth:1,lineAlpha:1,lineCap:null,lineJoin:null,miterLimit:10,hasStroke:!1,strokeStyle:"0",hasFill:!1,fillStyle:"0",fillAlpha:0,lineStyle:function(t,e,i,r,n,a){var o=this,s=o._addAction;return s.call(o,["lineWidth",o.lineWidth=t||1]),s.call(o,["strokeStyle",o.strokeStyle=e||"0"]),s.call(o,["lineAlpha",o.lineAlpha=i||1]),void 0!=r&&s.call(o,["lineCap",o.lineCap=r]),void 0!=n&&s.call(o,["lineJoin",o.lineJoin=n]),void 0!=a&&s.call(o,["miterLimit",o.miterLimit=a]),o.hasStroke=!0,o},setLineDash:function(t){return this._addAction(["setLineDash",t])},beginFill:function(t,e){var i=this,r=i._addAction;return r.call(i,["fillStyle",i.fillStyle=t]),r.call(i,["fillAlpha",i.fillAlpha=e||1]),i.hasFill=!0,i},endFill:function(){var t=this,e=t._addAction;return t.hasStroke&&e.call(t,["stroke"]),t.hasFill&&e.call(t,["fill"]),t.setCacheDirty(!0),t},beginLinearGradientFill:function(t,i,r,n,a,o){for(var s=this,h=e.createLinearGradient(t,i,r,n),l=0,c=a.length;l<c;l++)h.addColorStop(o[l],a[l]);return s.hasFill=!0,s._addAction(["fillStyle",s.fillStyle=h])},beginRadialGradientFill:function(t,i,r,n,a,o,s,h){for(var l=this,c=e.createRadialGradient(t,i,r,n,a,o),u=0,d=s.length;u<d;u++)c.addColorStop(h[u],s[u]);return l.hasFill=!0,l._addAction(["fillStyle",l.fillStyle=c])},beginBitmapFill:function(t,i){var r=this,n=e.createPattern(t,i||"");return r.hasFill=!0,r._addAction(["fillStyle",r.fillStyle=n])},beginPath:function(){return this._addAction(["beginPath"])},closePath:function(){return this._addAction(["closePath"])},moveTo:function(t,e){return this._addAction(["moveTo",t,e])},lineTo:function(t,e){return this._addAction(["lineTo",t,e])},quadraticCurveTo:function(t,e,i,r){return this._addAction(["quadraticCurveTo",t,e,i,r])},bezierCurveTo:function(t,e,i,r,n,a){return this._addAction(["bezierCurveTo",t,e,i,r,n,a])},drawRect:function(t,e,i,r){return this._addAction(["rect",t,e,i,r])},drawRoundRectComplex:function(t,e,i,r,n,a,o,s){var h=this,l=h._addAction;return l.call(h,["moveTo",t+n,e]),l.call(h,["lineTo",t+i-a,e]),l.call(h,["arc",t+i-a,e+a,a,-Math.PI/2,0,!1]),l.call(h,["lineTo",t+i,e+r-o]),l.call(h,["arc",t+i-o,e+r-o,o,0,Math.PI/2,!1]),l.call(h,["lineTo",t+s,e+r]),l.call(h,["arc",t+s,e+r-s,s,Math.PI/2,Math.PI,!1]),l.call(h,["lineTo",t,e+n]),l.call(h,["arc",t+n,e+n,n,Math.PI,3*Math.PI/2,!1]),h},drawRoundRect:function(t,e,i,r,n){return this.drawRoundRectComplex(t,e,i,r,n,n,n,n)},drawCircle:function(t,e,i){return this._addAction(["arc",t+i,e+i,i,0,2*Math.PI,0])},drawEllipse:function(t,e,i,r){var n=this;if(i==r)return n.drawCircle(t,e,i);var a=n._addAction,o=i/2,s=r/2,h=.5522847498307933,l=h*o,c=h*s;return t+=o,e+=s,a.call(n,["moveTo",t+o,e]),a.call(n,["bezierCurveTo",t+o,e-c,t+l,e-s,t,e-s]),a.call(n,["bezierCurveTo",t-l,e-s,t-o,e-c,t-o,e]),a.call(n,["bezierCurveTo",t-o,e+c,t-l,e+s,t,e+s]),a.call(n,["bezierCurveTo",t+l,e+s,t+o,e+c,t+o,e]),n},drawSVGPath:function(t){var e=this,i=e._addAction,r=t.replace(/,/g," ").replace(/-/g," -").split(/(?=[a-zA-Z])/);i.call(e,["beginPath"]);for(var n,a={x:0,y:0},o={x:0,y:0},s=0,h=r.length;s<h;s++){var l=r[s];if(l.length){var c=l[0],u=c.toUpperCase(),d=this._getSVGParams(l),f=u!==c;switch(u){case"M":f&&this._convertToAbsolute(a,d),i.call(e,["moveTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"L":f&&this._convertToAbsolute(a,d),i.call(e,["lineTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"H":f&&(d[0]+=a.x),i.call(e,["lineTo",d[0],a.y]),a.x=d[0];break;case"V":f&&(d[0]+=a.y),i.call(e,["lineTo",a.x,d[0]]),a.y=d[0];break;case"Z":i.call(e,["closePath"]);break;case"C":f&&this._convertToAbsolute(a,d),i.call(e,["bezierCurveTo",d[0],d[1],d[2],d[3],d[4],d[5]]),o.x=d[2],o.y=d[3],this._setCurrentPoint(a,d[4],d[5]);break;case"S":f&&this._convertToAbsolute(a,d),p="C"===n||"S"===n?this._getReflectionPoint(a,o):a,i.call(e,["bezierCurveTo",p.x,p.y,d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"Q":f&&this._convertToAbsolute(a,d),i.call(e,["quadraticCurveTo",d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"T":f&&this._convertToAbsolute(a,d);var p;p="Q"===n||"T"===n?this._getReflectionPoint(a,o):a,i.call(e,["quadraticCurveTo",p.x,p.y,d[0],d[1]]),o=p,this._setCurrentPoint(a,d[0],d[1])}n=u}}return e},_getSVGParams:function(t){var e=t.substring(1).replace(/[\s]+$|^[\s]+/g,"").split(/[\s]+/);0==e[0].length&&e.shift();for(var i=0,r=e.length;i<r;i++)e[i]=parseFloat(e[i]);return e},_convertToAbsolute:function(t,e){for(var i=0,r=e.length;i<r;i++)i%2===0?e[i]+=t.x:e[i]+=t.y},_setCurrentPoint:function(t,e,i){t.x=e,t.y=i},_getReflectionPoint:function(t,e){return{x:2*t.x-e.x,y:2*t.y-e.y}},_draw:function(t){var e,i=this,r=i._actions,n=r.length;for(t.beginPath(),e=0;e<n;e++){var a=r[e],o=a[0],s=a.length>1?a.slice(1):null;"function"==typeof t[o]?t[o].apply(t,s):t[o]=a[1]}},render:function(t,e){var i=this;"canvas"===t.renderType?i._draw(t.context):(i.cache(),t.draw(i))},clear:function(){var t=this;return t._actions.length=0,t.lineWidth=1,t.lineAlpha=1,t.lineCap=null,t.lineJoin=null,t.miterLimit=10,t.hasStroke=!1,t.strokeStyle="0",t.hasFill=!1,t.fillStyle="0",t.fillAlpha=1,t.setCacheDirty(!0),t},_addAction:function(t){var e=this;return e._actions.push(t),e}})}();return s}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/core/Hilo"),a=t("hilo/view/View"),o=t("hilo/view/CacheMixin"),s=r.create({Extends:a,Mixes:o,constructor:function(t){t=t||{},this.id=this.id||t.id||n.getUid("Text"),s.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=s.measureFontHeight(this.font)},text:"",color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=s.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var r=i.drawable,n=r.domElement,a=n.style;a.font=i.font,a.textAlign=i.textAlign,a.color=i.color,a.width=i.width+"px",a.height=i.height+"px",a.lineHeight=i._fontHeight+i.lineSpacing+"px",n.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var r,n,a,o,s,h=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),l=0,c=0,u=e._fontHeight+e.lineSpacing,d=[];for(r=0,o=h.length;r<o;r++)if(n=h[r],a=t.measureText(n).width,a<=e.maxWidth)d.push({text:n,y:c}),l<a&&(l=a),c+=u;else{var f,p,v,m="",g=0;for(p=0,s=n.length;p<s;p++)v=n[p],f=t.measureText(m+v).width,f>e.maxWidth?(d.push({text:m,y:c}),l<g&&(l=g),c+=u,m=v):(g=f,m+=v),p==s-1&&(d.push({text:m,y:c}),m!==v&&l<f&&(l=f),c+=u)}e.textWidth=l,e.textHeight=c,e.width||(e.width=l),e.height||(e.height=c);var _=0;switch(e.textVAlign){case"middle":_=e.height-e.textHeight>>1;break;case"bottom":_=e.height-e.textHeight}var x=e.background;for(x&&(t.fillStyle=x,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,r=0;r<d.length;r++)n=d[r],e._drawTextLine(t,n.text,_+n.y)}},_drawTextLine:function(t,e,i){var r=this,n=0,a=r.width;switch(r.textAlign){case"center":n=a>>1;break;case"right":case"end":n=a}r.outline?t.strokeText(e,n,i):t.fillText(e,n,i)},Statics:{measureFontHeight:function(t){var e,i=document.documentElement,r=n.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return i.appendChild(r),e=r.offsetHeight,i.removeChild(r),e}}});return s}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/core/Hilo"),a=t("hilo/view/Container"),o=t("hilo/view/Bitmap"),s=r.create({Extends:a,constructor:function(t){t=t||{},this.id=this.id||t.id||n.getUid("BitmapText"),s.superclass.constructor.call(this,t);var e=t.text+"";e&&(this.text="",this.setText(e)),this.pointerChildren=!1},glyphs:null,letterSpacing:0,text:"",textAlign:"left",setText:function(t){var e=this,i=t.toString(),r=i.length;if(e.text!=i){e.text=i;var n,a,o,s,h=0,l=0,c=0;for(n=0;n<r;n++)a=i.charAt(n),o=e.glyphs[a],o&&(c=h+(h>0?e.letterSpacing:0),e.children[n]?(s=e.children[n],s.setImage(o.image,o.rect)):(s=e._createBitmap(o),e.addChild(s)),s.x=c,h=c+o.rect[2],l=Math.max(l,o.rect[3]));for(n=e.children.length-1;n>=r;n--)e._releaseBitmap(e.children[n]),e.children[n].removeFromParent();return e.width=h,e.height=l,this.setTextAlign(),e}},_createBitmap:function(t){var e;return s._pool.length?(e=s._pool.pop(),e.setImage(t.image,t.rect)):e=new o({image:t.image,rect:t.rect}),e},_releaseBitmap:function(t){s._pool.push(t)},setTextAlign:function(t){switch(this.textAlign=t||this.textAlign,this.textAlign){case"center":this.pivotX=.5*this.width;break;case"right":this.pivotX=this.width;break;case"left":default:this.pivotX=0}return this},hasGlyphs:function(t){var e=this.glyphs;if(!e)return!1;t=t.toString();var i,r=t.length;for(i=0;i<r;i++)if(!e[t.charAt(i)])return!1;return!0},Statics:{_pool:[],createGlyphs:function(t,e,i,r){var n=t.toString();i=i||n.length,r=r||1;for(var a=e.width/i,o=e.height/r,s={},h=0,l=t.length;h<l;h++){var c=n.charAt(h);s[c]={image:e,rect:[a*(h%i),o*Math.floor(h/i),a,o]}}return s}}});return s}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/View"),o=t("hilo/view/Drawable"),s=t("hilo/util/util"),h=n.create({Extends:a,constructor:function(t){t=t||{},this.id=this.id||t.id||r.getUid("Button"),h.superclass.constructor.call(this,t),this.drawable=new o(t),this.setState(h.UP)},upState:null,overState:null,downState:null,disabledState:null,state:null,enabled:!0,useHandCursor:!0,setEnabled:function(t){return this.enabled!=t&&(t?this.setState(h.UP):this.setState(h.DISABLED)),this},setState:function(t){if(this.state!==t){this.state=t,this.pointerEnabled=this.enabled=t!==h.DISABLED;var e;switch(t){case h.UP:e=this.upState;break;case h.OVER:e=this.overState;break;case h.DOWN:e=this.downState;break;case h.DISABLED:e=this.disabledState}e&&(this.drawable.init(e),s.copy(this,e,!0))}return this},fire:function(t,e){if(this.enabled){var i="string"==typeof t?t:t.type;switch(i){case"mousedown":case"touchstart":case"touchmove":this.setState(h.DOWN);break;case"mouseover":this.setState(h.OVER);break;case"mouseup":this.overState?this.setState(h.OVER):this.upState&&this.setState(h.UP);break;case"touchend":case"touchout":case"mouseout":this.setState(h.UP)}return h.superclass.fire.call(this,t,e)}},Statics:{UP:"up",OVER:"over",DOWN:"down",DISABLED:"disabled"}});return h}),define(function(t,e,i){var r=t("hilo/core/Class"),n=function(){function t(t){var e,i,r=t.frames;if(!r)return null;var n,a=[];if(r instanceof Array)for(e=0,i=r.length;e<i;e++)n=r[e],a[e]={image:t.image,rect:n};else{var o=r.frameWidth,s=r.frameHeight,h=t.width/o|0,l=t.height/s|0,c=r.numFrames||h*l;for(e=0;e<c;e++)a[e]={image:t.image,rect:[e%h*o,(e/h|0)*s,o,s]}}return a}function e(t,e){var r,a,o=t.sprites;if(!o)return null;var s,h,l,c={};for(var u in o){if(s=o[u],n(s))h=i(e[s]);else if(s instanceof Array)for(h=[],r=0,a=s.length;r<a;r++){var d,f=s[r];n(f)?l=i(e[f]):(d=f.rect,n(d)&&(d=e[f.rect]),l=i(d,f)),h[r]=l}else for(h=[],r=s.from;r<=s.to;r++)h[r-s.from]=i(e[r],s[r]);c[u]=h}return c}function i(t,e){var i={image:t.image,rect:t.rect};return e&&(i.name=e.name||null,i.duration=e.duration||0,i.stop=!!e.stop,i.next=e.next||null),i}function n(t){return"number"==typeof t}return r.create({constructor:function(i){this._frames=t(i),this._sprites=e(i,this._frames)},_frames:null,_sprites:null,getFrame:function(t){var e=this._frames;return e&&e[t]},getSprite:function(t){var e=this._sprites;return e&&e[t]},Statics:{createSpriteFrames:function(t,e,i,r,n,a,o){var s,h;if("[object Array]"===Object.prototype.toString.call(t)){var l=[];for(s=0,h=t.length;s<h;s++)l=l.concat(this.createSpriteFrames.apply(this,t[s]));return l}if("string"==typeof e){var c=e.split(",");e=[];for(var u=0,d=c.length;u<d;u++){var f=c[u].split("-");if(1==f.length)e.push(parseInt(f[0]));else for(s=parseInt(f[0]),h=parseInt(f[1]);s<=h;s++)e.push(s)}}var p=Math.floor(i.width/r);for(s=0;s<e.length;s++){var v=e[s];e[s]={rect:[r*(v%p),n*Math.floor(v/p),r,n],image:i,duration:o}}return e[0].name=t,a?e[e.length-1].next=t:e[e.length-1].stop=!0,e}}})}();return n}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/util/browser"),a=r.create({constructor:function(t){this._targetFPS=t||60,this._interval=1e3/this._targetFPS,this._tickers=[]},_paused:!1,_targetFPS:0,_interval:0,_intervalId:null,_tickers:null,_lastTime:0,_tickCount:0,_tickTime:0,_measuredFPS:0,start:function(t){if(void 0===t&&(t=!0),!this._intervalId){this._lastTime=+new Date;var e,i=this,r=this._interval,a=window.requestAnimationFrame||window[n.jsVendor+"RequestAnimationFrame"];t&&a&&r<17?(this._useRAF=!0,e=function(){i._intervalId=a(e),i._tick()}):e=function(){i._intervalId=setTimeout(e,r),i._tick()},this._paused=!1,e()}},stop:function(){if(this._useRAF){var t=window.cancelAnimationFrame||window[n.jsVendor+"CancelAnimationFrame"];t(this._intervalId)}else clearTimeout(this._intervalId);this._intervalId=null,this._lastTime=0,this._paused=!0},pause:function(){this._paused=!0},resume:function(){this._paused=!1},_tick:function(){if(!this._paused){var t=+new Date,e=t-this._lastTime,i=this._tickers;++this._tickCount>=this._targetFPS?(this._measuredFPS=1e3/(this._tickTime/this._tickCount)+.5>>0,this._tickCount=0,this._tickTime=0):this._tickTime+=t-this._lastTime,this._lastTime=t;for(var r=i.slice(0),n=0,a=r.length;n<a;n++)r[n].tick(e)}},getMeasuredFPS:function(){return Math.min(this._measuredFPS,this._targetFPS)},addTick:function(t){if(!t||"function"!=typeof t.tick)throw new Error("Ticker: The tick object must implement the tick method.");this._tickers.push(t)},removeTick:function(t){var e=this._tickers,i=e.indexOf(t);i>=0&&e.splice(i,1)},nextTick:function(t){var e=this,i={tick:function(r){e.removeTick(i),t()}};return e.addTick(i),i},timeout:function(t,e){var i=this,r=(new Date).getTime()+e,n={tick:function(){var e=(new Date).getTime(),a=e-r;a>=0&&(i.removeTick(n),t())}};return i.addTick(n),n},interval:function(t,e){var i=this,r=(new Date).getTime()+e,n={tick:function(){var i=(new Date).getTime(),n=i-r;n>=0&&(n<e&&(i-=n),r=i+e,t())}};return i.addTick(n),n}});return a}),define(function(t,e,i){var r=Array.prototype,n=r.slice;r.indexOf||(r.indexOf=function(t,e){e=e||0;var i,r=this.length;if(0==r||e>=r)return-1;for(e<0&&(e=r+e),i=e;i<r;i++)if(this[i]===t)return i;return-1});var a=Function.prototype;a.bind||(a.bind=function(t){function e(){var a=r.concat(n.call(arguments));return i.apply(this instanceof e?this:t,a)}var i=this,r=n.call(arguments,1),a=function(){};return a.prototype=i.prototype,e.prototype=new a,e})}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n={_isDragStart:!1,dragNeedTransform:!1,startDrag:function(t){function e(t){t.stopPropagation(),a(t),s.off(r.event.POINTER_START,e),p.x=s.x,p.y=s.y,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().transformPoint(p),s.__dragX=p.x-l.x,s.__dragY=p.y-l.y,h||(h=s.getStage()),h.on(r.event.POINTER_MOVE,n),document.addEventListener(r.event.POINTER_END,i),s.fire("dragStart",l)}function i(t){document.removeEventListener(r.event.POINTER_END,i),h&&h.off(r.event.POINTER_MOVE,n),s.on(r.event.POINTER_START,e),s.fire("dragEnd",l)}function n(t){a(t),p.x=l.x+s.__dragX,p.y=l.y+s.__dragY,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().invert().transformPoint(p),s.x=Math.max(c,Math.min(d,p.x)),s.y=Math.max(u,Math.min(f,p.y)),s.fire("dragMove",l)}function a(t){l.preX=l.x,l.preY=l.y,l.x=t.stageX,l.y=t.stageY}function o(){s._isDragStart=!1,document.removeEventListener(r.event.POINTER_END,i),h&&h.off(r.event.POINTER_MOVE,n),s.off(r.event.POINTER_START,e)}var s=this;s._isDragStart&&s.stopDrag(),s._isDragStart=!0;var h;t=t||[-(1/0),-(1/0),1/0,1/0];var l={x:0,y:0,preX:0,preY:0},c=t[0],u=t[1],d=t[2]==1/0?1/0:c+t[2],f=t[3]==1/0?1/0:u+t[3],p={x:0,y:0};s.on(r.event.POINTER_START,e),s.stopDrag=o},stopDrag:function(){this._isDragStart=!1}};return n}),define(function(t,e,i){var r=t("hilo/core/Class"),n=function(){function t(){return+new Date}return r.create({constructor:function(t,e,i,r){var n=this;n.target=t,n._startTime=0,n._seekTime=0,n._pausedTime=0,n._pausedStartTime=0,n._reverseFlag=1,n._repeatCount=0,3==arguments.length&&(r=i,i=e,e=null);for(var a in r)n[a]=r[a];n._fromProps=e,n._toProps=i,!r.duration&&r.time&&(n.duration=r.time||0,n.time=0)},target:null,duration:1e3,delay:0,paused:!1,loop:!1,reverse:!1,repeat:0,repeatDelay:0,ease:null,time:0,isStart:!1,onStart:null,onUpdate:null,onComplete:null,setProps:function(t,e){var i=this,r=i.target,n=t||e,a=i._fromProps={},o=i._toProps={};t=t||r,e=e||r;for(var s in n)o[s]=e[s]||0,r[s]=a[s]=t[s]||0;return i},start:function(){var e=this;return e._startTime=t()+e.delay,e._seekTime=0,e._pausedTime=0,e.paused=!1,n.add(e),e},stop:function(){return n.remove(this),this},pause:function(){var e=this;return e.paused=!0,e._pausedStartTime=t(),e},resume:function(){var e=this;return e.paused=!1,e._pausedStartTime&&(e._pausedTime+=t()-e._pausedStartTime),e._pausedStartTime=0,e},seek:function(e,i){var r=this,a=t();return r._startTime=a,r._seekTime=e,r._pausedTime=0,void 0!==i&&(r.paused=i),r._update(a,!0),n.add(r),r},link:function(t){var e,i,r=this,a=t.delay,o=r._startTime;return"string"==typeof a&&(e=0==a.indexOf("+"),i=0==a.indexOf("-"),a=e||i?Number(a.substr(1))*(e?1:-1):Number(a)),t.delay=a,t._startTime=e||i?o+r.duration+a:o+a,r._next=t,n.remove(t),t},_render:function(t){var e,i=this,r=i.target,n=i._fromProps;for(e in n)r[e]=n[e]+(i._toProps[e]-n[e])*t},_update:function(e,i){var r=this;if(!r.paused||i){var a=e-r._startTime-r._pausedTime+r._seekTime;if(!(a<0)){var o,s=a/r.duration,h=!1;s=s<=0?0:s>=1?1:s;var l=r.ease?r.ease(s):s;r.reverse&&(r._reverseFlag<0&&(s=1-s,l=1-l),s<1e-7&&(r.repeat>0&&r._repeatCount++>=r.repeat||0==r.repeat&&!r.loop?h=!0:(r._startTime=t(),r._pausedTime=0,r._reverseFlag*=-1))),r.isStart||(r.setProps(r._fromProps,r._toProps),r.isStart=!0,r.onStart&&r.onStart.call(r,r)),r.time=a,r._render(l),(o=r.onUpdate)&&o.call(r,s,r),s>=1&&(r.reverse?(r._startTime=t(),r._pausedTime=0,r._reverseFlag*=-1):r.loop||r.repeat>0&&r._repeatCount++<r.repeat?(r._startTime=t()+r.repeatDelay,r._pausedTime=0):h=!0);var c=r._next;if(c&&c.time<=0){var u=c._startTime;u>0&&u<=e?(c._render(s),c.time=a,n.add(c)):h&&(u<0||u>e)&&c.start()}return h?((o=r.onComplete)&&o.call(r,r),!0):void 0}}},Statics:{_tweens:[],tick:function(){var e,i,r=n._tweens,a=r.length;for(i=0;i<a;i++)e=r[i],e&&e._update(t())&&(r.splice(i,1),i--);return n},add:function(t){var e=n._tweens;return e.indexOf(t)==-1&&e.push(t),n},remove:function(t){var e,i;if(t instanceof Array){for(e=0,i=t.length;e<i;e++)n.remove(t[e]);return n}var r=n._tweens;if(t instanceof n)e=r.indexOf(t),e>-1&&r.splice(e,1);else for(e=0;e<r.length;e++)r[e].target===t&&(r.splice(e,1),e--);return n},removeAll:function(){return n._tweens.length=0,n},fromTo:function(t,e,i,r){r=r||{};var a=t instanceof Array;t=a?t:[t];var o,s,h=r.stagger,l=[];for(s=0;s<t.length;s++)o=new n(t[s],e,i,r),h&&(o.delay=(r.delay||0)+(s*h||0)),o.start(),l.push(o);return a?l:o},to:function(t,e,i){return n.fromTo(t,null,e,i)},from:function(t,e,i){return n.fromTo(t,e,null,i)}}})}();return n}),define(function(t,e,i){var r=function(){function t(t,e,i,r,n){return t=t||{},e&&(t.EaseIn=e),i&&(t.EaseOut=i),r&&(t.EaseInOut=r),n&&(t.EaseNone=n),t}var e=t(null,null,null,null,function(t){return t}),i=t(null,function(t){return t*t},function(t){return-t*(t-2)},function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)}),r=t(null,function(t){return t*t*t},function(t){return--t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)}),n=t(null,function(t){return t*t*t*t},function(t){return-(--t*t*t*t-1)},function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)}),a=t(null,function(t){return t*t*t*t*t},function(t){return(t-=1)*t*t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)}),o=Math,s=o.PI,h=.5*s,l=o.sin,c=o.cos,u=o.pow,d=o.sqrt,f=t(null,function(t){return-c(t*h)+1},function(t){return l(t*h)},function(t){return-.5*(c(s*t)-1)}),p=t(null,function(t){return 0==t?0:u(2,10*(t-1))},function(t){return 1==t?1:-u(2,-10*t)+1},function(t){return 0==t||1==t?t:(t*=2)<1?.5*u(2,10*(t-1)):.5*(-u(2,-10*(t-1))+2)}),v=t(null,function(t){return-(d(1-t*t)-1)},function(t){return d(1- --t*t)},function(t){return(t/=.5)<1?-.5*(d(1-t*t)-1):.5*(d(1-(t-=2)*t)+1)}),m=t({a:1,p:.4,s:.1,config:function(t,e){m.a=t,m.p=e,m.s=e/(2*s)*Math.asin(1/t)||0}},function(t){return-(m.a*u(2,10*(t-=1))*l((t-m.s)*(2*s)/m.p))},function(t){return m.a*u(2,-10*t)*l((t-m.s)*(2*s)/m.p)+1},function(t){return(t*=2)<1?-.5*(m.a*u(2,10*(t-=1))*l((t-m.s)*(2*s)/m.p)):m.a*u(2,-10*(t-=1))*l((t-m.s)*(2*s)/m.p)*.5+1}),g=t({o:1.70158,s:2.59491,config:function(t){g.o=t,g.s=1.525*t}},function(t){return t*t*((g.o+1)*t-g.o)},function(t){return(t-=1)*t*((g.o+1)*t+g.o)+1},function(t){return(t*=2)<1?.5*(t*t*((g.s+1)*t-g.s)):.5*((t-=2)*t*((g.s+1)*t+g.s)+2)}),_=t(null,function(t){return 1-_.EaseOut(1-t)},function(t){return(t/=1)<.36364?7.5625*t*t:t<.72727?7.5625*(t-=.54545)*t+.75:t<.90909?7.5625*(t-=.81818)*t+.9375:7.5625*(t-=.95455)*t+.984375},function(t){return t<.5?.5*_.EaseIn(2*t):.5*_.EaseOut(2*t-1)+.5});return{Linear:e,Quad:i,Cubic:r,Quart:n,Quint:a,Sine:f,Expo:p,Circ:v,Elastic:m,Back:g,Bounce:_}}();return r}),define(function(t,e,i){var r=t("hilo/core/Class"),n=r.create({load:function(t){var e=this,i=new Image;t.crossOrigin&&(i.crossOrigin=t.crossOrigin),i.onload=function(){e.onLoad(i)},i.onerror=i.onabort=e.onError.bind(i),i.src=t.src+(t.noCache?(t.src.indexOf("?")==-1?"?":"&")+"t="+ +new Date:"")},onLoad:function(t){return t.onload=t.onerror=t.onabort=null,t},onError:function(t){var e=t.target;return e.onload=e.onerror=e.onabort=null,t}});return n}),define(function(t,e,i){var r=t("hilo/core/Class"),n=r.create({load:function(t){var e=this,i=t.src,r="jsonp"==t.type;if(r){var a=t.callbackName||"callback",o=t.callback||"jsonp"+ ++n._count,s=window;s[o]||(s[o]=function(t){delete s[o]}),i+=(i.indexOf("?")==-1?"?":"&")+a+"="+o}t.noCache&&(i+=(i.indexOf("?")==-1?"?":"&")+"t="+ +new Date);var h=document.createElement("script");h.type="text/javascript",h.async=!0,h.onload=e.onLoad.bind(e),h.onerror=e.onError.bind(e),h.src=i,t.id&&(h.id=t.id),document.getElementsByTagName("head")[0].appendChild(h)},onLoad:function(t){var e=t.target;return e.onload=e.onerror=null,e},onError:function(t){var e=t.target;return e.onload=e.onerror=null,t},Statics:{_count:0}});return n}),define(function(t,e,i){function r(t){var e,i,r=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(e=t.match(r))&&(i=e[1].toLowerCase()),i||null}var n=t("hilo/core/Class"),a=t("hilo/event/EventMixin"),o=t("hilo/loader/ImageLoader"),s=t("hilo/loader/ScriptLoader"),h=n.create({Mixes:a,constructor:function(t){this._source=[],this.add(t)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(t){var e=this;return t&&(t=t instanceof Array?t:[t],e._source=e._source.concat(t)),e},get:function(t){if(t)for(var e=this._source,i=0;i<e.length;i++){var r=e[i];if(r.id===t||r.src===t)return r}return null},getContent:function(t){var e=this.get(t);return e&&e.content},start:function(){var t=this;return t._loadNext(),t},_loadNext:function(){var t=this,e=t._source,i=e.length;if(t._loaded>=i)return void t.fire("complete");if(t._currentIndex<i-1&&t._connections<t.maxConnections){var r=++t._currentIndex,n=e[r],a=t._getLoader(n);if(a){var o=a.onLoad,s=a.onError;a.onLoad=function(e){a.onLoad=o,a.onError=s;var i=o&&o.call(a,e)||e.target;t._onItemLoad(r,i)},a.onError=function(e){a.onLoad=o,a.onError=s,s&&s.call(a,e),t._onItemError(r,e)},t._connections++}t._loadNext(),a&&a.load(n)}},_getLoader:function(t){var e=t.loader;if(e)return e;var i=t.type||r(t.src);switch(i){case"png":case"jpg":case"jpeg":case"gif":case"webp":e=new o;break;case"js":case"jsonp":e=new s}return e},_onItemLoad:function(t,e){var i=this,r=i._source[t];r.loaded=!0,r.content=e,i._connections--,i._loaded++,i.fire("load",r),i._loadNext()},_onItemError:function(t,e){var i=this,r=i._source[t];r.error=e,i._connections--,i._loaded++,i.fire("error",r),i._loadNext()},getSize:function(t){for(var e=0,i=this._source,r=0;r<i.length;r++){var n=i[r];e+=(t?n.loaded&&n.size:n.size)||0}return e},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});return h}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/util/util"),a=t("hilo/event/EventMixin"),o=r.create({Mixes:a,constructor:function(t){n.copy(this,t,!0),this._onAudioEvent=this._onAudioEvent.bind(this)},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_element:null,load:function(){if(!this._element){var t;try{t=this._element=new Audio,t.addEventListener("canplaythrough",this._onAudioEvent,!1),t.addEventListener("ended",this._onAudioEvent,!1),t.addEventListener("error",this._onAudioEvent,!1),t.src=this.src,t.volume=this.volume,t.load()}catch(e){t=this._element={},t.play=t.pause=function(){}}}return this},_onAudioEvent:function(t){var e=t.type;switch(e){case"canplaythrough":t.target.removeEventListener(e,this._onAudioEvent),this.loaded=!0,this.duration=this._element.duration,this.fire("load"),this.autoPlay&&this._doPlay();break;case"ended":this.playing=!1,this.fire("end"),this.loop&&this._doPlay();break;case"error":this.fire("error")}},_doPlay:function(){this.playing||(this._element.volume=this.muted?0:this.volume,this._element.play(),this.playing=!0)},play:function(){return this.playing&&this.stop(),this._element?this.loaded&&this._doPlay():(this.autoPlay=!0,this.load()),this},pause:function(){return this.playing&&(this._element.pause(),this.playing=!1),this},resume:function(){return this.playing||this._doPlay(),this},stop:function(){return this.playing&&(this._element.pause(),this._element.currentTime=0,this.playing=!1),this},setVolume:function(t){return this.volume!=t&&(this.volume=t,this._element.volume=t),this},setMute:function(t){return this.muted!=t&&(this.muted=t,this._element.volume=t?0:this.volume),this},Statics:{isSupported:null!==window.Audio}});return o}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/util/util"),a=t("hilo/event/EventMixin"),o=function(){var t=window.AudioContext||window.webkitAudioContext,e=t?new t:null;return r.create({Mixes:a,constructor:function(t){n.copy(this,t,!0),this._init()},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_context:null,_gainNode:null,_buffer:null,_audioNode:null,_startTime:0,_offset:0,_init:function(){this._context=e,this._gainNode=e.createGain?e.createGain():e.createGainNode(),this._gainNode.connect(e.destination),this._onAudioEvent=this._onAudioEvent.bind(this),this._onDecodeComplete=this._onDecodeComplete.bind(this),this._onDecodeError=this._onDecodeError.bind(this)},load:function(){if(!this._buffer){var t=o._bufferCache[this.src];if(t)this._onDecodeComplete(t);else{var e=new XMLHttpRequest;e.src=this.src,e.open("GET",this.src,!0),
 e.responseType="arraybuffer",e.onload=this._onAudioEvent,e.onprogress=this._onAudioEvent,e.onerror=this._onAudioEvent,e.send()}this._buffer=!0}return this},_onAudioEvent:function(t){var e=t.type;switch(e){case"load":var i=t.target;i.onload=i.onprogress=i.onerror=null,this._context.decodeAudioData(i.response,this._onDecodeComplete,this._onDecodeError),i=null;break;case"ended":this.playing=!1,this.fire("end"),this.loop&&this._doPlay();break;case"progress":this.fire(t);break;case"error":this.fire(t)}},_onDecodeComplete:function(t){o._bufferCache[this.src]||(o._bufferCache[this.src]=t),this._buffer=t,this.loaded=!0,this.duration=t.duration,this.fire("load"),this.autoPlay&&this._doPlay()},_onDecodeError:function(){this.fire("error")},_doPlay:function(){this._clearAudioNode();var t=this._context.createBufferSource();t.start||(t.start=t.noteOn,t.stop=t.noteOff),t.buffer=this._buffer,t.onended=this._onAudioEvent,this._gainNode.gain.value=this.muted?0:this.volume,t.connect(this._gainNode),t.start(0,this._offset),this._audioNode=t,this._startTime=this._context.currentTime,this.playing=!0},_clearAudioNode:function(){var t=this._audioNode;t&&(t.onended=null,t.disconnect(0),this._audioNode=null)},play:function(){return this.playing&&this.stop(),this.loaded?this._doPlay():this._buffer||(this.autoPlay=!0,this.load()),this},pause:function(){return this.playing&&(this._audioNode.stop(0),this._offset+=this._context.currentTime-this._startTime,this.playing=!1),this},resume:function(){return this.playing||this._doPlay(),this},stop:function(){return this.playing&&(this._audioNode.stop(0),this._audioNode.disconnect(),this._offset=0,this.playing=!1),this},setVolume:function(t){return this.volume!=t&&(this.volume=t,this._gainNode.gain.value=t),this},setMute:function(t){return this.muted!=t&&(this.muted=t,this._gainNode.gain.value=t?0:this.volume),this},Statics:{isSupported:null!=t,enabled:!1,enable:function(){if(!this.enabled&&e){var t=e.createBufferSource();return t.buffer=e.createBuffer(1,1,22050),t.connect(e.destination),t.start?t.start(0,0,0):t.noteOn(0,0,0),this.enabled=!0,!0}return this.enabled},_bufferCache:{},clearBufferCache:function(t){t?this._bufferCache[t]=null:this._bufferCache={}}}})}();return o}),define(function(t,e,i){var r=t("hilo/media/HTMLAudio"),n=t("hilo/media/WebAudio"),a=t("hilo/util/util"),o={_audios:{},enableAudio:function(){n.isSupported&&n.enable()},getAudio:function(t,e){void 0===e&&(e=!0),t=this._normalizeSource(t);var i=this._audios[t.src];return i||(e&&n.isSupported?i=new n(t):r.isSupported&&(i=new r(t)),this._audios[t.src]=i),i},removeAudio:function(t){var e="string"==typeof t?t:t.src,i=this._audios[e];i&&(i.stop(),i.off(),this._audios[e]=null,delete this._audios[e])},_normalizeSource:function(t){var e={};return"string"==typeof t?e={src:t}:a.copy(e,t),e}};return o}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/util/util"),a=r.create({constructor:function(t){this.width=0,this.height=0,this.target=null,this.deadzone=null,this.bounds=null,this.scroll={x:0,y:0},n.copy(this,t)},tick:function(t){var e=this.target,i=this.scroll,r=this.bounds,n=this.deadzone;if(e){var a,o;n?(a=Math.min(Math.max(e.x-i.x,n[0]),n[0]+n[2]),o=Math.min(Math.max(e.y-i.y,n[1]),n[1]+n[3])):(a=.5*this.width,o=.5*this.height),i.x=e.x-a,i.y=e.y-o,r&&(i.x=Math.min(Math.max(i.x,r[0]),r[0]+r[2]),i.y=Math.min(Math.max(i.y,r[1]),r[1]+r[3]))}else i.x=0,i.y=0},follow:function(t,e){this.target=t,void 0!==e&&(this.deadzone=e),this.tick()}});return a}),define(function(t,e,i){var r=t("hilo/core/Class"),n=t("hilo/util/util"),a=function(){function t(t,e,i,r,n){return{x:t,y:e*r-i*n,z:e*n+i*r}}function e(t,e,i,r,n){return{x:t*r-i*n,y:e,z:t*n+i*r}}function i(t,e,i,r,n){return{x:t*r-e*n,y:t*n+e*r,z:i}}var a=Math.PI/180,o=r.create({constructor:function(t){t.x=t.x||0,t.y=t.y||0,t.z=t.z||0,t.rotationX=t.rotationX||0,t.rotationY=t.rotationY||0,t.rotationZ=t.rotationZ||0,n.copy(this,t)},translate:function(t,e,i){this.tx=t,this.ty=e,this.tz=i},rotateX:function(t){this.rotationX=t},rotateY:function(t){this.rotationY=t},rotateZ:function(t){this.rotationZ=t},project:function(r,n){var o=this.rotationX*a,s=this.rotationY*a,h=this.rotationZ*a,l=Math.cos(o),c=Math.sin(o),u=Math.cos(s),d=Math.sin(s),f=Math.cos(h),p=Math.sin(h),v=r.x-this.x,m=r.y-this.y,g=r.z-this.z,_=i(v,m,g,f,p);_=e(_.x,_.y,_.z,u,d),_=t(_.x,_.y,_.z,l,c),this.tx&&(_.x-=this.tx),this.ty&&(_.y-=this.ty),this.tz&&(_.z-=this.tz);var x=this.fv/(this.fv+_.z),y=_.x*x,w=-_.y*x,T={x:y+this.fx,y:w+this.fy,z:-_.z,scale:x};return n&&(n.x=T.x,n.y=T.y,n.z=T.z,n.scaleX=T.scale,n.scaleY=T.scale),T},sortZ:function(){this.stage.children.sort(function(t,e){return t.z>e.z})},tick:function(){this.sortZ()}});return o}();return a}),define(function(t,e,i){var r=t("hilo/core/Hilo"),n=t("hilo/core/Class"),a=t("hilo/view/View"),o=t("hilo/view/Container"),s=t("hilo/view/Drawable"),h=t("hilo/util/util"),l=function(){function t(t,e){return e?t+2*(Math.random()-.5)*e:t}for(var e=["x","y","vx","vy","ax","ay","rotation","rotationV","scale","scaleV","alpha","alphaV","life"],i=[],l=0,c=e.length;l<c;l++){var u=e[l];i.push(u),i.push(u+"Var")}var d={x:0,y:0,vx:0,vy:0,ax:0,ay:0,scale:1,scaleV:0,alpha:1,alphaV:0,rotation:0,rotationV:0,life:1},f=[],p=n.create({Extends:o,constructor:function(t){this.id=this.id||t.id||r.getUid("ParticleSystem"),this.emitterX=0,this.emitterY=0,this.gx=0,this.gy=0,this.totalTime=1/0,this.emitNum=10,this.emitNumVar=0,this.emitTime=.2,this.emitTimeVar=0,this.particle={},p.superclass.constructor.call(this,t),this.reset(t)},Statics:{PROPS:i,PROPS_DEFAULT:d,diedParticles:f},reset:function(t){h.copy(this,t),this.particle.system=this,this.totalTime<=0&&(this.totalTime=1/0)},onUpdate:function(e){e*=.001,this._isRun&&(this._totalRunTime+=e,this._currentRunTime+=e,this._currentRunTime>=this._emitTime&&(this._currentRunTime=0,this._emitTime=t(this.emitTime,this.emitTimeVar),this._emit()),this._totalRunTime>=this.totalTime&&this.stop())},_emit:function(){for(var e=t(this.emitNum,this.emitNumVar)>>0,i=0;i<e;i++)this.addChild(v.create(this.particle))},start:function(){this.stop(!0),this._currentRunTime=0,this._totalRunTime=0,this._isRun=!0,this._emitTime=t(this.emitTime,this.emitTimeVar)},stop:function(t){if(this._isRun=!1,t)for(var e=this.children.length-1;e>=0;e--)this.children[e].destroy()}}),v=n.create({Extends:a,constructor:function(t){this.id=this.id||t.id||r.getUid("Particle"),v.superclass.constructor.call(this,t),this.init(t)},onUpdate:function(t){if(t*=.001,this._died)return!1;var e=this.ax+this.system.gx,i=this.ay+this.system.gy;return this.vx+=e*t,this.vy+=i*t,this.x+=this.vx*t,this.y+=this.vy*t,this.rotation+=this.rotationV,this._time>.1&&(this.alpha+=this.alphaV),this.scale+=this.scaleV,this.scaleX=this.scaleY=this.scale,this._time+=t,this._time>=this.life||this.alpha<=0?(this.destroy(),!1):void 0},setImage:function(t,e){this.drawable=this.drawable||new s,e=e||[0,0,t.width,t.height],this.width=e[2],this.height=e[3],this.drawable.rect=e,this.drawable.image=t},destroy:function(){this._died=!0,this.alpha=0,this.removeFromParent(),f.push(this)},init:function(e){this.system=e.system,this._died=!1,this._time=0,this.alpha=1;for(var r=0,n=i.length;r<n;r++){var a=i[r],o=void 0===e[a]?d[a]:e[a];this[a]=t(o,e[a+"Var"])}if(this.x+=this.system.emitterX,this.y+=this.system.emitterY,e.image){var s=e.frame;s&&s[0].length&&(s=s[Math.random()*s.length>>0]),this.setImage(e.image,s),void 0!==e.pivotX&&(this.pivotX=e.pivotX*s[2]),void 0!==e.pivotY&&(this.pivotY=e.pivotY*s[3])}},Statics:{create:function(t){if(f.length>0){var e=f.pop();return e.init(t),e}return new v(t)}}});return p}();return l});
\ No newline at end of file
diff --git a/build/cmd/hilo-cmd.zip b/build/cmd/hilo-cmd.zip
index fe2ab959..11e076d5 100644
Binary files a/build/cmd/hilo-cmd.zip and b/build/cmd/hilo-cmd.zip differ
diff --git a/build/cmd/hilo/core/Class.js b/build/cmd/hilo/core/Class.js
index 611e7079..342819cc 100644
--- a/build/cmd/hilo/core/Class.js
+++ b/build/cmd/hilo/core/Class.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/core/Class.min.js b/build/cmd/hilo/core/Class.min.js
index 85c94d55..79e3bdf7 100644
--- a/build/cmd/hilo/core/Class.min.js
+++ b/build/cmd/hilo/core/Class.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/core/Hilo.js b/build/cmd/hilo/core/Hilo.js
index 8d6fea7b..e9d3ca9f 100644
--- a/build/cmd/hilo/core/Hilo.js
+++ b/build/cmd/hilo/core/Hilo.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -30,7 +30,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.3.0',
+    version: '1.4.0',
     /**
      * @language=en
      * Gets a globally unique id. Such as Stage1, Bitmap2 etc.
diff --git a/build/cmd/hilo/core/Hilo.min.js b/build/cmd/hilo/core/Hilo.min.js
index 5ed09175..577530b8 100644
--- a/build/cmd/hilo/core/Hilo.min.js
+++ b/build/cmd/hilo/core/Hilo.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-define(function(t,e,a){var r=t("hilo/util/browser"),o=t("hilo/util/util"),n=window,i=document,s=i.documentElement,c=0,h={},f={version:"1.3.0",getUid:function(t){var e=++c;if(t){var a=t.charCodeAt(t.length-1);return a>=48&&a<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,a=t;a;)e=e?a.id+"."+e:a.id,a=a.parent;return e},copy:function(t,e,a){return o.copy(t,e,a),h.copy||(h.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:r,event:{POINTER_START:r.POINTER_START,POINTER_MOVE:r.POINTER_MOVE,POINTER_END:r.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(a){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var r=(n.pageXOffset||s.scrollLeft)-(s.clientLeft||0)||0,o=(n.pageYOffset||s.scrollTop)-(s.clientTop||0)||0,i=n.getComputedStyle?getComputedStyle(t):t.currentStyle,c=parseInt,h=c(i.paddingLeft)+c(i.borderLeftWidth)||0,f=c(i.paddingTop)+c(i.borderTopWidth)||0,d=c(i.paddingRight)+c(i.borderRightWidth)||0,l=c(i.paddingBottom)+c(i.borderBottomWidth)||0,g=e.top||0,p=e.left||0,m=e.right||0,T=e.bottom||0;return{left:p+r+h,top:g+o+f,width:m-d-p-h,height:T-l-g-f}},createElement:function(t,e){var a,r,o,n=i.createElement(t);for(a in e)if(r=e[a],"style"===a)for(o in r)n.style[o]=r[o];else n[a]=r;return n},getElement:function(t){return i.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,a=e.domElement.style,r=t._stateCache||(t._stateCache={}),o=f.browser.jsVendor,n="px",i=!1;if(this.cacheStateIfChanged(t,["visible"],r)&&(a.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],r)&&(a.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],r)&&(a.width=t.width+n),this.cacheStateIfChanged(t,["height"],r)&&(a.height=t.height+n),this.cacheStateIfChanged(t,["depth"],r)&&(a.zIndex=t.depth+1),t.transform){var s=t.transform;(i=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(a[o+"TransformOrigin"]="0 0"),a[o+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(i=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(a[o+"TransformOrigin"]=t.pivotX+n+" "+t.pivotY+n),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],r)||i)&&(a[o+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],r)&&(a.backgroundColor=t.background),a.pointerEvents||(a.pointerEvents="none");var c=e.image;if(c){var h=c.src;h!==r.image&&(r.image=h,a.backgroundImage="url("+h+")");var d=e.rect;if(d){var l=d[0],g=d[1];l!==r.sx&&(r.sx=l,a.backgroundPositionX=-l+n),g!==r.sy&&(r.sy=g,a.backgroundPositionY=-g+n)}}var p=t.mask;if(p){var m=p.drawable.domElement.style.backgroundImage;m!==r.maskImage&&(r.maskImage=m,a[o+"MaskImage"]=m,a[o+"MaskRepeat"]="no-repeat");var T=p.x,u=p.y;T===r.maskX&&u===r.maskY||(r.maskX=T,r.maskY=u,a[o+"MaskPosition"]=T+n+" "+u+n)}}},cacheStateIfChanged:function(t,e,a){var r,o,n,i,s=!1;for(r=0,o=e.length;r<o;r++)n=e[r],i=t[n],i!=a[n]&&(a[n]=i,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,a=e?"3d":"";return"translate"+a+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+a+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+a+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};return f});
\ No newline at end of file
+define(function(t,e,a){var r=t("hilo/util/browser"),o=t("hilo/util/util"),n=window,i=document,s=i.documentElement,c=0,h={},f={version:"1.4.0",getUid:function(t){var e=++c;if(t){var a=t.charCodeAt(t.length-1);return a>=48&&a<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,a=t;a;)e=e?a.id+"."+e:a.id,a=a.parent;return e},copy:function(t,e,a){return o.copy(t,e,a),h.copy||(h.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:r,event:{POINTER_START:r.POINTER_START,POINTER_MOVE:r.POINTER_MOVE,POINTER_END:r.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(a){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var r=(n.pageXOffset||s.scrollLeft)-(s.clientLeft||0)||0,o=(n.pageYOffset||s.scrollTop)-(s.clientTop||0)||0,i=n.getComputedStyle?getComputedStyle(t):t.currentStyle,c=parseInt,h=c(i.paddingLeft)+c(i.borderLeftWidth)||0,f=c(i.paddingTop)+c(i.borderTopWidth)||0,d=c(i.paddingRight)+c(i.borderRightWidth)||0,l=c(i.paddingBottom)+c(i.borderBottomWidth)||0,g=e.top||0,p=e.left||0,m=e.right||0,T=e.bottom||0;return{left:p+r+h,top:g+o+f,width:m-d-p-h,height:T-l-g-f}},createElement:function(t,e){var a,r,o,n=i.createElement(t);for(a in e)if(r=e[a],"style"===a)for(o in r)n.style[o]=r[o];else n[a]=r;return n},getElement:function(t){return i.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,a=e.domElement.style,r=t._stateCache||(t._stateCache={}),o=f.browser.jsVendor,n="px",i=!1;if(this.cacheStateIfChanged(t,["visible"],r)&&(a.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],r)&&(a.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],r)&&(a.width=t.width+n),this.cacheStateIfChanged(t,["height"],r)&&(a.height=t.height+n),this.cacheStateIfChanged(t,["depth"],r)&&(a.zIndex=t.depth+1),t.transform){var s=t.transform;(i=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(a[o+"TransformOrigin"]="0 0"),a[o+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(i=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(a[o+"TransformOrigin"]=t.pivotX+n+" "+t.pivotY+n),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],r)||i)&&(a[o+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],r)&&(a.backgroundColor=t.background),a.pointerEvents||(a.pointerEvents="none");var c=e.image;if(c){var h=c.src;h!==r.image&&(r.image=h,a.backgroundImage="url("+h+")");var d=e.rect;if(d){var l=d[0],g=d[1];l!==r.sx&&(r.sx=l,a.backgroundPositionX=-l+n),g!==r.sy&&(r.sy=g,a.backgroundPositionY=-g+n)}}var p=t.mask;if(p){var m=p.drawable.domElement.style.backgroundImage;m!==r.maskImage&&(r.maskImage=m,a[o+"MaskImage"]=m,a[o+"MaskRepeat"]="no-repeat");var T=p.x,u=p.y;T===r.maskX&&u===r.maskY||(r.maskX=T,r.maskY=u,a[o+"MaskPosition"]=T+n+" "+u+n)}}},cacheStateIfChanged:function(t,e,a){var r,o,n,i,s=!1;for(r=0,o=e.length;r<o;r++)n=e[r],i=t[n],i!=a[n]&&(a[n]=i,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,a=e?"3d":"";return"translate"+a+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+a+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+a+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};return f});
\ No newline at end of file
diff --git a/build/cmd/hilo/event/EventMixin.js b/build/cmd/hilo/event/EventMixin.js
index 7544eb59..ba4e233f 100644
--- a/build/cmd/hilo/event/EventMixin.js
+++ b/build/cmd/hilo/event/EventMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/event/EventMixin.min.js b/build/cmd/hilo/event/EventMixin.min.js
index 5986504b..12ede960 100644
--- a/build/cmd/hilo/event/EventMixin.min.js
+++ b/build/cmd/hilo/event/EventMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/game/Camera.js b/build/cmd/hilo/game/Camera.js
index c44a9db5..d638e96b 100644
--- a/build/cmd/hilo/game/Camera.js
+++ b/build/cmd/hilo/game/Camera.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/game/Camera.min.js b/build/cmd/hilo/game/Camera.min.js
index dca38f4b..2958ae47 100644
--- a/build/cmd/hilo/game/Camera.min.js
+++ b/build/cmd/hilo/game/Camera.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/game/Camera3d.js b/build/cmd/hilo/game/Camera3d.js
index 42064d12..e8bbb125 100644
--- a/build/cmd/hilo/game/Camera3d.js
+++ b/build/cmd/hilo/game/Camera3d.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/game/Camera3d.min.js b/build/cmd/hilo/game/Camera3d.min.js
index f22acb36..e56b5970 100644
--- a/build/cmd/hilo/game/Camera3d.min.js
+++ b/build/cmd/hilo/game/Camera3d.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/game/ParticleSystem.js b/build/cmd/hilo/game/ParticleSystem.js
index acf22959..7955b3bc 100644
--- a/build/cmd/hilo/game/ParticleSystem.js
+++ b/build/cmd/hilo/game/ParticleSystem.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/game/ParticleSystem.min.js b/build/cmd/hilo/game/ParticleSystem.min.js
index d7e959fc..bdf3c17b 100644
--- a/build/cmd/hilo/game/ParticleSystem.min.js
+++ b/build/cmd/hilo/game/ParticleSystem.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/geom/Matrix.js b/build/cmd/hilo/geom/Matrix.js
index b3257db3..9b54ffbe 100644
--- a/build/cmd/hilo/geom/Matrix.js
+++ b/build/cmd/hilo/geom/Matrix.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/geom/Matrix.min.js b/build/cmd/hilo/geom/Matrix.min.js
index 71e727a2..4b1e14c2 100644
--- a/build/cmd/hilo/geom/Matrix.min.js
+++ b/build/cmd/hilo/geom/Matrix.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/loader/ImageLoader.js b/build/cmd/hilo/loader/ImageLoader.js
index 4ac432da..515c5307 100644
--- a/build/cmd/hilo/loader/ImageLoader.js
+++ b/build/cmd/hilo/loader/ImageLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/loader/ImageLoader.min.js b/build/cmd/hilo/loader/ImageLoader.min.js
index f7140e90..8b285bc8 100644
--- a/build/cmd/hilo/loader/ImageLoader.min.js
+++ b/build/cmd/hilo/loader/ImageLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/loader/LoadQueue.js b/build/cmd/hilo/loader/LoadQueue.js
index f8dcccdd..100426af 100644
--- a/build/cmd/hilo/loader/LoadQueue.js
+++ b/build/cmd/hilo/loader/LoadQueue.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/loader/LoadQueue.min.js b/build/cmd/hilo/loader/LoadQueue.min.js
index 483b9d2e..6b243ffa 100644
--- a/build/cmd/hilo/loader/LoadQueue.min.js
+++ b/build/cmd/hilo/loader/LoadQueue.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/loader/ScriptLoader.js b/build/cmd/hilo/loader/ScriptLoader.js
index 409da56b..2ba00a99 100644
--- a/build/cmd/hilo/loader/ScriptLoader.js
+++ b/build/cmd/hilo/loader/ScriptLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/loader/ScriptLoader.min.js b/build/cmd/hilo/loader/ScriptLoader.min.js
index 2172fe84..42cc523b 100644
--- a/build/cmd/hilo/loader/ScriptLoader.min.js
+++ b/build/cmd/hilo/loader/ScriptLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/media/HTMLAudio.js b/build/cmd/hilo/media/HTMLAudio.js
index f6e02c1d..f57ff49e 100644
--- a/build/cmd/hilo/media/HTMLAudio.js
+++ b/build/cmd/hilo/media/HTMLAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/media/HTMLAudio.min.js b/build/cmd/hilo/media/HTMLAudio.min.js
index b49129f6..7b8f69bf 100644
--- a/build/cmd/hilo/media/HTMLAudio.min.js
+++ b/build/cmd/hilo/media/HTMLAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/media/WebAudio.js b/build/cmd/hilo/media/WebAudio.js
index f7e8f13c..36574772 100644
--- a/build/cmd/hilo/media/WebAudio.js
+++ b/build/cmd/hilo/media/WebAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/media/WebAudio.min.js b/build/cmd/hilo/media/WebAudio.min.js
index cac27607..81097a15 100644
--- a/build/cmd/hilo/media/WebAudio.min.js
+++ b/build/cmd/hilo/media/WebAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/media/WebSound.js b/build/cmd/hilo/media/WebSound.js
index 4fdf85d8..09eb3da0 100644
--- a/build/cmd/hilo/media/WebSound.js
+++ b/build/cmd/hilo/media/WebSound.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/media/WebSound.min.js b/build/cmd/hilo/media/WebSound.min.js
index be18bbbe..b5a10325 100644
--- a/build/cmd/hilo/media/WebSound.min.js
+++ b/build/cmd/hilo/media/WebSound.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/renderer/CanvasRenderer.js b/build/cmd/hilo/renderer/CanvasRenderer.js
index a1a51b46..991b9aa1 100644
--- a/build/cmd/hilo/renderer/CanvasRenderer.js
+++ b/build/cmd/hilo/renderer/CanvasRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/renderer/CanvasRenderer.min.js b/build/cmd/hilo/renderer/CanvasRenderer.min.js
index 78738f17..83843d34 100644
--- a/build/cmd/hilo/renderer/CanvasRenderer.min.js
+++ b/build/cmd/hilo/renderer/CanvasRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/renderer/DOMRenderer.js b/build/cmd/hilo/renderer/DOMRenderer.js
index 6619ac0c..a00706e7 100644
--- a/build/cmd/hilo/renderer/DOMRenderer.js
+++ b/build/cmd/hilo/renderer/DOMRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/renderer/DOMRenderer.min.js b/build/cmd/hilo/renderer/DOMRenderer.min.js
index 79fc5e4f..fb98841c 100644
--- a/build/cmd/hilo/renderer/DOMRenderer.min.js
+++ b/build/cmd/hilo/renderer/DOMRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/renderer/Renderer.js b/build/cmd/hilo/renderer/Renderer.js
index 6fbabdf6..8adff6cc 100644
--- a/build/cmd/hilo/renderer/Renderer.js
+++ b/build/cmd/hilo/renderer/Renderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/renderer/Renderer.min.js b/build/cmd/hilo/renderer/Renderer.min.js
index 41663cf1..aec2f44c 100644
--- a/build/cmd/hilo/renderer/Renderer.min.js
+++ b/build/cmd/hilo/renderer/Renderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/renderer/WebGLRenderer.js b/build/cmd/hilo/renderer/WebGLRenderer.js
index 524edf4e..cf03d20f 100644
--- a/build/cmd/hilo/renderer/WebGLRenderer.js
+++ b/build/cmd/hilo/renderer/WebGLRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -61,7 +61,13 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
                 }
             }
             return this._isSupported;
-        }
+        },
+        /**
+         * WebGL context Options
+         * @see  https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes
+         * @type {Object}
+         */
+        contextOptions: null
     },
     renderType:'webgl',
     gl:null,
@@ -70,7 +76,8 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
     constructor: function(properties){
         WebGLRenderer.superclass.constructor.call(this, properties);
         var that = this;
-        this.gl = this.canvas.getContext("webgl")||this.canvas.getContext('experimental-webgl');
+        var contextOptions = WebGLRenderer.contextOptions || {};
+        this.gl = this.canvas.getContext("webgl", contextOptions)||this.canvas.getContext('experimental-webgl', contextOptions);
 
         this.maxBatchNum = WebGLRenderer.MAX_BATCH_NUM;
         this.positionStride = WebGLRenderer.ATTRIBUTE_NUM * 4;
diff --git a/build/cmd/hilo/renderer/WebGLRenderer.min.js b/build/cmd/hilo/renderer/WebGLRenderer.min.js
index e00f0d04..e2284485 100644
--- a/build/cmd/hilo/renderer/WebGLRenderer.min.js
+++ b/build/cmd/hilo/renderer/WebGLRenderer.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-define(function(t,e,r){var i=t("hilo/core/Class"),a=t("hilo/core/Hilo"),n=t("hilo/renderer/Renderer"),s=t("hilo/geom/Matrix"),o=Math.PI/180,h=i.create({Extends:n,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported}},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){h.superclass.constructor.call(this,t);var e=this;this.gl=this.canvas.getContext("webgl")||this.canvas.getContext("experimental-webgl"),this.maxBatchNum=h.MAX_BATCH_NUM,this.positionStride=4*h.ATTRIBUTE_NUM;var r=this.maxBatchNum*h.ATTRIBUTE_NUM*4,i=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*r),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(i);for(var a=0,n=0;a<i;a+=6,n+=4)this.indexs[a+0]=n+0,this.indexs[a+1]=n+1,this.indexs[a+2]=n+2,this.indexs[a+3]=n+1,this.indexs[a+4]=n+2,this.indexs[a+5]=n+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,r=t.height,i=(t.background,t.drawable),a=i&&i.image;if(a){var n=i.rect,s=n[2],o=n[3];e||r||(e=t.width=s,r=t.height=o),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(a,n[0],n[1],s,o,0,0,e,r),c=this.batchIndex*this.positionStride,_=this.float32Array,l=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);_[c+0]=h[0],_[c+1]=h[1],_[c+2]=h[2],_[c+3]=h[3],l[c+4]=d,_[c+5]=h[4],_[c+6]=h[5],_[c+7]=h[6],_[c+8]=h[7],l[c+9]=d,_[c+10]=h[8],_[c+11]=h[9],_[c+12]=h[10],_[c+13]=h[11],l[c+14]=d,_[c+15]=h[12],_[c+16]=h[13],_[c+17]=h[14],_[c+18]=h[15],l[c+19]=d;for(var u=t.__webglWorldMatrix,f=0;f<4;f++){var g=_[c+5*f],T=_[c+5*f+1];_[c+5*f]=u.a*g+u.c*T+u.tx,_[c+5*f+1]=u.b*g+u.d*T+u.ty}t.__textureImage=a,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void a.setElementStyleByView(t);var r=t.scaleX,i=t.scaleY;if(t===this.stage){var n=this.canvas.style,o=t._scaleX,h=t._scaleY,c=!1;(!o&&1!=r||o&&o!=r)&&(t._scaleX=r,n.width=r*t.width+"px",c=!0),(!h&&1!=i||h&&h!=i)&&(t._scaleY=i,n.height=i*t.height+"px",c=!0),c&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new s(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new s(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,r=e&&e.domElement;if(r){var i=r.parentNode;i&&i.removeChild(r)}},clear:function(t,e,r,i){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var r=this.canvas,i=this.stage,a=r.style;this.width=r.width=t,this.height=r.height=e,a.width=i.width*i.scaleX+"px",a.height=i.height*i.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,r=0,i=null,a=0;a<this.batchIndex;a++){var n=this.sprites[a];i&&i!==n.__textureImage&&(this._renderBatch(e,a),e=a,r=1),i=n.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var r=this.gl,i=e-t;i>0&&(r.bindTexture(r.TEXTURE_2D,this._getTexture(this.sprites[t])),r.drawElements(r.TRIANGLES,6*i,r.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new c(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,r,i,a,n,s,o,h){var c=this.__tempVertexs||[],_=t.width,l=t.height;i/=_,a/=l,e/=_,r/=l,o=o,h=h,n=n,s=s,i+e>1&&(i=1-e),a+r>1&&(a=1-r);var d=0;return c[d++]=n,c[d++]=s,c[d++]=e,c[d++]=r,c[d++]=n+o,c[d++]=s,c[d++]=e+i,c[d++]=r,c[d++]=n,c[d++]=s+h,c[d++]=e,c[d++]=r+a,c[d++]=n+o,c[d++]=s+h,c[d++]=e+i,c[d++]=r+a,c},_setConcatenatedMatrix:function(t,e){var r=t.__webglWorldMatrix,i=1,a=0,n=t.rotation%360,s=t.pivotX,h=t.pivotY,c=t.scaleX,_=t.scaleY,l=t.transform;if(l)r.copy(l);else{if(n){var d=n*o;i=Math.cos(d),a=Math.sin(d)}var u=t.getAlignPosition();r.a=i*c,r.b=a*c,r.c=-a*_,r.d=i*_,r.tx=u.x-r.a*s-r.c*h,r.ty=u.y-r.b*s-r.d*h}r.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,r=this._cacheTexture[e.src];return r||(r=this.activeShader.uploadTexture(e)),r}}),c=function(t,e,r){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),r=r||{},this.attributes=r.attributes||[],this.uniforms=r.uniforms||[]};return c.prototype={active:function(){var t=this,e=t.renderer,r=t.gl,i=t.program;i&&r&&(e.activeShader=t,r.useProgram(i),t.attributes.forEach(function(t){e[t]=r.getAttribLocation(i,t),r.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=r.getUniformLocation(i,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,r=this.renderer,i=e.createTexture(),a=r.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,i),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(a,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=i,i},_createProgram:function(t,e,r){var i=this._createShader(t,t.VERTEX_SHADER,e),a=this._createShader(t,t.FRAGMENT_SHADER,r);if(!i||!a)return null;var n=t.createProgram();if(n){t.attachShader(n,i),t.attachShader(n,a),t.linkProgram(n),t.deleteShader(a),t.deleteShader(i);var s=t.getProgramParameter(n,t.LINK_STATUS);if(!s){var o=t.getProgramInfoLog(n);return console.log("Failed to link program: "+o),t.deleteProgram(n),null}}return n},_createShader:function(t,e,r){var i=t.createShader(e);if(i){t.shaderSource(i,r),t.compileShader(i);var a=t.getShaderParameter(i,t.COMPILE_STATUS);if(!a){var n=t.getShaderInfoLog(i);return console.log("Failed to compile shader: "+n),t.deleteShader(i),null}}return i}},h});
\ No newline at end of file
+define(function(t,e,r){var i=t("hilo/core/Class"),a=t("hilo/core/Hilo"),n=t("hilo/renderer/Renderer"),s=t("hilo/geom/Matrix"),o=Math.PI/180,h=i.create({Extends:n,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported},contextOptions:null},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){h.superclass.constructor.call(this,t);var e=this,r=h.contextOptions||{};this.gl=this.canvas.getContext("webgl",r)||this.canvas.getContext("experimental-webgl",r),this.maxBatchNum=h.MAX_BATCH_NUM,this.positionStride=4*h.ATTRIBUTE_NUM;var i=this.maxBatchNum*h.ATTRIBUTE_NUM*4,a=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*i),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(a);for(var n=0,s=0;n<a;n+=6,s+=4)this.indexs[n+0]=s+0,this.indexs[n+1]=s+1,this.indexs[n+2]=s+2,this.indexs[n+3]=s+1,this.indexs[n+4]=s+2,this.indexs[n+5]=s+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,r=t.height,i=(t.background,t.drawable),a=i&&i.image;if(a){var n=i.rect,s=n[2],o=n[3];e||r||(e=t.width=s,r=t.height=o),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(a,n[0],n[1],s,o,0,0,e,r),c=this.batchIndex*this.positionStride,_=this.float32Array,l=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);_[c+0]=h[0],_[c+1]=h[1],_[c+2]=h[2],_[c+3]=h[3],l[c+4]=d,_[c+5]=h[4],_[c+6]=h[5],_[c+7]=h[6],_[c+8]=h[7],l[c+9]=d,_[c+10]=h[8],_[c+11]=h[9],_[c+12]=h[10],_[c+13]=h[11],l[c+14]=d,_[c+15]=h[12],_[c+16]=h[13],_[c+17]=h[14],_[c+18]=h[15],l[c+19]=d;for(var u=t.__webglWorldMatrix,f=0;f<4;f++){var g=_[c+5*f],x=_[c+5*f+1];_[c+5*f]=u.a*g+u.c*x+u.tx,_[c+5*f+1]=u.b*g+u.d*x+u.ty}t.__textureImage=a,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void a.setElementStyleByView(t);var r=t.scaleX,i=t.scaleY;if(t===this.stage){var n=this.canvas.style,o=t._scaleX,h=t._scaleY,c=!1;(!o&&1!=r||o&&o!=r)&&(t._scaleX=r,n.width=r*t.width+"px",c=!0),(!h&&1!=i||h&&h!=i)&&(t._scaleY=i,n.height=i*t.height+"px",c=!0),c&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new s(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new s(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,r=e&&e.domElement;if(r){var i=r.parentNode;i&&i.removeChild(r)}},clear:function(t,e,r,i){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var r=this.canvas,i=this.stage,a=r.style;this.width=r.width=t,this.height=r.height=e,a.width=i.width*i.scaleX+"px",a.height=i.height*i.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,r=0,i=null,a=0;a<this.batchIndex;a++){var n=this.sprites[a];i&&i!==n.__textureImage&&(this._renderBatch(e,a),e=a,r=1),i=n.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var r=this.gl,i=e-t;i>0&&(r.bindTexture(r.TEXTURE_2D,this._getTexture(this.sprites[t])),r.drawElements(r.TRIANGLES,6*i,r.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new c(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,r,i,a,n,s,o,h){var c=this.__tempVertexs||[],_=t.width,l=t.height;i/=_,a/=l,e/=_,r/=l,o=o,h=h,n=n,s=s,i+e>1&&(i=1-e),a+r>1&&(a=1-r);var d=0;return c[d++]=n,c[d++]=s,c[d++]=e,c[d++]=r,c[d++]=n+o,c[d++]=s,c[d++]=e+i,c[d++]=r,c[d++]=n,c[d++]=s+h,c[d++]=e,c[d++]=r+a,c[d++]=n+o,c[d++]=s+h,c[d++]=e+i,c[d++]=r+a,c},_setConcatenatedMatrix:function(t,e){var r=t.__webglWorldMatrix,i=1,a=0,n=t.rotation%360,s=t.pivotX,h=t.pivotY,c=t.scaleX,_=t.scaleY,l=t.transform;if(l)r.copy(l);else{if(n){var d=n*o;i=Math.cos(d),a=Math.sin(d)}var u=t.getAlignPosition();r.a=i*c,r.b=a*c,r.c=-a*_,r.d=i*_,r.tx=u.x-r.a*s-r.c*h,r.ty=u.y-r.b*s-r.d*h}r.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,r=this._cacheTexture[e.src];return r||(r=this.activeShader.uploadTexture(e)),r}}),c=function(t,e,r){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),r=r||{},this.attributes=r.attributes||[],this.uniforms=r.uniforms||[]};return c.prototype={active:function(){var t=this,e=t.renderer,r=t.gl,i=t.program;i&&r&&(e.activeShader=t,r.useProgram(i),t.attributes.forEach(function(t){e[t]=r.getAttribLocation(i,t),r.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=r.getUniformLocation(i,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,r=this.renderer,i=e.createTexture(),a=r.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,i),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(a,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=i,i},_createProgram:function(t,e,r){var i=this._createShader(t,t.VERTEX_SHADER,e),a=this._createShader(t,t.FRAGMENT_SHADER,r);if(!i||!a)return null;var n=t.createProgram();if(n){t.attachShader(n,i),t.attachShader(n,a),t.linkProgram(n),t.deleteShader(a),t.deleteShader(i);var s=t.getProgramParameter(n,t.LINK_STATUS);if(!s){var o=t.getProgramInfoLog(n);return console.log("Failed to link program: "+o),t.deleteProgram(n),null}}return n},_createShader:function(t,e,r){var i=t.createShader(e);if(i){t.shaderSource(i,r),t.compileShader(i);var a=t.getShaderParameter(i,t.COMPILE_STATUS);if(!a){var n=t.getShaderInfoLog(i);return console.log("Failed to compile shader: "+n),t.deleteShader(i),null}}return i}},h});
\ No newline at end of file
diff --git a/build/cmd/hilo/tween/Ease.js b/build/cmd/hilo/tween/Ease.js
index 81c927d5..f3374090 100644
--- a/build/cmd/hilo/tween/Ease.js
+++ b/build/cmd/hilo/tween/Ease.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/tween/Ease.min.js b/build/cmd/hilo/tween/Ease.min.js
index 0fb258ac..e0bfb5c9 100644
--- a/build/cmd/hilo/tween/Ease.min.js
+++ b/build/cmd/hilo/tween/Ease.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/tween/Tween.js b/build/cmd/hilo/tween/Tween.js
index 1936d9f0..fe201295 100644
--- a/build/cmd/hilo/tween/Tween.js
+++ b/build/cmd/hilo/tween/Tween.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/tween/Tween.min.js b/build/cmd/hilo/tween/Tween.min.js
index ab50d8cc..a2cecbe9 100644
--- a/build/cmd/hilo/tween/Tween.min.js
+++ b/build/cmd/hilo/tween/Tween.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/util/TextureAtlas.js b/build/cmd/hilo/util/TextureAtlas.js
index e07d4680..7d69d27b 100644
--- a/build/cmd/hilo/util/TextureAtlas.js
+++ b/build/cmd/hilo/util/TextureAtlas.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/util/TextureAtlas.min.js b/build/cmd/hilo/util/TextureAtlas.min.js
index 6de54279..ee25abb9 100644
--- a/build/cmd/hilo/util/TextureAtlas.min.js
+++ b/build/cmd/hilo/util/TextureAtlas.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/util/Ticker.js b/build/cmd/hilo/util/Ticker.js
index 717bd0e4..9c7ee7c8 100644
--- a/build/cmd/hilo/util/Ticker.js
+++ b/build/cmd/hilo/util/Ticker.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/util/Ticker.min.js b/build/cmd/hilo/util/Ticker.min.js
index d1d4f051..b79eba1a 100644
--- a/build/cmd/hilo/util/Ticker.min.js
+++ b/build/cmd/hilo/util/Ticker.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/util/browser.js b/build/cmd/hilo/util/browser.js
index 735124ec..75c4f538 100644
--- a/build/cmd/hilo/util/browser.js
+++ b/build/cmd/hilo/util/browser.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/util/browser.min.js b/build/cmd/hilo/util/browser.min.js
index 8b8fc3d8..8a41c70a 100644
--- a/build/cmd/hilo/util/browser.min.js
+++ b/build/cmd/hilo/util/browser.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/util/drag.js b/build/cmd/hilo/util/drag.js
index 3e439a5c..43653a36 100644
--- a/build/cmd/hilo/util/drag.js
+++ b/build/cmd/hilo/util/drag.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/util/drag.min.js b/build/cmd/hilo/util/drag.min.js
index 23a284b2..0183231c 100644
--- a/build/cmd/hilo/util/drag.min.js
+++ b/build/cmd/hilo/util/drag.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/util/polyfill.js b/build/cmd/hilo/util/polyfill.js
index cc6529a6..f70f2495 100644
--- a/build/cmd/hilo/util/polyfill.js
+++ b/build/cmd/hilo/util/polyfill.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/util/polyfill.min.js b/build/cmd/hilo/util/polyfill.min.js
index b8623dad..8df7e197 100644
--- a/build/cmd/hilo/util/polyfill.min.js
+++ b/build/cmd/hilo/util/polyfill.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/util/util.js b/build/cmd/hilo/util/util.js
index ba922061..c9061937 100644
--- a/build/cmd/hilo/util/util.js
+++ b/build/cmd/hilo/util/util.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/util/util.min.js b/build/cmd/hilo/util/util.min.js
index bc7fad4f..bf12b704 100644
--- a/build/cmd/hilo/util/util.min.js
+++ b/build/cmd/hilo/util/util.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Bitmap.js b/build/cmd/hilo/view/Bitmap.js
index 162efe1b..c267f716 100644
--- a/build/cmd/hilo/view/Bitmap.js
+++ b/build/cmd/hilo/view/Bitmap.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Bitmap.min.js b/build/cmd/hilo/view/Bitmap.min.js
index 655b1896..de753753 100644
--- a/build/cmd/hilo/view/Bitmap.min.js
+++ b/build/cmd/hilo/view/Bitmap.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/BitmapText.js b/build/cmd/hilo/view/BitmapText.js
index ce41a6b6..9e5495c7 100644
--- a/build/cmd/hilo/view/BitmapText.js
+++ b/build/cmd/hilo/view/BitmapText.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/BitmapText.min.js b/build/cmd/hilo/view/BitmapText.min.js
index 4c5d9604..d6e207c3 100644
--- a/build/cmd/hilo/view/BitmapText.min.js
+++ b/build/cmd/hilo/view/BitmapText.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Button.js b/build/cmd/hilo/view/Button.js
index 26d050c0..4c595d9d 100644
--- a/build/cmd/hilo/view/Button.js
+++ b/build/cmd/hilo/view/Button.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Button.min.js b/build/cmd/hilo/view/Button.min.js
index e21a1386..ec80877a 100644
--- a/build/cmd/hilo/view/Button.min.js
+++ b/build/cmd/hilo/view/Button.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/CacheMixin.js b/build/cmd/hilo/view/CacheMixin.js
index b4c92415..7302adee 100644
--- a/build/cmd/hilo/view/CacheMixin.js
+++ b/build/cmd/hilo/view/CacheMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/CacheMixin.min.js b/build/cmd/hilo/view/CacheMixin.min.js
index 233db2f8..7fc1ee96 100644
--- a/build/cmd/hilo/view/CacheMixin.min.js
+++ b/build/cmd/hilo/view/CacheMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Container.js b/build/cmd/hilo/view/Container.js
index ae80ab3e..4cd6cc46 100644
--- a/build/cmd/hilo/view/Container.js
+++ b/build/cmd/hilo/view/Container.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Container.min.js b/build/cmd/hilo/view/Container.min.js
index 08ff10e0..610becb5 100644
--- a/build/cmd/hilo/view/Container.min.js
+++ b/build/cmd/hilo/view/Container.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/DOMElement.js b/build/cmd/hilo/view/DOMElement.js
index 445bed72..90d8c9dc 100644
--- a/build/cmd/hilo/view/DOMElement.js
+++ b/build/cmd/hilo/view/DOMElement.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/DOMElement.min.js b/build/cmd/hilo/view/DOMElement.min.js
index a0a4942d..f521fc0a 100644
--- a/build/cmd/hilo/view/DOMElement.min.js
+++ b/build/cmd/hilo/view/DOMElement.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Drawable.js b/build/cmd/hilo/view/Drawable.js
index 70ae86c3..9af7c647 100644
--- a/build/cmd/hilo/view/Drawable.js
+++ b/build/cmd/hilo/view/Drawable.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Drawable.min.js b/build/cmd/hilo/view/Drawable.min.js
index 6c867477..0bd403c7 100644
--- a/build/cmd/hilo/view/Drawable.min.js
+++ b/build/cmd/hilo/view/Drawable.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Graphics.js b/build/cmd/hilo/view/Graphics.js
index 9c6eabfd..bc021800 100644
--- a/build/cmd/hilo/view/Graphics.js
+++ b/build/cmd/hilo/view/Graphics.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -14,7 +14,7 @@ var CacheMixin = require('hilo/view/CacheMixin');
 
 /**
  * @language=en
- * <iframe src='../../../examples/Graphics.html?noHeader' width = '320' height = '400' scrolling='no'></iframe>
+ * <iframe src='../../../examples/Graphics.html?noHeader' width = '430' height = '400' scrolling='no'></iframe>
  * <br/>
  * @class Graphics class contains a group of functions for creating vector graphics.
  * @augments View
diff --git a/build/cmd/hilo/view/Graphics.min.js b/build/cmd/hilo/view/Graphics.min.js
index 531fa2a3..2655ad0d 100644
--- a/build/cmd/hilo/view/Graphics.min.js
+++ b/build/cmd/hilo/view/Graphics.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Sprite.js b/build/cmd/hilo/view/Sprite.js
index 5619676d..ca311cc8 100644
--- a/build/cmd/hilo/view/Sprite.js
+++ b/build/cmd/hilo/view/Sprite.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Sprite.min.js b/build/cmd/hilo/view/Sprite.min.js
index b598c4ee..c88413af 100644
--- a/build/cmd/hilo/view/Sprite.min.js
+++ b/build/cmd/hilo/view/Sprite.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Stage.js b/build/cmd/hilo/view/Stage.js
index 07174186..ad78f869 100644
--- a/build/cmd/hilo/view/Stage.js
+++ b/build/cmd/hilo/view/Stage.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Stage.min.js b/build/cmd/hilo/view/Stage.min.js
index 6c88e525..aec631e7 100644
--- a/build/cmd/hilo/view/Stage.min.js
+++ b/build/cmd/hilo/view/Stage.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Text.js b/build/cmd/hilo/view/Text.js
index 6e42de5d..4697da49 100644
--- a/build/cmd/hilo/view/Text.js
+++ b/build/cmd/hilo/view/Text.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -52,7 +52,7 @@ var Text = Class.create(/** @lends Text.prototype */{
         this._fontHeight = Text.measureFontHeight(this.font);
     },
 
-    text: null,
+    text: '',
     color: '#000',
     textAlign: null,
     textVAlign: null,
diff --git a/build/cmd/hilo/view/Text.min.js b/build/cmd/hilo/view/Text.min.js
index 09b182ea..a8484681 100644
--- a/build/cmd/hilo/view/Text.min.js
+++ b/build/cmd/hilo/view/Text.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-define(function(t,e,i){var n=t("hilo/core/Class"),o=t("hilo/core/Hilo"),h=t("hilo/view/View"),r=t("hilo/view/CacheMixin"),l=n.create({Extends:h,Mixes:r,constructor:function(t){t=t||{},this.id=this.id||t.id||o.getUid("Text"),l.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=l.measureFontHeight(this.font)},text:null,color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=l.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var n=i.drawable,o=n.domElement,h=o.style;h.font=i.font,h.textAlign=i.textAlign,h.color=i.color,h.width=i.width+"px",h.height=i.height+"px",h.lineHeight=i._fontHeight+i.lineSpacing+"px",o.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var n,o,h,r,l,a=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),s=0,c=0,d=e._fontHeight+e.lineSpacing,x=[];for(n=0,r=a.length;n<r;n++)if(o=a[n],h=t.measureText(o).width,h<=e.maxWidth)x.push({text:o,y:c}),s<h&&(s=h),c+=d;else{var g,f,u,w="",m=0;for(f=0,l=o.length;f<l;f++)u=o[f],g=t.measureText(w+u).width,g>e.maxWidth?(x.push({text:w,y:c}),s<m&&(s=m),c+=d,w=u):(m=g,w+=u),f==l-1&&(x.push({text:w,y:c}),w!==u&&s<g&&(s=g),c+=d)}e.textWidth=s,e.textHeight=c,e.width||(e.width=s),e.height||(e.height=c);var p=0;switch(e.textVAlign){case"middle":p=e.height-e.textHeight>>1;break;case"bottom":p=e.height-e.textHeight}var v=e.background;for(v&&(t.fillStyle=v,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,n=0;n<x.length;n++)o=x[n],e._drawTextLine(t,o.text,p+o.y)}},_drawTextLine:function(t,e,i){var n=this,o=0,h=n.width;switch(n.textAlign){case"center":o=h>>1;break;case"right":case"end":o=h}n.outline?t.strokeText(e,o,i):t.fillText(e,o,i)},Statics:{measureFontHeight:function(t){var e,i=document.documentElement,n=o.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return i.appendChild(n),e=n.offsetHeight,i.removeChild(n),e}}});return l});
\ No newline at end of file
+define(function(t,e,i){var n=t("hilo/core/Class"),o=t("hilo/core/Hilo"),h=t("hilo/view/View"),r=t("hilo/view/CacheMixin"),l=n.create({Extends:h,Mixes:r,constructor:function(t){t=t||{},this.id=this.id||t.id||o.getUid("Text"),l.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=l.measureFontHeight(this.font)},text:"",color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=l.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var n=i.drawable,o=n.domElement,h=o.style;h.font=i.font,h.textAlign=i.textAlign,h.color=i.color,h.width=i.width+"px",h.height=i.height+"px",h.lineHeight=i._fontHeight+i.lineSpacing+"px",o.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var n,o,h,r,l,a=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),s=0,c=0,d=e._fontHeight+e.lineSpacing,x=[];for(n=0,r=a.length;n<r;n++)if(o=a[n],h=t.measureText(o).width,h<=e.maxWidth)x.push({text:o,y:c}),s<h&&(s=h),c+=d;else{var g,f,u,w="",m=0;for(f=0,l=o.length;f<l;f++)u=o[f],g=t.measureText(w+u).width,g>e.maxWidth?(x.push({text:w,y:c}),s<m&&(s=m),c+=d,w=u):(m=g,w+=u),f==l-1&&(x.push({text:w,y:c}),w!==u&&s<g&&(s=g),c+=d)}e.textWidth=s,e.textHeight=c,e.width||(e.width=s),e.height||(e.height=c);var p=0;switch(e.textVAlign){case"middle":p=e.height-e.textHeight>>1;break;case"bottom":p=e.height-e.textHeight}var v=e.background;for(v&&(t.fillStyle=v,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,n=0;n<x.length;n++)o=x[n],e._drawTextLine(t,o.text,p+o.y)}},_drawTextLine:function(t,e,i){var n=this,o=0,h=n.width;switch(n.textAlign){case"center":o=h>>1;break;case"right":case"end":o=h}n.outline?t.strokeText(e,o,i):t.fillText(e,o,i)},Statics:{measureFontHeight:function(t){var e,i=document.documentElement,n=o.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return i.appendChild(n),e=n.offsetHeight,i.removeChild(n),e}}});return l});
\ No newline at end of file
diff --git a/build/cmd/hilo/view/View.js b/build/cmd/hilo/view/View.js
index 48a427f6..6ab55f25 100644
--- a/build/cmd/hilo/view/View.js
+++ b/build/cmd/hilo/view/View.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/View.min.js b/build/cmd/hilo/view/View.min.js
index 15902e0a..42bcc8c9 100644
--- a/build/cmd/hilo/view/View.min.js
+++ b/build/cmd/hilo/view/View.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for cmd
+ * Hilo 1.4.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/core/Class.js b/build/commonjs/core/Class.js
index e13bc8f3..715292c0 100644
--- a/build/commonjs/core/Class.js
+++ b/build/commonjs/core/Class.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/core/Class.min.js b/build/commonjs/core/Class.min.js
index 5581b16c..22626bb5 100644
--- a/build/commonjs/core/Class.min.js
+++ b/build/commonjs/core/Class.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/core/Hilo.js b/build/commonjs/core/Hilo.js
index 1c93e397..ae8759c1 100644
--- a/build/commonjs/core/Hilo.js
+++ b/build/commonjs/core/Hilo.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -28,7 +28,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.3.0',
+    version: '1.4.0',
     /**
      * @language=en
      * Gets a globally unique id. Such as Stage1, Bitmap2 etc.
diff --git a/build/commonjs/core/Hilo.min.js b/build/commonjs/core/Hilo.min.js
index ed44b7f3..c5e08613 100644
--- a/build/commonjs/core/Hilo.min.js
+++ b/build/commonjs/core/Hilo.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-var browser=require("../util/browser"),util=require("../util/util"),win=window,doc=document,docElem=doc.documentElement,uid=0,hasWarnedDict={},Hilo={version:"1.3.0",getUid:function(e){var t=++uid;if(e){var a=e.charCodeAt(e.length-1);return a>=48&&a<=57&&(e+="_"),e+t}return t},viewToString:function(e){for(var t,a=e;a;)t=t?a.id+"."+t:a.id,a=a.parent;return t},copy:function(e,t,a){return util.copy(e,t,a),hasWarnedDict.copy||(hasWarnedDict.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),e},browser:browser,event:{POINTER_START:browser.POINTER_START,POINTER_MOVE:browser.POINTER_MOVE,POINTER_END:browser.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(e){var t;try{t=e.getBoundingClientRect()}catch(a){t={top:e.offsetTop,left:e.offsetLeft,right:e.offsetLeft+e.offsetWidth,bottom:e.offsetTop+e.offsetHeight}}var r=(win.pageXOffset||docElem.scrollLeft)-(docElem.clientLeft||0)||0,o=(win.pageYOffset||docElem.scrollTop)-(docElem.clientTop||0)||0,i=win.getComputedStyle?getComputedStyle(e):e.currentStyle,n=parseInt,s=n(i.paddingLeft)+n(i.borderLeftWidth)||0,c=n(i.paddingTop)+n(i.borderTopWidth)||0,d=n(i.paddingRight)+n(i.borderRightWidth)||0,h=n(i.paddingBottom)+n(i.borderBottomWidth)||0,l=t.top||0,f=t.left||0,g=t.right||0,p=t.bottom||0;return{left:f+r+s,top:l+o+c,width:g-d-f-s,height:p-h-l-c}},createElement:function(e,t){var a,r,o,i=doc.createElement(e);for(a in t)if(r=t[a],"style"===a)for(o in r)i.style[o]=r[o];else i[a]=r;return i},getElement:function(e){return doc.getElementById(e)},setElementStyleByView:function(e){var t=e.drawable,a=t.domElement.style,r=e._stateCache||(e._stateCache={}),o=Hilo.browser.jsVendor,i="px",n=!1;if(this.cacheStateIfChanged(e,["visible"],r)&&(a.display=e.visible?"":"none"),this.cacheStateIfChanged(e,["alpha"],r)&&(a.opacity=e.alpha),e.visible&&!(e.alpha<=0)){if(this.cacheStateIfChanged(e,["width"],r)&&(a.width=e.width+i),this.cacheStateIfChanged(e,["height"],r)&&(a.height=e.height+i),this.cacheStateIfChanged(e,["depth"],r)&&(a.zIndex=e.depth+1),e.transform){var s=e.transform;(n=this.cacheStateIfChanged(e,["pivotX","pivotY"],r))&&(a[o+"TransformOrigin"]="0 0"),a[o+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(n=this.cacheStateIfChanged(e,["pivotX","pivotY"],r))&&(a[o+"TransformOrigin"]=e.pivotX+i+" "+e.pivotY+i),(this.cacheStateIfChanged(e,["x","y","rotation","scaleX","scaleY"],r)||n)&&(a[o+"Transform"]=this.getTransformCSS(e));this.cacheStateIfChanged(e,["background"],r)&&(a.backgroundColor=e.background),a.pointerEvents||(a.pointerEvents="none");var c=t.image;if(c){var d=c.src;d!==r.image&&(r.image=d,a.backgroundImage="url("+d+")");var h=t.rect;if(h){var l=h[0],f=h[1];l!==r.sx&&(r.sx=l,a.backgroundPositionX=-l+i),f!==r.sy&&(r.sy=f,a.backgroundPositionY=-f+i)}}var g=e.mask;if(g){var p=g.drawable.domElement.style.backgroundImage;p!==r.maskImage&&(r.maskImage=p,a[o+"MaskImage"]=p,a[o+"MaskRepeat"]="no-repeat");var m=g.x,u=g.y;m===r.maskX&&u===r.maskY||(r.maskX=m,r.maskY=u,a[o+"MaskPosition"]=m+i+" "+u+i)}}},cacheStateIfChanged:function(e,t,a){var r,o,i,n,s=!1;for(r=0,o=t.length;r<o;r++)i=t[r],n=e[i],n!=a[i]&&(a[i]=n,s=!0);return s},getTransformCSS:function(e){var t=this.browser.supportTransform3D,a=t?"3d":"";return"translate"+a+"("+(e.x-e.pivotX)+"px, "+(e.y-e.pivotY)+(t?"px, 0px)":"px)")+"rotate"+a+(t?"(0, 0, 1, ":"(")+e.rotation+"deg)scale"+a+"("+e.scaleX+", "+e.scaleY+(t?", 1)":")")}};module.exports=Hilo;
\ No newline at end of file
+var browser=require("../util/browser"),util=require("../util/util"),win=window,doc=document,docElem=doc.documentElement,uid=0,hasWarnedDict={},Hilo={version:"1.4.0",getUid:function(e){var t=++uid;if(e){var a=e.charCodeAt(e.length-1);return a>=48&&a<=57&&(e+="_"),e+t}return t},viewToString:function(e){for(var t,a=e;a;)t=t?a.id+"."+t:a.id,a=a.parent;return t},copy:function(e,t,a){return util.copy(e,t,a),hasWarnedDict.copy||(hasWarnedDict.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),e},browser:browser,event:{POINTER_START:browser.POINTER_START,POINTER_MOVE:browser.POINTER_MOVE,POINTER_END:browser.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(e){var t;try{t=e.getBoundingClientRect()}catch(a){t={top:e.offsetTop,left:e.offsetLeft,right:e.offsetLeft+e.offsetWidth,bottom:e.offsetTop+e.offsetHeight}}var r=(win.pageXOffset||docElem.scrollLeft)-(docElem.clientLeft||0)||0,o=(win.pageYOffset||docElem.scrollTop)-(docElem.clientTop||0)||0,i=win.getComputedStyle?getComputedStyle(e):e.currentStyle,n=parseInt,s=n(i.paddingLeft)+n(i.borderLeftWidth)||0,c=n(i.paddingTop)+n(i.borderTopWidth)||0,d=n(i.paddingRight)+n(i.borderRightWidth)||0,h=n(i.paddingBottom)+n(i.borderBottomWidth)||0,l=t.top||0,f=t.left||0,g=t.right||0,p=t.bottom||0;return{left:f+r+s,top:l+o+c,width:g-d-f-s,height:p-h-l-c}},createElement:function(e,t){var a,r,o,i=doc.createElement(e);for(a in t)if(r=t[a],"style"===a)for(o in r)i.style[o]=r[o];else i[a]=r;return i},getElement:function(e){return doc.getElementById(e)},setElementStyleByView:function(e){var t=e.drawable,a=t.domElement.style,r=e._stateCache||(e._stateCache={}),o=Hilo.browser.jsVendor,i="px",n=!1;if(this.cacheStateIfChanged(e,["visible"],r)&&(a.display=e.visible?"":"none"),this.cacheStateIfChanged(e,["alpha"],r)&&(a.opacity=e.alpha),e.visible&&!(e.alpha<=0)){if(this.cacheStateIfChanged(e,["width"],r)&&(a.width=e.width+i),this.cacheStateIfChanged(e,["height"],r)&&(a.height=e.height+i),this.cacheStateIfChanged(e,["depth"],r)&&(a.zIndex=e.depth+1),e.transform){var s=e.transform;(n=this.cacheStateIfChanged(e,["pivotX","pivotY"],r))&&(a[o+"TransformOrigin"]="0 0"),a[o+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(n=this.cacheStateIfChanged(e,["pivotX","pivotY"],r))&&(a[o+"TransformOrigin"]=e.pivotX+i+" "+e.pivotY+i),(this.cacheStateIfChanged(e,["x","y","rotation","scaleX","scaleY"],r)||n)&&(a[o+"Transform"]=this.getTransformCSS(e));this.cacheStateIfChanged(e,["background"],r)&&(a.backgroundColor=e.background),a.pointerEvents||(a.pointerEvents="none");var c=t.image;if(c){var d=c.src;d!==r.image&&(r.image=d,a.backgroundImage="url("+d+")");var h=t.rect;if(h){var l=h[0],f=h[1];l!==r.sx&&(r.sx=l,a.backgroundPositionX=-l+i),f!==r.sy&&(r.sy=f,a.backgroundPositionY=-f+i)}}var g=e.mask;if(g){var p=g.drawable.domElement.style.backgroundImage;p!==r.maskImage&&(r.maskImage=p,a[o+"MaskImage"]=p,a[o+"MaskRepeat"]="no-repeat");var m=g.x,u=g.y;m===r.maskX&&u===r.maskY||(r.maskX=m,r.maskY=u,a[o+"MaskPosition"]=m+i+" "+u+i)}}},cacheStateIfChanged:function(e,t,a){var r,o,i,n,s=!1;for(r=0,o=t.length;r<o;r++)i=t[r],n=e[i],n!=a[i]&&(a[i]=n,s=!0);return s},getTransformCSS:function(e){var t=this.browser.supportTransform3D,a=t?"3d":"";return"translate"+a+"("+(e.x-e.pivotX)+"px, "+(e.y-e.pivotY)+(t?"px, 0px)":"px)")+"rotate"+a+(t?"(0, 0, 1, ":"(")+e.rotation+"deg)scale"+a+"("+e.scaleX+", "+e.scaleY+(t?", 1)":")")}};module.exports=Hilo;
\ No newline at end of file
diff --git a/build/commonjs/event/EventMixin.js b/build/commonjs/event/EventMixin.js
index e541170d..e7f76a8f 100644
--- a/build/commonjs/event/EventMixin.js
+++ b/build/commonjs/event/EventMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/event/EventMixin.min.js b/build/commonjs/event/EventMixin.min.js
index 953f9a8d..a6c36242 100644
--- a/build/commonjs/event/EventMixin.min.js
+++ b/build/commonjs/event/EventMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/game/Camera.js b/build/commonjs/game/Camera.js
index 7368055f..b847d847 100644
--- a/build/commonjs/game/Camera.js
+++ b/build/commonjs/game/Camera.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/game/Camera.min.js b/build/commonjs/game/Camera.min.js
index 9b5dac1d..12fb5f9b 100644
--- a/build/commonjs/game/Camera.min.js
+++ b/build/commonjs/game/Camera.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/game/Camera3d.js b/build/commonjs/game/Camera3d.js
index 36958f8a..7bd6e2fc 100644
--- a/build/commonjs/game/Camera3d.js
+++ b/build/commonjs/game/Camera3d.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/game/Camera3d.min.js b/build/commonjs/game/Camera3d.min.js
index a624ce11..84bbfce8 100644
--- a/build/commonjs/game/Camera3d.min.js
+++ b/build/commonjs/game/Camera3d.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/game/ParticleSystem.js b/build/commonjs/game/ParticleSystem.js
index 139941ad..85035c03 100644
--- a/build/commonjs/game/ParticleSystem.js
+++ b/build/commonjs/game/ParticleSystem.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/game/ParticleSystem.min.js b/build/commonjs/game/ParticleSystem.min.js
index e3902fc6..854d180d 100644
--- a/build/commonjs/game/ParticleSystem.min.js
+++ b/build/commonjs/game/ParticleSystem.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/geom/Matrix.js b/build/commonjs/geom/Matrix.js
index bc99a03d..489b7a90 100644
--- a/build/commonjs/geom/Matrix.js
+++ b/build/commonjs/geom/Matrix.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/geom/Matrix.min.js b/build/commonjs/geom/Matrix.min.js
index 287e15f4..42d5d8f7 100644
--- a/build/commonjs/geom/Matrix.min.js
+++ b/build/commonjs/geom/Matrix.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/hilo-commonjs.zip b/build/commonjs/hilo-commonjs.zip
index ba753ea1..81de031d 100644
Binary files a/build/commonjs/hilo-commonjs.zip and b/build/commonjs/hilo-commonjs.zip differ
diff --git a/build/commonjs/loader/ImageLoader.js b/build/commonjs/loader/ImageLoader.js
index f94047be..15a9acd4 100644
--- a/build/commonjs/loader/ImageLoader.js
+++ b/build/commonjs/loader/ImageLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/loader/ImageLoader.min.js b/build/commonjs/loader/ImageLoader.min.js
index b1ea22a0..bf2e18af 100644
--- a/build/commonjs/loader/ImageLoader.min.js
+++ b/build/commonjs/loader/ImageLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/loader/LoadQueue.js b/build/commonjs/loader/LoadQueue.js
index 8d730d15..51c46816 100644
--- a/build/commonjs/loader/LoadQueue.js
+++ b/build/commonjs/loader/LoadQueue.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/loader/LoadQueue.min.js b/build/commonjs/loader/LoadQueue.min.js
index 8260b764..c6b57be9 100644
--- a/build/commonjs/loader/LoadQueue.min.js
+++ b/build/commonjs/loader/LoadQueue.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/loader/ScriptLoader.js b/build/commonjs/loader/ScriptLoader.js
index b87104a8..4e997e14 100644
--- a/build/commonjs/loader/ScriptLoader.js
+++ b/build/commonjs/loader/ScriptLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/loader/ScriptLoader.min.js b/build/commonjs/loader/ScriptLoader.min.js
index 6536873d..73abf455 100644
--- a/build/commonjs/loader/ScriptLoader.min.js
+++ b/build/commonjs/loader/ScriptLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/media/HTMLAudio.js b/build/commonjs/media/HTMLAudio.js
index 31db6494..0f9d6946 100644
--- a/build/commonjs/media/HTMLAudio.js
+++ b/build/commonjs/media/HTMLAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/media/HTMLAudio.min.js b/build/commonjs/media/HTMLAudio.min.js
index e6300796..1c494127 100644
--- a/build/commonjs/media/HTMLAudio.min.js
+++ b/build/commonjs/media/HTMLAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/media/WebAudio.js b/build/commonjs/media/WebAudio.js
index 88d64680..81f39f4a 100644
--- a/build/commonjs/media/WebAudio.js
+++ b/build/commonjs/media/WebAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/media/WebAudio.min.js b/build/commonjs/media/WebAudio.min.js
index eb7e1017..27f89143 100644
--- a/build/commonjs/media/WebAudio.min.js
+++ b/build/commonjs/media/WebAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/media/WebSound.js b/build/commonjs/media/WebSound.js
index bfba171d..f90756d9 100644
--- a/build/commonjs/media/WebSound.js
+++ b/build/commonjs/media/WebSound.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/media/WebSound.min.js b/build/commonjs/media/WebSound.min.js
index 77aa4869..ba7737cf 100644
--- a/build/commonjs/media/WebSound.min.js
+++ b/build/commonjs/media/WebSound.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/renderer/CanvasRenderer.js b/build/commonjs/renderer/CanvasRenderer.js
index 973fc271..c351ff84 100644
--- a/build/commonjs/renderer/CanvasRenderer.js
+++ b/build/commonjs/renderer/CanvasRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/renderer/CanvasRenderer.min.js b/build/commonjs/renderer/CanvasRenderer.min.js
index 16ec838e..936ecfe2 100644
--- a/build/commonjs/renderer/CanvasRenderer.min.js
+++ b/build/commonjs/renderer/CanvasRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/renderer/DOMRenderer.js b/build/commonjs/renderer/DOMRenderer.js
index a9dbb844..a580b7ee 100644
--- a/build/commonjs/renderer/DOMRenderer.js
+++ b/build/commonjs/renderer/DOMRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/renderer/DOMRenderer.min.js b/build/commonjs/renderer/DOMRenderer.min.js
index 60be5796..6f9bb19f 100644
--- a/build/commonjs/renderer/DOMRenderer.min.js
+++ b/build/commonjs/renderer/DOMRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/renderer/Renderer.js b/build/commonjs/renderer/Renderer.js
index 019d1784..19c551a0 100644
--- a/build/commonjs/renderer/Renderer.js
+++ b/build/commonjs/renderer/Renderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/renderer/Renderer.min.js b/build/commonjs/renderer/Renderer.min.js
index 37a13cdc..2821b926 100644
--- a/build/commonjs/renderer/Renderer.min.js
+++ b/build/commonjs/renderer/Renderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/renderer/WebGLRenderer.js b/build/commonjs/renderer/WebGLRenderer.js
index 40e917d5..b4cceab2 100644
--- a/build/commonjs/renderer/WebGLRenderer.js
+++ b/build/commonjs/renderer/WebGLRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -59,7 +59,13 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
                 }
             }
             return this._isSupported;
-        }
+        },
+        /**
+         * WebGL context Options
+         * @see  https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes
+         * @type {Object}
+         */
+        contextOptions: null
     },
     renderType:'webgl',
     gl:null,
@@ -68,7 +74,8 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
     constructor: function(properties){
         WebGLRenderer.superclass.constructor.call(this, properties);
         var that = this;
-        this.gl = this.canvas.getContext("webgl")||this.canvas.getContext('experimental-webgl');
+        var contextOptions = WebGLRenderer.contextOptions || {};
+        this.gl = this.canvas.getContext("webgl", contextOptions)||this.canvas.getContext('experimental-webgl', contextOptions);
 
         this.maxBatchNum = WebGLRenderer.MAX_BATCH_NUM;
         this.positionStride = WebGLRenderer.ATTRIBUTE_NUM * 4;
diff --git a/build/commonjs/renderer/WebGLRenderer.min.js b/build/commonjs/renderer/WebGLRenderer.min.js
index fea2342f..781a2614 100644
--- a/build/commonjs/renderer/WebGLRenderer.min.js
+++ b/build/commonjs/renderer/WebGLRenderer.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-var Class=require("../core/Class"),Hilo=require("../core/Hilo"),Renderer=require("./Renderer"),Matrix=require("../geom/Matrix"),DEG2RAD=Math.PI/180,WebGLRenderer=Class.create({Extends:Renderer,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var e=document.createElement("canvas");e.getContext&&(e.getContext("webgl")||e.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported}},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(e){WebGLRenderer.superclass.constructor.call(this,e);var t=this;this.gl=this.canvas.getContext("webgl")||this.canvas.getContext("experimental-webgl"),this.maxBatchNum=WebGLRenderer.MAX_BATCH_NUM,this.positionStride=4*WebGLRenderer.ATTRIBUTE_NUM;var r=this.maxBatchNum*WebGLRenderer.ATTRIBUTE_NUM*4,i=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*r),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(i);for(var a=0,n=0;a<i;a+=6,n+=4)this.indexs[a+0]=n+0,this.indexs[a+1]=n+1,this.indexs[a+2]=n+2,this.indexs[a+3]=n+1,this.indexs[a+4]=n+2,this.indexs[a+5]=n+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(e){t._isContextLost=!0,e.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(e){t._isContextLost=!1,t.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var e=this.gl;e.blendFunc(e.ONE,e.ONE_MINUS_SRC_ALPHA),e.clearColor(0,0,0,0),e.disable(e.DEPTH_TEST),e.disable(e.CULL_FACE),e.enable(e.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=e.createBuffer(),this.indexBuffer=e.createBuffer(),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,this.indexBuffer),e.bufferData(e.ELEMENT_ARRAY_BUFFER,this.indexs,e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,this.positionBuffer),e.bufferData(e.ARRAY_BUFFER,this.arrayBuffer,e.DYNAMIC_DRAW),e.vertexAttribPointer(this.a_position,2,e.FLOAT,!1,this.positionStride,0),e.vertexAttribPointer(this.a_TexCoord,2,e.FLOAT,!1,this.positionStride,8),e.vertexAttribPointer(this.a_tint,4,e.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(e){return!!(e.visible&&e.alpha>0)&&(e===this.stage&&this.clear(),!0)},draw:function(e){var t=e.width,r=e.height,i=(e.background,e.drawable),a=i&&i.image;if(a){var n=i.rect,s=n[2],o=n[3];t||r||(t=e.width=s,r=e.height=o),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(a,n[0],n[1],s,o,0,0,t,r),d=this.batchIndex*this.positionStride,_=this.float32Array,c=this.uint32Array,l=(e.tint>>16)+(65280&e.tint)+((255&e.tint)<<16)+(255*e.__webglRenderAlpha<<24);_[d+0]=h[0],_[d+1]=h[1],_[d+2]=h[2],_[d+3]=h[3],c[d+4]=l,_[d+5]=h[4],_[d+6]=h[5],_[d+7]=h[6],_[d+8]=h[7],c[d+9]=l,_[d+10]=h[8],_[d+11]=h[9],_[d+12]=h[10],_[d+13]=h[11],c[d+14]=l,_[d+15]=h[12],_[d+16]=h[13],_[d+17]=h[14],_[d+18]=h[15],c[d+19]=l;for(var u=e.__webglWorldMatrix,f=0;f<4;f++){var g=_[d+5*f],x=_[d+5*f+1];_[d+5*f]=u.a*g+u.c*x+u.tx,_[d+5*f+1]=u.b*g+u.d*x+u.ty}e.__textureImage=a,this.sprites[this.batchIndex++]=e}},endDraw:function(e){e===this.stage&&this._renderBatches()},transform:function(e){var t=e.drawable;if(t&&t.domElement)return void Hilo.setElementStyleByView(e);var r=e.scaleX,i=e.scaleY;if(e===this.stage){var a=this.canvas.style,n=e._scaleX,s=e._scaleY,o=!1;(!n&&1!=r||n&&n!=r)&&(e._scaleX=r,a.width=r*e.width+"px",o=!0),(!s&&1!=i||s&&s!=i)&&(e._scaleY=i,a.height=i*e.height+"px",o=!0),o&&e.updateViewport(),e.__webglWorldMatrix=e.__webglWorldMatrix||new Matrix(1,0,0,1,0,0)}else e.parent&&(e.__webglWorldMatrix=e.__webglWorldMatrix||new Matrix(1,0,0,1,0,0),this._setConcatenatedMatrix(e,e.parent));e.alpha>0&&(e.parent&&e.parent.__webglRenderAlpha?e.__webglRenderAlpha=e.alpha*e.parent.__webglRenderAlpha:e.__webglRenderAlpha=e.alpha)},remove:function(e){var t=e.drawable,r=t&&t.domElement;if(r){var i=r.parentNode;i&&i.removeChild(r)}},clear:function(e,t,r,i){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(e,t){if(this.width!==e||this.height!==t){var r=this.canvas,i=this.stage,a=r.style;this.width=r.width=e,this.height=r.height=t,a.width=i.width*i.scaleX+"px",a.height=i.height*i.scaleY+"px",this.gl.viewport(0,0,e,t),this.canvasHalfWidth=.5*e,this.canvasHalfHeight=.5*t,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var e=this.gl;e.bufferSubData(e.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var t=0,r=0,i=null,a=0;a<this.batchIndex;a++){var n=this.sprites[a];i&&i!==n.__textureImage&&(this._renderBatch(t,a),t=a,r=1),i=n.__textureImage}this._renderBatch(t,this.batchIndex),this.batchIndex=0},_renderBatch:function(e,t){var r=this.gl,i=t-e;i>0&&(r.bindTexture(r.TEXTURE_2D,this._getTexture(this.sprites[e])),r.drawElements(r.TRIANGLES,6*i,r.UNSIGNED_SHORT,6*e*2))},_uploadProjectionTransform:function(e){this._projectionTransformElements&&!e||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var e="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",t="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new Shader(this,{v:e,f:t},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(e,t,r,i,a,n,s,o,h){var d=this.__tempVertexs||[],_=e.width,c=e.height;i/=_,a/=c,t/=_,r/=c,o=o,h=h,n=n,s=s,i+t>1&&(i=1-t),a+r>1&&(a=1-r);var l=0;return d[l++]=n,d[l++]=s,d[l++]=t,d[l++]=r,d[l++]=n+o,d[l++]=s,d[l++]=t+i,d[l++]=r,d[l++]=n,d[l++]=s+h,d[l++]=t,d[l++]=r+a,d[l++]=n+o,d[l++]=s+h,d[l++]=t+i,d[l++]=r+a,d},_setConcatenatedMatrix:function(e,t){var r=e.__webglWorldMatrix,i=1,a=0,n=e.rotation%360,s=e.pivotX,o=e.pivotY,h=e.scaleX,d=e.scaleY,_=e.transform;if(_)r.copy(_);else{if(n){var c=n*DEG2RAD;i=Math.cos(c),a=Math.sin(c)}var l=e.getAlignPosition();r.a=i*h,r.b=a*h,r.c=-a*d,r.d=i*d,r.tx=l.x-r.a*s-r.c*o,r.ty=l.y-r.b*s-r.d*o}r.concat(t.__webglWorldMatrix)},_getTexture:function(e){var t=e.__textureImage,r=this._cacheTexture[t.src];return r||(r=this.activeShader.uploadTexture(t)),r}}),Shader=function(e,t,r){this.renderer=e,this.gl=e.gl,this.program=this._createProgram(this.gl,t.v,t.f),r=r||{},this.attributes=r.attributes||[],this.uniforms=r.uniforms||[]};Shader.prototype={active:function(){var e=this,t=e.renderer,r=e.gl,i=e.program;i&&r&&(t.activeShader=e,r.useProgram(i),e.attributes.forEach(function(e){t[e]=r.getAttribLocation(i,e),r.enableVertexAttribArray(t[e])}),e.uniforms.forEach(function(e){t[e]=r.getUniformLocation(i,e)}),e.width===t.width&&e.height===t.height||(e.width=t.width,e.height=t.height,t._uploadProjectionTransform()))},uploadTexture:function(e){var t=this.gl,r=this.renderer,i=t.createTexture(),a=r.u_Sampler;return t.activeTexture(t.TEXTURE0),t.bindTexture(t.TEXTURE_2D,i),t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,e),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE),t.uniform1i(a,0),t.bindTexture(t.TEXTURE_2D,null),this.renderer._cacheTexture[e.src]=i,i},_createProgram:function(e,t,r){var i=this._createShader(e,e.VERTEX_SHADER,t),a=this._createShader(e,e.FRAGMENT_SHADER,r);if(!i||!a)return null;var n=e.createProgram();if(n){e.attachShader(n,i),e.attachShader(n,a),e.linkProgram(n),e.deleteShader(a),e.deleteShader(i);var s=e.getProgramParameter(n,e.LINK_STATUS);if(!s){var o=e.getProgramInfoLog(n);return console.log("Failed to link program: "+o),e.deleteProgram(n),null}}return n},_createShader:function(e,t,r){var i=e.createShader(t);if(i){e.shaderSource(i,r),e.compileShader(i);var a=e.getShaderParameter(i,e.COMPILE_STATUS);if(!a){var n=e.getShaderInfoLog(i);return console.log("Failed to compile shader: "+n),e.deleteShader(i),null}}return i}},module.exports=WebGLRenderer;
\ No newline at end of file
+var Class=require("../core/Class"),Hilo=require("../core/Hilo"),Renderer=require("./Renderer"),Matrix=require("../geom/Matrix"),DEG2RAD=Math.PI/180,WebGLRenderer=Class.create({Extends:Renderer,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var e=document.createElement("canvas");e.getContext&&(e.getContext("webgl")||e.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported},contextOptions:null},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(e){WebGLRenderer.superclass.constructor.call(this,e);var t=this,r=WebGLRenderer.contextOptions||{};this.gl=this.canvas.getContext("webgl",r)||this.canvas.getContext("experimental-webgl",r),this.maxBatchNum=WebGLRenderer.MAX_BATCH_NUM,this.positionStride=4*WebGLRenderer.ATTRIBUTE_NUM;var i=this.maxBatchNum*WebGLRenderer.ATTRIBUTE_NUM*4,a=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*i),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(a);for(var n=0,s=0;n<a;n+=6,s+=4)this.indexs[n+0]=s+0,this.indexs[n+1]=s+1,this.indexs[n+2]=s+2,this.indexs[n+3]=s+1,this.indexs[n+4]=s+2,this.indexs[n+5]=s+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(e){t._isContextLost=!0,e.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(e){t._isContextLost=!1,t.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var e=this.gl;e.blendFunc(e.ONE,e.ONE_MINUS_SRC_ALPHA),e.clearColor(0,0,0,0),e.disable(e.DEPTH_TEST),e.disable(e.CULL_FACE),e.enable(e.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=e.createBuffer(),this.indexBuffer=e.createBuffer(),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,this.indexBuffer),e.bufferData(e.ELEMENT_ARRAY_BUFFER,this.indexs,e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,this.positionBuffer),e.bufferData(e.ARRAY_BUFFER,this.arrayBuffer,e.DYNAMIC_DRAW),e.vertexAttribPointer(this.a_position,2,e.FLOAT,!1,this.positionStride,0),e.vertexAttribPointer(this.a_TexCoord,2,e.FLOAT,!1,this.positionStride,8),e.vertexAttribPointer(this.a_tint,4,e.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(e){return!!(e.visible&&e.alpha>0)&&(e===this.stage&&this.clear(),!0)},draw:function(e){var t=e.width,r=e.height,i=(e.background,e.drawable),a=i&&i.image;if(a){var n=i.rect,s=n[2],o=n[3];t||r||(t=e.width=s,r=e.height=o),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(a,n[0],n[1],s,o,0,0,t,r),d=this.batchIndex*this.positionStride,c=this.float32Array,_=this.uint32Array,l=(e.tint>>16)+(65280&e.tint)+((255&e.tint)<<16)+(255*e.__webglRenderAlpha<<24);c[d+0]=h[0],c[d+1]=h[1],c[d+2]=h[2],c[d+3]=h[3],_[d+4]=l,c[d+5]=h[4],c[d+6]=h[5],c[d+7]=h[6],c[d+8]=h[7],_[d+9]=l,c[d+10]=h[8],c[d+11]=h[9],c[d+12]=h[10],c[d+13]=h[11],_[d+14]=l,c[d+15]=h[12],c[d+16]=h[13],c[d+17]=h[14],c[d+18]=h[15],_[d+19]=l;for(var u=e.__webglWorldMatrix,f=0;f<4;f++){var x=c[d+5*f],g=c[d+5*f+1];c[d+5*f]=u.a*x+u.c*g+u.tx,c[d+5*f+1]=u.b*x+u.d*g+u.ty}e.__textureImage=a,this.sprites[this.batchIndex++]=e}},endDraw:function(e){e===this.stage&&this._renderBatches()},transform:function(e){var t=e.drawable;if(t&&t.domElement)return void Hilo.setElementStyleByView(e);var r=e.scaleX,i=e.scaleY;if(e===this.stage){var a=this.canvas.style,n=e._scaleX,s=e._scaleY,o=!1;(!n&&1!=r||n&&n!=r)&&(e._scaleX=r,a.width=r*e.width+"px",o=!0),(!s&&1!=i||s&&s!=i)&&(e._scaleY=i,a.height=i*e.height+"px",o=!0),o&&e.updateViewport(),e.__webglWorldMatrix=e.__webglWorldMatrix||new Matrix(1,0,0,1,0,0)}else e.parent&&(e.__webglWorldMatrix=e.__webglWorldMatrix||new Matrix(1,0,0,1,0,0),this._setConcatenatedMatrix(e,e.parent));e.alpha>0&&(e.parent&&e.parent.__webglRenderAlpha?e.__webglRenderAlpha=e.alpha*e.parent.__webglRenderAlpha:e.__webglRenderAlpha=e.alpha)},remove:function(e){var t=e.drawable,r=t&&t.domElement;if(r){var i=r.parentNode;i&&i.removeChild(r)}},clear:function(e,t,r,i){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(e,t){if(this.width!==e||this.height!==t){var r=this.canvas,i=this.stage,a=r.style;this.width=r.width=e,this.height=r.height=t,a.width=i.width*i.scaleX+"px",a.height=i.height*i.scaleY+"px",this.gl.viewport(0,0,e,t),this.canvasHalfWidth=.5*e,this.canvasHalfHeight=.5*t,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var e=this.gl;e.bufferSubData(e.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var t=0,r=0,i=null,a=0;a<this.batchIndex;a++){var n=this.sprites[a];i&&i!==n.__textureImage&&(this._renderBatch(t,a),t=a,r=1),i=n.__textureImage}this._renderBatch(t,this.batchIndex),this.batchIndex=0},_renderBatch:function(e,t){var r=this.gl,i=t-e;i>0&&(r.bindTexture(r.TEXTURE_2D,this._getTexture(this.sprites[e])),r.drawElements(r.TRIANGLES,6*i,r.UNSIGNED_SHORT,6*e*2))},_uploadProjectionTransform:function(e){this._projectionTransformElements&&!e||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var e="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",t="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new Shader(this,{v:e,f:t},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(e,t,r,i,a,n,s,o,h){var d=this.__tempVertexs||[],c=e.width,_=e.height;i/=c,a/=_,t/=c,r/=_,o=o,h=h,n=n,s=s,i+t>1&&(i=1-t),a+r>1&&(a=1-r);var l=0;return d[l++]=n,d[l++]=s,d[l++]=t,d[l++]=r,d[l++]=n+o,d[l++]=s,d[l++]=t+i,d[l++]=r,d[l++]=n,d[l++]=s+h,d[l++]=t,d[l++]=r+a,d[l++]=n+o,d[l++]=s+h,d[l++]=t+i,d[l++]=r+a,d},_setConcatenatedMatrix:function(e,t){var r=e.__webglWorldMatrix,i=1,a=0,n=e.rotation%360,s=e.pivotX,o=e.pivotY,h=e.scaleX,d=e.scaleY,c=e.transform;if(c)r.copy(c);else{if(n){var _=n*DEG2RAD;i=Math.cos(_),a=Math.sin(_)}var l=e.getAlignPosition();r.a=i*h,r.b=a*h,r.c=-a*d,r.d=i*d,r.tx=l.x-r.a*s-r.c*o,r.ty=l.y-r.b*s-r.d*o}r.concat(t.__webglWorldMatrix)},_getTexture:function(e){var t=e.__textureImage,r=this._cacheTexture[t.src];return r||(r=this.activeShader.uploadTexture(t)),r}}),Shader=function(e,t,r){this.renderer=e,this.gl=e.gl,this.program=this._createProgram(this.gl,t.v,t.f),r=r||{},this.attributes=r.attributes||[],this.uniforms=r.uniforms||[]};Shader.prototype={active:function(){var e=this,t=e.renderer,r=e.gl,i=e.program;i&&r&&(t.activeShader=e,r.useProgram(i),e.attributes.forEach(function(e){t[e]=r.getAttribLocation(i,e),r.enableVertexAttribArray(t[e])}),e.uniforms.forEach(function(e){t[e]=r.getUniformLocation(i,e)}),e.width===t.width&&e.height===t.height||(e.width=t.width,e.height=t.height,t._uploadProjectionTransform()))},uploadTexture:function(e){var t=this.gl,r=this.renderer,i=t.createTexture(),a=r.u_Sampler;return t.activeTexture(t.TEXTURE0),t.bindTexture(t.TEXTURE_2D,i),t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,e),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE),t.uniform1i(a,0),t.bindTexture(t.TEXTURE_2D,null),this.renderer._cacheTexture[e.src]=i,i},_createProgram:function(e,t,r){var i=this._createShader(e,e.VERTEX_SHADER,t),a=this._createShader(e,e.FRAGMENT_SHADER,r);if(!i||!a)return null;var n=e.createProgram();if(n){e.attachShader(n,i),e.attachShader(n,a),e.linkProgram(n),e.deleteShader(a),e.deleteShader(i);var s=e.getProgramParameter(n,e.LINK_STATUS);if(!s){var o=e.getProgramInfoLog(n);return console.log("Failed to link program: "+o),e.deleteProgram(n),null}}return n},_createShader:function(e,t,r){var i=e.createShader(t);if(i){e.shaderSource(i,r),e.compileShader(i);var a=e.getShaderParameter(i,e.COMPILE_STATUS);if(!a){var n=e.getShaderInfoLog(i);return console.log("Failed to compile shader: "+n),e.deleteShader(i),null}}return i}},module.exports=WebGLRenderer;
\ No newline at end of file
diff --git a/build/commonjs/tween/Ease.js b/build/commonjs/tween/Ease.js
index bc0aeb30..1efe1a6c 100644
--- a/build/commonjs/tween/Ease.js
+++ b/build/commonjs/tween/Ease.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/tween/Ease.min.js b/build/commonjs/tween/Ease.min.js
index 597d8a2e..30cac976 100644
--- a/build/commonjs/tween/Ease.min.js
+++ b/build/commonjs/tween/Ease.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/tween/Tween.js b/build/commonjs/tween/Tween.js
index 189869de..bffea20d 100644
--- a/build/commonjs/tween/Tween.js
+++ b/build/commonjs/tween/Tween.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/tween/Tween.min.js b/build/commonjs/tween/Tween.min.js
index 12ea7f84..294721d5 100644
--- a/build/commonjs/tween/Tween.min.js
+++ b/build/commonjs/tween/Tween.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/util/TextureAtlas.js b/build/commonjs/util/TextureAtlas.js
index 51e99197..c91b288f 100644
--- a/build/commonjs/util/TextureAtlas.js
+++ b/build/commonjs/util/TextureAtlas.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/util/TextureAtlas.min.js b/build/commonjs/util/TextureAtlas.min.js
index 8ccdb3fa..433e1352 100644
--- a/build/commonjs/util/TextureAtlas.min.js
+++ b/build/commonjs/util/TextureAtlas.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/util/Ticker.js b/build/commonjs/util/Ticker.js
index fb3fca6a..d102e8bf 100644
--- a/build/commonjs/util/Ticker.js
+++ b/build/commonjs/util/Ticker.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/util/Ticker.min.js b/build/commonjs/util/Ticker.min.js
index 8ff6f7f3..f8452252 100644
--- a/build/commonjs/util/Ticker.min.js
+++ b/build/commonjs/util/Ticker.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/util/browser.js b/build/commonjs/util/browser.js
index 3141d7d3..d27c1a83 100644
--- a/build/commonjs/util/browser.js
+++ b/build/commonjs/util/browser.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/util/browser.min.js b/build/commonjs/util/browser.min.js
index 11c42d29..3e92feb1 100644
--- a/build/commonjs/util/browser.min.js
+++ b/build/commonjs/util/browser.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/util/drag.js b/build/commonjs/util/drag.js
index ad453a40..12b1a9d9 100644
--- a/build/commonjs/util/drag.js
+++ b/build/commonjs/util/drag.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/util/drag.min.js b/build/commonjs/util/drag.min.js
index 020d0fd5..962b5f30 100644
--- a/build/commonjs/util/drag.min.js
+++ b/build/commonjs/util/drag.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/util/polyfill.js b/build/commonjs/util/polyfill.js
index bcc4dbec..37222b4e 100644
--- a/build/commonjs/util/polyfill.js
+++ b/build/commonjs/util/polyfill.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/util/polyfill.min.js b/build/commonjs/util/polyfill.min.js
index ddc13af6..f1845955 100644
--- a/build/commonjs/util/polyfill.min.js
+++ b/build/commonjs/util/polyfill.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/util/util.js b/build/commonjs/util/util.js
index f15522e4..80b42cd1 100644
--- a/build/commonjs/util/util.js
+++ b/build/commonjs/util/util.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/util/util.min.js b/build/commonjs/util/util.min.js
index b724ffd0..e404c5bd 100644
--- a/build/commonjs/util/util.min.js
+++ b/build/commonjs/util/util.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Bitmap.js b/build/commonjs/view/Bitmap.js
index b23c92be..efd4f598 100644
--- a/build/commonjs/view/Bitmap.js
+++ b/build/commonjs/view/Bitmap.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Bitmap.min.js b/build/commonjs/view/Bitmap.min.js
index 3cb08a0f..54fb808d 100644
--- a/build/commonjs/view/Bitmap.min.js
+++ b/build/commonjs/view/Bitmap.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/BitmapText.js b/build/commonjs/view/BitmapText.js
index 093a9cf8..138ae7ad 100644
--- a/build/commonjs/view/BitmapText.js
+++ b/build/commonjs/view/BitmapText.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/BitmapText.min.js b/build/commonjs/view/BitmapText.min.js
index c0ebdd75..045b3eb3 100644
--- a/build/commonjs/view/BitmapText.min.js
+++ b/build/commonjs/view/BitmapText.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Button.js b/build/commonjs/view/Button.js
index f6d9eb90..06b5a7e6 100644
--- a/build/commonjs/view/Button.js
+++ b/build/commonjs/view/Button.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Button.min.js b/build/commonjs/view/Button.min.js
index 445aeb48..240f603e 100644
--- a/build/commonjs/view/Button.min.js
+++ b/build/commonjs/view/Button.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/CacheMixin.js b/build/commonjs/view/CacheMixin.js
index 4272d09c..0feb1be3 100644
--- a/build/commonjs/view/CacheMixin.js
+++ b/build/commonjs/view/CacheMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/CacheMixin.min.js b/build/commonjs/view/CacheMixin.min.js
index 30860217..1351393d 100644
--- a/build/commonjs/view/CacheMixin.min.js
+++ b/build/commonjs/view/CacheMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Container.js b/build/commonjs/view/Container.js
index c83d3ef4..ba94e7ab 100644
--- a/build/commonjs/view/Container.js
+++ b/build/commonjs/view/Container.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Container.min.js b/build/commonjs/view/Container.min.js
index e182afb6..9c8477ec 100644
--- a/build/commonjs/view/Container.min.js
+++ b/build/commonjs/view/Container.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/DOMElement.js b/build/commonjs/view/DOMElement.js
index fa07229a..06d76762 100644
--- a/build/commonjs/view/DOMElement.js
+++ b/build/commonjs/view/DOMElement.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/DOMElement.min.js b/build/commonjs/view/DOMElement.min.js
index 9f6d6c16..206e28bc 100644
--- a/build/commonjs/view/DOMElement.min.js
+++ b/build/commonjs/view/DOMElement.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Drawable.js b/build/commonjs/view/Drawable.js
index cba36c8b..63777aa4 100644
--- a/build/commonjs/view/Drawable.js
+++ b/build/commonjs/view/Drawable.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Drawable.min.js b/build/commonjs/view/Drawable.min.js
index 4b03d66d..0cb815f2 100644
--- a/build/commonjs/view/Drawable.min.js
+++ b/build/commonjs/view/Drawable.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Graphics.js b/build/commonjs/view/Graphics.js
index d25e441f..903d30a5 100644
--- a/build/commonjs/view/Graphics.js
+++ b/build/commonjs/view/Graphics.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -12,7 +12,7 @@ var CacheMixin = require('./CacheMixin');
 
 /**
  * @language=en
- * <iframe src='../../../examples/Graphics.html?noHeader' width = '320' height = '400' scrolling='no'></iframe>
+ * <iframe src='../../../examples/Graphics.html?noHeader' width = '430' height = '400' scrolling='no'></iframe>
  * <br/>
  * @class Graphics class contains a group of functions for creating vector graphics.
  * @augments View
diff --git a/build/commonjs/view/Graphics.min.js b/build/commonjs/view/Graphics.min.js
index c184d9d7..0be513eb 100644
--- a/build/commonjs/view/Graphics.min.js
+++ b/build/commonjs/view/Graphics.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Sprite.js b/build/commonjs/view/Sprite.js
index d4ec9892..ecbee03d 100644
--- a/build/commonjs/view/Sprite.js
+++ b/build/commonjs/view/Sprite.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Sprite.min.js b/build/commonjs/view/Sprite.min.js
index 59eb2d64..553b4826 100644
--- a/build/commonjs/view/Sprite.min.js
+++ b/build/commonjs/view/Sprite.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Stage.js b/build/commonjs/view/Stage.js
index afcfa12b..b81b488c 100644
--- a/build/commonjs/view/Stage.js
+++ b/build/commonjs/view/Stage.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Stage.min.js b/build/commonjs/view/Stage.min.js
index 1f2d5d89..11eba98d 100644
--- a/build/commonjs/view/Stage.min.js
+++ b/build/commonjs/view/Stage.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Text.js b/build/commonjs/view/Text.js
index aad19441..78f10aa3 100644
--- a/build/commonjs/view/Text.js
+++ b/build/commonjs/view/Text.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -50,7 +50,7 @@ var Text = Class.create(/** @lends Text.prototype */{
         this._fontHeight = Text.measureFontHeight(this.font);
     },
 
-    text: null,
+    text: '',
     color: '#000',
     textAlign: null,
     textVAlign: null,
diff --git a/build/commonjs/view/Text.min.js b/build/commonjs/view/Text.min.js
index 5ecd8c3e..a84e17f2 100644
--- a/build/commonjs/view/Text.min.js
+++ b/build/commonjs/view/Text.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-var Class=require("../core/Class"),Hilo=require("../core/Hilo"),View=require("./View"),CacheMixin=require("./CacheMixin"),Text=Class.create({Extends:View,Mixes:CacheMixin,constructor:function(t){t=t||{},this.id=this.id||t.id||Hilo.getUid("Text"),Text.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=Text.measureFontHeight(this.font)},text:null,color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=Text.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var n=i.drawable,r=n.domElement,l=r.style;l.font=i.font,l.textAlign=i.textAlign,l.color=i.color,l.width=i.width+"px",l.height=i.height+"px",l.lineHeight=i._fontHeight+i.lineSpacing+"px",r.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var n,r,l,o,h,a=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),s=0,x=0,c=e._fontHeight+e.lineSpacing,d=[];for(n=0,o=a.length;n<o;n++)if(r=a[n],l=t.measureText(r).width,l<=e.maxWidth)d.push({text:r,y:x}),s<l&&(s=l),x+=c;else{var g,u,f,w="",m=0;for(u=0,h=r.length;u<h;u++)f=r[u],g=t.measureText(w+f).width,g>e.maxWidth?(d.push({text:w,y:x}),s<m&&(s=m),x+=c,w=f):(m=g,w+=f),u==h-1&&(d.push({text:w,y:x}),w!==f&&s<g&&(s=g),x+=c)}e.textWidth=s,e.textHeight=x,e.width||(e.width=s),e.height||(e.height=x);var p=0;switch(e.textVAlign){case"middle":p=e.height-e.textHeight>>1;break;case"bottom":p=e.height-e.textHeight}var H=e.background;for(H&&(t.fillStyle=H,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,n=0;n<d.length;n++)r=d[n],e._drawTextLine(t,r.text,p+r.y)}},_drawTextLine:function(t,e,i){var n=this,r=0,l=n.width;switch(n.textAlign){case"center":r=l>>1;break;case"right":case"end":r=l}n.outline?t.strokeText(e,r,i):t.fillText(e,r,i)},Statics:{measureFontHeight:function(t){var e,i=document.documentElement,n=Hilo.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return i.appendChild(n),e=n.offsetHeight,i.removeChild(n),e}}});module.exports=Text;
\ No newline at end of file
+var Class=require("../core/Class"),Hilo=require("../core/Hilo"),View=require("./View"),CacheMixin=require("./CacheMixin"),Text=Class.create({Extends:View,Mixes:CacheMixin,constructor:function(t){t=t||{},this.id=this.id||t.id||Hilo.getUid("Text"),Text.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=Text.measureFontHeight(this.font)},text:"",color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=Text.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var n=i.drawable,r=n.domElement,o=r.style;o.font=i.font,o.textAlign=i.textAlign,o.color=i.color,o.width=i.width+"px",o.height=i.height+"px",o.lineHeight=i._fontHeight+i.lineSpacing+"px",r.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var n,r,o,l,h,a=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),s=0,x=0,c=e._fontHeight+e.lineSpacing,d=[];for(n=0,l=a.length;n<l;n++)if(r=a[n],o=t.measureText(r).width,o<=e.maxWidth)d.push({text:r,y:x}),s<o&&(s=o),x+=c;else{var g,f,u,w="",m=0;for(f=0,h=r.length;f<h;f++)u=r[f],g=t.measureText(w+u).width,g>e.maxWidth?(d.push({text:w,y:x}),s<m&&(s=m),x+=c,w=u):(m=g,w+=u),f==h-1&&(d.push({text:w,y:x}),w!==u&&s<g&&(s=g),x+=c)}e.textWidth=s,e.textHeight=x,e.width||(e.width=s),e.height||(e.height=x);var p=0;switch(e.textVAlign){case"middle":p=e.height-e.textHeight>>1;break;case"bottom":p=e.height-e.textHeight}var H=e.background;for(H&&(t.fillStyle=H,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,n=0;n<d.length;n++)r=d[n],e._drawTextLine(t,r.text,p+r.y)}},_drawTextLine:function(t,e,i){var n=this,r=0,o=n.width;switch(n.textAlign){case"center":r=o>>1;break;case"right":case"end":r=o}n.outline?t.strokeText(e,r,i):t.fillText(e,r,i)},Statics:{measureFontHeight:function(t){var e,i=document.documentElement,n=Hilo.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return i.appendChild(n),e=n.offsetHeight,i.removeChild(n),e}}});module.exports=Text;
\ No newline at end of file
diff --git a/build/commonjs/view/View.js b/build/commonjs/view/View.js
index 8427096d..2e789c4e 100644
--- a/build/commonjs/view/View.js
+++ b/build/commonjs/view/View.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/View.min.js b/build/commonjs/view/View.min.js
index 47759a46..3ff4ca4e 100644
--- a/build/commonjs/view/View.min.js
+++ b/build/commonjs/view/View.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for commonjs
+ * Hilo 1.4.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/dragonbones/dragonbones.js b/build/dragonbones/dragonbones.js
index c0027fad..d0857d23 100644
--- a/build/dragonbones/dragonbones.js
+++ b/build/dragonbones/dragonbones.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for dragonbones
+ * Hilo 1.4.0 for dragonbones
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/dragonbones/dragonbones.min.js b/build/dragonbones/dragonbones.min.js
index 0de49ab4..b6e1f010 100644
--- a/build/dragonbones/dragonbones.min.js
+++ b/build/dragonbones/dragonbones.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for dragonbones
+ * Hilo 1.4.0 for dragonbones
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/flash/hilo-flash.js b/build/flash/hilo-flash.js
index c082d754..612d08fe 100644
--- a/build/flash/hilo-flash.js
+++ b/build/flash/hilo-flash.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for flashAdaptor
+ * Hilo 1.4.0 for flashAdaptor
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/flash/hilo-flash.min.js b/build/flash/hilo-flash.min.js
index 7909b81e..b32cc13c 100644
--- a/build/flash/hilo-flash.min.js
+++ b/build/flash/hilo-flash.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for flashAdaptor
+ * Hilo 1.4.0 for flashAdaptor
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo-kissy.js b/build/kissy/hilo-kissy.js
index 519834f4..71d95632 100644
--- a/build/kissy/hilo-kissy.js
+++ b/build/kissy/hilo-kissy.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -192,7 +192,7 @@ return browser;
 
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -229,7 +229,7 @@ return util;
 
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -257,7 +257,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.3.0',
+    version: '1.4.0',
     /**
      * @language=en
      * Gets a globally unique id. Such as Stage1, Bitmap2 etc.
@@ -567,7 +567,7 @@ return Hilo;
     requires: ['hilo/util/browser', 'hilo/util/util']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -750,7 +750,7 @@ return Class;
 
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -976,7 +976,7 @@ return Matrix;
     requires: ['hilo/core/Class']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1131,7 +1131,7 @@ return EventMixin;
     requires: ['hilo/core/Class']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1214,7 +1214,7 @@ return Drawable;
     requires: ['hilo/core/Class', 'hilo/util/util']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1310,7 +1310,7 @@ return Renderer;
     requires: ['hilo/core/Class', 'hilo/util/util']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1523,7 +1523,7 @@ return CanvasRenderer;
     requires: ['hilo/core/Class', 'hilo/core/Hilo', 'hilo/renderer/Renderer']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1707,7 +1707,7 @@ return DOMRenderer;
     requires: ['hilo/core/Class', 'hilo/core/Hilo', 'hilo/renderer/Renderer', 'hilo/view/Drawable']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1764,7 +1764,13 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
                 }
             }
             return this._isSupported;
-        }
+        },
+        /**
+         * WebGL context Options
+         * @see  https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes
+         * @type {Object}
+         */
+        contextOptions: null
     },
     renderType:'webgl',
     gl:null,
@@ -1773,7 +1779,8 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
     constructor: function(properties){
         WebGLRenderer.superclass.constructor.call(this, properties);
         var that = this;
-        this.gl = this.canvas.getContext("webgl")||this.canvas.getContext('experimental-webgl');
+        var contextOptions = WebGLRenderer.contextOptions || {};
+        this.gl = this.canvas.getContext("webgl", contextOptions)||this.canvas.getContext('experimental-webgl', contextOptions);
 
         this.maxBatchNum = WebGLRenderer.MAX_BATCH_NUM;
         this.positionStride = WebGLRenderer.ATTRIBUTE_NUM * 4;
@@ -2286,7 +2293,7 @@ return WebGLRenderer;
     requires: ['hilo/core/Class', 'hilo/core/Hilo', 'hilo/renderer/Renderer', 'hilo/geom/Matrix']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2785,7 +2792,7 @@ return View;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/event/EventMixin', 'hilo/geom/Matrix', 'hilo/util/util']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2853,7 +2860,7 @@ return CacheMixin;
     requires: ['hilo/view/Drawable', 'hilo/util/browser']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3229,7 +3236,7 @@ return Container;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3498,7 +3505,7 @@ return Stage;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/Container', 'hilo/renderer/CanvasRenderer', 'hilo/renderer/DOMRenderer', 'hilo/renderer/WebGLRenderer', 'hilo/util/browser', 'hilo/util/util']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3578,7 +3585,7 @@ return Bitmap;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View', 'hilo/view/Drawable']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3851,7 +3858,7 @@ return Sprite;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View', 'hilo/view/Drawable']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3968,7 +3975,7 @@ return DOMElement;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View', 'hilo/view/Drawable']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3978,7 +3985,7 @@ KISSY.add('hilo/view/Graphics', function(S, Hilo, Class, View, CacheMixin){
 
 /**
  * @language=en
- * <iframe src='../../../examples/Graphics.html?noHeader' width = '320' height = '400' scrolling='no'></iframe>
+ * <iframe src='../../../examples/Graphics.html?noHeader' width = '430' height = '400' scrolling='no'></iframe>
  * <br/>
  * @class Graphics class contains a group of functions for creating vector graphics.
  * @augments View
@@ -4532,7 +4539,7 @@ return Graphics;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View', 'hilo/view/CacheMixin']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4580,7 +4587,7 @@ var Text = Class.create(/** @lends Text.prototype */{
         this._fontHeight = Text.measureFontHeight(this.font);
     },
 
-    text: null,
+    text: '',
     color: '#000',
     textAlign: null,
     textVAlign: null,
@@ -4787,7 +4794,7 @@ return Text;
     requires: ['hilo/core/Class', 'hilo/core/Hilo', 'hilo/view/View', 'hilo/view/CacheMixin']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4973,7 +4980,7 @@ return BitmapText;
     requires: ['hilo/core/Class', 'hilo/core/Hilo', 'hilo/view/Container', 'hilo/view/Bitmap']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5154,7 +5161,7 @@ return Button;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View', 'hilo/view/Drawable', 'hilo/util/util']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5393,7 +5400,7 @@ return TextureAtlas;
     requires: ['hilo/core/Class']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5624,7 +5631,7 @@ return Ticker;
     requires: ['hilo/core/Class', 'hilo/util/browser']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5672,7 +5679,7 @@ if (!fnProto.bind) {
 
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5813,7 +5820,7 @@ return drag;
     requires: ['hilo/core/Hilo']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6265,7 +6272,7 @@ return Tween;
     requires: ['hilo/core/Class']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6537,7 +6544,7 @@ return Ease;
 
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6587,7 +6594,7 @@ return ImageLoader;
     requires: ['hilo/core/Class']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6656,7 +6663,7 @@ return ScriptLoader;
     requires: ['hilo/core/Class']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6908,7 +6915,7 @@ return LoadQueue;
     requires: ['hilo/core/Class', 'hilo/event/EventMixin', 'hilo/loader/ImageLoader', 'hilo/loader/ScriptLoader']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7113,7 +7120,7 @@ return HTMLAudio;
     requires: ['hilo/core/Class', 'hilo/util/util', 'hilo/event/EventMixin']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7432,7 +7439,7 @@ return WebAudio;
     requires: ['hilo/core/Class', 'hilo/util/util', 'hilo/event/EventMixin']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7537,7 +7544,7 @@ return WebSound;
     requires: ['hilo/media/HTMLAudio', 'hilo/media/WebAudio', 'hilo/util/util']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7632,7 +7639,7 @@ return Camera;
     requires: ['hilo/core/Class', 'hilo/util/util']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7821,7 +7828,7 @@ return Camera3d;
     requires: ['hilo/core/Class', 'hilo/util/util']
 });
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo-kissy.min.js b/build/kissy/hilo-kissy.min.js
index 412c2bd5..84d1c21b 100644
--- a/build/kissy/hilo-kissy.min.js
+++ b/build/kissy/hilo-kissy.min.js
@@ -1,8 +1,8 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-KISSY.add("hilo/util/browser",function(t){var e=function(){var t=navigator.userAgent,e=document,i=window,r=e.documentElement,n={iphone:/iphone/i.test(t),ipad:/ipad/i.test(t),ipod:/ipod/i.test(t),ios:/iphone|ipad|ipod/i.test(t),android:/android/i.test(t),webkit:/webkit/i.test(t),chrome:/chrome/i.test(t),safari:/safari/i.test(t),firefox:/firefox/i.test(t),ie:/msie/i.test(t),opera:/opera/i.test(t),supportTouch:"ontouchstart"in i,supportCanvas:null!=e.createElement("canvas").getContext,supportStorage:!1,supportOrientation:"orientation"in i||"orientation"in i.screen,supportDeviceMotion:"ondevicemotion"in i};try{var a="hilo";localStorage.setItem(a,a),localStorage.removeItem(a),n.supportStorage=!0}catch(o){}var s=n.jsVendor=n.webkit?"webkit":n.firefox?"webkit":n.opera?"o":n.ie?"ms":"",h=n.cssVendor="-"+s+"-",l=e.createElement("div"),c=l.style,u=void 0!=c[s+"Transform"],d=void 0!=c[s+"Perspective"];d&&(l.id="test3d",c=e.createElement("style"),c.textContent="@media ("+h+"transform-3d){#test3d{height:3px}}",e.head.appendChild(c),r.appendChild(l),d=3==l.offsetHeight,e.head.removeChild(c),r.removeChild(l)),n.supportTransform=u,n.supportTransform3D=d;var f=n.supportTouch,p=f?"touchstart":"mousedown",v=f?"touchmove":"mousemove",m=f?"touchend":"mouseup";return n.POINTER_START=p,n.POINTER_MOVE=v,n.POINTER_END=m,n}();return e}),KISSY.add("hilo/util/util",function(t){var e={copy:function(t,e,i){for(var r in e)i&&!t.hasOwnProperty(r)&&void 0===t[r]||(t[r]=e[r]);return t}};return e}),KISSY.add("hilo/core/Hilo",function(t,e,i){var r=window,n=document,a=n.documentElement,o=0,s={},h={version:"1.3.0",getUid:function(t){var e=++o;if(t){var i=t.charCodeAt(t.length-1);return i>=48&&i<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,i=t;i;)e=e?i.id+"."+e:i.id,i=i.parent;return e},copy:function(t,e,r){return i.copy(t,e,r),s.copy||(s.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:e,event:{POINTER_START:e.POINTER_START,POINTER_MOVE:e.POINTER_MOVE,POINTER_END:e.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(i){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var n=(r.pageXOffset||a.scrollLeft)-(a.clientLeft||0)||0,o=(r.pageYOffset||a.scrollTop)-(a.clientTop||0)||0,s=r.getComputedStyle?getComputedStyle(t):t.currentStyle,h=parseInt,l=h(s.paddingLeft)+h(s.borderLeftWidth)||0,c=h(s.paddingTop)+h(s.borderTopWidth)||0,u=h(s.paddingRight)+h(s.borderRightWidth)||0,d=h(s.paddingBottom)+h(s.borderBottomWidth)||0,f=e.top||0,p=e.left||0,v=e.right||0,m=e.bottom||0;return{left:p+n+l,top:f+o+c,width:v-u-p-l,height:m-d-f-c}},createElement:function(t,e){var i,r,a,o=n.createElement(t);for(i in e)if(r=e[i],"style"===i)for(a in r)o.style[a]=r[a];else o[i]=r;return o},getElement:function(t){return n.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,i=e.domElement.style,r=t._stateCache||(t._stateCache={}),n=h.browser.jsVendor,a="px",o=!1;if(this.cacheStateIfChanged(t,["visible"],r)&&(i.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],r)&&(i.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],r)&&(i.width=t.width+a),this.cacheStateIfChanged(t,["height"],r)&&(i.height=t.height+a),this.cacheStateIfChanged(t,["depth"],r)&&(i.zIndex=t.depth+1),t.transform){var s=t.transform;(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(i[n+"TransformOrigin"]="0 0"),i[n+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(i[n+"TransformOrigin"]=t.pivotX+a+" "+t.pivotY+a),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],r)||o)&&(i[n+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],r)&&(i.backgroundColor=t.background),i.pointerEvents||(i.pointerEvents="none");var l=e.image;if(l){var c=l.src;c!==r.image&&(r.image=c,i.backgroundImage="url("+c+")");var u=e.rect;if(u){var d=u[0],f=u[1];d!==r.sx&&(r.sx=d,i.backgroundPositionX=-d+a),f!==r.sy&&(r.sy=f,i.backgroundPositionY=-f+a)}}var p=t.mask;if(p){var v=p.drawable.domElement.style.backgroundImage;v!==r.maskImage&&(r.maskImage=v,i[n+"MaskImage"]=v,i[n+"MaskRepeat"]="no-repeat");var m=p.x,g=p.y;m===r.maskX&&g===r.maskY||(r.maskX=m,r.maskY=g,i[n+"MaskPosition"]=m+a+" "+g+a)}}},cacheStateIfChanged:function(t,e,i){var r,n,a,o,s=!1;for(r=0,n=e.length;r<n;r++)a=e[r],o=t[a],o!=i[a]&&(i[a]=o,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,i=e?"3d":"";return"translate"+i+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+i+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+i+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};return h},{requires:["hilo/util/browser","hilo/util/util"]}),KISSY.add("hilo/core/Class",function(t){var e=function(){var t,e,i=function(t){t=t||{};var e=t.hasOwnProperty("constructor")?t.constructor:function(){};return r.call(e,t),e},r=function(t){var e,i,r={};for(e in t)i=t[e],n.hasOwnProperty(e)?n[e].call(this,i):r[e]=i;o(this.prototype,r)},n={Extends:function(t){var e=this.prototype,i=a(t.prototype);o(this,t),o(i,e),i.constructor=this,this.prototype=i,this.superclass=t.prototype},Mixes:function(t){t instanceof Array||(t=[t]);for(var e,i=this.prototype;e=t.shift();)o(i,e.prototype||e)},Statics:function(t){o(this,t)}},a=function(){if(Object.__proto__)return function(t){return{__proto__:t}};var t=function(){};return function(e){return t.prototype=e,new t}}(),o=function(t){for(var i=1,r=arguments.length;i<r;i++){var n,a=arguments[i];for(var o in a){var s=a[o];!s||"object"!=typeof s||void 0===s.value&&"function"!=typeof s.get&&"function"!=typeof s.set?t[o]=s:(n=n||{},n[o]=s)}n&&e(t,n)}return t};try{t=Object.defineProperty,e=Object.defineProperties,t({},"$",{value:0})}catch(s){"__defineGetter__"in Object&&(t=function(t,e,i){return"value"in i&&(t[e]=i.value),"get"in i&&t.__defineGetter__(e,i.get),"set"in i&&t.__defineSetter__(e,i.set),t},e=function(e,i){for(var r in i)i.hasOwnProperty(r)&&t(e,r,i[r]);return e})}return{create:i,mix:o}}();return e}),KISSY.add("hilo/geom/Matrix",function(t,e){var i=e.create({constructor:function(t,e,i,r,n,a){this.a=t,this.b=e,this.c=i,this.d=r,this.tx=n,this.ty=a},set:function(t,e,i,r,n,a){return this.a=t,this.b=e,this.c=i,this.d=r,this.tx=n,this.ty=a,this},copy:function(t){return this.a=t.a,this.b=t.b,this.c=t.c,this.d=t.d,this.tx=t.tx,this.ty=t.ty,this},clone:function(){return(new i).copy(this)},concat:function(t){var e,i,r,n,a,o,s=arguments,h=this.a,l=this.b,c=this.c,u=this.d,d=this.tx,f=this.ty;return s.length>=6?(e=s[0],i=s[1],r=s[2],n=s[3],a=s[4],o=s[5]):(e=t.a,i=t.b,r=t.c,n=t.d,a=t.tx,o=t.ty),this.a=h*e+l*r,this.b=h*i+l*n,this.c=c*e+u*r,this.d=c*i+u*n,this.tx=d*e+f*r+a,this.ty=d*i+f*n+o,this},rotate:function(t){var e=Math.sin(t),i=Math.cos(t),r=this.a,n=this.b,a=this.c,o=this.d,s=this.tx,h=this.ty;return this.a=r*i-n*e,this.b=r*e+n*i,this.c=a*i-o*e,this.d=a*e+o*i,this.tx=s*i-h*e,this.ty=s*e+h*i,this},scale:function(t,e){return this.a*=t,this.d*=e,this.c*=t,this.b*=e,this.tx*=t,this.ty*=e,this},translate:function(t,e){return this.tx+=t,this.ty+=e,this},identity:function(){return this.a=this.d=1,this.b=this.c=this.tx=this.ty=0,this},invert:function(){var t=this.a,e=this.b,i=this.c,r=this.d,n=this.tx,a=t*r-e*i;return this.a=r/a,this.b=-e/a,this.c=-i/a,this.d=t/a,this.tx=(i*this.ty-r*n)/a,this.ty=-(t*this.ty-e*n)/a,this},transformPoint:function(t,e,i){var r=t.x*this.a+t.y*this.c+this.tx,n=t.x*this.b+t.y*this.d+this.ty;return e&&(r=r+.5>>0,n=n+.5>>0),i?{x:r,y:n}:(t.x=r,t.y=n,t)}});return i},{requires:["hilo/core/Class"]}),KISSY.add("hilo/event/EventMixin",function(t,e){var i={_listeners:null,on:function(t,e,i){for(var r=this._listeners=this._listeners||{},n=r[t]=r[t]||[],a=0,o=n.length;a<o;a++){var s=n[a];if(s.listener===e)return}return n.push({listener:e,once:i}),this},off:function(t,e){if(0==arguments.length)return this._listeners=null,this;var i=this._listeners&&this._listeners[t];if(i){if(1==arguments.length)return delete this._listeners[t],this;for(var r=0,n=i.length;r<n;r++){var a=i[r];if(a.listener===e){i.splice(r,1),0===i.length&&delete this._listeners[t];break}}}return this},fire:function(t,e){var i,n;"string"==typeof t?n=t:(i=t,n=t.type);var a=this._listeners;if(!a)return!1;var o=a[n];if(o){var s=o.slice(0);if(i=i||new r(n,this,e),i._stopped)return!1;for(var h=0;h<s.length;h++){var l=s[h];if(l.listener.call(this,i),l.once){var c=o.indexOf(l);c>-1&&o.splice(c,1)}}return 0==o.length&&delete a[n],!0}return!1}},r=e.create({constructor:function(t,e,i){this.type=t,this.target=e,this.detail=i,this.timeStamp=+new Date},type:null,target:null,detail:null,timeStamp:0,stopImmediatePropagation:function(){this._stopped=!0}}),n=window.Event;if(n){var a=n.prototype,o=a.stopImmediatePropagation;a.stopImmediatePropagation=function(){o&&o.call(this),this._stopped=!0}}return i},{requires:["hilo/core/Class"]}),KISSY.add("hilo/view/Drawable",function(t,e,i){var r=e.create({constructor:function(t){this.init(t)},image:null,rect:null,init:function(t){var e=this,n=e.image;r.isDrawable(t)?e.image=t:i.copy(e,t,!0);var a=e.image;if("string"==typeof a){if(!n||a!==n.getAttribute("src")){e.image=null;var o=new Image;return t.crossOrigin&&(o.crossOrigin=t.crossOrigin),o.onload=function(){o.onload=null,e.init(o)},void(o.src=a)}a=e.image=n}a&&!e.rect&&(e.rect=[0,0,a.width,a.height])},Statics:{isDrawable:function(t){if(!t||!t.tagName)return!1;var e=t.tagName.toLowerCase();return"img"===e||"canvas"===e||"video"===e}}});return r},{requires:["hilo/core/Class","hilo/util/util"]}),KISSY.add("hilo/renderer/Renderer",function(t,e,i){var r=e.create({constructor:function(t){t=t||{},i.copy(this,t,!0)},renderType:null,canvas:null,stage:null,blendMode:"source-over",startDraw:function(t){},draw:function(t){},endDraw:function(t){},transform:function(){},hide:function(){},remove:function(t){},clear:function(t,e,i,r){},resize:function(t,e){}});return r},{requires:["hilo/core/Class","hilo/util/util"]}),KISSY.add("hilo/renderer/CanvasRenderer",function(t,e,i,r){var n=e.create({Extends:r,constructor:function(t){n.superclass.constructor.call(this,t),this.context=this.canvas.getContext("2d")},renderType:"canvas",context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.context.clearRect(0,0,t.width,t.height),t.blendMode!==this.blendMode&&(this.context.globalCompositeOperation=this.blendMode=t.blendMode),this.context.save(),!0)},draw:function(t){var e=this.context,i=t.width,r=t.height,n=t.background;n&&(e.fillStyle=n,e.fillRect(0,0,i,r));var a=t.drawable,o=a&&a.image;if(o){var s=a.rect,h=s[2],l=s[3],c=s[4],u=s[5];if(!h||!l)return;i||r||(i=t.width=h,r=t.height=l),(c||u)&&e.translate(c-.5*h,u-.5*l),e.drawImage(o,s[0],s[1],h,l,0,0,i,r)}},endDraw:function(t){this.context.restore()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void i.setElementStyleByView(t);var r=this.context,n=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,h=t._scaleY,l=!1;(!s&&1!=n||s&&s!=n)&&(t._scaleX=n,o.width=n*t.width+"px",l=!0),(!h&&1!=a||h&&h!=a)&&(t._scaleY=a,o.height=a*t.height+"px",l=!0),l&&t.updateViewport()}else{var c=t.x,u=t.y,d=t.pivotX,f=t.pivotY,p=t.rotation%360,v=t.transform,m=t.mask;m&&(m._render(this),r.clip());var g=t.align;if(g){var _=t.getAlignPosition();c=_.x,u=_.y}v?r.transform(v.a,v.b,v.c,v.d,v.tx,v.ty):(0==c&&0==u||r.translate(c,u),0!=p&&r.rotate(p*Math.PI/180),1==n&&1==a||r.scale(n,a),0==d&&0==f||r.translate(-d,-f))}t.alpha>0&&(r.globalAlpha*=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},clear:function(t,e,i,r){this.context.clearRect(t,e,i,r)},resize:function(t,e){var i=this.canvas,r=this.stage,n=i.style;i.width=t,i.height=e,n.width=r.width*r.scaleX+"px",n.height=r.height*r.scaleY+"px"}});return n},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer"]}),KISSY.add("hilo/renderer/DOMRenderer",function(t,e,i,r,n){var a=function(){function t(t,e){var r=t.tagName||"div",n=e.image,a=t.width||n&&n.width,o=t.height||n&&n.height,s=i.createElement(r),h=s.style;if(t.id&&(s.id=t.id),h.position="absolute",h.left=(t.left||0)+"px",h.top=(t.top||0)+"px",h.width=a+"px",h.height=o+"px","canvas"==r){if(s.width=a,s.height=o,n){var l=s.getContext("2d"),c=e.rect||[0,0,a,o];l.drawImage(n,c[0],c[1],c[2],c[3],t.x||0,t.y||0,t.width||c[2],t.height||c[3])}}else if(h.opacity=void 0!=t.alpha?t.alpha:1,(t===this.stage||t.clipChildren)&&(h.overflow="hidden"),n&&n.src){h.backgroundImage="url("+n.src+")";var u=t.rectX||0,d=t.rectY||0;h.backgroundPosition=-u+"px "+-d+"px"}return s}return e.create({Extends:r,constructor:function(t){a.superclass.constructor.call(this,t)},renderType:"dom",startDraw:function(e){var i=e.drawable=e.drawable||new n;return i.domElement=i.domElement||t(e,i),!0},draw:function(t){var e=t.parent,i=t.drawable.domElement,r=i.parentNode;if(e){var n=e.drawable.domElement;if(n!=r&&n.appendChild(i),!t.width&&!t.height){var a=t.drawable.rect;a&&(a[2]||a[3])&&(t.width=a[2],t.height=a[3])}}else t!==this.stage||r||(i.style.overflow="hidden",this.canvas.appendChild(i))},transform:function(t){if(i.setElementStyleByView(t),t===this.stage){var e=this.canvas.style,r=t._scaleX,n=t._scaleY,a=t.scaleX,o=t.scaleY;(!r&&1!=a||r&&r!=a)&&(t._scaleX=a,e.width=a*t.width+"px"),(!n&&1!=o||n&&n!=o)&&(t._scaleY=o,e.height=o*t.height+"px")}},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},hide:function(t){var e=t.drawable&&t.drawable.domElement;e&&(e.style.display="none")},resize:function(t,e){var i=this.canvas.style;i.width=t+"px",i.height=e+"px","absolute"!=i.position&&(i.position="relative")}})}();return a},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer","hilo/view/Drawable"]}),KISSY.add("hilo/renderer/WebGLRenderer",function(t,e,i,r,n){var a=Math.PI/180,o=e.create({Extends:r,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported}},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){o.superclass.constructor.call(this,t);var e=this;this.gl=this.canvas.getContext("webgl")||this.canvas.getContext("experimental-webgl"),this.maxBatchNum=o.MAX_BATCH_NUM,this.positionStride=4*o.ATTRIBUTE_NUM;var i=this.maxBatchNum*o.ATTRIBUTE_NUM*4,r=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*i),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(r);for(var n=0,a=0;n<r;n+=6,a+=4)this.indexs[n+0]=a+0,this.indexs[n+1]=a+1,this.indexs[n+2]=a+2,this.indexs[n+3]=a+1,this.indexs[n+4]=a+2,this.indexs[n+5]=a+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,i=t.height,r=(t.background,t.drawable),n=r&&r.image;if(n){var a=r.rect,o=a[2],s=a[3];e||i||(e=t.width=o,i=t.height=s),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(n,a[0],a[1],o,s,0,0,e,i),l=this.batchIndex*this.positionStride,c=this.float32Array,u=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);c[l+0]=h[0],c[l+1]=h[1],c[l+2]=h[2],c[l+3]=h[3],u[l+4]=d,c[l+5]=h[4],c[l+6]=h[5],c[l+7]=h[6],c[l+8]=h[7],u[l+9]=d,c[l+10]=h[8],c[l+11]=h[9],c[l+12]=h[10],c[l+13]=h[11],u[l+14]=d,c[l+15]=h[12],c[l+16]=h[13],c[l+17]=h[14],c[l+18]=h[15],u[l+19]=d;for(var f=t.__webglWorldMatrix,p=0;p<4;p++){var v=c[l+5*p],m=c[l+5*p+1];c[l+5*p]=f.a*v+f.c*m+f.tx,c[l+5*p+1]=f.b*v+f.d*m+f.ty}t.__textureImage=n,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void i.setElementStyleByView(t);var r=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,h=t._scaleY,l=!1;(!s&&1!=r||s&&s!=r)&&(t._scaleX=r,o.width=r*t.width+"px",l=!0),(!h&&1!=a||h&&h!=a)&&(t._scaleY=a,o.height=a*t.height+"px",l=!0),l&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new n(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new n(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},clear:function(t,e,i,r){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var i=this.canvas,r=this.stage,n=i.style;this.width=i.width=t,this.height=i.height=e,n.width=r.width*r.scaleX+"px",n.height=r.height*r.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,i=0,r=null,n=0;n<this.batchIndex;n++){var a=this.sprites[n];r&&r!==a.__textureImage&&(this._renderBatch(e,n),e=n,i=1),r=a.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var i=this.gl,r=e-t;r>0&&(i.bindTexture(i.TEXTURE_2D,this._getTexture(this.sprites[t])),i.drawElements(i.TRIANGLES,6*r,i.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new s(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,i,r,n,a,o,s,h){var l=this.__tempVertexs||[],c=t.width,u=t.height;r/=c,n/=u,e/=c,i/=u,s=s,h=h,a=a,o=o,r+e>1&&(r=1-e),n+i>1&&(n=1-i);var d=0;return l[d++]=a,l[d++]=o,l[d++]=e,l[d++]=i,l[d++]=a+s,l[d++]=o,l[d++]=e+r,l[d++]=i,l[d++]=a,l[d++]=o+h,l[d++]=e,l[d++]=i+n,l[d++]=a+s,l[d++]=o+h,l[d++]=e+r,l[d++]=i+n,l},_setConcatenatedMatrix:function(t,e){var i=t.__webglWorldMatrix,r=1,n=0,o=t.rotation%360,s=t.pivotX,h=t.pivotY,l=t.scaleX,c=t.scaleY,u=t.transform;if(u)i.copy(u);else{if(o){var d=o*a;r=Math.cos(d),n=Math.sin(d)}var f=t.getAlignPosition();i.a=r*l,i.b=n*l,i.c=-n*c,i.d=r*c,i.tx=f.x-i.a*s-i.c*h,i.ty=f.y-i.b*s-i.d*h}i.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,i=this._cacheTexture[e.src];return i||(i=this.activeShader.uploadTexture(e)),i}}),s=function(t,e,i){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),i=i||{},this.attributes=i.attributes||[],this.uniforms=i.uniforms||[]};return s.prototype={active:function(){var t=this,e=t.renderer,i=t.gl,r=t.program;r&&i&&(e.activeShader=t,i.useProgram(r),t.attributes.forEach(function(t){e[t]=i.getAttribLocation(r,t),i.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=i.getUniformLocation(r,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,i=this.renderer,r=e.createTexture(),n=i.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,r),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(n,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=r,r},_createProgram:function(t,e,i){var r=this._createShader(t,t.VERTEX_SHADER,e),n=this._createShader(t,t.FRAGMENT_SHADER,i);if(!r||!n)return null;var a=t.createProgram();if(a){t.attachShader(a,r),t.attachShader(a,n),t.linkProgram(a),t.deleteShader(n),t.deleteShader(r);var o=t.getProgramParameter(a,t.LINK_STATUS);if(!o){var s=t.getProgramInfoLog(a);return console.log("Failed to link program: "+s),t.deleteProgram(a),null}}return a},_createShader:function(t,e,i){var r=t.createShader(e);if(r){t.shaderSource(r,i),t.compileShader(r);var n=t.getShaderParameter(r,t.COMPILE_STATUS);if(!n){var a=t.getShaderInfoLog(r);return console.log("Failed to compile shader: "+a),t.deleteShader(r),null}}return r}},o},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer","hilo/geom/Matrix"]}),KISSY.add("hilo/view/View",function(t,e,i,r,n,a){var o=function(){function t(t,e,i){for(var r,n,a,o,s=0,h=!1,l=0,c=i.length;l<c;l++){var u=i[l],d=i[(l+1)%c];if(u.y==d.y&&e==u.y&&(u.x>d.x?(r=d.x,n=u.x):(r=u.x,n=d.x),t>=r&&t<=n))h=!0;else if(u.y>d.y?(a=d.y,o=u.y):(a=u.y,o=d.y),!(e<a||e>o)){var f=(e-u.y)*(d.x-u.x)/(d.y-u.y)+u.x;if(f>t?s++:f==t&&(h=!0),u.x>t&&u.y==e){var p=i[(c+l-1)%c];(p.y<e&&d.y>e||p.y>e&&d.y<e)&&s++}}}return h||s%2==1}function o(t,e){var i=s(t,e,{overlap:-(1/0),normal:{x:0,y:0}});return!!i&&s(e,t,i)}function s(t,e,i){for(var r,n,a,o,s,h,l,c,u,d=t.length,f=e.length,p={x:0,y:0},v=0;v<d;v++){r=t[v],n=t[v<d-1?v+1:0],p.x=r.y-n.y,p.y=n.x-r.x,a=Math.sqrt(p.x*p.x+p.y*p.y),p.x/=a,p.y/=a,o=s=t[0].x*p.x+t[0].y*p.y;for(var m=1;m<d;m++)c=t[m].x*p.x+t[m].y*p.y,c>s?s=c:c<o&&(o=c);for(h=l=e[0].x*p.x+e[0].y*p.y,m=1;m<f;m++)c=e[m].x*p.x+e[m].y*p.y,c>l?l=c:c<h&&(h=c);if(o<h?(u=h-s,p.x=-p.x,p.y=-p.y):u=o-l,u>=0)return!1;u>i.overlap&&(i.overlap=u,i.normal.x=p.x,i.normal.y=p.y)}return i}return i.create({Mixes:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("View"),a.copy(this,t,!0)},tint:16777215,id:null,x:0,y:0,width:0,height:0,alpha:1,rotation:0,visible:!0,pivotX:0,pivotY:0,scaleX:1,scaleY:1,pointerEnabled:!0,background:null,mask:null,align:null,drawable:null,boundsArea:null,parent:null,depth:-1,transform:null,blendMode:"source-over",getStage:function(){for(var t,e=this;t=e.parent;)e=t;return e.canvas?e:null},getScaledWidth:function(){return this.width*this.scaleX},getScaledHeight:function(){return this.height*this.scaleY},addTo:function(t,e){return"number"==typeof e?t.addChildAt(this,e):t.addChild(this),this},removeFromParent:function(){var t=this.parent;return t&&t.removeChild(this),this},getBounds:function(){for(var t,e,i,r,n,a,o,s=this.width,h=this.height,l=this.getConcatenatedMatrix(),c=this.boundsArea||[{x:0,y:0},{x:s,y:0},{x:s,y:h},{x:0,y:h}],u=[],d=0,f=c.length;d<f;d++)t=l.transformPoint(c[d],!0,!0),e=t.x,i=t.y,0==d?(r=n=e,a=o=i):(r>e?r=e:n<e&&(n=e),a>i?a=i:o<i&&(o=i)),u[d]=t;return u.x=r,u.y=a,u.width=n-r,u.height=o-a,u},getConcatenatedMatrix:function(t){for(var e=new n(1,0,0,1,0,0),i=this;i!=t&&i.parent;i=i.parent){var r=1,a=0,o=i.rotation%360,s=i.pivotX,h=i.pivotY,l=i.scaleX,c=i.scaleY,u=i.transform;if(u)e.concat(u);else{if(o){var d=o*Math.PI/180;r=Math.cos(d),a=Math.sin(d)}0!=s&&(e.tx-=s),0!=h&&(e.ty-=h);var f=i.getAlignPosition();e.concat(r*l,a*l,-a*c,r*c,f.x,f.y)}}return e},getAlignPosition:function(){var t=this.parent,e=this.align,i=this.x,r=this.y;if(t&&this.align){if("function"==typeof e)return this.align();var n=this.width,a=this.height,o=t.width,s=t.height;switch(e){case"TL":i=0,r=0;break;case"T":i=o-n>>1,r=0;break;case"TR":i=o-n,r=0;break;case"L":i=0,r=s-a>>1;break;case"C":i=o-n>>1,r=s-a>>1;break;case"R":i=o-n,r=s-a>>1;break;case"BL":i=0,r=s-a;break;case"B":i=o-n>>1,r=s-a;break;case"BR":i=o-n,r=s-a}}return{x:i,y:r}},hitTestPoint:function(e,i,r){var n=this.getBounds(),a=e>=n.x&&e<=n.x+n.width&&i>=n.y&&i<=n.y+n.height;return a&&r&&(a=t(e,i,n)),a},hitTestObject:function(t,e){var i=this.getBounds(),r=t.getBounds(),n=i.x<=r.x+r.width&&r.x<=i.x+i.width&&i.y<=r.y+r.height&&r.y<=i.y+i.height;return n&&e&&(n=o(i,r)),!!n},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||!t.startDraw(this)||(t.transform(this),this.render(t,e),t.endDraw(this))},_fireMouseEvent:function(t){if(t.eventCurrentTarget=this,this.fire(t),"mousemove"==t.type){if(!this.__mouseOver){this.__mouseOver=!0;var e=a.copy({},t);e.type="mouseover",this.fire(e)}}else"mouseout"==t.type&&(this.__mouseOver=!1);var i=this.parent;t._stopped||t._stopPropagationed||!i||("mouseout"==t.type||"touchout"==t.type?i.hitTestPoint(t.stageX,t.stageY,!0)||i._fireMouseEvent(t):i._fireMouseEvent(t))},onUpdate:null,render:function(t,e){t.draw(this)},toString:function(){return e.viewToString(this)}})}();return o},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/event/EventMixin","hilo/geom/Matrix","hilo/util/util"]}),KISSY.add("hilo/view/CacheMixin",function(t,e,i){var r,n,a={_cacheDirty:!0,cache:function(t){(t||this._cacheDirty||!this.drawable)&&this.updateCache()},updateCache:function(){i.supportCanvas&&(r||(r=document.createElement("canvas"),n=r.getContext("2d")),r.width=this.width,r.height=this.height,this._draw(n),this.drawable=this.drawable||new e,this.drawable.init({image:r.toDataURL()}),this._cacheDirty=!1)},setCacheDirty:function(t){this._cacheDirty=t}};return a},{requires:["hilo/view/Drawable","hilo/util/browser"]}),KISSY.add("hilo/view/Container",function(t,e,i,r){var n=i.create({Extends:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Container"),n.superclass.constructor.call(this,t),this.children?this._updateChildren():this.children=[]},children:null,pointerChildren:!0,clipChildren:!1,getNumChildren:function(){return this.children.length},addChildAt:function(t,e){var i=this.children,r=i.length,n=t.parent;e=e<0?0:e>r?r:e;var a=this.getChildIndex(t);if(a==e)return this;if(a>=0?(i.splice(a,1),e=e==r?r-1:e):n&&n.removeChild(t),i.splice(e,0,t),a<0)this._updateChildren(e);else{var o=a<e?a:e,s=a<e?e:a;this._updateChildren(o,s+1)}return this},addChild:function(t){for(var e=this.children.length,i=arguments,r=0,n=i.length;r<n;r++)this.addChildAt(i[r],e+r);return this},removeChildAt:function(t){var e=this.children;if(t<0||t>=e.length)return null;var i=e[t];if(i){if(!i.__renderer)for(var r=i;r=r.parent;){if(r.renderer){i.__renderer=r.renderer;break}if(r.__renderer){i.__renderer=r.__renderer;break}}i.__renderer&&i.__renderer.remove(i),i.parent=null,i.depth=-1}return e.splice(t,1),this._updateChildren(t),i},removeChild:function(t){return this.removeChildAt(this.getChildIndex(t))},removeChildById:function(t){for(var e,i=this.children,r=0,n=i.length;r<n;r++)if(e=i[r],e.id===t)return this.removeChildAt(r),e;return null},removeAllChildren:function(){for(;this.children.length;)this.removeChildAt(0);return this},getChildAt:function(t){var e=this.children;return t<0||t>=e.length?null:e[t]},getChildById:function(t){for(var e,i=this.children,r=0,n=i.length;r<n;r++)if(e=i[r],e.id===t)return e;return null},getChildIndex:function(t){return this.children.indexOf(t)},setChildIndex:function(t,e){var i=this.children,r=i.indexOf(t);if(r>=0&&r!=e){var n=i.length;e=e<0?0:e>=n?n-1:e,i.splice(r,1),i.splice(e,0,t),this._updateChildren()}return this},swapChildren:function(t,e){var i=this.children,r=this.getChildIndex(t),n=this.getChildIndex(e);t.depth=n,i[n]=t,e.depth=r,i[r]=e},swapChildrenAt:function(t,e){var i=this.children,r=this.getChildAt(t),n=this.getChildAt(e);r.depth=e,i[e]=r,n.depth=t,i[t]=n},sortChildren:function(t){var e=t,i=this.children;if("string"==typeof e){var r=e;e=function(t,e){return e[r]-t[r]}}i.sort(e),this._updateChildren()},_updateChildren:function(t,e){var i,r=this.children;t=t||0,e=e||r.length;for(var n=t;n<e;n++)i=r[n],i.depth=n+1,i.parent=this},contains:function(t){for(;t=t.parent;)if(t===this)return!0;return!1},getViewAtPoint:function(t,e,i,r,n){for(var a,o,s=r?[]:null,h=this.children,l=h.length-1;l>=0;l--)if(a=h[l],!(!a||!a.visible||a.alpha<=0||n&&!a.pointerEnabled))if(a.children&&a.children.length&&(!n||a.pointerChildren)&&(o=a.getViewAtPoint(t,e,i,r,n)),o){if(!r)return o;o.length&&(s=s.concat(o))}else if(a.hitTestPoint(t,e,i)){if(!r)return a;s.push(a)}return r&&s.length?s:null},render:function(t,e){n.superclass.render.call(this,t,e);var i,r,a,o=this.children.slice(0);for(i=0,r=o.length;i<r;i++)a=o[i],a.parent===this&&a._render(t,e)}});return n},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/View"]}),KISSY.add("hilo/view/Stage",function(t,e,i,r,n,a,o,s,h){var l=i.create({Extends:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Stage"),l.superclass.constructor.call(this,t),this._initRenderer(t);var i=this.width,r=this.height,n=this.updateViewport();t.width||(i=n&&n.width||320),t.height||(r=n&&n.height||480),this.resize(i,r,!0)},canvas:null,renderer:null,paused:!1,viewport:null,_initRenderer:function(t){var i=t.canvas,r=t.container,s=t.renderType||"canvas";if("string"==typeof i&&(i=e.getElement(i)),"string"==typeof r&&(r=e.getElement(r)),i)i.getContext||(s="dom");else{var h="dom"===s?"div":"canvas";i=e.createElement(h,{style:{position:"absolute"}})}this.canvas=i,r&&r.appendChild(i);var l={canvas:i,stage:this};switch(s){case"dom":this.renderer=new a(l);break;case"webgl":o.isSupport()?this.renderer=new o(l):this.renderer=new n(l);break;case"canvas":default:this.renderer=new n(l)}},addTo:function(t){var e=this.canvas;return e.parentNode!==t&&t.appendChild(e),this},tick:function(t){this.paused||this._render(this.renderer,t)},enableDOMEvent:function(t,e){var i=this,r=i.canvas,n=i._domListener||(i._domListener=function(t){i._onDOMEvent(t)});t="string"==typeof t?[t]:t,e=e!==!1;for(var a=0;a<t.length;a++){var o=t[a];e?r.addEventListener(o,n,!1):r.removeEventListener(o,n)}return i},_onDOMEvent:function(t){var e=t.type,i=t,r=0==e.indexOf("touch"),n=t;if(r){var a=t.touches,o=t.changedTouches;n=a&&a.length?a[0]:o&&o.length?o[0]:null}var l=n.pageX||n.clientX,c=n.pageY||n.clientY,u=this.viewport||this.updateViewport();i.stageX=l=(l-u.left)/this.scaleX,i.stageY=c=(c-u.top)/this.scaleY,
-i.stopPropagation=function(){this._stopPropagationed=!0};var d=this.getViewAtPoint(l,c,!0,!1,!0)||this,f=this.canvas,p=this._eventTarget,v="mouseout"===e;if(p&&(p!=d&&(!p.contains||!p.contains(d))||v)){var m="touchmove"===e?"touchout":"mousemove"===e||v||!d?"mouseout":null;if(m){var g=h.copy({},i);g.type=m,g.eventTarget=p,p._fireMouseEvent(g)}i.lastEventTarget=p,this._eventTarget=null}if(d&&d.pointerEnabled&&"mouseout"!==e&&(i.eventTarget=this._eventTarget=d,d._fireMouseEvent(i)),!r){var _=d&&d.pointerEnabled&&d.useHandCursor?"pointer":"";f.style.cursor=_}s.android&&"touchmove"===e&&t.preventDefault()},updateViewport:function(){var t=this.canvas,i=null;return t.parentNode&&(i=this.viewport=e.getElementRect(t)),i},resize:function(t,e,i){(i||this.width!==t||this.height!==e)&&(this.width=t,this.height=e,this.renderer.resize(t,e),this.updateViewport())}});return l},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/Container","hilo/renderer/CanvasRenderer","hilo/renderer/DOMRenderer","hilo/renderer/WebGLRenderer","hilo/util/browser","hilo/util/util"]}),KISSY.add("hilo/view/Bitmap",function(t,e,i,r,n){var a=i.create({Extends:r,constructor:function(t){if(t=t||{},this.id=this.id||t.id||e.getUid("Bitmap"),a.superclass.constructor.call(this,t),this.drawable=new n(t),!this.width||!this.height){var i=this.drawable.rect;i&&(this.width=i[2],this.height=i[3])}},setImage:function(t,e){return this.drawable.init({image:t,rect:e}),e?(this.width=e[2],this.height=e[3]):this.width||this.height||(e=this.drawable.rect,e&&(this.width=e[2],this.height=e[3])),this}});return a},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable"]}),KISSY.add("hilo/view/Sprite",function(t,e,i,r,n){var a=i.create({Extends:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Sprite"),a.superclass.constructor.call(this,t),this._frames=[],this._frameNames={},this.drawable=new n,t.frames&&this.addFrame(t.frames)},_frames:null,_frameNames:null,_frameElapsed:0,_firstRender:!0,paused:!1,loop:!0,timeBased:!1,interval:1,currentFrame:0,getNumFrames:function(){return this._frames?this._frames.length:0},addFrame:function(t,e){var i=null!=e?e:this._frames.length;if(t instanceof Array)for(var r=0,n=t.length;r<n;r++)this.setFrame(t[r],i+r);else this.setFrame(t,i);return this},setFrame:function(t,e){var i=this._frames,r=i.length;return e=e<0?0:e>r?r:e,i[e]=t,t.name&&(this._frameNames[t.name]=t),(0!=e||this.width)&&this.height||(this.width=t.rect[2],this.height=t.rect[3]),this},getFrame:function(t){if("number"==typeof t){var e=this._frames;return t<0||t>=e.length?null:e[t]}return this._frameNames[t]},getFrameIndex:function(t){var e=this._frames,i=e.length,r=-1;if("number"==typeof t)r=t;else{var n="string"==typeof t?this._frameNames[t]:t;if(n)for(var a=0;a<i;a++)if(n===e[a]){r=a;break}}return r},play:function(){return this.paused=!1,this},stop:function(){return this.paused=!0,this},"goto":function(t,e){var i=this._frames.length,r=this.getFrameIndex(t);return this.currentFrame=r<0?0:r>=i?i-1:r,this.paused=e,this._firstRender=!0,this},_render:function(t,e){var i,r=this.currentFrame;if(this._firstRender?(i=r,this._firstRender=!1):i=this._nextFrame(e),i!=r){this.currentFrame=i;var n=this._frames[i].callback;n&&n.call(this)}this.onEnterFrame&&this.onEnterFrame(i),this.drawable.init(this._frames[i]),a.superclass._render.call(this,t,e)},_nextFrame:function(t){var e=this._frames,i=e.length,r=this.currentFrame,n=e[r],a=n.duration||this.interval,o=this._frameElapsed,s=0!=r||this.drawable?o+(this.timeBased?t:1):0;return o=this._frameElapsed=s<a?s:0,(n.stop||!this.loop&&r>=i-1)&&this.stop(),this.paused||0!=o||(null!=n.next?r=this.getFrameIndex(n.next):r>=i-1?r=0:this.drawable&&r++),r},setFrameCallback:function(t,e){return t=this.getFrame(t),t&&(t.callback=e),this},onEnterFrame:null});return a},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable"]}),KISSY.add("hilo/view/DOMElement",function(t,e,i,r,n){var a=i.create({Extends:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("DOMElement"),a.superclass.constructor.call(this,t),this.drawable=new n;var i=this.drawable.domElement=t.element||e.createElement("div");i.id=this.id,this.pointerEnabled&&!i.style.pointerEvents&&(i.style.pointerEvents="visible")},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||(t.transform(this),this.visible&&this.alpha>0&&this.render(t,e))},render:function(t,i){if("dom"!==t.renderType){var r=t.canvas,n=this.parent,a=t._domElementContainer;t._domElementContainer||(a=t._domElementContainer=e.createElement("div",{style:{position:"absolute",transform:"scale3d("+n.scaleX+","+n.scaleY+", 1)",transformOrigin:"0 0",zIndex:"1"}}),r.parentNode.insertBefore(t._domElementContainer,r.nextSibling));var o,s=this.drawable.domElement,h=this.depth,l=a.childNodes[0];if(s.parentNode)return;for(;l&&3!=l.nodeType&&(o=parseInt(l.style.zIndex)||0,!(o<=0||o>h));)l=l.nextSibling;a.insertBefore(this.drawable.domElement,l)}else t.draw(this)}});return a},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable"]}),KISSY.add("hilo/view/Graphics",function(t,e,i,r,n){var a=function(){var t=document.createElement("canvas"),o=t.getContext&&t.getContext("2d");return i.create({Extends:r,Mixes:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Graphics"),a.superclass.constructor.call(this,t),this._actions=[]},lineWidth:1,lineAlpha:1,lineCap:null,lineJoin:null,miterLimit:10,hasStroke:!1,strokeStyle:"0",hasFill:!1,fillStyle:"0",fillAlpha:0,lineStyle:function(t,e,i,r,n,a){var o=this,s=o._addAction;return s.call(o,["lineWidth",o.lineWidth=t||1]),s.call(o,["strokeStyle",o.strokeStyle=e||"0"]),s.call(o,["lineAlpha",o.lineAlpha=i||1]),void 0!=r&&s.call(o,["lineCap",o.lineCap=r]),void 0!=n&&s.call(o,["lineJoin",o.lineJoin=n]),void 0!=a&&s.call(o,["miterLimit",o.miterLimit=a]),o.hasStroke=!0,o},setLineDash:function(t){return this._addAction(["setLineDash",t])},beginFill:function(t,e){var i=this,r=i._addAction;return r.call(i,["fillStyle",i.fillStyle=t]),r.call(i,["fillAlpha",i.fillAlpha=e||1]),i.hasFill=!0,i},endFill:function(){var t=this,e=t._addAction;return t.hasStroke&&e.call(t,["stroke"]),t.hasFill&&e.call(t,["fill"]),t.setCacheDirty(!0),t},beginLinearGradientFill:function(t,e,i,r,n,a){for(var s=this,h=o.createLinearGradient(t,e,i,r),l=0,c=n.length;l<c;l++)h.addColorStop(a[l],n[l]);return s.hasFill=!0,s._addAction(["fillStyle",s.fillStyle=h])},beginRadialGradientFill:function(t,e,i,r,n,a,s,h){for(var l=this,c=o.createRadialGradient(t,e,i,r,n,a),u=0,d=s.length;u<d;u++)c.addColorStop(h[u],s[u]);return l.hasFill=!0,l._addAction(["fillStyle",l.fillStyle=c])},beginBitmapFill:function(t,e){var i=this,r=o.createPattern(t,e||"");return i.hasFill=!0,i._addAction(["fillStyle",i.fillStyle=r])},beginPath:function(){return this._addAction(["beginPath"])},closePath:function(){return this._addAction(["closePath"])},moveTo:function(t,e){return this._addAction(["moveTo",t,e])},lineTo:function(t,e){return this._addAction(["lineTo",t,e])},quadraticCurveTo:function(t,e,i,r){return this._addAction(["quadraticCurveTo",t,e,i,r])},bezierCurveTo:function(t,e,i,r,n,a){return this._addAction(["bezierCurveTo",t,e,i,r,n,a])},drawRect:function(t,e,i,r){return this._addAction(["rect",t,e,i,r])},drawRoundRectComplex:function(t,e,i,r,n,a,o,s){var h=this,l=h._addAction;return l.call(h,["moveTo",t+n,e]),l.call(h,["lineTo",t+i-a,e]),l.call(h,["arc",t+i-a,e+a,a,-Math.PI/2,0,!1]),l.call(h,["lineTo",t+i,e+r-o]),l.call(h,["arc",t+i-o,e+r-o,o,0,Math.PI/2,!1]),l.call(h,["lineTo",t+s,e+r]),l.call(h,["arc",t+s,e+r-s,s,Math.PI/2,Math.PI,!1]),l.call(h,["lineTo",t,e+n]),l.call(h,["arc",t+n,e+n,n,Math.PI,3*Math.PI/2,!1]),h},drawRoundRect:function(t,e,i,r,n){return this.drawRoundRectComplex(t,e,i,r,n,n,n,n)},drawCircle:function(t,e,i){return this._addAction(["arc",t+i,e+i,i,0,2*Math.PI,0])},drawEllipse:function(t,e,i,r){var n=this;if(i==r)return n.drawCircle(t,e,i);var a=n._addAction,o=i/2,s=r/2,h=.5522847498307933,l=h*o,c=h*s;return t+=o,e+=s,a.call(n,["moveTo",t+o,e]),a.call(n,["bezierCurveTo",t+o,e-c,t+l,e-s,t,e-s]),a.call(n,["bezierCurveTo",t-l,e-s,t-o,e-c,t-o,e]),a.call(n,["bezierCurveTo",t-o,e+c,t-l,e+s,t,e+s]),a.call(n,["bezierCurveTo",t+l,e+s,t+o,e+c,t+o,e]),n},drawSVGPath:function(t){var e=this,i=e._addAction,r=t.replace(/,/g," ").replace(/-/g," -").split(/(?=[a-zA-Z])/);i.call(e,["beginPath"]);for(var n,a={x:0,y:0},o={x:0,y:0},s=0,h=r.length;s<h;s++){var l=r[s];if(l.length){var c=l[0],u=c.toUpperCase(),d=this._getSVGParams(l),f=u!==c;switch(u){case"M":f&&this._convertToAbsolute(a,d),i.call(e,["moveTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"L":f&&this._convertToAbsolute(a,d),i.call(e,["lineTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"H":f&&(d[0]+=a.x),i.call(e,["lineTo",d[0],a.y]),a.x=d[0];break;case"V":f&&(d[0]+=a.y),i.call(e,["lineTo",a.x,d[0]]),a.y=d[0];break;case"Z":i.call(e,["closePath"]);break;case"C":f&&this._convertToAbsolute(a,d),i.call(e,["bezierCurveTo",d[0],d[1],d[2],d[3],d[4],d[5]]),o.x=d[2],o.y=d[3],this._setCurrentPoint(a,d[4],d[5]);break;case"S":f&&this._convertToAbsolute(a,d),p="C"===n||"S"===n?this._getReflectionPoint(a,o):a,i.call(e,["bezierCurveTo",p.x,p.y,d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"Q":f&&this._convertToAbsolute(a,d),i.call(e,["quadraticCurveTo",d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"T":f&&this._convertToAbsolute(a,d);var p;p="Q"===n||"T"===n?this._getReflectionPoint(a,o):a,i.call(e,["quadraticCurveTo",p.x,p.y,d[0],d[1]]),o=p,this._setCurrentPoint(a,d[0],d[1])}n=u}}return e},_getSVGParams:function(t){var e=t.substring(1).replace(/[\s]+$|^[\s]+/g,"").split(/[\s]+/);0==e[0].length&&e.shift();for(var i=0,r=e.length;i<r;i++)e[i]=parseFloat(e[i]);return e},_convertToAbsolute:function(t,e){for(var i=0,r=e.length;i<r;i++)i%2===0?e[i]+=t.x:e[i]+=t.y},_setCurrentPoint:function(t,e,i){t.x=e,t.y=i},_getReflectionPoint:function(t,e){return{x:2*t.x-e.x,y:2*t.y-e.y}},_draw:function(t){var e,i=this,r=i._actions,n=r.length;for(t.beginPath(),e=0;e<n;e++){var a=r[e],o=a[0],s=a.length>1?a.slice(1):null;"function"==typeof t[o]?t[o].apply(t,s):t[o]=a[1]}},render:function(t,e){var i=this;"canvas"===t.renderType?i._draw(t.context):(i.cache(),t.draw(i))},clear:function(){var t=this;return t._actions.length=0,t.lineWidth=1,t.lineAlpha=1,t.lineCap=null,t.lineJoin=null,t.miterLimit=10,t.hasStroke=!1,t.strokeStyle="0",t.hasFill=!1,t.fillStyle="0",t.fillAlpha=1,t.setCacheDirty(!0),t},_addAction:function(t){var e=this;return e._actions.push(t),e}})}();return a},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/CacheMixin"]}),KISSY.add("hilo/view/Text",function(t,e,i,r,n){var a=e.create({Extends:r,Mixes:n,constructor:function(t){t=t||{},this.id=this.id||t.id||i.getUid("Text"),a.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=a.measureFontHeight(this.font)},text:null,color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=a.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var r=i.drawable,n=r.domElement,a=n.style;a.font=i.font,a.textAlign=i.textAlign,a.color=i.color,a.width=i.width+"px",a.height=i.height+"px",a.lineHeight=i._fontHeight+i.lineSpacing+"px",n.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var r,n,a,o,s,h=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),l=0,c=0,u=e._fontHeight+e.lineSpacing,d=[];for(r=0,o=h.length;r<o;r++)if(n=h[r],a=t.measureText(n).width,a<=e.maxWidth)d.push({text:n,y:c}),l<a&&(l=a),c+=u;else{var f,p,v,m="",g=0;for(p=0,s=n.length;p<s;p++)v=n[p],f=t.measureText(m+v).width,f>e.maxWidth?(d.push({text:m,y:c}),l<g&&(l=g),c+=u,m=v):(g=f,m+=v),p==s-1&&(d.push({text:m,y:c}),m!==v&&l<f&&(l=f),c+=u)}e.textWidth=l,e.textHeight=c,e.width||(e.width=l),e.height||(e.height=c);var _=0;switch(e.textVAlign){case"middle":_=e.height-e.textHeight>>1;break;case"bottom":_=e.height-e.textHeight}var x=e.background;for(x&&(t.fillStyle=x,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,r=0;r<d.length;r++)n=d[r],e._drawTextLine(t,n.text,_+n.y)}},_drawTextLine:function(t,e,i){var r=this,n=0,a=r.width;switch(r.textAlign){case"center":n=a>>1;break;case"right":case"end":n=a}r.outline?t.strokeText(e,n,i):t.fillText(e,n,i)},Statics:{measureFontHeight:function(t){var e,r=document.documentElement,n=i.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return r.appendChild(n),e=n.offsetHeight,r.removeChild(n),e}}});return a},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/view/View","hilo/view/CacheMixin"]}),KISSY.add("hilo/view/BitmapText",function(t,e,i,r,n){var a=e.create({Extends:r,constructor:function(t){t=t||{},this.id=this.id||t.id||i.getUid("BitmapText"),a.superclass.constructor.call(this,t);var e=t.text+"";e&&(this.text="",this.setText(e)),this.pointerChildren=!1},glyphs:null,letterSpacing:0,text:"",textAlign:"left",setText:function(t){var e=this,i=t.toString(),r=i.length;if(e.text!=i){e.text=i;var n,a,o,s,h=0,l=0,c=0;for(n=0;n<r;n++)a=i.charAt(n),o=e.glyphs[a],o&&(c=h+(h>0?e.letterSpacing:0),e.children[n]?(s=e.children[n],s.setImage(o.image,o.rect)):(s=e._createBitmap(o),e.addChild(s)),s.x=c,h=c+o.rect[2],l=Math.max(l,o.rect[3]));for(n=e.children.length-1;n>=r;n--)e._releaseBitmap(e.children[n]),e.children[n].removeFromParent();return e.width=h,e.height=l,this.setTextAlign(),e}},_createBitmap:function(t){var e;return a._pool.length?(e=a._pool.pop(),e.setImage(t.image,t.rect)):e=new n({image:t.image,rect:t.rect}),e},_releaseBitmap:function(t){a._pool.push(t)},setTextAlign:function(t){switch(this.textAlign=t||this.textAlign,this.textAlign){case"center":this.pivotX=.5*this.width;break;case"right":this.pivotX=this.width;break;case"left":default:this.pivotX=0}return this},hasGlyphs:function(t){var e=this.glyphs;if(!e)return!1;t=t.toString();var i,r=t.length;for(i=0;i<r;i++)if(!e[t.charAt(i)])return!1;return!0},Statics:{_pool:[],createGlyphs:function(t,e,i,r){var n=t.toString();i=i||n.length,r=r||1;for(var a=e.width/i,o=e.height/r,s={},h=0,l=t.length;h<l;h++){var c=n.charAt(h);s[c]={image:e,rect:[a*(h%i),o*Math.floor(h/i),a,o]}}return s}}});return a},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/view/Container","hilo/view/Bitmap"]}),KISSY.add("hilo/view/Button",function(t,e,i,r,n,a){var o=i.create({Extends:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Button"),o.superclass.constructor.call(this,t),this.drawable=new n(t),this.setState(o.UP)},upState:null,overState:null,downState:null,disabledState:null,state:null,enabled:!0,useHandCursor:!0,setEnabled:function(t){return this.enabled!=t&&(t?this.setState(o.UP):this.setState(o.DISABLED)),this},setState:function(t){if(this.state!==t){this.state=t,this.pointerEnabled=this.enabled=t!==o.DISABLED;var e;switch(t){case o.UP:e=this.upState;break;case o.OVER:e=this.overState;break;case o.DOWN:e=this.downState;break;case o.DISABLED:e=this.disabledState}e&&(this.drawable.init(e),a.copy(this,e,!0))}return this},fire:function(t,e){if(this.enabled){var i="string"==typeof t?t:t.type;switch(i){case"mousedown":case"touchstart":case"touchmove":this.setState(o.DOWN);break;case"mouseover":this.setState(o.OVER);break;case"mouseup":this.overState?this.setState(o.OVER):this.upState&&this.setState(o.UP);break;case"touchend":case"touchout":case"mouseout":this.setState(o.UP)}return o.superclass.fire.call(this,t,e)}},Statics:{UP:"up",OVER:"over",DOWN:"down",DISABLED:"disabled"}});return o},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable","hilo/util/util"]}),KISSY.add("hilo/util/TextureAtlas",function(t,e){var i=function(){function t(t){var e,i,r=t.frames;if(!r)return null;var n,a=[];if(r instanceof Array)for(e=0,i=r.length;e<i;e++)n=r[e],a[e]={image:t.image,rect:n};else{var o=r.frameWidth,s=r.frameHeight,h=t.width/o|0,l=t.height/s|0,c=r.numFrames||h*l;for(e=0;e<c;e++)a[e]={image:t.image,rect:[e%h*o,(e/h|0)*s,o,s]}}return a}function i(t,e){var i,a,o=t.sprites;if(!o)return null;var s,h,l,c={};for(var u in o){if(s=o[u],n(s))h=r(e[s]);else if(s instanceof Array)for(h=[],i=0,a=s.length;i<a;i++){var d,f=s[i];n(f)?l=r(e[f]):(d=f.rect,n(d)&&(d=e[f.rect]),l=r(d,f)),h[i]=l}else for(h=[],i=s.from;i<=s.to;i++)h[i-s.from]=r(e[i],s[i]);c[u]=h}return c}function r(t,e){var i={image:t.image,rect:t.rect};return e&&(i.name=e.name||null,i.duration=e.duration||0,i.stop=!!e.stop,i.next=e.next||null),i}function n(t){return"number"==typeof t}return e.create({constructor:function(e){this._frames=t(e),this._sprites=i(e,this._frames)},_frames:null,_sprites:null,getFrame:function(t){var e=this._frames;return e&&e[t]},getSprite:function(t){var e=this._sprites;return e&&e[t]},Statics:{createSpriteFrames:function(t,e,i,r,n,a,o){var s,h;if("[object Array]"===Object.prototype.toString.call(t)){var l=[];for(s=0,h=t.length;s<h;s++)l=l.concat(this.createSpriteFrames.apply(this,t[s]));return l}if("string"==typeof e){var c=e.split(",");e=[];for(var u=0,d=c.length;u<d;u++){var f=c[u].split("-");if(1==f.length)e.push(parseInt(f[0]));else for(s=parseInt(f[0]),h=parseInt(f[1]);s<=h;s++)e.push(s)}}var p=Math.floor(i.width/r);for(s=0;s<e.length;s++){var v=e[s];e[s]={rect:[r*(v%p),n*Math.floor(v/p),r,n],image:i,duration:o}}return e[0].name=t,a?e[e.length-1].next=t:e[e.length-1].stop=!0,e}}})}();return i},{requires:["hilo/core/Class"]}),KISSY.add("hilo/util/Ticker",function(t,e,i){var r=e.create({constructor:function(t){this._targetFPS=t||60,this._interval=1e3/this._targetFPS,this._tickers=[]},_paused:!1,_targetFPS:0,_interval:0,_intervalId:null,_tickers:null,_lastTime:0,_tickCount:0,_tickTime:0,_measuredFPS:0,start:function(t){if(void 0===t&&(t=!0),!this._intervalId){this._lastTime=+new Date;var e,r=this,n=this._interval,a=window.requestAnimationFrame||window[i.jsVendor+"RequestAnimationFrame"];t&&a&&n<17?(this._useRAF=!0,e=function(){r._intervalId=a(e),r._tick()}):e=function(){r._intervalId=setTimeout(e,n),r._tick()},this._paused=!1,e()}},stop:function(){if(this._useRAF){var t=window.cancelAnimationFrame||window[i.jsVendor+"CancelAnimationFrame"];t(this._intervalId)}else clearTimeout(this._intervalId);this._intervalId=null,this._lastTime=0,this._paused=!0},pause:function(){this._paused=!0},resume:function(){this._paused=!1},_tick:function(){if(!this._paused){var t=+new Date,e=t-this._lastTime,i=this._tickers;++this._tickCount>=this._targetFPS?(this._measuredFPS=1e3/(this._tickTime/this._tickCount)+.5>>0,this._tickCount=0,this._tickTime=0):this._tickTime+=t-this._lastTime,this._lastTime=t;for(var r=i.slice(0),n=0,a=r.length;n<a;n++)r[n].tick(e)}},getMeasuredFPS:function(){return Math.min(this._measuredFPS,this._targetFPS)},addTick:function(t){if(!t||"function"!=typeof t.tick)throw new Error("Ticker: The tick object must implement the tick method.");this._tickers.push(t)},removeTick:function(t){var e=this._tickers,i=e.indexOf(t);i>=0&&e.splice(i,1)},nextTick:function(t){var e=this,i={tick:function(r){e.removeTick(i),t()}};return e.addTick(i),i},timeout:function(t,e){var i=this,r=(new Date).getTime()+e,n={tick:function(){var e=(new Date).getTime(),a=e-r;a>=0&&(i.removeTick(n),t())}};return i.addTick(n),n},interval:function(t,e){var i=this,r=(new Date).getTime()+e,n={tick:function(){var i=(new Date).getTime(),n=i-r;n>=0&&(n<e&&(i-=n),r=i+e,t())}};return i.addTick(n),n}});return r},{requires:["hilo/core/Class","hilo/util/browser"]}),KISSY.add(function(t){var e=Array.prototype,i=e.slice;e.indexOf||(e.indexOf=function(t,e){e=e||0;var i,r=this.length;if(0==r||e>=r)return-1;for(e<0&&(e=r+e),i=e;i<r;i++)if(this[i]===t)return i;return-1});var r=Function.prototype;r.bind||(r.bind=function(t){function e(){var a=n.concat(i.call(arguments));return r.apply(this instanceof e?this:t,a)}var r=this,n=i.call(arguments,1),a=function(){};return a.prototype=r.prototype,e.prototype=new a,e})}),KISSY.add("hilo/util/drag",function(t,e){var i={_isDragStart:!1,dragNeedTransform:!1,startDrag:function(t){function i(t){t.stopPropagation(),a(t),s.off(e.event.POINTER_START,i),p.x=s.x,p.y=s.y,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().transformPoint(p),s.__dragX=p.x-l.x,s.__dragY=p.y-l.y,h||(h=s.getStage()),h.on(e.event.POINTER_MOVE,n),document.addEventListener(e.event.POINTER_END,r),s.fire("dragStart",l)}function r(t){document.removeEventListener(e.event.POINTER_END,r),h&&h.off(e.event.POINTER_MOVE,n),s.on(e.event.POINTER_START,i),s.fire("dragEnd",l)}function n(t){a(t),p.x=l.x+s.__dragX,p.y=l.y+s.__dragY,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().invert().transformPoint(p),s.x=Math.max(c,Math.min(d,p.x)),s.y=Math.max(u,Math.min(f,p.y)),s.fire("dragMove",l)}function a(t){l.preX=l.x,l.preY=l.y,l.x=t.stageX,l.y=t.stageY}function o(){s._isDragStart=!1,document.removeEventListener(e.event.POINTER_END,r),h&&h.off(e.event.POINTER_MOVE,n),s.off(e.event.POINTER_START,i)}var s=this;s._isDragStart&&s.stopDrag(),s._isDragStart=!0;var h;t=t||[-(1/0),-(1/0),1/0,1/0];var l={x:0,y:0,preX:0,preY:0},c=t[0],u=t[1],d=t[2]==1/0?1/0:c+t[2],f=t[3]==1/0?1/0:u+t[3],p={x:0,y:0};s.on(e.event.POINTER_START,i),s.stopDrag=o},stopDrag:function(){this._isDragStart=!1}};return i},{requires:["hilo/core/Hilo"]}),KISSY.add("hilo/tween/Tween",function(t,e){var i=function(){function t(){return+new Date}return e.create({constructor:function(t,e,i,r){var n=this;n.target=t,n._startTime=0,n._seekTime=0,n._pausedTime=0,n._pausedStartTime=0,n._reverseFlag=1,n._repeatCount=0,3==arguments.length&&(r=i,i=e,e=null);for(var a in r)n[a]=r[a];n._fromProps=e,n._toProps=i,!r.duration&&r.time&&(n.duration=r.time||0,n.time=0)},target:null,duration:1e3,delay:0,paused:!1,loop:!1,reverse:!1,repeat:0,repeatDelay:0,ease:null,time:0,isStart:!1,onStart:null,onUpdate:null,onComplete:null,setProps:function(t,e){var i=this,r=i.target,n=t||e,a=i._fromProps={},o=i._toProps={};t=t||r,e=e||r;for(var s in n)o[s]=e[s]||0,r[s]=a[s]=t[s]||0;return i},start:function(){var e=this;return e._startTime=t()+e.delay,e._seekTime=0,e._pausedTime=0,e.paused=!1,i.add(e),e},stop:function(){return i.remove(this),this},pause:function(){var e=this;return e.paused=!0,e._pausedStartTime=t(),e},resume:function(){var e=this;return e.paused=!1,e._pausedStartTime&&(e._pausedTime+=t()-e._pausedStartTime),e._pausedStartTime=0,e},seek:function(e,r){var n=this,a=t();return n._startTime=a,n._seekTime=e,n._pausedTime=0,void 0!==r&&(n.paused=r),n._update(a,!0),i.add(n),n},link:function(t){var e,r,n=this,a=t.delay,o=n._startTime;return"string"==typeof a&&(e=0==a.indexOf("+"),r=0==a.indexOf("-"),a=e||r?Number(a.substr(1))*(e?1:-1):Number(a)),t.delay=a,t._startTime=e||r?o+n.duration+a:o+a,n._next=t,i.remove(t),t},_render:function(t){var e,i=this,r=i.target,n=i._fromProps;for(e in n)r[e]=n[e]+(i._toProps[e]-n[e])*t},_update:function(e,r){var n=this;if(!n.paused||r){var a=e-n._startTime-n._pausedTime+n._seekTime;if(!(a<0)){var o,s=a/n.duration,h=!1;s=s<=0?0:s>=1?1:s;var l=n.ease?n.ease(s):s;n.reverse&&(n._reverseFlag<0&&(s=1-s,l=1-l),s<1e-7&&(n.repeat>0&&n._repeatCount++>=n.repeat||0==n.repeat&&!n.loop?h=!0:(n._startTime=t(),n._pausedTime=0,n._reverseFlag*=-1))),n.isStart||(n.setProps(n._fromProps,n._toProps),n.isStart=!0,n.onStart&&n.onStart.call(n,n)),n.time=a,n._render(l),(o=n.onUpdate)&&o.call(n,s,n),s>=1&&(n.reverse?(n._startTime=t(),n._pausedTime=0,n._reverseFlag*=-1):n.loop||n.repeat>0&&n._repeatCount++<n.repeat?(n._startTime=t()+n.repeatDelay,n._pausedTime=0):h=!0);var c=n._next;if(c&&c.time<=0){var u=c._startTime;u>0&&u<=e?(c._render(s),c.time=a,i.add(c)):h&&(u<0||u>e)&&c.start()}return h?((o=n.onComplete)&&o.call(n,n),!0):void 0}}},Statics:{_tweens:[],tick:function(){var e,r,n=i._tweens,a=n.length;for(r=0;r<a;r++)e=n[r],e&&e._update(t())&&(n.splice(r,1),r--);return i},add:function(t){var e=i._tweens;return e.indexOf(t)==-1&&e.push(t),i},remove:function(t){var e,r;if(t instanceof Array){for(e=0,r=t.length;e<r;e++)i.remove(t[e]);return i}var n=i._tweens;if(t instanceof i)e=n.indexOf(t),e>-1&&n.splice(e,1);else for(e=0;e<n.length;e++)n[e].target===t&&(n.splice(e,1),e--);return i},removeAll:function(){return i._tweens.length=0,i},fromTo:function(t,e,r,n){n=n||{};var a=t instanceof Array;t=a?t:[t];var o,s,h=n.stagger,l=[];for(s=0;s<t.length;s++)o=new i(t[s],e,r,n),h&&(o.delay=(n.delay||0)+(s*h||0)),o.start(),l.push(o);return a?l:o},to:function(t,e,r){return i.fromTo(t,null,e,r)},from:function(t,e,r){return i.fromTo(t,e,null,r)}}})}();return i},{requires:["hilo/core/Class"]}),KISSY.add("hilo/tween/Ease",function(t){var e=function(){function t(t,e,i,r,n){return t=t||{},e&&(t.EaseIn=e),i&&(t.EaseOut=i),r&&(t.EaseInOut=r),n&&(t.EaseNone=n),t}var e=t(null,null,null,null,function(t){return t}),i=t(null,function(t){return t*t},function(t){return-t*(t-2)},function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)}),r=t(null,function(t){return t*t*t},function(t){return--t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)}),n=t(null,function(t){return t*t*t*t},function(t){return-(--t*t*t*t-1)},function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)}),a=t(null,function(t){return t*t*t*t*t},function(t){return(t-=1)*t*t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)}),o=Math,s=o.PI,h=.5*s,l=o.sin,c=o.cos,u=o.pow,d=o.sqrt,f=t(null,function(t){return-c(t*h)+1},function(t){return l(t*h)},function(t){return-.5*(c(s*t)-1)}),p=t(null,function(t){return 0==t?0:u(2,10*(t-1))},function(t){return 1==t?1:-u(2,-10*t)+1},function(t){return 0==t||1==t?t:(t*=2)<1?.5*u(2,10*(t-1)):.5*(-u(2,-10*(t-1))+2)}),v=t(null,function(t){return-(d(1-t*t)-1)},function(t){return d(1- --t*t)},function(t){return(t/=.5)<1?-.5*(d(1-t*t)-1):.5*(d(1-(t-=2)*t)+1)}),m=t({a:1,p:.4,s:.1,config:function(t,e){m.a=t,m.p=e,m.s=e/(2*s)*Math.asin(1/t)||0}},function(t){return-(m.a*u(2,10*(t-=1))*l((t-m.s)*(2*s)/m.p))},function(t){return m.a*u(2,-10*t)*l((t-m.s)*(2*s)/m.p)+1},function(t){return(t*=2)<1?-.5*(m.a*u(2,10*(t-=1))*l((t-m.s)*(2*s)/m.p)):m.a*u(2,-10*(t-=1))*l((t-m.s)*(2*s)/m.p)*.5+1}),g=t({o:1.70158,s:2.59491,config:function(t){g.o=t,g.s=1.525*t}},function(t){return t*t*((g.o+1)*t-g.o)},function(t){return(t-=1)*t*((g.o+1)*t+g.o)+1},function(t){return(t*=2)<1?.5*(t*t*((g.s+1)*t-g.s)):.5*((t-=2)*t*((g.s+1)*t+g.s)+2)}),_=t(null,function(t){return 1-_.EaseOut(1-t)},function(t){return(t/=1)<.36364?7.5625*t*t:t<.72727?7.5625*(t-=.54545)*t+.75:t<.90909?7.5625*(t-=.81818)*t+.9375:7.5625*(t-=.95455)*t+.984375},function(t){return t<.5?.5*_.EaseIn(2*t):.5*_.EaseOut(2*t-1)+.5});return{Linear:e,Quad:i,Cubic:r,Quart:n,Quint:a,Sine:f,Expo:p,Circ:v,Elastic:m,Back:g,Bounce:_}}();return e}),KISSY.add("hilo/loader/ImageLoader",function(t,e){var i=e.create({load:function(t){var e=this,i=new Image;t.crossOrigin&&(i.crossOrigin=t.crossOrigin),i.onload=function(){e.onLoad(i)},i.onerror=i.onabort=e.onError.bind(i),i.src=t.src+(t.noCache?(t.src.indexOf("?")==-1?"?":"&")+"t="+ +new Date:"")},onLoad:function(t){return t.onload=t.onerror=t.onabort=null,t},onError:function(t){var e=t.target;return e.onload=e.onerror=e.onabort=null,t}});return i},{requires:["hilo/core/Class"]}),KISSY.add("hilo/loader/ScriptLoader",function(t,e){var i=e.create({load:function(t){var e=this,r=t.src,n="jsonp"==t.type;if(n){var a=t.callbackName||"callback",o=t.callback||"jsonp"+ ++i._count,s=window;s[o]||(s[o]=function(t){delete s[o]}),r+=(r.indexOf("?")==-1?"?":"&")+a+"="+o}t.noCache&&(r+=(r.indexOf("?")==-1?"?":"&")+"t="+ +new Date);var h=document.createElement("script");h.type="text/javascript",h.async=!0,h.onload=e.onLoad.bind(e),h.onerror=e.onError.bind(e),h.src=r,t.id&&(h.id=t.id),document.getElementsByTagName("head")[0].appendChild(h)},onLoad:function(t){var e=t.target;return e.onload=e.onerror=null,e},onError:function(t){var e=t.target;return e.onload=e.onerror=null,t},Statics:{_count:0}});return i},{requires:["hilo/core/Class"]}),KISSY.add("hilo/loader/LoadQueue",function(t,e,i,r,n){function a(t){var e,i,r=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(e=t.match(r))&&(i=e[1].toLowerCase()),i||null}var o=e.create({Mixes:i,constructor:function(t){this._source=[],this.add(t)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(t){var e=this;return t&&(t=t instanceof Array?t:[t],e._source=e._source.concat(t)),e},get:function(t){if(t)for(var e=this._source,i=0;i<e.length;i++){var r=e[i];if(r.id===t||r.src===t)return r}return null},getContent:function(t){var e=this.get(t);return e&&e.content},start:function(){var t=this;return t._loadNext(),t},_loadNext:function(){var t=this,e=t._source,i=e.length;if(t._loaded>=i)return void t.fire("complete");if(t._currentIndex<i-1&&t._connections<t.maxConnections){var r=++t._currentIndex,n=e[r],a=t._getLoader(n);if(a){var o=a.onLoad,s=a.onError;a.onLoad=function(e){a.onLoad=o,a.onError=s;var i=o&&o.call(a,e)||e.target;t._onItemLoad(r,i)},a.onError=function(e){a.onLoad=o,a.onError=s,s&&s.call(a,e),t._onItemError(r,e)},t._connections++}t._loadNext(),a&&a.load(n)}},_getLoader:function(t){var e=t.loader;if(e)return e;var i=t.type||a(t.src);switch(i){case"png":case"jpg":case"jpeg":case"gif":case"webp":e=new r;break;case"js":case"jsonp":e=new n}return e},_onItemLoad:function(t,e){var i=this,r=i._source[t];r.loaded=!0,r.content=e,i._connections--,i._loaded++,i.fire("load",r),i._loadNext()},_onItemError:function(t,e){var i=this,r=i._source[t];r.error=e,i._connections--,i._loaded++,i.fire("error",r),i._loadNext()},getSize:function(t){for(var e=0,i=this._source,r=0;r<i.length;r++){var n=i[r];e+=(t?n.loaded&&n.size:n.size)||0}return e},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});return o},{requires:["hilo/core/Class","hilo/event/EventMixin","hilo/loader/ImageLoader","hilo/loader/ScriptLoader"]}),KISSY.add("hilo/media/HTMLAudio",function(t,e,i,r){var n=e.create({Mixes:r,constructor:function(t){i.copy(this,t,!0),this._onAudioEvent=this._onAudioEvent.bind(this)},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_element:null,load:function(){if(!this._element){var t;try{t=this._element=new Audio,t.addEventListener("canplaythrough",this._onAudioEvent,!1),t.addEventListener("ended",this._onAudioEvent,!1),t.addEventListener("error",this._onAudioEvent,!1),t.src=this.src,t.volume=this.volume,t.load()}catch(e){t=this._element={},t.play=t.pause=function(){}}}return this},_onAudioEvent:function(t){var e=t.type;switch(e){case"canplaythrough":t.target.removeEventListener(e,this._onAudioEvent),this.loaded=!0,this.duration=this._element.duration,this.fire("load"),this.autoPlay&&this._doPlay();break;case"ended":this.playing=!1,this.fire("end"),this.loop&&this._doPlay();break;case"error":this.fire("error")}},_doPlay:function(){this.playing||(this._element.volume=this.muted?0:this.volume,this._element.play(),this.playing=!0)},play:function(){return this.playing&&this.stop(),this._element?this.loaded&&this._doPlay():(this.autoPlay=!0,this.load()),this},pause:function(){return this.playing&&(this._element.pause(),this.playing=!1),this},resume:function(){return this.playing||this._doPlay(),this},stop:function(){return this.playing&&(this._element.pause(),this._element.currentTime=0,this.playing=!1),this},setVolume:function(t){return this.volume!=t&&(this.volume=t,this._element.volume=t),this},setMute:function(t){return this.muted!=t&&(this.muted=t,this._element.volume=t?0:this.volume),this},Statics:{isSupported:null!==window.Audio}});return n},{requires:["hilo/core/Class","hilo/util/util","hilo/event/EventMixin"]}),KISSY.add("hilo/media/WebAudio",function(t,e,i,r){var n=function(){var t=window.AudioContext||window.webkitAudioContext,a=t?new t:null;
+KISSY.add("hilo/util/browser",function(t){var e=function(){var t=navigator.userAgent,e=document,i=window,r=e.documentElement,n={iphone:/iphone/i.test(t),ipad:/ipad/i.test(t),ipod:/ipod/i.test(t),ios:/iphone|ipad|ipod/i.test(t),android:/android/i.test(t),webkit:/webkit/i.test(t),chrome:/chrome/i.test(t),safari:/safari/i.test(t),firefox:/firefox/i.test(t),ie:/msie/i.test(t),opera:/opera/i.test(t),supportTouch:"ontouchstart"in i,supportCanvas:null!=e.createElement("canvas").getContext,supportStorage:!1,supportOrientation:"orientation"in i||"orientation"in i.screen,supportDeviceMotion:"ondevicemotion"in i};try{var a="hilo";localStorage.setItem(a,a),localStorage.removeItem(a),n.supportStorage=!0}catch(o){}var s=n.jsVendor=n.webkit?"webkit":n.firefox?"webkit":n.opera?"o":n.ie?"ms":"",h=n.cssVendor="-"+s+"-",l=e.createElement("div"),c=l.style,u=void 0!=c[s+"Transform"],d=void 0!=c[s+"Perspective"];d&&(l.id="test3d",c=e.createElement("style"),c.textContent="@media ("+h+"transform-3d){#test3d{height:3px}}",e.head.appendChild(c),r.appendChild(l),d=3==l.offsetHeight,e.head.removeChild(c),r.removeChild(l)),n.supportTransform=u,n.supportTransform3D=d;var f=n.supportTouch,p=f?"touchstart":"mousedown",v=f?"touchmove":"mousemove",m=f?"touchend":"mouseup";return n.POINTER_START=p,n.POINTER_MOVE=v,n.POINTER_END=m,n}();return e}),KISSY.add("hilo/util/util",function(t){var e={copy:function(t,e,i){for(var r in e)i&&!t.hasOwnProperty(r)&&void 0===t[r]||(t[r]=e[r]);return t}};return e}),KISSY.add("hilo/core/Hilo",function(t,e,i){var r=window,n=document,a=n.documentElement,o=0,s={},h={version:"1.4.0",getUid:function(t){var e=++o;if(t){var i=t.charCodeAt(t.length-1);return i>=48&&i<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,i=t;i;)e=e?i.id+"."+e:i.id,i=i.parent;return e},copy:function(t,e,r){return i.copy(t,e,r),s.copy||(s.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:e,event:{POINTER_START:e.POINTER_START,POINTER_MOVE:e.POINTER_MOVE,POINTER_END:e.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(i){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var n=(r.pageXOffset||a.scrollLeft)-(a.clientLeft||0)||0,o=(r.pageYOffset||a.scrollTop)-(a.clientTop||0)||0,s=r.getComputedStyle?getComputedStyle(t):t.currentStyle,h=parseInt,l=h(s.paddingLeft)+h(s.borderLeftWidth)||0,c=h(s.paddingTop)+h(s.borderTopWidth)||0,u=h(s.paddingRight)+h(s.borderRightWidth)||0,d=h(s.paddingBottom)+h(s.borderBottomWidth)||0,f=e.top||0,p=e.left||0,v=e.right||0,m=e.bottom||0;return{left:p+n+l,top:f+o+c,width:v-u-p-l,height:m-d-f-c}},createElement:function(t,e){var i,r,a,o=n.createElement(t);for(i in e)if(r=e[i],"style"===i)for(a in r)o.style[a]=r[a];else o[i]=r;return o},getElement:function(t){return n.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,i=e.domElement.style,r=t._stateCache||(t._stateCache={}),n=h.browser.jsVendor,a="px",o=!1;if(this.cacheStateIfChanged(t,["visible"],r)&&(i.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],r)&&(i.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],r)&&(i.width=t.width+a),this.cacheStateIfChanged(t,["height"],r)&&(i.height=t.height+a),this.cacheStateIfChanged(t,["depth"],r)&&(i.zIndex=t.depth+1),t.transform){var s=t.transform;(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(i[n+"TransformOrigin"]="0 0"),i[n+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(i[n+"TransformOrigin"]=t.pivotX+a+" "+t.pivotY+a),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],r)||o)&&(i[n+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],r)&&(i.backgroundColor=t.background),i.pointerEvents||(i.pointerEvents="none");var l=e.image;if(l){var c=l.src;c!==r.image&&(r.image=c,i.backgroundImage="url("+c+")");var u=e.rect;if(u){var d=u[0],f=u[1];d!==r.sx&&(r.sx=d,i.backgroundPositionX=-d+a),f!==r.sy&&(r.sy=f,i.backgroundPositionY=-f+a)}}var p=t.mask;if(p){var v=p.drawable.domElement.style.backgroundImage;v!==r.maskImage&&(r.maskImage=v,i[n+"MaskImage"]=v,i[n+"MaskRepeat"]="no-repeat");var m=p.x,g=p.y;m===r.maskX&&g===r.maskY||(r.maskX=m,r.maskY=g,i[n+"MaskPosition"]=m+a+" "+g+a)}}},cacheStateIfChanged:function(t,e,i){var r,n,a,o,s=!1;for(r=0,n=e.length;r<n;r++)a=e[r],o=t[a],o!=i[a]&&(i[a]=o,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,i=e?"3d":"";return"translate"+i+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+i+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+i+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};return h},{requires:["hilo/util/browser","hilo/util/util"]}),KISSY.add("hilo/core/Class",function(t){var e=function(){var t,e,i=function(t){t=t||{};var e=t.hasOwnProperty("constructor")?t.constructor:function(){};return r.call(e,t),e},r=function(t){var e,i,r={};for(e in t)i=t[e],n.hasOwnProperty(e)?n[e].call(this,i):r[e]=i;o(this.prototype,r)},n={Extends:function(t){var e=this.prototype,i=a(t.prototype);o(this,t),o(i,e),i.constructor=this,this.prototype=i,this.superclass=t.prototype},Mixes:function(t){t instanceof Array||(t=[t]);for(var e,i=this.prototype;e=t.shift();)o(i,e.prototype||e)},Statics:function(t){o(this,t)}},a=function(){if(Object.__proto__)return function(t){return{__proto__:t}};var t=function(){};return function(e){return t.prototype=e,new t}}(),o=function(t){for(var i=1,r=arguments.length;i<r;i++){var n,a=arguments[i];for(var o in a){var s=a[o];!s||"object"!=typeof s||void 0===s.value&&"function"!=typeof s.get&&"function"!=typeof s.set?t[o]=s:(n=n||{},n[o]=s)}n&&e(t,n)}return t};try{t=Object.defineProperty,e=Object.defineProperties,t({},"$",{value:0})}catch(s){"__defineGetter__"in Object&&(t=function(t,e,i){return"value"in i&&(t[e]=i.value),"get"in i&&t.__defineGetter__(e,i.get),"set"in i&&t.__defineSetter__(e,i.set),t},e=function(e,i){for(var r in i)i.hasOwnProperty(r)&&t(e,r,i[r]);return e})}return{create:i,mix:o}}();return e}),KISSY.add("hilo/geom/Matrix",function(t,e){var i=e.create({constructor:function(t,e,i,r,n,a){this.a=t,this.b=e,this.c=i,this.d=r,this.tx=n,this.ty=a},set:function(t,e,i,r,n,a){return this.a=t,this.b=e,this.c=i,this.d=r,this.tx=n,this.ty=a,this},copy:function(t){return this.a=t.a,this.b=t.b,this.c=t.c,this.d=t.d,this.tx=t.tx,this.ty=t.ty,this},clone:function(){return(new i).copy(this)},concat:function(t){var e,i,r,n,a,o,s=arguments,h=this.a,l=this.b,c=this.c,u=this.d,d=this.tx,f=this.ty;return s.length>=6?(e=s[0],i=s[1],r=s[2],n=s[3],a=s[4],o=s[5]):(e=t.a,i=t.b,r=t.c,n=t.d,a=t.tx,o=t.ty),this.a=h*e+l*r,this.b=h*i+l*n,this.c=c*e+u*r,this.d=c*i+u*n,this.tx=d*e+f*r+a,this.ty=d*i+f*n+o,this},rotate:function(t){var e=Math.sin(t),i=Math.cos(t),r=this.a,n=this.b,a=this.c,o=this.d,s=this.tx,h=this.ty;return this.a=r*i-n*e,this.b=r*e+n*i,this.c=a*i-o*e,this.d=a*e+o*i,this.tx=s*i-h*e,this.ty=s*e+h*i,this},scale:function(t,e){return this.a*=t,this.d*=e,this.c*=t,this.b*=e,this.tx*=t,this.ty*=e,this},translate:function(t,e){return this.tx+=t,this.ty+=e,this},identity:function(){return this.a=this.d=1,this.b=this.c=this.tx=this.ty=0,this},invert:function(){var t=this.a,e=this.b,i=this.c,r=this.d,n=this.tx,a=t*r-e*i;return this.a=r/a,this.b=-e/a,this.c=-i/a,this.d=t/a,this.tx=(i*this.ty-r*n)/a,this.ty=-(t*this.ty-e*n)/a,this},transformPoint:function(t,e,i){var r=t.x*this.a+t.y*this.c+this.tx,n=t.x*this.b+t.y*this.d+this.ty;return e&&(r=r+.5>>0,n=n+.5>>0),i?{x:r,y:n}:(t.x=r,t.y=n,t)}});return i},{requires:["hilo/core/Class"]}),KISSY.add("hilo/event/EventMixin",function(t,e){var i={_listeners:null,on:function(t,e,i){for(var r=this._listeners=this._listeners||{},n=r[t]=r[t]||[],a=0,o=n.length;a<o;a++){var s=n[a];if(s.listener===e)return}return n.push({listener:e,once:i}),this},off:function(t,e){if(0==arguments.length)return this._listeners=null,this;var i=this._listeners&&this._listeners[t];if(i){if(1==arguments.length)return delete this._listeners[t],this;for(var r=0,n=i.length;r<n;r++){var a=i[r];if(a.listener===e){i.splice(r,1),0===i.length&&delete this._listeners[t];break}}}return this},fire:function(t,e){var i,n;"string"==typeof t?n=t:(i=t,n=t.type);var a=this._listeners;if(!a)return!1;var o=a[n];if(o){var s=o.slice(0);if(i=i||new r(n,this,e),i._stopped)return!1;for(var h=0;h<s.length;h++){var l=s[h];if(l.listener.call(this,i),l.once){var c=o.indexOf(l);c>-1&&o.splice(c,1)}}return 0==o.length&&delete a[n],!0}return!1}},r=e.create({constructor:function(t,e,i){this.type=t,this.target=e,this.detail=i,this.timeStamp=+new Date},type:null,target:null,detail:null,timeStamp:0,stopImmediatePropagation:function(){this._stopped=!0}}),n=window.Event;if(n){var a=n.prototype,o=a.stopImmediatePropagation;a.stopImmediatePropagation=function(){o&&o.call(this),this._stopped=!0}}return i},{requires:["hilo/core/Class"]}),KISSY.add("hilo/view/Drawable",function(t,e,i){var r=e.create({constructor:function(t){this.init(t)},image:null,rect:null,init:function(t){var e=this,n=e.image;r.isDrawable(t)?e.image=t:i.copy(e,t,!0);var a=e.image;if("string"==typeof a){if(!n||a!==n.getAttribute("src")){e.image=null;var o=new Image;return t.crossOrigin&&(o.crossOrigin=t.crossOrigin),o.onload=function(){o.onload=null,e.init(o)},void(o.src=a)}a=e.image=n}a&&!e.rect&&(e.rect=[0,0,a.width,a.height])},Statics:{isDrawable:function(t){if(!t||!t.tagName)return!1;var e=t.tagName.toLowerCase();return"img"===e||"canvas"===e||"video"===e}}});return r},{requires:["hilo/core/Class","hilo/util/util"]}),KISSY.add("hilo/renderer/Renderer",function(t,e,i){var r=e.create({constructor:function(t){t=t||{},i.copy(this,t,!0)},renderType:null,canvas:null,stage:null,blendMode:"source-over",startDraw:function(t){},draw:function(t){},endDraw:function(t){},transform:function(){},hide:function(){},remove:function(t){},clear:function(t,e,i,r){},resize:function(t,e){}});return r},{requires:["hilo/core/Class","hilo/util/util"]}),KISSY.add("hilo/renderer/CanvasRenderer",function(t,e,i,r){var n=e.create({Extends:r,constructor:function(t){n.superclass.constructor.call(this,t),this.context=this.canvas.getContext("2d")},renderType:"canvas",context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.context.clearRect(0,0,t.width,t.height),t.blendMode!==this.blendMode&&(this.context.globalCompositeOperation=this.blendMode=t.blendMode),this.context.save(),!0)},draw:function(t){var e=this.context,i=t.width,r=t.height,n=t.background;n&&(e.fillStyle=n,e.fillRect(0,0,i,r));var a=t.drawable,o=a&&a.image;if(o){var s=a.rect,h=s[2],l=s[3],c=s[4],u=s[5];if(!h||!l)return;i||r||(i=t.width=h,r=t.height=l),(c||u)&&e.translate(c-.5*h,u-.5*l),e.drawImage(o,s[0],s[1],h,l,0,0,i,r)}},endDraw:function(t){this.context.restore()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void i.setElementStyleByView(t);var r=this.context,n=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,h=t._scaleY,l=!1;(!s&&1!=n||s&&s!=n)&&(t._scaleX=n,o.width=n*t.width+"px",l=!0),(!h&&1!=a||h&&h!=a)&&(t._scaleY=a,o.height=a*t.height+"px",l=!0),l&&t.updateViewport()}else{var c=t.x,u=t.y,d=t.pivotX,f=t.pivotY,p=t.rotation%360,v=t.transform,m=t.mask;m&&(m._render(this),r.clip());var g=t.align;if(g){var _=t.getAlignPosition();c=_.x,u=_.y}v?r.transform(v.a,v.b,v.c,v.d,v.tx,v.ty):(0==c&&0==u||r.translate(c,u),0!=p&&r.rotate(p*Math.PI/180),1==n&&1==a||r.scale(n,a),0==d&&0==f||r.translate(-d,-f))}t.alpha>0&&(r.globalAlpha*=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},clear:function(t,e,i,r){this.context.clearRect(t,e,i,r)},resize:function(t,e){var i=this.canvas,r=this.stage,n=i.style;i.width=t,i.height=e,n.width=r.width*r.scaleX+"px",n.height=r.height*r.scaleY+"px"}});return n},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer"]}),KISSY.add("hilo/renderer/DOMRenderer",function(t,e,i,r,n){var a=function(){function t(t,e){var r=t.tagName||"div",n=e.image,a=t.width||n&&n.width,o=t.height||n&&n.height,s=i.createElement(r),h=s.style;if(t.id&&(s.id=t.id),h.position="absolute",h.left=(t.left||0)+"px",h.top=(t.top||0)+"px",h.width=a+"px",h.height=o+"px","canvas"==r){if(s.width=a,s.height=o,n){var l=s.getContext("2d"),c=e.rect||[0,0,a,o];l.drawImage(n,c[0],c[1],c[2],c[3],t.x||0,t.y||0,t.width||c[2],t.height||c[3])}}else if(h.opacity=void 0!=t.alpha?t.alpha:1,(t===this.stage||t.clipChildren)&&(h.overflow="hidden"),n&&n.src){h.backgroundImage="url("+n.src+")";var u=t.rectX||0,d=t.rectY||0;h.backgroundPosition=-u+"px "+-d+"px"}return s}return e.create({Extends:r,constructor:function(t){a.superclass.constructor.call(this,t)},renderType:"dom",startDraw:function(e){var i=e.drawable=e.drawable||new n;return i.domElement=i.domElement||t(e,i),!0},draw:function(t){var e=t.parent,i=t.drawable.domElement,r=i.parentNode;if(e){var n=e.drawable.domElement;if(n!=r&&n.appendChild(i),!t.width&&!t.height){var a=t.drawable.rect;a&&(a[2]||a[3])&&(t.width=a[2],t.height=a[3])}}else t!==this.stage||r||(i.style.overflow="hidden",this.canvas.appendChild(i))},transform:function(t){if(i.setElementStyleByView(t),t===this.stage){var e=this.canvas.style,r=t._scaleX,n=t._scaleY,a=t.scaleX,o=t.scaleY;(!r&&1!=a||r&&r!=a)&&(t._scaleX=a,e.width=a*t.width+"px"),(!n&&1!=o||n&&n!=o)&&(t._scaleY=o,e.height=o*t.height+"px")}},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},hide:function(t){var e=t.drawable&&t.drawable.domElement;e&&(e.style.display="none")},resize:function(t,e){var i=this.canvas.style;i.width=t+"px",i.height=e+"px","absolute"!=i.position&&(i.position="relative")}})}();return a},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer","hilo/view/Drawable"]}),KISSY.add("hilo/renderer/WebGLRenderer",function(t,e,i,r,n){var a=Math.PI/180,o=e.create({Extends:r,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported},contextOptions:null},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){o.superclass.constructor.call(this,t);var e=this,i=o.contextOptions||{};this.gl=this.canvas.getContext("webgl",i)||this.canvas.getContext("experimental-webgl",i),this.maxBatchNum=o.MAX_BATCH_NUM,this.positionStride=4*o.ATTRIBUTE_NUM;var r=this.maxBatchNum*o.ATTRIBUTE_NUM*4,n=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*r),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(n);for(var a=0,s=0;a<n;a+=6,s+=4)this.indexs[a+0]=s+0,this.indexs[a+1]=s+1,this.indexs[a+2]=s+2,this.indexs[a+3]=s+1,this.indexs[a+4]=s+2,this.indexs[a+5]=s+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,i=t.height,r=(t.background,t.drawable),n=r&&r.image;if(n){var a=r.rect,o=a[2],s=a[3];e||i||(e=t.width=o,i=t.height=s),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(n,a[0],a[1],o,s,0,0,e,i),l=this.batchIndex*this.positionStride,c=this.float32Array,u=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);c[l+0]=h[0],c[l+1]=h[1],c[l+2]=h[2],c[l+3]=h[3],u[l+4]=d,c[l+5]=h[4],c[l+6]=h[5],c[l+7]=h[6],c[l+8]=h[7],u[l+9]=d,c[l+10]=h[8],c[l+11]=h[9],c[l+12]=h[10],c[l+13]=h[11],u[l+14]=d,c[l+15]=h[12],c[l+16]=h[13],c[l+17]=h[14],c[l+18]=h[15],u[l+19]=d;for(var f=t.__webglWorldMatrix,p=0;p<4;p++){var v=c[l+5*p],m=c[l+5*p+1];c[l+5*p]=f.a*v+f.c*m+f.tx,c[l+5*p+1]=f.b*v+f.d*m+f.ty}t.__textureImage=n,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void i.setElementStyleByView(t);var r=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,h=t._scaleY,l=!1;(!s&&1!=r||s&&s!=r)&&(t._scaleX=r,o.width=r*t.width+"px",l=!0),(!h&&1!=a||h&&h!=a)&&(t._scaleY=a,o.height=a*t.height+"px",l=!0),l&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new n(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new n(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var r=i.parentNode;r&&r.removeChild(i)}},clear:function(t,e,i,r){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var i=this.canvas,r=this.stage,n=i.style;this.width=i.width=t,this.height=i.height=e,n.width=r.width*r.scaleX+"px",n.height=r.height*r.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,i=0,r=null,n=0;n<this.batchIndex;n++){var a=this.sprites[n];r&&r!==a.__textureImage&&(this._renderBatch(e,n),e=n,i=1),r=a.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var i=this.gl,r=e-t;r>0&&(i.bindTexture(i.TEXTURE_2D,this._getTexture(this.sprites[t])),i.drawElements(i.TRIANGLES,6*r,i.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new s(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,i,r,n,a,o,s,h){var l=this.__tempVertexs||[],c=t.width,u=t.height;r/=c,n/=u,e/=c,i/=u,s=s,h=h,a=a,o=o,r+e>1&&(r=1-e),n+i>1&&(n=1-i);var d=0;return l[d++]=a,l[d++]=o,l[d++]=e,l[d++]=i,l[d++]=a+s,l[d++]=o,l[d++]=e+r,l[d++]=i,l[d++]=a,l[d++]=o+h,l[d++]=e,l[d++]=i+n,l[d++]=a+s,l[d++]=o+h,l[d++]=e+r,l[d++]=i+n,l},_setConcatenatedMatrix:function(t,e){var i=t.__webglWorldMatrix,r=1,n=0,o=t.rotation%360,s=t.pivotX,h=t.pivotY,l=t.scaleX,c=t.scaleY,u=t.transform;if(u)i.copy(u);else{if(o){var d=o*a;r=Math.cos(d),n=Math.sin(d)}var f=t.getAlignPosition();i.a=r*l,i.b=n*l,i.c=-n*c,i.d=r*c,i.tx=f.x-i.a*s-i.c*h,i.ty=f.y-i.b*s-i.d*h}i.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,i=this._cacheTexture[e.src];return i||(i=this.activeShader.uploadTexture(e)),i}}),s=function(t,e,i){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),i=i||{},this.attributes=i.attributes||[],this.uniforms=i.uniforms||[]};return s.prototype={active:function(){var t=this,e=t.renderer,i=t.gl,r=t.program;r&&i&&(e.activeShader=t,i.useProgram(r),t.attributes.forEach(function(t){e[t]=i.getAttribLocation(r,t),i.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=i.getUniformLocation(r,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,i=this.renderer,r=e.createTexture(),n=i.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,r),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(n,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=r,r},_createProgram:function(t,e,i){var r=this._createShader(t,t.VERTEX_SHADER,e),n=this._createShader(t,t.FRAGMENT_SHADER,i);if(!r||!n)return null;var a=t.createProgram();if(a){t.attachShader(a,r),t.attachShader(a,n),t.linkProgram(a),t.deleteShader(n),t.deleteShader(r);var o=t.getProgramParameter(a,t.LINK_STATUS);if(!o){var s=t.getProgramInfoLog(a);return console.log("Failed to link program: "+s),t.deleteProgram(a),null}}return a},_createShader:function(t,e,i){var r=t.createShader(e);if(r){t.shaderSource(r,i),t.compileShader(r);var n=t.getShaderParameter(r,t.COMPILE_STATUS);if(!n){var a=t.getShaderInfoLog(r);return console.log("Failed to compile shader: "+a),t.deleteShader(r),null}}return r}},o},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer","hilo/geom/Matrix"]}),KISSY.add("hilo/view/View",function(t,e,i,r,n,a){var o=function(){function t(t,e,i){for(var r,n,a,o,s=0,h=!1,l=0,c=i.length;l<c;l++){var u=i[l],d=i[(l+1)%c];if(u.y==d.y&&e==u.y&&(u.x>d.x?(r=d.x,n=u.x):(r=u.x,n=d.x),t>=r&&t<=n))h=!0;else if(u.y>d.y?(a=d.y,o=u.y):(a=u.y,o=d.y),!(e<a||e>o)){var f=(e-u.y)*(d.x-u.x)/(d.y-u.y)+u.x;if(f>t?s++:f==t&&(h=!0),u.x>t&&u.y==e){var p=i[(c+l-1)%c];(p.y<e&&d.y>e||p.y>e&&d.y<e)&&s++}}}return h||s%2==1}function o(t,e){var i=s(t,e,{overlap:-(1/0),normal:{x:0,y:0}});return!!i&&s(e,t,i)}function s(t,e,i){for(var r,n,a,o,s,h,l,c,u,d=t.length,f=e.length,p={x:0,y:0},v=0;v<d;v++){r=t[v],n=t[v<d-1?v+1:0],p.x=r.y-n.y,p.y=n.x-r.x,a=Math.sqrt(p.x*p.x+p.y*p.y),p.x/=a,p.y/=a,o=s=t[0].x*p.x+t[0].y*p.y;for(var m=1;m<d;m++)c=t[m].x*p.x+t[m].y*p.y,c>s?s=c:c<o&&(o=c);for(h=l=e[0].x*p.x+e[0].y*p.y,m=1;m<f;m++)c=e[m].x*p.x+e[m].y*p.y,c>l?l=c:c<h&&(h=c);if(o<h?(u=h-s,p.x=-p.x,p.y=-p.y):u=o-l,u>=0)return!1;u>i.overlap&&(i.overlap=u,i.normal.x=p.x,i.normal.y=p.y)}return i}return i.create({Mixes:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("View"),a.copy(this,t,!0)},tint:16777215,id:null,x:0,y:0,width:0,height:0,alpha:1,rotation:0,visible:!0,pivotX:0,pivotY:0,scaleX:1,scaleY:1,pointerEnabled:!0,background:null,mask:null,align:null,drawable:null,boundsArea:null,parent:null,depth:-1,transform:null,blendMode:"source-over",getStage:function(){for(var t,e=this;t=e.parent;)e=t;return e.canvas?e:null},getScaledWidth:function(){return this.width*this.scaleX},getScaledHeight:function(){return this.height*this.scaleY},addTo:function(t,e){return"number"==typeof e?t.addChildAt(this,e):t.addChild(this),this},removeFromParent:function(){var t=this.parent;return t&&t.removeChild(this),this},getBounds:function(){for(var t,e,i,r,n,a,o,s=this.width,h=this.height,l=this.getConcatenatedMatrix(),c=this.boundsArea||[{x:0,y:0},{x:s,y:0},{x:s,y:h},{x:0,y:h}],u=[],d=0,f=c.length;d<f;d++)t=l.transformPoint(c[d],!0,!0),e=t.x,i=t.y,0==d?(r=n=e,a=o=i):(r>e?r=e:n<e&&(n=e),a>i?a=i:o<i&&(o=i)),u[d]=t;return u.x=r,u.y=a,u.width=n-r,u.height=o-a,u},getConcatenatedMatrix:function(t){for(var e=new n(1,0,0,1,0,0),i=this;i!=t&&i.parent;i=i.parent){var r=1,a=0,o=i.rotation%360,s=i.pivotX,h=i.pivotY,l=i.scaleX,c=i.scaleY,u=i.transform;if(u)e.concat(u);else{if(o){var d=o*Math.PI/180;r=Math.cos(d),a=Math.sin(d)}0!=s&&(e.tx-=s),0!=h&&(e.ty-=h);var f=i.getAlignPosition();e.concat(r*l,a*l,-a*c,r*c,f.x,f.y)}}return e},getAlignPosition:function(){var t=this.parent,e=this.align,i=this.x,r=this.y;if(t&&this.align){if("function"==typeof e)return this.align();var n=this.width,a=this.height,o=t.width,s=t.height;switch(e){case"TL":i=0,r=0;break;case"T":i=o-n>>1,r=0;break;case"TR":i=o-n,r=0;break;case"L":i=0,r=s-a>>1;break;case"C":i=o-n>>1,r=s-a>>1;break;case"R":i=o-n,r=s-a>>1;break;case"BL":i=0,r=s-a;break;case"B":i=o-n>>1,r=s-a;break;case"BR":i=o-n,r=s-a}}return{x:i,y:r}},hitTestPoint:function(e,i,r){var n=this.getBounds(),a=e>=n.x&&e<=n.x+n.width&&i>=n.y&&i<=n.y+n.height;return a&&r&&(a=t(e,i,n)),a},hitTestObject:function(t,e){var i=this.getBounds(),r=t.getBounds(),n=i.x<=r.x+r.width&&r.x<=i.x+i.width&&i.y<=r.y+r.height&&r.y<=i.y+i.height;return n&&e&&(n=o(i,r)),!!n},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||!t.startDraw(this)||(t.transform(this),this.render(t,e),t.endDraw(this))},_fireMouseEvent:function(t){if(t.eventCurrentTarget=this,this.fire(t),"mousemove"==t.type){if(!this.__mouseOver){this.__mouseOver=!0;var e=a.copy({},t);e.type="mouseover",this.fire(e)}}else"mouseout"==t.type&&(this.__mouseOver=!1);var i=this.parent;t._stopped||t._stopPropagationed||!i||("mouseout"==t.type||"touchout"==t.type?i.hitTestPoint(t.stageX,t.stageY,!0)||i._fireMouseEvent(t):i._fireMouseEvent(t))},onUpdate:null,render:function(t,e){t.draw(this)},toString:function(){return e.viewToString(this)}})}();return o},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/event/EventMixin","hilo/geom/Matrix","hilo/util/util"]}),KISSY.add("hilo/view/CacheMixin",function(t,e,i){var r,n,a={_cacheDirty:!0,cache:function(t){(t||this._cacheDirty||!this.drawable)&&this.updateCache()},updateCache:function(){i.supportCanvas&&(r||(r=document.createElement("canvas"),n=r.getContext("2d")),r.width=this.width,r.height=this.height,this._draw(n),this.drawable=this.drawable||new e,this.drawable.init({image:r.toDataURL()}),this._cacheDirty=!1)},setCacheDirty:function(t){this._cacheDirty=t}};return a},{requires:["hilo/view/Drawable","hilo/util/browser"]}),KISSY.add("hilo/view/Container",function(t,e,i,r){var n=i.create({Extends:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Container"),n.superclass.constructor.call(this,t),this.children?this._updateChildren():this.children=[]},children:null,pointerChildren:!0,clipChildren:!1,getNumChildren:function(){return this.children.length},addChildAt:function(t,e){var i=this.children,r=i.length,n=t.parent;e=e<0?0:e>r?r:e;var a=this.getChildIndex(t);if(a==e)return this;if(a>=0?(i.splice(a,1),e=e==r?r-1:e):n&&n.removeChild(t),i.splice(e,0,t),a<0)this._updateChildren(e);else{var o=a<e?a:e,s=a<e?e:a;this._updateChildren(o,s+1)}return this},addChild:function(t){for(var e=this.children.length,i=arguments,r=0,n=i.length;r<n;r++)this.addChildAt(i[r],e+r);return this},removeChildAt:function(t){var e=this.children;if(t<0||t>=e.length)return null;var i=e[t];if(i){if(!i.__renderer)for(var r=i;r=r.parent;){if(r.renderer){i.__renderer=r.renderer;break}if(r.__renderer){i.__renderer=r.__renderer;break}}i.__renderer&&i.__renderer.remove(i),i.parent=null,i.depth=-1}return e.splice(t,1),this._updateChildren(t),i},removeChild:function(t){return this.removeChildAt(this.getChildIndex(t))},removeChildById:function(t){for(var e,i=this.children,r=0,n=i.length;r<n;r++)if(e=i[r],e.id===t)return this.removeChildAt(r),e;return null},removeAllChildren:function(){for(;this.children.length;)this.removeChildAt(0);return this},getChildAt:function(t){var e=this.children;return t<0||t>=e.length?null:e[t]},getChildById:function(t){for(var e,i=this.children,r=0,n=i.length;r<n;r++)if(e=i[r],e.id===t)return e;return null},getChildIndex:function(t){return this.children.indexOf(t)},setChildIndex:function(t,e){var i=this.children,r=i.indexOf(t);if(r>=0&&r!=e){var n=i.length;e=e<0?0:e>=n?n-1:e,i.splice(r,1),i.splice(e,0,t),this._updateChildren()}return this},swapChildren:function(t,e){var i=this.children,r=this.getChildIndex(t),n=this.getChildIndex(e);t.depth=n,i[n]=t,e.depth=r,i[r]=e},swapChildrenAt:function(t,e){var i=this.children,r=this.getChildAt(t),n=this.getChildAt(e);r.depth=e,i[e]=r,n.depth=t,i[t]=n},sortChildren:function(t){var e=t,i=this.children;if("string"==typeof e){var r=e;e=function(t,e){return e[r]-t[r]}}i.sort(e),this._updateChildren()},_updateChildren:function(t,e){var i,r=this.children;t=t||0,e=e||r.length;for(var n=t;n<e;n++)i=r[n],i.depth=n+1,i.parent=this},contains:function(t){for(;t=t.parent;)if(t===this)return!0;return!1},getViewAtPoint:function(t,e,i,r,n){for(var a,o,s=r?[]:null,h=this.children,l=h.length-1;l>=0;l--)if(a=h[l],!(!a||!a.visible||a.alpha<=0||n&&!a.pointerEnabled))if(a.children&&a.children.length&&(!n||a.pointerChildren)&&(o=a.getViewAtPoint(t,e,i,r,n)),o){if(!r)return o;o.length&&(s=s.concat(o))}else if(a.hitTestPoint(t,e,i)){if(!r)return a;s.push(a)}return r&&s.length?s:null},render:function(t,e){n.superclass.render.call(this,t,e);var i,r,a,o=this.children.slice(0);for(i=0,r=o.length;i<r;i++)a=o[i],a.parent===this&&a._render(t,e)}});return n},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/View"]}),KISSY.add("hilo/view/Stage",function(t,e,i,r,n,a,o,s,h){var l=i.create({Extends:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Stage"),l.superclass.constructor.call(this,t),this._initRenderer(t);var i=this.width,r=this.height,n=this.updateViewport();t.width||(i=n&&n.width||320),t.height||(r=n&&n.height||480),this.resize(i,r,!0)},canvas:null,renderer:null,paused:!1,viewport:null,_initRenderer:function(t){var i=t.canvas,r=t.container,s=t.renderType||"canvas";if("string"==typeof i&&(i=e.getElement(i)),"string"==typeof r&&(r=e.getElement(r)),i)i.getContext||(s="dom");else{var h="dom"===s?"div":"canvas";i=e.createElement(h,{style:{position:"absolute"}})}this.canvas=i,r&&r.appendChild(i);var l={canvas:i,stage:this};switch(s){case"dom":this.renderer=new a(l);break;case"webgl":o.isSupport()?this.renderer=new o(l):this.renderer=new n(l);break;case"canvas":default:this.renderer=new n(l)}},addTo:function(t){var e=this.canvas;return e.parentNode!==t&&t.appendChild(e),this},tick:function(t){this.paused||this._render(this.renderer,t)},enableDOMEvent:function(t,e){var i=this,r=i.canvas,n=i._domListener||(i._domListener=function(t){i._onDOMEvent(t)});t="string"==typeof t?[t]:t,e=e!==!1;for(var a=0;a<t.length;a++){var o=t[a];e?r.addEventListener(o,n,!1):r.removeEventListener(o,n)}return i},_onDOMEvent:function(t){var e=t.type,i=t,r=0==e.indexOf("touch"),n=t;if(r){var a=t.touches,o=t.changedTouches;n=a&&a.length?a[0]:o&&o.length?o[0]:null}var l=n.pageX||n.clientX,c=n.pageY||n.clientY,u=this.viewport||this.updateViewport();i.stageX=l=(l-u.left)/this.scaleX,
+i.stageY=c=(c-u.top)/this.scaleY,i.stopPropagation=function(){this._stopPropagationed=!0};var d=this.getViewAtPoint(l,c,!0,!1,!0)||this,f=this.canvas,p=this._eventTarget,v="mouseout"===e;if(p&&(p!=d&&(!p.contains||!p.contains(d))||v)){var m="touchmove"===e?"touchout":"mousemove"===e||v||!d?"mouseout":null;if(m){var g=h.copy({},i);g.type=m,g.eventTarget=p,p._fireMouseEvent(g)}i.lastEventTarget=p,this._eventTarget=null}if(d&&d.pointerEnabled&&"mouseout"!==e&&(i.eventTarget=this._eventTarget=d,d._fireMouseEvent(i)),!r){var _=d&&d.pointerEnabled&&d.useHandCursor?"pointer":"";f.style.cursor=_}s.android&&"touchmove"===e&&t.preventDefault()},updateViewport:function(){var t=this.canvas,i=null;return t.parentNode&&(i=this.viewport=e.getElementRect(t)),i},resize:function(t,e,i){(i||this.width!==t||this.height!==e)&&(this.width=t,this.height=e,this.renderer.resize(t,e),this.updateViewport())}});return l},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/Container","hilo/renderer/CanvasRenderer","hilo/renderer/DOMRenderer","hilo/renderer/WebGLRenderer","hilo/util/browser","hilo/util/util"]}),KISSY.add("hilo/view/Bitmap",function(t,e,i,r,n){var a=i.create({Extends:r,constructor:function(t){if(t=t||{},this.id=this.id||t.id||e.getUid("Bitmap"),a.superclass.constructor.call(this,t),this.drawable=new n(t),!this.width||!this.height){var i=this.drawable.rect;i&&(this.width=i[2],this.height=i[3])}},setImage:function(t,e){return this.drawable.init({image:t,rect:e}),e?(this.width=e[2],this.height=e[3]):this.width||this.height||(e=this.drawable.rect,e&&(this.width=e[2],this.height=e[3])),this}});return a},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable"]}),KISSY.add("hilo/view/Sprite",function(t,e,i,r,n){var a=i.create({Extends:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Sprite"),a.superclass.constructor.call(this,t),this._frames=[],this._frameNames={},this.drawable=new n,t.frames&&this.addFrame(t.frames)},_frames:null,_frameNames:null,_frameElapsed:0,_firstRender:!0,paused:!1,loop:!0,timeBased:!1,interval:1,currentFrame:0,getNumFrames:function(){return this._frames?this._frames.length:0},addFrame:function(t,e){var i=null!=e?e:this._frames.length;if(t instanceof Array)for(var r=0,n=t.length;r<n;r++)this.setFrame(t[r],i+r);else this.setFrame(t,i);return this},setFrame:function(t,e){var i=this._frames,r=i.length;return e=e<0?0:e>r?r:e,i[e]=t,t.name&&(this._frameNames[t.name]=t),(0!=e||this.width)&&this.height||(this.width=t.rect[2],this.height=t.rect[3]),this},getFrame:function(t){if("number"==typeof t){var e=this._frames;return t<0||t>=e.length?null:e[t]}return this._frameNames[t]},getFrameIndex:function(t){var e=this._frames,i=e.length,r=-1;if("number"==typeof t)r=t;else{var n="string"==typeof t?this._frameNames[t]:t;if(n)for(var a=0;a<i;a++)if(n===e[a]){r=a;break}}return r},play:function(){return this.paused=!1,this},stop:function(){return this.paused=!0,this},"goto":function(t,e){var i=this._frames.length,r=this.getFrameIndex(t);return this.currentFrame=r<0?0:r>=i?i-1:r,this.paused=e,this._firstRender=!0,this},_render:function(t,e){var i,r=this.currentFrame;if(this._firstRender?(i=r,this._firstRender=!1):i=this._nextFrame(e),i!=r){this.currentFrame=i;var n=this._frames[i].callback;n&&n.call(this)}this.onEnterFrame&&this.onEnterFrame(i),this.drawable.init(this._frames[i]),a.superclass._render.call(this,t,e)},_nextFrame:function(t){var e=this._frames,i=e.length,r=this.currentFrame,n=e[r],a=n.duration||this.interval,o=this._frameElapsed,s=0!=r||this.drawable?o+(this.timeBased?t:1):0;return o=this._frameElapsed=s<a?s:0,(n.stop||!this.loop&&r>=i-1)&&this.stop(),this.paused||0!=o||(null!=n.next?r=this.getFrameIndex(n.next):r>=i-1?r=0:this.drawable&&r++),r},setFrameCallback:function(t,e){return t=this.getFrame(t),t&&(t.callback=e),this},onEnterFrame:null});return a},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable"]}),KISSY.add("hilo/view/DOMElement",function(t,e,i,r,n){var a=i.create({Extends:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("DOMElement"),a.superclass.constructor.call(this,t),this.drawable=new n;var i=this.drawable.domElement=t.element||e.createElement("div");i.id=this.id,this.pointerEnabled&&!i.style.pointerEvents&&(i.style.pointerEvents="visible")},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||(t.transform(this),this.visible&&this.alpha>0&&this.render(t,e))},render:function(t,i){if("dom"!==t.renderType){var r=t.canvas,n=this.parent,a=t._domElementContainer;t._domElementContainer||(a=t._domElementContainer=e.createElement("div",{style:{position:"absolute",transform:"scale3d("+n.scaleX+","+n.scaleY+", 1)",transformOrigin:"0 0",zIndex:"1"}}),r.parentNode.insertBefore(t._domElementContainer,r.nextSibling));var o,s=this.drawable.domElement,h=this.depth,l=a.childNodes[0];if(s.parentNode)return;for(;l&&3!=l.nodeType&&(o=parseInt(l.style.zIndex)||0,!(o<=0||o>h));)l=l.nextSibling;a.insertBefore(this.drawable.domElement,l)}else t.draw(this)}});return a},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable"]}),KISSY.add("hilo/view/Graphics",function(t,e,i,r,n){var a=function(){var t=document.createElement("canvas"),o=t.getContext&&t.getContext("2d");return i.create({Extends:r,Mixes:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Graphics"),a.superclass.constructor.call(this,t),this._actions=[]},lineWidth:1,lineAlpha:1,lineCap:null,lineJoin:null,miterLimit:10,hasStroke:!1,strokeStyle:"0",hasFill:!1,fillStyle:"0",fillAlpha:0,lineStyle:function(t,e,i,r,n,a){var o=this,s=o._addAction;return s.call(o,["lineWidth",o.lineWidth=t||1]),s.call(o,["strokeStyle",o.strokeStyle=e||"0"]),s.call(o,["lineAlpha",o.lineAlpha=i||1]),void 0!=r&&s.call(o,["lineCap",o.lineCap=r]),void 0!=n&&s.call(o,["lineJoin",o.lineJoin=n]),void 0!=a&&s.call(o,["miterLimit",o.miterLimit=a]),o.hasStroke=!0,o},setLineDash:function(t){return this._addAction(["setLineDash",t])},beginFill:function(t,e){var i=this,r=i._addAction;return r.call(i,["fillStyle",i.fillStyle=t]),r.call(i,["fillAlpha",i.fillAlpha=e||1]),i.hasFill=!0,i},endFill:function(){var t=this,e=t._addAction;return t.hasStroke&&e.call(t,["stroke"]),t.hasFill&&e.call(t,["fill"]),t.setCacheDirty(!0),t},beginLinearGradientFill:function(t,e,i,r,n,a){for(var s=this,h=o.createLinearGradient(t,e,i,r),l=0,c=n.length;l<c;l++)h.addColorStop(a[l],n[l]);return s.hasFill=!0,s._addAction(["fillStyle",s.fillStyle=h])},beginRadialGradientFill:function(t,e,i,r,n,a,s,h){for(var l=this,c=o.createRadialGradient(t,e,i,r,n,a),u=0,d=s.length;u<d;u++)c.addColorStop(h[u],s[u]);return l.hasFill=!0,l._addAction(["fillStyle",l.fillStyle=c])},beginBitmapFill:function(t,e){var i=this,r=o.createPattern(t,e||"");return i.hasFill=!0,i._addAction(["fillStyle",i.fillStyle=r])},beginPath:function(){return this._addAction(["beginPath"])},closePath:function(){return this._addAction(["closePath"])},moveTo:function(t,e){return this._addAction(["moveTo",t,e])},lineTo:function(t,e){return this._addAction(["lineTo",t,e])},quadraticCurveTo:function(t,e,i,r){return this._addAction(["quadraticCurveTo",t,e,i,r])},bezierCurveTo:function(t,e,i,r,n,a){return this._addAction(["bezierCurveTo",t,e,i,r,n,a])},drawRect:function(t,e,i,r){return this._addAction(["rect",t,e,i,r])},drawRoundRectComplex:function(t,e,i,r,n,a,o,s){var h=this,l=h._addAction;return l.call(h,["moveTo",t+n,e]),l.call(h,["lineTo",t+i-a,e]),l.call(h,["arc",t+i-a,e+a,a,-Math.PI/2,0,!1]),l.call(h,["lineTo",t+i,e+r-o]),l.call(h,["arc",t+i-o,e+r-o,o,0,Math.PI/2,!1]),l.call(h,["lineTo",t+s,e+r]),l.call(h,["arc",t+s,e+r-s,s,Math.PI/2,Math.PI,!1]),l.call(h,["lineTo",t,e+n]),l.call(h,["arc",t+n,e+n,n,Math.PI,3*Math.PI/2,!1]),h},drawRoundRect:function(t,e,i,r,n){return this.drawRoundRectComplex(t,e,i,r,n,n,n,n)},drawCircle:function(t,e,i){return this._addAction(["arc",t+i,e+i,i,0,2*Math.PI,0])},drawEllipse:function(t,e,i,r){var n=this;if(i==r)return n.drawCircle(t,e,i);var a=n._addAction,o=i/2,s=r/2,h=.5522847498307933,l=h*o,c=h*s;return t+=o,e+=s,a.call(n,["moveTo",t+o,e]),a.call(n,["bezierCurveTo",t+o,e-c,t+l,e-s,t,e-s]),a.call(n,["bezierCurveTo",t-l,e-s,t-o,e-c,t-o,e]),a.call(n,["bezierCurveTo",t-o,e+c,t-l,e+s,t,e+s]),a.call(n,["bezierCurveTo",t+l,e+s,t+o,e+c,t+o,e]),n},drawSVGPath:function(t){var e=this,i=e._addAction,r=t.replace(/,/g," ").replace(/-/g," -").split(/(?=[a-zA-Z])/);i.call(e,["beginPath"]);for(var n,a={x:0,y:0},o={x:0,y:0},s=0,h=r.length;s<h;s++){var l=r[s];if(l.length){var c=l[0],u=c.toUpperCase(),d=this._getSVGParams(l),f=u!==c;switch(u){case"M":f&&this._convertToAbsolute(a,d),i.call(e,["moveTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"L":f&&this._convertToAbsolute(a,d),i.call(e,["lineTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"H":f&&(d[0]+=a.x),i.call(e,["lineTo",d[0],a.y]),a.x=d[0];break;case"V":f&&(d[0]+=a.y),i.call(e,["lineTo",a.x,d[0]]),a.y=d[0];break;case"Z":i.call(e,["closePath"]);break;case"C":f&&this._convertToAbsolute(a,d),i.call(e,["bezierCurveTo",d[0],d[1],d[2],d[3],d[4],d[5]]),o.x=d[2],o.y=d[3],this._setCurrentPoint(a,d[4],d[5]);break;case"S":f&&this._convertToAbsolute(a,d),p="C"===n||"S"===n?this._getReflectionPoint(a,o):a,i.call(e,["bezierCurveTo",p.x,p.y,d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"Q":f&&this._convertToAbsolute(a,d),i.call(e,["quadraticCurveTo",d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"T":f&&this._convertToAbsolute(a,d);var p;p="Q"===n||"T"===n?this._getReflectionPoint(a,o):a,i.call(e,["quadraticCurveTo",p.x,p.y,d[0],d[1]]),o=p,this._setCurrentPoint(a,d[0],d[1])}n=u}}return e},_getSVGParams:function(t){var e=t.substring(1).replace(/[\s]+$|^[\s]+/g,"").split(/[\s]+/);0==e[0].length&&e.shift();for(var i=0,r=e.length;i<r;i++)e[i]=parseFloat(e[i]);return e},_convertToAbsolute:function(t,e){for(var i=0,r=e.length;i<r;i++)i%2===0?e[i]+=t.x:e[i]+=t.y},_setCurrentPoint:function(t,e,i){t.x=e,t.y=i},_getReflectionPoint:function(t,e){return{x:2*t.x-e.x,y:2*t.y-e.y}},_draw:function(t){var e,i=this,r=i._actions,n=r.length;for(t.beginPath(),e=0;e<n;e++){var a=r[e],o=a[0],s=a.length>1?a.slice(1):null;"function"==typeof t[o]?t[o].apply(t,s):t[o]=a[1]}},render:function(t,e){var i=this;"canvas"===t.renderType?i._draw(t.context):(i.cache(),t.draw(i))},clear:function(){var t=this;return t._actions.length=0,t.lineWidth=1,t.lineAlpha=1,t.lineCap=null,t.lineJoin=null,t.miterLimit=10,t.hasStroke=!1,t.strokeStyle="0",t.hasFill=!1,t.fillStyle="0",t.fillAlpha=1,t.setCacheDirty(!0),t},_addAction:function(t){var e=this;return e._actions.push(t),e}})}();return a},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/CacheMixin"]}),KISSY.add("hilo/view/Text",function(t,e,i,r,n){var a=e.create({Extends:r,Mixes:n,constructor:function(t){t=t||{},this.id=this.id||t.id||i.getUid("Text"),a.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=a.measureFontHeight(this.font)},text:"",color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=a.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var r=i.drawable,n=r.domElement,a=n.style;a.font=i.font,a.textAlign=i.textAlign,a.color=i.color,a.width=i.width+"px",a.height=i.height+"px",a.lineHeight=i._fontHeight+i.lineSpacing+"px",n.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var r,n,a,o,s,h=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),l=0,c=0,u=e._fontHeight+e.lineSpacing,d=[];for(r=0,o=h.length;r<o;r++)if(n=h[r],a=t.measureText(n).width,a<=e.maxWidth)d.push({text:n,y:c}),l<a&&(l=a),c+=u;else{var f,p,v,m="",g=0;for(p=0,s=n.length;p<s;p++)v=n[p],f=t.measureText(m+v).width,f>e.maxWidth?(d.push({text:m,y:c}),l<g&&(l=g),c+=u,m=v):(g=f,m+=v),p==s-1&&(d.push({text:m,y:c}),m!==v&&l<f&&(l=f),c+=u)}e.textWidth=l,e.textHeight=c,e.width||(e.width=l),e.height||(e.height=c);var _=0;switch(e.textVAlign){case"middle":_=e.height-e.textHeight>>1;break;case"bottom":_=e.height-e.textHeight}var x=e.background;for(x&&(t.fillStyle=x,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,r=0;r<d.length;r++)n=d[r],e._drawTextLine(t,n.text,_+n.y)}},_drawTextLine:function(t,e,i){var r=this,n=0,a=r.width;switch(r.textAlign){case"center":n=a>>1;break;case"right":case"end":n=a}r.outline?t.strokeText(e,n,i):t.fillText(e,n,i)},Statics:{measureFontHeight:function(t){var e,r=document.documentElement,n=i.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return r.appendChild(n),e=n.offsetHeight,r.removeChild(n),e}}});return a},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/view/View","hilo/view/CacheMixin"]}),KISSY.add("hilo/view/BitmapText",function(t,e,i,r,n){var a=e.create({Extends:r,constructor:function(t){t=t||{},this.id=this.id||t.id||i.getUid("BitmapText"),a.superclass.constructor.call(this,t);var e=t.text+"";e&&(this.text="",this.setText(e)),this.pointerChildren=!1},glyphs:null,letterSpacing:0,text:"",textAlign:"left",setText:function(t){var e=this,i=t.toString(),r=i.length;if(e.text!=i){e.text=i;var n,a,o,s,h=0,l=0,c=0;for(n=0;n<r;n++)a=i.charAt(n),o=e.glyphs[a],o&&(c=h+(h>0?e.letterSpacing:0),e.children[n]?(s=e.children[n],s.setImage(o.image,o.rect)):(s=e._createBitmap(o),e.addChild(s)),s.x=c,h=c+o.rect[2],l=Math.max(l,o.rect[3]));for(n=e.children.length-1;n>=r;n--)e._releaseBitmap(e.children[n]),e.children[n].removeFromParent();return e.width=h,e.height=l,this.setTextAlign(),e}},_createBitmap:function(t){var e;return a._pool.length?(e=a._pool.pop(),e.setImage(t.image,t.rect)):e=new n({image:t.image,rect:t.rect}),e},_releaseBitmap:function(t){a._pool.push(t)},setTextAlign:function(t){switch(this.textAlign=t||this.textAlign,this.textAlign){case"center":this.pivotX=.5*this.width;break;case"right":this.pivotX=this.width;break;case"left":default:this.pivotX=0}return this},hasGlyphs:function(t){var e=this.glyphs;if(!e)return!1;t=t.toString();var i,r=t.length;for(i=0;i<r;i++)if(!e[t.charAt(i)])return!1;return!0},Statics:{_pool:[],createGlyphs:function(t,e,i,r){var n=t.toString();i=i||n.length,r=r||1;for(var a=e.width/i,o=e.height/r,s={},h=0,l=t.length;h<l;h++){var c=n.charAt(h);s[c]={image:e,rect:[a*(h%i),o*Math.floor(h/i),a,o]}}return s}}});return a},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/view/Container","hilo/view/Bitmap"]}),KISSY.add("hilo/view/Button",function(t,e,i,r,n,a){var o=i.create({Extends:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Button"),o.superclass.constructor.call(this,t),this.drawable=new n(t),this.setState(o.UP)},upState:null,overState:null,downState:null,disabledState:null,state:null,enabled:!0,useHandCursor:!0,setEnabled:function(t){return this.enabled!=t&&(t?this.setState(o.UP):this.setState(o.DISABLED)),this},setState:function(t){if(this.state!==t){this.state=t,this.pointerEnabled=this.enabled=t!==o.DISABLED;var e;switch(t){case o.UP:e=this.upState;break;case o.OVER:e=this.overState;break;case o.DOWN:e=this.downState;break;case o.DISABLED:e=this.disabledState}e&&(this.drawable.init(e),a.copy(this,e,!0))}return this},fire:function(t,e){if(this.enabled){var i="string"==typeof t?t:t.type;switch(i){case"mousedown":case"touchstart":case"touchmove":this.setState(o.DOWN);break;case"mouseover":this.setState(o.OVER);break;case"mouseup":this.overState?this.setState(o.OVER):this.upState&&this.setState(o.UP);break;case"touchend":case"touchout":case"mouseout":this.setState(o.UP)}return o.superclass.fire.call(this,t,e)}},Statics:{UP:"up",OVER:"over",DOWN:"down",DISABLED:"disabled"}});return o},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Drawable","hilo/util/util"]}),KISSY.add("hilo/util/TextureAtlas",function(t,e){var i=function(){function t(t){var e,i,r=t.frames;if(!r)return null;var n,a=[];if(r instanceof Array)for(e=0,i=r.length;e<i;e++)n=r[e],a[e]={image:t.image,rect:n};else{var o=r.frameWidth,s=r.frameHeight,h=t.width/o|0,l=t.height/s|0,c=r.numFrames||h*l;for(e=0;e<c;e++)a[e]={image:t.image,rect:[e%h*o,(e/h|0)*s,o,s]}}return a}function i(t,e){var i,a,o=t.sprites;if(!o)return null;var s,h,l,c={};for(var u in o){if(s=o[u],n(s))h=r(e[s]);else if(s instanceof Array)for(h=[],i=0,a=s.length;i<a;i++){var d,f=s[i];n(f)?l=r(e[f]):(d=f.rect,n(d)&&(d=e[f.rect]),l=r(d,f)),h[i]=l}else for(h=[],i=s.from;i<=s.to;i++)h[i-s.from]=r(e[i],s[i]);c[u]=h}return c}function r(t,e){var i={image:t.image,rect:t.rect};return e&&(i.name=e.name||null,i.duration=e.duration||0,i.stop=!!e.stop,i.next=e.next||null),i}function n(t){return"number"==typeof t}return e.create({constructor:function(e){this._frames=t(e),this._sprites=i(e,this._frames)},_frames:null,_sprites:null,getFrame:function(t){var e=this._frames;return e&&e[t]},getSprite:function(t){var e=this._sprites;return e&&e[t]},Statics:{createSpriteFrames:function(t,e,i,r,n,a,o){var s,h;if("[object Array]"===Object.prototype.toString.call(t)){var l=[];for(s=0,h=t.length;s<h;s++)l=l.concat(this.createSpriteFrames.apply(this,t[s]));return l}if("string"==typeof e){var c=e.split(",");e=[];for(var u=0,d=c.length;u<d;u++){var f=c[u].split("-");if(1==f.length)e.push(parseInt(f[0]));else for(s=parseInt(f[0]),h=parseInt(f[1]);s<=h;s++)e.push(s)}}var p=Math.floor(i.width/r);for(s=0;s<e.length;s++){var v=e[s];e[s]={rect:[r*(v%p),n*Math.floor(v/p),r,n],image:i,duration:o}}return e[0].name=t,a?e[e.length-1].next=t:e[e.length-1].stop=!0,e}}})}();return i},{requires:["hilo/core/Class"]}),KISSY.add("hilo/util/Ticker",function(t,e,i){var r=e.create({constructor:function(t){this._targetFPS=t||60,this._interval=1e3/this._targetFPS,this._tickers=[]},_paused:!1,_targetFPS:0,_interval:0,_intervalId:null,_tickers:null,_lastTime:0,_tickCount:0,_tickTime:0,_measuredFPS:0,start:function(t){if(void 0===t&&(t=!0),!this._intervalId){this._lastTime=+new Date;var e,r=this,n=this._interval,a=window.requestAnimationFrame||window[i.jsVendor+"RequestAnimationFrame"];t&&a&&n<17?(this._useRAF=!0,e=function(){r._intervalId=a(e),r._tick()}):e=function(){r._intervalId=setTimeout(e,n),r._tick()},this._paused=!1,e()}},stop:function(){if(this._useRAF){var t=window.cancelAnimationFrame||window[i.jsVendor+"CancelAnimationFrame"];t(this._intervalId)}else clearTimeout(this._intervalId);this._intervalId=null,this._lastTime=0,this._paused=!0},pause:function(){this._paused=!0},resume:function(){this._paused=!1},_tick:function(){if(!this._paused){var t=+new Date,e=t-this._lastTime,i=this._tickers;++this._tickCount>=this._targetFPS?(this._measuredFPS=1e3/(this._tickTime/this._tickCount)+.5>>0,this._tickCount=0,this._tickTime=0):this._tickTime+=t-this._lastTime,this._lastTime=t;for(var r=i.slice(0),n=0,a=r.length;n<a;n++)r[n].tick(e)}},getMeasuredFPS:function(){return Math.min(this._measuredFPS,this._targetFPS)},addTick:function(t){if(!t||"function"!=typeof t.tick)throw new Error("Ticker: The tick object must implement the tick method.");this._tickers.push(t)},removeTick:function(t){var e=this._tickers,i=e.indexOf(t);i>=0&&e.splice(i,1)},nextTick:function(t){var e=this,i={tick:function(r){e.removeTick(i),t()}};return e.addTick(i),i},timeout:function(t,e){var i=this,r=(new Date).getTime()+e,n={tick:function(){var e=(new Date).getTime(),a=e-r;a>=0&&(i.removeTick(n),t())}};return i.addTick(n),n},interval:function(t,e){var i=this,r=(new Date).getTime()+e,n={tick:function(){var i=(new Date).getTime(),n=i-r;n>=0&&(n<e&&(i-=n),r=i+e,t())}};return i.addTick(n),n}});return r},{requires:["hilo/core/Class","hilo/util/browser"]}),KISSY.add(function(t){var e=Array.prototype,i=e.slice;e.indexOf||(e.indexOf=function(t,e){e=e||0;var i,r=this.length;if(0==r||e>=r)return-1;for(e<0&&(e=r+e),i=e;i<r;i++)if(this[i]===t)return i;return-1});var r=Function.prototype;r.bind||(r.bind=function(t){function e(){var a=n.concat(i.call(arguments));return r.apply(this instanceof e?this:t,a)}var r=this,n=i.call(arguments,1),a=function(){};return a.prototype=r.prototype,e.prototype=new a,e})}),KISSY.add("hilo/util/drag",function(t,e){var i={_isDragStart:!1,dragNeedTransform:!1,startDrag:function(t){function i(t){t.stopPropagation(),a(t),s.off(e.event.POINTER_START,i),p.x=s.x,p.y=s.y,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().transformPoint(p),s.__dragX=p.x-l.x,s.__dragY=p.y-l.y,h||(h=s.getStage()),h.on(e.event.POINTER_MOVE,n),document.addEventListener(e.event.POINTER_END,r),s.fire("dragStart",l)}function r(t){document.removeEventListener(e.event.POINTER_END,r),h&&h.off(e.event.POINTER_MOVE,n),s.on(e.event.POINTER_START,i),s.fire("dragEnd",l)}function n(t){a(t),p.x=l.x+s.__dragX,p.y=l.y+s.__dragY,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().invert().transformPoint(p),s.x=Math.max(c,Math.min(d,p.x)),s.y=Math.max(u,Math.min(f,p.y)),s.fire("dragMove",l)}function a(t){l.preX=l.x,l.preY=l.y,l.x=t.stageX,l.y=t.stageY}function o(){s._isDragStart=!1,document.removeEventListener(e.event.POINTER_END,r),h&&h.off(e.event.POINTER_MOVE,n),s.off(e.event.POINTER_START,i)}var s=this;s._isDragStart&&s.stopDrag(),s._isDragStart=!0;var h;t=t||[-(1/0),-(1/0),1/0,1/0];var l={x:0,y:0,preX:0,preY:0},c=t[0],u=t[1],d=t[2]==1/0?1/0:c+t[2],f=t[3]==1/0?1/0:u+t[3],p={x:0,y:0};s.on(e.event.POINTER_START,i),s.stopDrag=o},stopDrag:function(){this._isDragStart=!1}};return i},{requires:["hilo/core/Hilo"]}),KISSY.add("hilo/tween/Tween",function(t,e){var i=function(){function t(){return+new Date}return e.create({constructor:function(t,e,i,r){var n=this;n.target=t,n._startTime=0,n._seekTime=0,n._pausedTime=0,n._pausedStartTime=0,n._reverseFlag=1,n._repeatCount=0,3==arguments.length&&(r=i,i=e,e=null);for(var a in r)n[a]=r[a];n._fromProps=e,n._toProps=i,!r.duration&&r.time&&(n.duration=r.time||0,n.time=0)},target:null,duration:1e3,delay:0,paused:!1,loop:!1,reverse:!1,repeat:0,repeatDelay:0,ease:null,time:0,isStart:!1,onStart:null,onUpdate:null,onComplete:null,setProps:function(t,e){var i=this,r=i.target,n=t||e,a=i._fromProps={},o=i._toProps={};t=t||r,e=e||r;for(var s in n)o[s]=e[s]||0,r[s]=a[s]=t[s]||0;return i},start:function(){var e=this;return e._startTime=t()+e.delay,e._seekTime=0,e._pausedTime=0,e.paused=!1,i.add(e),e},stop:function(){return i.remove(this),this},pause:function(){var e=this;return e.paused=!0,e._pausedStartTime=t(),e},resume:function(){var e=this;return e.paused=!1,e._pausedStartTime&&(e._pausedTime+=t()-e._pausedStartTime),e._pausedStartTime=0,e},seek:function(e,r){var n=this,a=t();return n._startTime=a,n._seekTime=e,n._pausedTime=0,void 0!==r&&(n.paused=r),n._update(a,!0),i.add(n),n},link:function(t){var e,r,n=this,a=t.delay,o=n._startTime;return"string"==typeof a&&(e=0==a.indexOf("+"),r=0==a.indexOf("-"),a=e||r?Number(a.substr(1))*(e?1:-1):Number(a)),t.delay=a,t._startTime=e||r?o+n.duration+a:o+a,n._next=t,i.remove(t),t},_render:function(t){var e,i=this,r=i.target,n=i._fromProps;for(e in n)r[e]=n[e]+(i._toProps[e]-n[e])*t},_update:function(e,r){var n=this;if(!n.paused||r){var a=e-n._startTime-n._pausedTime+n._seekTime;if(!(a<0)){var o,s=a/n.duration,h=!1;s=s<=0?0:s>=1?1:s;var l=n.ease?n.ease(s):s;n.reverse&&(n._reverseFlag<0&&(s=1-s,l=1-l),s<1e-7&&(n.repeat>0&&n._repeatCount++>=n.repeat||0==n.repeat&&!n.loop?h=!0:(n._startTime=t(),n._pausedTime=0,n._reverseFlag*=-1))),n.isStart||(n.setProps(n._fromProps,n._toProps),n.isStart=!0,n.onStart&&n.onStart.call(n,n)),n.time=a,n._render(l),(o=n.onUpdate)&&o.call(n,s,n),s>=1&&(n.reverse?(n._startTime=t(),n._pausedTime=0,n._reverseFlag*=-1):n.loop||n.repeat>0&&n._repeatCount++<n.repeat?(n._startTime=t()+n.repeatDelay,n._pausedTime=0):h=!0);var c=n._next;if(c&&c.time<=0){var u=c._startTime;u>0&&u<=e?(c._render(s),c.time=a,i.add(c)):h&&(u<0||u>e)&&c.start()}return h?((o=n.onComplete)&&o.call(n,n),!0):void 0}}},Statics:{_tweens:[],tick:function(){var e,r,n=i._tweens,a=n.length;for(r=0;r<a;r++)e=n[r],e&&e._update(t())&&(n.splice(r,1),r--);return i},add:function(t){var e=i._tweens;return e.indexOf(t)==-1&&e.push(t),i},remove:function(t){var e,r;if(t instanceof Array){for(e=0,r=t.length;e<r;e++)i.remove(t[e]);return i}var n=i._tweens;if(t instanceof i)e=n.indexOf(t),e>-1&&n.splice(e,1);else for(e=0;e<n.length;e++)n[e].target===t&&(n.splice(e,1),e--);return i},removeAll:function(){return i._tweens.length=0,i},fromTo:function(t,e,r,n){n=n||{};var a=t instanceof Array;t=a?t:[t];var o,s,h=n.stagger,l=[];for(s=0;s<t.length;s++)o=new i(t[s],e,r,n),h&&(o.delay=(n.delay||0)+(s*h||0)),o.start(),l.push(o);return a?l:o},to:function(t,e,r){return i.fromTo(t,null,e,r)},from:function(t,e,r){return i.fromTo(t,e,null,r)}}})}();return i},{requires:["hilo/core/Class"]}),KISSY.add("hilo/tween/Ease",function(t){var e=function(){function t(t,e,i,r,n){return t=t||{},e&&(t.EaseIn=e),i&&(t.EaseOut=i),r&&(t.EaseInOut=r),n&&(t.EaseNone=n),t}var e=t(null,null,null,null,function(t){return t}),i=t(null,function(t){return t*t},function(t){return-t*(t-2)},function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)}),r=t(null,function(t){return t*t*t},function(t){return--t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)}),n=t(null,function(t){return t*t*t*t},function(t){return-(--t*t*t*t-1)},function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)}),a=t(null,function(t){return t*t*t*t*t},function(t){return(t-=1)*t*t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)}),o=Math,s=o.PI,h=.5*s,l=o.sin,c=o.cos,u=o.pow,d=o.sqrt,f=t(null,function(t){return-c(t*h)+1},function(t){return l(t*h)},function(t){return-.5*(c(s*t)-1)}),p=t(null,function(t){return 0==t?0:u(2,10*(t-1))},function(t){return 1==t?1:-u(2,-10*t)+1},function(t){return 0==t||1==t?t:(t*=2)<1?.5*u(2,10*(t-1)):.5*(-u(2,-10*(t-1))+2)}),v=t(null,function(t){return-(d(1-t*t)-1)},function(t){return d(1- --t*t)},function(t){return(t/=.5)<1?-.5*(d(1-t*t)-1):.5*(d(1-(t-=2)*t)+1)}),m=t({a:1,p:.4,s:.1,config:function(t,e){m.a=t,m.p=e,m.s=e/(2*s)*Math.asin(1/t)||0}},function(t){return-(m.a*u(2,10*(t-=1))*l((t-m.s)*(2*s)/m.p))},function(t){return m.a*u(2,-10*t)*l((t-m.s)*(2*s)/m.p)+1},function(t){return(t*=2)<1?-.5*(m.a*u(2,10*(t-=1))*l((t-m.s)*(2*s)/m.p)):m.a*u(2,-10*(t-=1))*l((t-m.s)*(2*s)/m.p)*.5+1}),g=t({o:1.70158,s:2.59491,config:function(t){g.o=t,g.s=1.525*t}},function(t){return t*t*((g.o+1)*t-g.o)},function(t){return(t-=1)*t*((g.o+1)*t+g.o)+1},function(t){return(t*=2)<1?.5*(t*t*((g.s+1)*t-g.s)):.5*((t-=2)*t*((g.s+1)*t+g.s)+2)}),_=t(null,function(t){return 1-_.EaseOut(1-t)},function(t){return(t/=1)<.36364?7.5625*t*t:t<.72727?7.5625*(t-=.54545)*t+.75:t<.90909?7.5625*(t-=.81818)*t+.9375:7.5625*(t-=.95455)*t+.984375},function(t){return t<.5?.5*_.EaseIn(2*t):.5*_.EaseOut(2*t-1)+.5});return{Linear:e,Quad:i,Cubic:r,Quart:n,Quint:a,Sine:f,Expo:p,Circ:v,Elastic:m,Back:g,Bounce:_}}();return e}),KISSY.add("hilo/loader/ImageLoader",function(t,e){var i=e.create({load:function(t){var e=this,i=new Image;t.crossOrigin&&(i.crossOrigin=t.crossOrigin),i.onload=function(){e.onLoad(i)},i.onerror=i.onabort=e.onError.bind(i),i.src=t.src+(t.noCache?(t.src.indexOf("?")==-1?"?":"&")+"t="+ +new Date:"")},onLoad:function(t){return t.onload=t.onerror=t.onabort=null,t},onError:function(t){var e=t.target;return e.onload=e.onerror=e.onabort=null,t}});return i},{requires:["hilo/core/Class"]}),KISSY.add("hilo/loader/ScriptLoader",function(t,e){var i=e.create({load:function(t){var e=this,r=t.src,n="jsonp"==t.type;if(n){var a=t.callbackName||"callback",o=t.callback||"jsonp"+ ++i._count,s=window;s[o]||(s[o]=function(t){delete s[o]}),r+=(r.indexOf("?")==-1?"?":"&")+a+"="+o}t.noCache&&(r+=(r.indexOf("?")==-1?"?":"&")+"t="+ +new Date);var h=document.createElement("script");h.type="text/javascript",h.async=!0,h.onload=e.onLoad.bind(e),h.onerror=e.onError.bind(e),h.src=r,t.id&&(h.id=t.id),document.getElementsByTagName("head")[0].appendChild(h)},onLoad:function(t){var e=t.target;return e.onload=e.onerror=null,e},onError:function(t){var e=t.target;return e.onload=e.onerror=null,t},Statics:{_count:0}});return i},{requires:["hilo/core/Class"]}),KISSY.add("hilo/loader/LoadQueue",function(t,e,i,r,n){function a(t){var e,i,r=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(e=t.match(r))&&(i=e[1].toLowerCase()),i||null}var o=e.create({Mixes:i,constructor:function(t){this._source=[],this.add(t)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(t){var e=this;return t&&(t=t instanceof Array?t:[t],e._source=e._source.concat(t)),e},get:function(t){if(t)for(var e=this._source,i=0;i<e.length;i++){var r=e[i];if(r.id===t||r.src===t)return r}return null},getContent:function(t){var e=this.get(t);return e&&e.content},start:function(){var t=this;return t._loadNext(),t},_loadNext:function(){var t=this,e=t._source,i=e.length;if(t._loaded>=i)return void t.fire("complete");if(t._currentIndex<i-1&&t._connections<t.maxConnections){var r=++t._currentIndex,n=e[r],a=t._getLoader(n);if(a){var o=a.onLoad,s=a.onError;a.onLoad=function(e){a.onLoad=o,a.onError=s;var i=o&&o.call(a,e)||e.target;t._onItemLoad(r,i)},a.onError=function(e){a.onLoad=o,a.onError=s,s&&s.call(a,e),t._onItemError(r,e)},t._connections++}t._loadNext(),a&&a.load(n)}},_getLoader:function(t){var e=t.loader;if(e)return e;var i=t.type||a(t.src);switch(i){case"png":case"jpg":case"jpeg":case"gif":case"webp":e=new r;break;case"js":case"jsonp":e=new n}return e},_onItemLoad:function(t,e){var i=this,r=i._source[t];r.loaded=!0,r.content=e,i._connections--,i._loaded++,i.fire("load",r),i._loadNext()},_onItemError:function(t,e){var i=this,r=i._source[t];r.error=e,i._connections--,i._loaded++,i.fire("error",r),i._loadNext()},getSize:function(t){for(var e=0,i=this._source,r=0;r<i.length;r++){var n=i[r];e+=(t?n.loaded&&n.size:n.size)||0}return e},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});return o},{requires:["hilo/core/Class","hilo/event/EventMixin","hilo/loader/ImageLoader","hilo/loader/ScriptLoader"]}),KISSY.add("hilo/media/HTMLAudio",function(t,e,i,r){var n=e.create({Mixes:r,constructor:function(t){i.copy(this,t,!0),this._onAudioEvent=this._onAudioEvent.bind(this)},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_element:null,load:function(){if(!this._element){var t;try{t=this._element=new Audio,t.addEventListener("canplaythrough",this._onAudioEvent,!1),t.addEventListener("ended",this._onAudioEvent,!1),t.addEventListener("error",this._onAudioEvent,!1),t.src=this.src,t.volume=this.volume,t.load()}catch(e){t=this._element={},t.play=t.pause=function(){}}}return this},_onAudioEvent:function(t){var e=t.type;switch(e){case"canplaythrough":t.target.removeEventListener(e,this._onAudioEvent),this.loaded=!0,this.duration=this._element.duration,this.fire("load"),this.autoPlay&&this._doPlay();break;case"ended":this.playing=!1,this.fire("end"),this.loop&&this._doPlay();break;case"error":this.fire("error")}},_doPlay:function(){this.playing||(this._element.volume=this.muted?0:this.volume,this._element.play(),this.playing=!0)},play:function(){return this.playing&&this.stop(),this._element?this.loaded&&this._doPlay():(this.autoPlay=!0,this.load()),this},pause:function(){return this.playing&&(this._element.pause(),this.playing=!1),this},resume:function(){return this.playing||this._doPlay(),this},stop:function(){return this.playing&&(this._element.pause(),this._element.currentTime=0,this.playing=!1),this},setVolume:function(t){return this.volume!=t&&(this.volume=t,this._element.volume=t),this},setMute:function(t){return this.muted!=t&&(this.muted=t,this._element.volume=t?0:this.volume),this},Statics:{isSupported:null!==window.Audio}});return n},{requires:["hilo/core/Class","hilo/util/util","hilo/event/EventMixin"]}),KISSY.add("hilo/media/WebAudio",function(t,e,i,r){var n=function(){var t=window.AudioContext||window.webkitAudioContext,a=t?new t:null;
 return e.create({Mixes:r,constructor:function(t){i.copy(this,t,!0),this._init()},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_context:null,_gainNode:null,_buffer:null,_audioNode:null,_startTime:0,_offset:0,_init:function(){this._context=a,this._gainNode=a.createGain?a.createGain():a.createGainNode(),this._gainNode.connect(a.destination),this._onAudioEvent=this._onAudioEvent.bind(this),this._onDecodeComplete=this._onDecodeComplete.bind(this),this._onDecodeError=this._onDecodeError.bind(this)},load:function(){if(!this._buffer){var t=n._bufferCache[this.src];if(t)this._onDecodeComplete(t);else{var e=new XMLHttpRequest;e.src=this.src,e.open("GET",this.src,!0),e.responseType="arraybuffer",e.onload=this._onAudioEvent,e.onprogress=this._onAudioEvent,e.onerror=this._onAudioEvent,e.send()}this._buffer=!0}return this},_onAudioEvent:function(t){var e=t.type;switch(e){case"load":var i=t.target;i.onload=i.onprogress=i.onerror=null,this._context.decodeAudioData(i.response,this._onDecodeComplete,this._onDecodeError),i=null;break;case"ended":this.playing=!1,this.fire("end"),this.loop&&this._doPlay();break;case"progress":this.fire(t);break;case"error":this.fire(t)}},_onDecodeComplete:function(t){n._bufferCache[this.src]||(n._bufferCache[this.src]=t),this._buffer=t,this.loaded=!0,this.duration=t.duration,this.fire("load"),this.autoPlay&&this._doPlay()},_onDecodeError:function(){this.fire("error")},_doPlay:function(){this._clearAudioNode();var t=this._context.createBufferSource();t.start||(t.start=t.noteOn,t.stop=t.noteOff),t.buffer=this._buffer,t.onended=this._onAudioEvent,this._gainNode.gain.value=this.muted?0:this.volume,t.connect(this._gainNode),t.start(0,this._offset),this._audioNode=t,this._startTime=this._context.currentTime,this.playing=!0},_clearAudioNode:function(){var t=this._audioNode;t&&(t.onended=null,t.disconnect(0),this._audioNode=null)},play:function(){return this.playing&&this.stop(),this.loaded?this._doPlay():this._buffer||(this.autoPlay=!0,this.load()),this},pause:function(){return this.playing&&(this._audioNode.stop(0),this._offset+=this._context.currentTime-this._startTime,this.playing=!1),this},resume:function(){return this.playing||this._doPlay(),this},stop:function(){return this.playing&&(this._audioNode.stop(0),this._audioNode.disconnect(),this._offset=0,this.playing=!1),this},setVolume:function(t){return this.volume!=t&&(this.volume=t,this._gainNode.gain.value=t),this},setMute:function(t){return this.muted!=t&&(this.muted=t,this._gainNode.gain.value=t?0:this.volume),this},Statics:{isSupported:null!=t,enabled:!1,enable:function(){if(!this.enabled&&a){var t=a.createBufferSource();return t.buffer=a.createBuffer(1,1,22050),t.connect(a.destination),t.start?t.start(0,0,0):t.noteOn(0,0,0),this.enabled=!0,!0}return this.enabled},_bufferCache:{},clearBufferCache:function(t){t?this._bufferCache[t]=null:this._bufferCache={}}}})}();return n},{requires:["hilo/core/Class","hilo/util/util","hilo/event/EventMixin"]}),KISSY.add("hilo/media/WebSound",function(t,e,i,r){var n={_audios:{},enableAudio:function(){i.isSupported&&i.enable()},getAudio:function(t,r){void 0===r&&(r=!0),t=this._normalizeSource(t);var n=this._audios[t.src];return n||(r&&i.isSupported?n=new i(t):e.isSupported&&(n=new e(t)),this._audios[t.src]=n),n},removeAudio:function(t){var e="string"==typeof t?t:t.src,i=this._audios[e];i&&(i.stop(),i.off(),this._audios[e]=null,delete this._audios[e])},_normalizeSource:function(t){var e={};return"string"==typeof t?e={src:t}:r.copy(e,t),e}};return n},{requires:["hilo/media/HTMLAudio","hilo/media/WebAudio","hilo/util/util"]}),KISSY.add("hilo/game/Camera",function(t,e,i){var r=e.create({constructor:function(t){this.width=0,this.height=0,this.target=null,this.deadzone=null,this.bounds=null,this.scroll={x:0,y:0},i.copy(this,t)},tick:function(t){var e=this.target,i=this.scroll,r=this.bounds,n=this.deadzone;if(e){var a,o;n?(a=Math.min(Math.max(e.x-i.x,n[0]),n[0]+n[2]),o=Math.min(Math.max(e.y-i.y,n[1]),n[1]+n[3])):(a=.5*this.width,o=.5*this.height),i.x=e.x-a,i.y=e.y-o,r&&(i.x=Math.min(Math.max(i.x,r[0]),r[0]+r[2]),i.y=Math.min(Math.max(i.y,r[1]),r[1]+r[3]))}else i.x=0,i.y=0},follow:function(t,e){this.target=t,void 0!==e&&(this.deadzone=e),this.tick()}});return r},{requires:["hilo/core/Class","hilo/util/util"]}),KISSY.add("hilo/game/Camera3d",function(t,e,i){var r=function(){function t(t,e,i,r,n){return{x:t,y:e*r-i*n,z:e*n+i*r}}function r(t,e,i,r,n){return{x:t*r-i*n,y:e,z:t*n+i*r}}function n(t,e,i,r,n){return{x:t*r-e*n,y:t*n+e*r,z:i}}var a=Math.PI/180,o=e.create({constructor:function(t){t.x=t.x||0,t.y=t.y||0,t.z=t.z||0,t.rotationX=t.rotationX||0,t.rotationY=t.rotationY||0,t.rotationZ=t.rotationZ||0,i.copy(this,t)},translate:function(t,e,i){this.tx=t,this.ty=e,this.tz=i},rotateX:function(t){this.rotationX=t},rotateY:function(t){this.rotationY=t},rotateZ:function(t){this.rotationZ=t},project:function(e,i){var o=this.rotationX*a,s=this.rotationY*a,h=this.rotationZ*a,l=Math.cos(o),c=Math.sin(o),u=Math.cos(s),d=Math.sin(s),f=Math.cos(h),p=Math.sin(h),v=e.x-this.x,m=e.y-this.y,g=e.z-this.z,_=n(v,m,g,f,p);_=r(_.x,_.y,_.z,u,d),_=t(_.x,_.y,_.z,l,c),this.tx&&(_.x-=this.tx),this.ty&&(_.y-=this.ty),this.tz&&(_.z-=this.tz);var x=this.fv/(this.fv+_.z),y=_.x*x,w=-_.y*x,T={x:y+this.fx,y:w+this.fy,z:-_.z,scale:x};return i&&(i.x=T.x,i.y=T.y,i.z=T.z,i.scaleX=T.scale,i.scaleY=T.scale),T},sortZ:function(){this.stage.children.sort(function(t,e){return t.z>e.z})},tick:function(){this.sortZ()}});return o}();return r},{requires:["hilo/core/Class","hilo/util/util"]}),KISSY.add("hilo/game/ParticleSystem",function(t,e,i,r,n,a,o){var s=function(){function t(t,e){return e?t+2*(Math.random()-.5)*e:t}for(var s=["x","y","vx","vy","ax","ay","rotation","rotationV","scale","scaleV","alpha","alphaV","life"],h=[],l=0,c=s.length;l<c;l++){var u=s[l];h.push(u),h.push(u+"Var")}var d={x:0,y:0,vx:0,vy:0,ax:0,ay:0,scale:1,scaleV:0,alpha:1,alphaV:0,rotation:0,rotationV:0,life:1},f=[],p=i.create({Extends:n,constructor:function(t){this.id=this.id||t.id||e.getUid("ParticleSystem"),this.emitterX=0,this.emitterY=0,this.gx=0,this.gy=0,this.totalTime=1/0,this.emitNum=10,this.emitNumVar=0,this.emitTime=.2,this.emitTimeVar=0,this.particle={},p.superclass.constructor.call(this,t),this.reset(t)},Statics:{PROPS:h,PROPS_DEFAULT:d,diedParticles:f},reset:function(t){o.copy(this,t),this.particle.system=this,this.totalTime<=0&&(this.totalTime=1/0)},onUpdate:function(e){e*=.001,this._isRun&&(this._totalRunTime+=e,this._currentRunTime+=e,this._currentRunTime>=this._emitTime&&(this._currentRunTime=0,this._emitTime=t(this.emitTime,this.emitTimeVar),this._emit()),this._totalRunTime>=this.totalTime&&this.stop())},_emit:function(){for(var e=t(this.emitNum,this.emitNumVar)>>0,i=0;i<e;i++)this.addChild(v.create(this.particle))},start:function(){this.stop(!0),this._currentRunTime=0,this._totalRunTime=0,this._isRun=!0,this._emitTime=t(this.emitTime,this.emitTimeVar)},stop:function(t){if(this._isRun=!1,t)for(var e=this.children.length-1;e>=0;e--)this.children[e].destroy()}}),v=i.create({Extends:r,constructor:function(t){this.id=this.id||t.id||e.getUid("Particle"),v.superclass.constructor.call(this,t),this.init(t)},onUpdate:function(t){if(t*=.001,this._died)return!1;var e=this.ax+this.system.gx,i=this.ay+this.system.gy;return this.vx+=e*t,this.vy+=i*t,this.x+=this.vx*t,this.y+=this.vy*t,this.rotation+=this.rotationV,this._time>.1&&(this.alpha+=this.alphaV),this.scale+=this.scaleV,this.scaleX=this.scaleY=this.scale,this._time+=t,this._time>=this.life||this.alpha<=0?(this.destroy(),!1):void 0},setImage:function(t,e){this.drawable=this.drawable||new a,e=e||[0,0,t.width,t.height],this.width=e[2],this.height=e[3],this.drawable.rect=e,this.drawable.image=t},destroy:function(){this._died=!0,this.alpha=0,this.removeFromParent(),f.push(this)},init:function(e){this.system=e.system,this._died=!1,this._time=0,this.alpha=1;for(var i=0,r=h.length;i<r;i++){var n=h[i],a=void 0===e[n]?d[n]:e[n];this[n]=t(a,e[n+"Var"])}if(this.x+=this.system.emitterX,this.y+=this.system.emitterY,e.image){var o=e.frame;o&&o[0].length&&(o=o[Math.random()*o.length>>0]),this.setImage(e.image,o),void 0!==e.pivotX&&(this.pivotX=e.pivotX*o[2]),void 0!==e.pivotY&&(this.pivotY=e.pivotY*o[3])}},Statics:{create:function(t){if(f.length>0){var e=f.pop();return e.init(t),e}return new v(t)}}});return p}();return s},{requires:["hilo/core/Hilo","hilo/core/Class","hilo/view/View","hilo/view/Container","hilo/view/Drawable","hilo/util/util"]});
\ No newline at end of file
diff --git a/build/kissy/hilo-kissy.zip b/build/kissy/hilo-kissy.zip
index 0e5585d2..c3c75519 100644
Binary files a/build/kissy/hilo-kissy.zip and b/build/kissy/hilo-kissy.zip differ
diff --git a/build/kissy/hilo/core/Class.js b/build/kissy/hilo/core/Class.js
index 50b11b43..25d6fb20 100644
--- a/build/kissy/hilo/core/Class.js
+++ b/build/kissy/hilo/core/Class.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/core/Class.min.js b/build/kissy/hilo/core/Class.min.js
index 883e7b9c..37a38914 100644
--- a/build/kissy/hilo/core/Class.min.js
+++ b/build/kissy/hilo/core/Class.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/core/Hilo.js b/build/kissy/hilo/core/Hilo.js
index e53d3a95..43dbf4ed 100644
--- a/build/kissy/hilo/core/Hilo.js
+++ b/build/kissy/hilo/core/Hilo.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -27,7 +27,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.3.0',
+    version: '1.4.0',
     /**
      * @language=en
      * Gets a globally unique id. Such as Stage1, Bitmap2 etc.
diff --git a/build/kissy/hilo/core/Hilo.min.js b/build/kissy/hilo/core/Hilo.min.js
index 37c5206f..5fdf10f9 100644
--- a/build/kissy/hilo/core/Hilo.min.js
+++ b/build/kissy/hilo/core/Hilo.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-KISSY.add("hilo/core/Hilo",function(t,e,a){var r=window,o=document,i=o.documentElement,n=0,s={},c={version:"1.3.0",getUid:function(t){var e=++n;if(t){var a=t.charCodeAt(t.length-1);return a>=48&&a<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,a=t;a;)e=e?a.id+"."+e:a.id,a=a.parent;return e},copy:function(t,e,r){return a.copy(t,e,r),s.copy||(s.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:e,event:{POINTER_START:e.POINTER_START,POINTER_MOVE:e.POINTER_MOVE,POINTER_END:e.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(a){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var o=(r.pageXOffset||i.scrollLeft)-(i.clientLeft||0)||0,n=(r.pageYOffset||i.scrollTop)-(i.clientTop||0)||0,s=r.getComputedStyle?getComputedStyle(t):t.currentStyle,c=parseInt,h=c(s.paddingLeft)+c(s.borderLeftWidth)||0,d=c(s.paddingTop)+c(s.borderTopWidth)||0,f=c(s.paddingRight)+c(s.borderRightWidth)||0,l=c(s.paddingBottom)+c(s.borderBottomWidth)||0,g=e.top||0,p=e.left||0,m=e.right||0,T=e.bottom||0;return{left:p+o+h,top:g+n+d,width:m-f-p-h,height:T-l-g-d}},createElement:function(t,e){var a,r,i,n=o.createElement(t);for(a in e)if(r=e[a],"style"===a)for(i in r)n.style[i]=r[i];else n[a]=r;return n},getElement:function(t){return o.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,a=e.domElement.style,r=t._stateCache||(t._stateCache={}),o=c.browser.jsVendor,i="px",n=!1;if(this.cacheStateIfChanged(t,["visible"],r)&&(a.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],r)&&(a.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],r)&&(a.width=t.width+i),this.cacheStateIfChanged(t,["height"],r)&&(a.height=t.height+i),this.cacheStateIfChanged(t,["depth"],r)&&(a.zIndex=t.depth+1),t.transform){var s=t.transform;(n=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(a[o+"TransformOrigin"]="0 0"),a[o+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(n=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(a[o+"TransformOrigin"]=t.pivotX+i+" "+t.pivotY+i),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],r)||n)&&(a[o+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],r)&&(a.backgroundColor=t.background),a.pointerEvents||(a.pointerEvents="none");var h=e.image;if(h){var d=h.src;d!==r.image&&(r.image=d,a.backgroundImage="url("+d+")");var f=e.rect;if(f){var l=f[0],g=f[1];l!==r.sx&&(r.sx=l,a.backgroundPositionX=-l+i),g!==r.sy&&(r.sy=g,a.backgroundPositionY=-g+i)}}var p=t.mask;if(p){var m=p.drawable.domElement.style.backgroundImage;m!==r.maskImage&&(r.maskImage=m,a[o+"MaskImage"]=m,a[o+"MaskRepeat"]="no-repeat");var T=p.x,u=p.y;T===r.maskX&&u===r.maskY||(r.maskX=T,r.maskY=u,a[o+"MaskPosition"]=T+i+" "+u+i)}}},cacheStateIfChanged:function(t,e,a){var r,o,i,n,s=!1;for(r=0,o=e.length;r<o;r++)i=e[r],n=t[i],n!=a[i]&&(a[i]=n,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,a=e?"3d":"";return"translate"+a+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+a+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+a+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};return c},{requires:["hilo/util/browser","hilo/util/util"]});
\ No newline at end of file
+KISSY.add("hilo/core/Hilo",function(t,e,a){var r=window,o=document,i=o.documentElement,n=0,s={},c={version:"1.4.0",getUid:function(t){var e=++n;if(t){var a=t.charCodeAt(t.length-1);return a>=48&&a<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,a=t;a;)e=e?a.id+"."+e:a.id,a=a.parent;return e},copy:function(t,e,r){return a.copy(t,e,r),s.copy||(s.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:e,event:{POINTER_START:e.POINTER_START,POINTER_MOVE:e.POINTER_MOVE,POINTER_END:e.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(a){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var o=(r.pageXOffset||i.scrollLeft)-(i.clientLeft||0)||0,n=(r.pageYOffset||i.scrollTop)-(i.clientTop||0)||0,s=r.getComputedStyle?getComputedStyle(t):t.currentStyle,c=parseInt,h=c(s.paddingLeft)+c(s.borderLeftWidth)||0,d=c(s.paddingTop)+c(s.borderTopWidth)||0,f=c(s.paddingRight)+c(s.borderRightWidth)||0,l=c(s.paddingBottom)+c(s.borderBottomWidth)||0,g=e.top||0,p=e.left||0,m=e.right||0,T=e.bottom||0;return{left:p+o+h,top:g+n+d,width:m-f-p-h,height:T-l-g-d}},createElement:function(t,e){var a,r,i,n=o.createElement(t);for(a in e)if(r=e[a],"style"===a)for(i in r)n.style[i]=r[i];else n[a]=r;return n},getElement:function(t){return o.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,a=e.domElement.style,r=t._stateCache||(t._stateCache={}),o=c.browser.jsVendor,i="px",n=!1;if(this.cacheStateIfChanged(t,["visible"],r)&&(a.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],r)&&(a.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],r)&&(a.width=t.width+i),this.cacheStateIfChanged(t,["height"],r)&&(a.height=t.height+i),this.cacheStateIfChanged(t,["depth"],r)&&(a.zIndex=t.depth+1),t.transform){var s=t.transform;(n=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(a[o+"TransformOrigin"]="0 0"),a[o+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(n=this.cacheStateIfChanged(t,["pivotX","pivotY"],r))&&(a[o+"TransformOrigin"]=t.pivotX+i+" "+t.pivotY+i),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],r)||n)&&(a[o+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],r)&&(a.backgroundColor=t.background),a.pointerEvents||(a.pointerEvents="none");var h=e.image;if(h){var d=h.src;d!==r.image&&(r.image=d,a.backgroundImage="url("+d+")");var f=e.rect;if(f){var l=f[0],g=f[1];l!==r.sx&&(r.sx=l,a.backgroundPositionX=-l+i),g!==r.sy&&(r.sy=g,a.backgroundPositionY=-g+i)}}var p=t.mask;if(p){var m=p.drawable.domElement.style.backgroundImage;m!==r.maskImage&&(r.maskImage=m,a[o+"MaskImage"]=m,a[o+"MaskRepeat"]="no-repeat");var T=p.x,u=p.y;T===r.maskX&&u===r.maskY||(r.maskX=T,r.maskY=u,a[o+"MaskPosition"]=T+i+" "+u+i)}}},cacheStateIfChanged:function(t,e,a){var r,o,i,n,s=!1;for(r=0,o=e.length;r<o;r++)i=e[r],n=t[i],n!=a[i]&&(a[i]=n,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,a=e?"3d":"";return"translate"+a+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+a+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+a+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};return c},{requires:["hilo/util/browser","hilo/util/util"]});
\ No newline at end of file
diff --git a/build/kissy/hilo/event/EventMixin.js b/build/kissy/hilo/event/EventMixin.js
index 5a3ab276..95348c85 100644
--- a/build/kissy/hilo/event/EventMixin.js
+++ b/build/kissy/hilo/event/EventMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/event/EventMixin.min.js b/build/kissy/hilo/event/EventMixin.min.js
index b740fc1b..35309c1d 100644
--- a/build/kissy/hilo/event/EventMixin.min.js
+++ b/build/kissy/hilo/event/EventMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/game/Camera.js b/build/kissy/hilo/game/Camera.js
index 97439404..99a14dc2 100644
--- a/build/kissy/hilo/game/Camera.js
+++ b/build/kissy/hilo/game/Camera.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/game/Camera.min.js b/build/kissy/hilo/game/Camera.min.js
index 1ad7942c..1b1b0f3d 100644
--- a/build/kissy/hilo/game/Camera.min.js
+++ b/build/kissy/hilo/game/Camera.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/game/Camera3d.js b/build/kissy/hilo/game/Camera3d.js
index 945051a5..93c52639 100644
--- a/build/kissy/hilo/game/Camera3d.js
+++ b/build/kissy/hilo/game/Camera3d.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/game/Camera3d.min.js b/build/kissy/hilo/game/Camera3d.min.js
index c0517a9f..1debfdad 100644
--- a/build/kissy/hilo/game/Camera3d.min.js
+++ b/build/kissy/hilo/game/Camera3d.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/game/ParticleSystem.js b/build/kissy/hilo/game/ParticleSystem.js
index 46736916..043f58a9 100644
--- a/build/kissy/hilo/game/ParticleSystem.js
+++ b/build/kissy/hilo/game/ParticleSystem.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/game/ParticleSystem.min.js b/build/kissy/hilo/game/ParticleSystem.min.js
index 30bdd60e..112034d5 100644
--- a/build/kissy/hilo/game/ParticleSystem.min.js
+++ b/build/kissy/hilo/game/ParticleSystem.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/geom/Matrix.js b/build/kissy/hilo/geom/Matrix.js
index 00031e02..287e5b0c 100644
--- a/build/kissy/hilo/geom/Matrix.js
+++ b/build/kissy/hilo/geom/Matrix.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/geom/Matrix.min.js b/build/kissy/hilo/geom/Matrix.min.js
index 67f891a4..de3d33f0 100644
--- a/build/kissy/hilo/geom/Matrix.min.js
+++ b/build/kissy/hilo/geom/Matrix.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/loader/ImageLoader.js b/build/kissy/hilo/loader/ImageLoader.js
index 6bfec0ee..a39a081d 100644
--- a/build/kissy/hilo/loader/ImageLoader.js
+++ b/build/kissy/hilo/loader/ImageLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/loader/ImageLoader.min.js b/build/kissy/hilo/loader/ImageLoader.min.js
index 3382e6ae..d2463018 100644
--- a/build/kissy/hilo/loader/ImageLoader.min.js
+++ b/build/kissy/hilo/loader/ImageLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/loader/LoadQueue.js b/build/kissy/hilo/loader/LoadQueue.js
index 2b915af8..5fccea43 100644
--- a/build/kissy/hilo/loader/LoadQueue.js
+++ b/build/kissy/hilo/loader/LoadQueue.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/loader/LoadQueue.min.js b/build/kissy/hilo/loader/LoadQueue.min.js
index 4b635e09..cdae8006 100644
--- a/build/kissy/hilo/loader/LoadQueue.min.js
+++ b/build/kissy/hilo/loader/LoadQueue.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/loader/ScriptLoader.js b/build/kissy/hilo/loader/ScriptLoader.js
index a868c4c0..645b185a 100644
--- a/build/kissy/hilo/loader/ScriptLoader.js
+++ b/build/kissy/hilo/loader/ScriptLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/loader/ScriptLoader.min.js b/build/kissy/hilo/loader/ScriptLoader.min.js
index 4f7915d7..d1924bb9 100644
--- a/build/kissy/hilo/loader/ScriptLoader.min.js
+++ b/build/kissy/hilo/loader/ScriptLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/media/HTMLAudio.js b/build/kissy/hilo/media/HTMLAudio.js
index d4c3a52e..0fa84033 100644
--- a/build/kissy/hilo/media/HTMLAudio.js
+++ b/build/kissy/hilo/media/HTMLAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/media/HTMLAudio.min.js b/build/kissy/hilo/media/HTMLAudio.min.js
index e49ae146..ac41139d 100644
--- a/build/kissy/hilo/media/HTMLAudio.min.js
+++ b/build/kissy/hilo/media/HTMLAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/media/WebAudio.js b/build/kissy/hilo/media/WebAudio.js
index 2128b2cc..7ae38e45 100644
--- a/build/kissy/hilo/media/WebAudio.js
+++ b/build/kissy/hilo/media/WebAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/media/WebAudio.min.js b/build/kissy/hilo/media/WebAudio.min.js
index c97cbb6d..dffc78e8 100644
--- a/build/kissy/hilo/media/WebAudio.min.js
+++ b/build/kissy/hilo/media/WebAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/media/WebSound.js b/build/kissy/hilo/media/WebSound.js
index bc91617e..c520e98f 100644
--- a/build/kissy/hilo/media/WebSound.js
+++ b/build/kissy/hilo/media/WebSound.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/media/WebSound.min.js b/build/kissy/hilo/media/WebSound.min.js
index d879c7aa..e7bde416 100644
--- a/build/kissy/hilo/media/WebSound.min.js
+++ b/build/kissy/hilo/media/WebSound.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/renderer/CanvasRenderer.js b/build/kissy/hilo/renderer/CanvasRenderer.js
index d0e88ac8..e9761745 100644
--- a/build/kissy/hilo/renderer/CanvasRenderer.js
+++ b/build/kissy/hilo/renderer/CanvasRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/renderer/CanvasRenderer.min.js b/build/kissy/hilo/renderer/CanvasRenderer.min.js
index 90e35273..ef1984b7 100644
--- a/build/kissy/hilo/renderer/CanvasRenderer.min.js
+++ b/build/kissy/hilo/renderer/CanvasRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/renderer/DOMRenderer.js b/build/kissy/hilo/renderer/DOMRenderer.js
index 50b941a1..c54be6ef 100644
--- a/build/kissy/hilo/renderer/DOMRenderer.js
+++ b/build/kissy/hilo/renderer/DOMRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/renderer/DOMRenderer.min.js b/build/kissy/hilo/renderer/DOMRenderer.min.js
index 7e365606..75816706 100644
--- a/build/kissy/hilo/renderer/DOMRenderer.min.js
+++ b/build/kissy/hilo/renderer/DOMRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/renderer/Renderer.js b/build/kissy/hilo/renderer/Renderer.js
index 6e5c1cf5..eba3063e 100644
--- a/build/kissy/hilo/renderer/Renderer.js
+++ b/build/kissy/hilo/renderer/Renderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/renderer/Renderer.min.js b/build/kissy/hilo/renderer/Renderer.min.js
index c7373da9..c40eb0d4 100644
--- a/build/kissy/hilo/renderer/Renderer.min.js
+++ b/build/kissy/hilo/renderer/Renderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/renderer/WebGLRenderer.js b/build/kissy/hilo/renderer/WebGLRenderer.js
index 4d163f6b..a062460c 100644
--- a/build/kissy/hilo/renderer/WebGLRenderer.js
+++ b/build/kissy/hilo/renderer/WebGLRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -56,7 +56,13 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
                 }
             }
             return this._isSupported;
-        }
+        },
+        /**
+         * WebGL context Options
+         * @see  https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes
+         * @type {Object}
+         */
+        contextOptions: null
     },
     renderType:'webgl',
     gl:null,
@@ -65,7 +71,8 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
     constructor: function(properties){
         WebGLRenderer.superclass.constructor.call(this, properties);
         var that = this;
-        this.gl = this.canvas.getContext("webgl")||this.canvas.getContext('experimental-webgl');
+        var contextOptions = WebGLRenderer.contextOptions || {};
+        this.gl = this.canvas.getContext("webgl", contextOptions)||this.canvas.getContext('experimental-webgl', contextOptions);
 
         this.maxBatchNum = WebGLRenderer.MAX_BATCH_NUM;
         this.positionStride = WebGLRenderer.ATTRIBUTE_NUM * 4;
diff --git a/build/kissy/hilo/renderer/WebGLRenderer.min.js b/build/kissy/hilo/renderer/WebGLRenderer.min.js
index bdf5cde4..7f6be517 100644
--- a/build/kissy/hilo/renderer/WebGLRenderer.min.js
+++ b/build/kissy/hilo/renderer/WebGLRenderer.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-KISSY.add("hilo/renderer/WebGLRenderer",function(t,e,r,i,a){var n=Math.PI/180,s=e.create({Extends:i,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported}},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){s.superclass.constructor.call(this,t);var e=this;this.gl=this.canvas.getContext("webgl")||this.canvas.getContext("experimental-webgl"),this.maxBatchNum=s.MAX_BATCH_NUM,this.positionStride=4*s.ATTRIBUTE_NUM;var r=this.maxBatchNum*s.ATTRIBUTE_NUM*4,i=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*r),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(i);for(var a=0,n=0;a<i;a+=6,n+=4)this.indexs[a+0]=n+0,this.indexs[a+1]=n+1,this.indexs[a+2]=n+2,this.indexs[a+3]=n+1,this.indexs[a+4]=n+2,this.indexs[a+5]=n+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,r=t.height,i=(t.background,t.drawable),a=i&&i.image;if(a){var n=i.rect,s=n[2],o=n[3];e||r||(e=t.width=s,r=t.height=o),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(a,n[0],n[1],s,o,0,0,e,r),c=this.batchIndex*this.positionStride,_=this.float32Array,l=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);_[c+0]=h[0],_[c+1]=h[1],_[c+2]=h[2],_[c+3]=h[3],l[c+4]=d,_[c+5]=h[4],_[c+6]=h[5],_[c+7]=h[6],_[c+8]=h[7],l[c+9]=d,_[c+10]=h[8],_[c+11]=h[9],_[c+12]=h[10],_[c+13]=h[11],l[c+14]=d,_[c+15]=h[12],_[c+16]=h[13],_[c+17]=h[14],_[c+18]=h[15],l[c+19]=d;for(var u=t.__webglWorldMatrix,f=0;f<4;f++){var g=_[c+5*f],T=_[c+5*f+1];_[c+5*f]=u.a*g+u.c*T+u.tx,_[c+5*f+1]=u.b*g+u.d*T+u.ty}t.__textureImage=a,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void r.setElementStyleByView(t);var i=t.scaleX,n=t.scaleY;if(t===this.stage){var s=this.canvas.style,o=t._scaleX,h=t._scaleY,c=!1;(!o&&1!=i||o&&o!=i)&&(t._scaleX=i,s.width=i*t.width+"px",c=!0),(!h&&1!=n||h&&h!=n)&&(t._scaleY=n,s.height=n*t.height+"px",c=!0),c&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new a(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new a(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,r=e&&e.domElement;if(r){var i=r.parentNode;i&&i.removeChild(r)}},clear:function(t,e,r,i){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var r=this.canvas,i=this.stage,a=r.style;this.width=r.width=t,this.height=r.height=e,a.width=i.width*i.scaleX+"px",a.height=i.height*i.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,r=0,i=null,a=0;a<this.batchIndex;a++){var n=this.sprites[a];i&&i!==n.__textureImage&&(this._renderBatch(e,a),e=a,r=1),i=n.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var r=this.gl,i=e-t;i>0&&(r.bindTexture(r.TEXTURE_2D,this._getTexture(this.sprites[t])),r.drawElements(r.TRIANGLES,6*i,r.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new o(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,r,i,a,n,s,o,h){var c=this.__tempVertexs||[],_=t.width,l=t.height;i/=_,a/=l,e/=_,r/=l,o=o,h=h,n=n,s=s,i+e>1&&(i=1-e),a+r>1&&(a=1-r);var d=0;return c[d++]=n,c[d++]=s,c[d++]=e,c[d++]=r,c[d++]=n+o,c[d++]=s,c[d++]=e+i,c[d++]=r,c[d++]=n,c[d++]=s+h,c[d++]=e,c[d++]=r+a,c[d++]=n+o,c[d++]=s+h,c[d++]=e+i,c[d++]=r+a,c},_setConcatenatedMatrix:function(t,e){var r=t.__webglWorldMatrix,i=1,a=0,s=t.rotation%360,o=t.pivotX,h=t.pivotY,c=t.scaleX,_=t.scaleY,l=t.transform;if(l)r.copy(l);else{if(s){var d=s*n;i=Math.cos(d),a=Math.sin(d)}var u=t.getAlignPosition();r.a=i*c,r.b=a*c,r.c=-a*_,r.d=i*_,r.tx=u.x-r.a*o-r.c*h,r.ty=u.y-r.b*o-r.d*h}r.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,r=this._cacheTexture[e.src];return r||(r=this.activeShader.uploadTexture(e)),r}}),o=function(t,e,r){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),r=r||{},this.attributes=r.attributes||[],this.uniforms=r.uniforms||[]};return o.prototype={active:function(){var t=this,e=t.renderer,r=t.gl,i=t.program;i&&r&&(e.activeShader=t,r.useProgram(i),t.attributes.forEach(function(t){e[t]=r.getAttribLocation(i,t),r.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=r.getUniformLocation(i,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,r=this.renderer,i=e.createTexture(),a=r.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,i),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(a,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=i,i},_createProgram:function(t,e,r){var i=this._createShader(t,t.VERTEX_SHADER,e),a=this._createShader(t,t.FRAGMENT_SHADER,r);if(!i||!a)return null;var n=t.createProgram();if(n){t.attachShader(n,i),t.attachShader(n,a),t.linkProgram(n),t.deleteShader(a),t.deleteShader(i);var s=t.getProgramParameter(n,t.LINK_STATUS);if(!s){var o=t.getProgramInfoLog(n);return console.log("Failed to link program: "+o),t.deleteProgram(n),null}}return n},_createShader:function(t,e,r){var i=t.createShader(e);if(i){t.shaderSource(i,r),t.compileShader(i);var a=t.getShaderParameter(i,t.COMPILE_STATUS);if(!a){var n=t.getShaderInfoLog(i);return console.log("Failed to compile shader: "+n),t.deleteShader(i),null}}return i}},s},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer","hilo/geom/Matrix"]});
\ No newline at end of file
+KISSY.add("hilo/renderer/WebGLRenderer",function(t,e,r,i,a){var n=Math.PI/180,s=e.create({Extends:i,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported},contextOptions:null},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){s.superclass.constructor.call(this,t);var e=this,r=s.contextOptions||{};this.gl=this.canvas.getContext("webgl",r)||this.canvas.getContext("experimental-webgl",r),this.maxBatchNum=s.MAX_BATCH_NUM,this.positionStride=4*s.ATTRIBUTE_NUM;var i=this.maxBatchNum*s.ATTRIBUTE_NUM*4,a=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*i),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(a);for(var n=0,o=0;n<a;n+=6,o+=4)this.indexs[n+0]=o+0,this.indexs[n+1]=o+1,this.indexs[n+2]=o+2,this.indexs[n+3]=o+1,this.indexs[n+4]=o+2,this.indexs[n+5]=o+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,r=t.height,i=(t.background,t.drawable),a=i&&i.image;if(a){var n=i.rect,s=n[2],o=n[3];e||r||(e=t.width=s,r=t.height=o),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(a,n[0],n[1],s,o,0,0,e,r),c=this.batchIndex*this.positionStride,_=this.float32Array,l=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);_[c+0]=h[0],_[c+1]=h[1],_[c+2]=h[2],_[c+3]=h[3],l[c+4]=d,_[c+5]=h[4],_[c+6]=h[5],_[c+7]=h[6],_[c+8]=h[7],l[c+9]=d,_[c+10]=h[8],_[c+11]=h[9],_[c+12]=h[10],_[c+13]=h[11],l[c+14]=d,_[c+15]=h[12],_[c+16]=h[13],_[c+17]=h[14],_[c+18]=h[15],l[c+19]=d;for(var u=t.__webglWorldMatrix,f=0;f<4;f++){var g=_[c+5*f],x=_[c+5*f+1];_[c+5*f]=u.a*g+u.c*x+u.tx,_[c+5*f+1]=u.b*g+u.d*x+u.ty}t.__textureImage=a,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void r.setElementStyleByView(t);var i=t.scaleX,n=t.scaleY;if(t===this.stage){var s=this.canvas.style,o=t._scaleX,h=t._scaleY,c=!1;(!o&&1!=i||o&&o!=i)&&(t._scaleX=i,s.width=i*t.width+"px",c=!0),(!h&&1!=n||h&&h!=n)&&(t._scaleY=n,s.height=n*t.height+"px",c=!0),c&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new a(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new a(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,r=e&&e.domElement;if(r){var i=r.parentNode;i&&i.removeChild(r)}},clear:function(t,e,r,i){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var r=this.canvas,i=this.stage,a=r.style;this.width=r.width=t,this.height=r.height=e,a.width=i.width*i.scaleX+"px",a.height=i.height*i.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,r=0,i=null,a=0;a<this.batchIndex;a++){var n=this.sprites[a];i&&i!==n.__textureImage&&(this._renderBatch(e,a),e=a,r=1),i=n.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var r=this.gl,i=e-t;i>0&&(r.bindTexture(r.TEXTURE_2D,this._getTexture(this.sprites[t])),r.drawElements(r.TRIANGLES,6*i,r.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new o(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,r,i,a,n,s,o,h){var c=this.__tempVertexs||[],_=t.width,l=t.height;i/=_,a/=l,e/=_,r/=l,o=o,h=h,n=n,s=s,i+e>1&&(i=1-e),a+r>1&&(a=1-r);var d=0;return c[d++]=n,c[d++]=s,c[d++]=e,c[d++]=r,c[d++]=n+o,c[d++]=s,c[d++]=e+i,c[d++]=r,c[d++]=n,c[d++]=s+h,c[d++]=e,c[d++]=r+a,c[d++]=n+o,c[d++]=s+h,c[d++]=e+i,c[d++]=r+a,c},_setConcatenatedMatrix:function(t,e){var r=t.__webglWorldMatrix,i=1,a=0,s=t.rotation%360,o=t.pivotX,h=t.pivotY,c=t.scaleX,_=t.scaleY,l=t.transform;if(l)r.copy(l);else{if(s){var d=s*n;i=Math.cos(d),a=Math.sin(d)}var u=t.getAlignPosition();r.a=i*c,r.b=a*c,r.c=-a*_,r.d=i*_,r.tx=u.x-r.a*o-r.c*h,r.ty=u.y-r.b*o-r.d*h}r.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,r=this._cacheTexture[e.src];return r||(r=this.activeShader.uploadTexture(e)),r}}),o=function(t,e,r){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),r=r||{},this.attributes=r.attributes||[],this.uniforms=r.uniforms||[]};return o.prototype={active:function(){var t=this,e=t.renderer,r=t.gl,i=t.program;i&&r&&(e.activeShader=t,r.useProgram(i),t.attributes.forEach(function(t){e[t]=r.getAttribLocation(i,t),r.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=r.getUniformLocation(i,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,r=this.renderer,i=e.createTexture(),a=r.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,i),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(a,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=i,i},_createProgram:function(t,e,r){var i=this._createShader(t,t.VERTEX_SHADER,e),a=this._createShader(t,t.FRAGMENT_SHADER,r);if(!i||!a)return null;var n=t.createProgram();if(n){t.attachShader(n,i),t.attachShader(n,a),t.linkProgram(n),t.deleteShader(a),t.deleteShader(i);var s=t.getProgramParameter(n,t.LINK_STATUS);if(!s){var o=t.getProgramInfoLog(n);return console.log("Failed to link program: "+o),t.deleteProgram(n),null}}return n},_createShader:function(t,e,r){var i=t.createShader(e);if(i){t.shaderSource(i,r),t.compileShader(i);var a=t.getShaderParameter(i,t.COMPILE_STATUS);if(!a){var n=t.getShaderInfoLog(i);return console.log("Failed to compile shader: "+n),t.deleteShader(i),null}}return i}},s},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/renderer/Renderer","hilo/geom/Matrix"]});
\ No newline at end of file
diff --git a/build/kissy/hilo/tween/Ease.js b/build/kissy/hilo/tween/Ease.js
index 44c6550f..0b53ff2c 100644
--- a/build/kissy/hilo/tween/Ease.js
+++ b/build/kissy/hilo/tween/Ease.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/tween/Ease.min.js b/build/kissy/hilo/tween/Ease.min.js
index a3d521e5..aae6e90c 100644
--- a/build/kissy/hilo/tween/Ease.min.js
+++ b/build/kissy/hilo/tween/Ease.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/tween/Tween.js b/build/kissy/hilo/tween/Tween.js
index 86b507db..4fd80696 100644
--- a/build/kissy/hilo/tween/Tween.js
+++ b/build/kissy/hilo/tween/Tween.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/tween/Tween.min.js b/build/kissy/hilo/tween/Tween.min.js
index 3b7f7a75..e4f674e5 100644
--- a/build/kissy/hilo/tween/Tween.min.js
+++ b/build/kissy/hilo/tween/Tween.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/util/TextureAtlas.js b/build/kissy/hilo/util/TextureAtlas.js
index 868b80c0..a7589d6e 100644
--- a/build/kissy/hilo/util/TextureAtlas.js
+++ b/build/kissy/hilo/util/TextureAtlas.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/util/TextureAtlas.min.js b/build/kissy/hilo/util/TextureAtlas.min.js
index bb84ce5d..b0850aba 100644
--- a/build/kissy/hilo/util/TextureAtlas.min.js
+++ b/build/kissy/hilo/util/TextureAtlas.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/util/Ticker.js b/build/kissy/hilo/util/Ticker.js
index b49b36a2..7b792266 100644
--- a/build/kissy/hilo/util/Ticker.js
+++ b/build/kissy/hilo/util/Ticker.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/util/Ticker.min.js b/build/kissy/hilo/util/Ticker.min.js
index 46fc1cbf..7099dca1 100644
--- a/build/kissy/hilo/util/Ticker.min.js
+++ b/build/kissy/hilo/util/Ticker.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/util/browser.js b/build/kissy/hilo/util/browser.js
index e672cdb5..a6e333af 100644
--- a/build/kissy/hilo/util/browser.js
+++ b/build/kissy/hilo/util/browser.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/util/browser.min.js b/build/kissy/hilo/util/browser.min.js
index 73d1ce41..95a93335 100644
--- a/build/kissy/hilo/util/browser.min.js
+++ b/build/kissy/hilo/util/browser.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/util/drag.js b/build/kissy/hilo/util/drag.js
index 80af7e20..399b0fd2 100644
--- a/build/kissy/hilo/util/drag.js
+++ b/build/kissy/hilo/util/drag.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/util/drag.min.js b/build/kissy/hilo/util/drag.min.js
index 1b1aa1ad..7f5c4cd6 100644
--- a/build/kissy/hilo/util/drag.min.js
+++ b/build/kissy/hilo/util/drag.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/util/polyfill.js b/build/kissy/hilo/util/polyfill.js
index da592488..fab724e4 100644
--- a/build/kissy/hilo/util/polyfill.js
+++ b/build/kissy/hilo/util/polyfill.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/util/polyfill.min.js b/build/kissy/hilo/util/polyfill.min.js
index d30070d7..f3cb8339 100644
--- a/build/kissy/hilo/util/polyfill.min.js
+++ b/build/kissy/hilo/util/polyfill.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/util/util.js b/build/kissy/hilo/util/util.js
index c1b62241..ed6159e8 100644
--- a/build/kissy/hilo/util/util.js
+++ b/build/kissy/hilo/util/util.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/util/util.min.js b/build/kissy/hilo/util/util.min.js
index c9aec06f..3a7a1bb1 100644
--- a/build/kissy/hilo/util/util.min.js
+++ b/build/kissy/hilo/util/util.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Bitmap.js b/build/kissy/hilo/view/Bitmap.js
index c090e715..7ed6285b 100644
--- a/build/kissy/hilo/view/Bitmap.js
+++ b/build/kissy/hilo/view/Bitmap.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Bitmap.min.js b/build/kissy/hilo/view/Bitmap.min.js
index 5db9fdeb..9d0f223d 100644
--- a/build/kissy/hilo/view/Bitmap.min.js
+++ b/build/kissy/hilo/view/Bitmap.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/BitmapText.js b/build/kissy/hilo/view/BitmapText.js
index deb03359..7bec0adc 100644
--- a/build/kissy/hilo/view/BitmapText.js
+++ b/build/kissy/hilo/view/BitmapText.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/BitmapText.min.js b/build/kissy/hilo/view/BitmapText.min.js
index 12251bc9..687e8f2b 100644
--- a/build/kissy/hilo/view/BitmapText.min.js
+++ b/build/kissy/hilo/view/BitmapText.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Button.js b/build/kissy/hilo/view/Button.js
index e062561f..384e2680 100644
--- a/build/kissy/hilo/view/Button.js
+++ b/build/kissy/hilo/view/Button.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Button.min.js b/build/kissy/hilo/view/Button.min.js
index 3a5fb7d2..a810b157 100644
--- a/build/kissy/hilo/view/Button.min.js
+++ b/build/kissy/hilo/view/Button.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/CacheMixin.js b/build/kissy/hilo/view/CacheMixin.js
index 240847b8..f5fb07c3 100644
--- a/build/kissy/hilo/view/CacheMixin.js
+++ b/build/kissy/hilo/view/CacheMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/CacheMixin.min.js b/build/kissy/hilo/view/CacheMixin.min.js
index 531f43d4..4bc52958 100644
--- a/build/kissy/hilo/view/CacheMixin.min.js
+++ b/build/kissy/hilo/view/CacheMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Container.js b/build/kissy/hilo/view/Container.js
index 2afc447a..396fbd19 100644
--- a/build/kissy/hilo/view/Container.js
+++ b/build/kissy/hilo/view/Container.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Container.min.js b/build/kissy/hilo/view/Container.min.js
index 79e3ae2d..8517feca 100644
--- a/build/kissy/hilo/view/Container.min.js
+++ b/build/kissy/hilo/view/Container.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/DOMElement.js b/build/kissy/hilo/view/DOMElement.js
index fbb779a5..5d1b1d5a 100644
--- a/build/kissy/hilo/view/DOMElement.js
+++ b/build/kissy/hilo/view/DOMElement.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/DOMElement.min.js b/build/kissy/hilo/view/DOMElement.min.js
index 4e9e2c5d..5ddca5ec 100644
--- a/build/kissy/hilo/view/DOMElement.min.js
+++ b/build/kissy/hilo/view/DOMElement.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Drawable.js b/build/kissy/hilo/view/Drawable.js
index cd1f5f74..faaeb3d1 100644
--- a/build/kissy/hilo/view/Drawable.js
+++ b/build/kissy/hilo/view/Drawable.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Drawable.min.js b/build/kissy/hilo/view/Drawable.min.js
index e1268bd5..c107bbeb 100644
--- a/build/kissy/hilo/view/Drawable.min.js
+++ b/build/kissy/hilo/view/Drawable.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Graphics.js b/build/kissy/hilo/view/Graphics.js
index 1bcf698f..d50c4604 100644
--- a/build/kissy/hilo/view/Graphics.js
+++ b/build/kissy/hilo/view/Graphics.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -9,7 +9,7 @@ KISSY.add('hilo/view/Graphics', function(S, Hilo, Class, View, CacheMixin){
 
 /**
  * @language=en
- * <iframe src='../../../examples/Graphics.html?noHeader' width = '320' height = '400' scrolling='no'></iframe>
+ * <iframe src='../../../examples/Graphics.html?noHeader' width = '430' height = '400' scrolling='no'></iframe>
  * <br/>
  * @class Graphics class contains a group of functions for creating vector graphics.
  * @augments View
diff --git a/build/kissy/hilo/view/Graphics.min.js b/build/kissy/hilo/view/Graphics.min.js
index 35c1ba0b..74347766 100644
--- a/build/kissy/hilo/view/Graphics.min.js
+++ b/build/kissy/hilo/view/Graphics.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Sprite.js b/build/kissy/hilo/view/Sprite.js
index 8e1893b7..3ac846f8 100644
--- a/build/kissy/hilo/view/Sprite.js
+++ b/build/kissy/hilo/view/Sprite.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Sprite.min.js b/build/kissy/hilo/view/Sprite.min.js
index 7b57bff5..ce979e17 100644
--- a/build/kissy/hilo/view/Sprite.min.js
+++ b/build/kissy/hilo/view/Sprite.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Stage.js b/build/kissy/hilo/view/Stage.js
index cbd029d6..81d88a65 100644
--- a/build/kissy/hilo/view/Stage.js
+++ b/build/kissy/hilo/view/Stage.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Stage.min.js b/build/kissy/hilo/view/Stage.min.js
index 49d229ac..b8e89909 100644
--- a/build/kissy/hilo/view/Stage.min.js
+++ b/build/kissy/hilo/view/Stage.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Text.js b/build/kissy/hilo/view/Text.js
index 1cd999fd..57032cb5 100644
--- a/build/kissy/hilo/view/Text.js
+++ b/build/kissy/hilo/view/Text.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -47,7 +47,7 @@ var Text = Class.create(/** @lends Text.prototype */{
         this._fontHeight = Text.measureFontHeight(this.font);
     },
 
-    text: null,
+    text: '',
     color: '#000',
     textAlign: null,
     textVAlign: null,
diff --git a/build/kissy/hilo/view/Text.min.js b/build/kissy/hilo/view/Text.min.js
index 59df6d64..2e5cb5de 100644
--- a/build/kissy/hilo/view/Text.min.js
+++ b/build/kissy/hilo/view/Text.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-KISSY.add("hilo/view/Text",function(t,e,i,n,o){var r=e.create({Extends:n,Mixes:o,constructor:function(t){t=t||{},this.id=this.id||t.id||i.getUid("Text"),r.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=r.measureFontHeight(this.font)},text:null,color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=r.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var n=i.drawable,o=n.domElement,r=o.style;r.font=i.font,r.textAlign=i.textAlign,r.color=i.color,r.width=i.width+"px",r.height=i.height+"px",r.lineHeight=i._fontHeight+i.lineSpacing+"px",o.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var n,o,r,h,l,a=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),s=0,d=0,c=e._fontHeight+e.lineSpacing,x=[];for(n=0,h=a.length;n<h;n++)if(o=a[n],r=t.measureText(o).width,r<=e.maxWidth)x.push({text:o,y:d}),s<r&&(s=r),d+=c;else{var g,f,u,w="",m=0;for(f=0,l=o.length;f<l;f++)u=o[f],g=t.measureText(w+u).width,g>e.maxWidth?(x.push({text:w,y:d}),s<m&&(s=m),d+=c,w=u):(m=g,w+=u),f==l-1&&(x.push({text:w,y:d}),w!==u&&s<g&&(s=g),d+=c)}e.textWidth=s,e.textHeight=d,e.width||(e.width=s),e.height||(e.height=d);var p=0;switch(e.textVAlign){case"middle":p=e.height-e.textHeight>>1;break;case"bottom":p=e.height-e.textHeight}var v=e.background;for(v&&(t.fillStyle=v,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,n=0;n<x.length;n++)o=x[n],e._drawTextLine(t,o.text,p+o.y)}},_drawTextLine:function(t,e,i){var n=this,o=0,r=n.width;switch(n.textAlign){case"center":o=r>>1;break;case"right":case"end":o=r}n.outline?t.strokeText(e,o,i):t.fillText(e,o,i)},Statics:{measureFontHeight:function(t){var e,n=document.documentElement,o=i.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return n.appendChild(o),e=o.offsetHeight,n.removeChild(o),e}}});return r},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/view/View","hilo/view/CacheMixin"]});
\ No newline at end of file
+KISSY.add("hilo/view/Text",function(t,e,i,n,o){var r=e.create({Extends:n,Mixes:o,constructor:function(t){t=t||{},this.id=this.id||t.id||i.getUid("Text"),r.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=r.measureFontHeight(this.font)},text:"",color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=r.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var n=i.drawable,o=n.domElement,r=o.style;r.font=i.font,r.textAlign=i.textAlign,r.color=i.color,r.width=i.width+"px",r.height=i.height+"px",r.lineHeight=i._fontHeight+i.lineSpacing+"px",o.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var n,o,r,h,l,a=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),s=0,d=0,c=e._fontHeight+e.lineSpacing,x=[];for(n=0,h=a.length;n<h;n++)if(o=a[n],r=t.measureText(o).width,r<=e.maxWidth)x.push({text:o,y:d}),s<r&&(s=r),d+=c;else{var g,f,u,w="",m=0;for(f=0,l=o.length;f<l;f++)u=o[f],g=t.measureText(w+u).width,g>e.maxWidth?(x.push({text:w,y:d}),s<m&&(s=m),d+=c,w=u):(m=g,w+=u),f==l-1&&(x.push({text:w,y:d}),w!==u&&s<g&&(s=g),d+=c)}e.textWidth=s,e.textHeight=d,e.width||(e.width=s),e.height||(e.height=d);var p=0;switch(e.textVAlign){case"middle":p=e.height-e.textHeight>>1;break;case"bottom":p=e.height-e.textHeight}var v=e.background;for(v&&(t.fillStyle=v,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,n=0;n<x.length;n++)o=x[n],e._drawTextLine(t,o.text,p+o.y)}},_drawTextLine:function(t,e,i){var n=this,o=0,r=n.width;switch(n.textAlign){case"center":o=r>>1;break;case"right":case"end":o=r}n.outline?t.strokeText(e,o,i):t.fillText(e,o,i)},Statics:{measureFontHeight:function(t){var e,n=document.documentElement,o=i.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return n.appendChild(o),e=o.offsetHeight,n.removeChild(o),e}}});return r},{requires:["hilo/core/Class","hilo/core/Hilo","hilo/view/View","hilo/view/CacheMixin"]});
\ No newline at end of file
diff --git a/build/kissy/hilo/view/View.js b/build/kissy/hilo/view/View.js
index 55372748..0b1ea1bb 100644
--- a/build/kissy/hilo/view/View.js
+++ b/build/kissy/hilo/view/View.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/View.min.js b/build/kissy/hilo/view/View.min.js
index d04b6eb7..11b90395 100644
--- a/build/kissy/hilo/view/View.min.js
+++ b/build/kissy/hilo/view/View.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for kissy
+ * Hilo 1.4.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/physics/physics.js b/build/physics/physics.js
index ce1f876a..219532da 100644
--- a/build/physics/physics.js
+++ b/build/physics/physics.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for physics
+ * Hilo 1.4.0 for physics
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/physics/physics.min.js b/build/physics/physics.min.js
index a629cd68..09bf71d2 100644
--- a/build/physics/physics.min.js
+++ b/build/physics/physics.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for physics
+ * Hilo 1.4.0 for physics
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo-standalone.js b/build/standalone/hilo-standalone.js
index 74dd7c5c..1159c8b3 100644
--- a/build/standalone/hilo-standalone.js
+++ b/build/standalone/hilo-standalone.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -190,7 +190,7 @@ var browser = (function(){
 window.Hilo.browser = browser;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -225,7 +225,7 @@ var util = {
 window.Hilo.util = util;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -255,7 +255,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.3.0',
+    version: '1.4.0',
     /**
      * @language=en
      * Gets a globally unique id. Such as Stage1, Bitmap2 etc.
@@ -561,7 +561,7 @@ var Hilo = {
 for(var i in Hilo){window.Hilo[i] = Hilo[i];}
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -742,7 +742,7 @@ return {create:create, mix:mix};
 window.Hilo.Class = Class;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -965,7 +965,7 @@ var Matrix = Class.create(/** @lends Matrix.prototype */{
 window.Hilo.Matrix = Matrix;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1117,7 +1117,7 @@ if(RawEvent){
 window.Hilo.EventMixin = EventMixin;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1198,7 +1198,7 @@ var Drawable = Class.create(/** @lends Drawable.prototype */{
 window.Hilo.Drawable = Drawable;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1292,7 +1292,7 @@ var Renderer = Class.create(/** @lends Renderer.prototype */{
 window.Hilo.Renderer = Renderer;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1503,7 +1503,7 @@ var CanvasRenderer = Class.create( /** @lends CanvasRenderer.prototype */ {
 window.Hilo.CanvasRenderer = CanvasRenderer;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1686,7 +1686,7 @@ function createDOMDrawable(view, imageObj){
 window.Hilo.DOMRenderer = DOMRenderer;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1746,7 +1746,13 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
                 }
             }
             return this._isSupported;
-        }
+        },
+        /**
+         * WebGL context Options
+         * @see  https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes
+         * @type {Object}
+         */
+        contextOptions: null
     },
     renderType:'webgl',
     gl:null,
@@ -1755,7 +1761,8 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
     constructor: function(properties){
         WebGLRenderer.superclass.constructor.call(this, properties);
         var that = this;
-        this.gl = this.canvas.getContext("webgl")||this.canvas.getContext('experimental-webgl');
+        var contextOptions = WebGLRenderer.contextOptions || {};
+        this.gl = this.canvas.getContext("webgl", contextOptions)||this.canvas.getContext('experimental-webgl', contextOptions);
 
         this.maxBatchNum = WebGLRenderer.MAX_BATCH_NUM;
         this.positionStride = WebGLRenderer.ATTRIBUTE_NUM * 4;
@@ -2264,7 +2271,7 @@ Shader.prototype = {
 window.Hilo.WebGLRenderer = WebGLRenderer;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2763,7 +2770,7 @@ function doSATCheck(poly1, poly2, result){
 window.Hilo.View = View;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2829,7 +2836,7 @@ var CacheMixin = /** @lends CacheMixin# */ {
 window.Hilo.CacheMixin = CacheMixin;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3203,7 +3210,7 @@ var Container = Class.create(/** @lends Container.prototype */{
 window.Hilo.Container = Container;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3475,7 +3482,7 @@ var Stage = Class.create(/** @lends Stage.prototype */{
 window.Hilo.Stage = Stage;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3554,7 +3561,7 @@ var Drawable = window.Hilo.Drawable;
 window.Hilo.Bitmap = Bitmap;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3826,7 +3833,7 @@ var Sprite = Class.create(/** @lends Sprite.prototype */{
 window.Hilo.Sprite = Sprite;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3942,7 +3949,7 @@ var DOMElement = Class.create(/** @lends DOMElement.prototype */{
 window.Hilo.DOMElement = DOMElement;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3955,7 +3962,7 @@ var CacheMixin = window.Hilo.CacheMixin;
 
 /**
  * @language=en
- * <iframe src='../../../examples/Graphics.html?noHeader' width = '320' height = '400' scrolling='no'></iframe>
+ * <iframe src='../../../examples/Graphics.html?noHeader' width = '430' height = '400' scrolling='no'></iframe>
  * <br/>
  * @class Graphics class contains a group of functions for creating vector graphics.
  * @augments View
@@ -4505,7 +4512,7 @@ return Class.create(/** @lends Graphics.prototype */{
 window.Hilo.Graphics = Graphics;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4556,7 +4563,7 @@ var Text = Class.create(/** @lends Text.prototype */{
         this._fontHeight = Text.measureFontHeight(this.font);
     },
 
-    text: null,
+    text: '',
     color: '#000',
     textAlign: null,
     textVAlign: null,
@@ -4759,7 +4766,7 @@ var Text = Class.create(/** @lends Text.prototype */{
 window.Hilo.Text = Text;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4944,7 +4951,7 @@ var BitmapText = Class.create(/** @lends BitmapText.prototype */{
 window.Hilo.BitmapText = BitmapText;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5125,7 +5132,7 @@ var util = window.Hilo.util;
 window.Hilo.Button = Button;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5361,7 +5368,7 @@ function isNumber(value){
 window.Hilo.TextureAtlas = TextureAtlas;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5590,7 +5597,7 @@ var Ticker = Class.create(/** @lends Ticker.prototype */{
 window.Hilo.Ticker = Ticker;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5638,7 +5645,7 @@ if (!fnProto.bind) {
 window.Hilo.undefined = undefined;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5775,7 +5782,7 @@ var drag = {
 window.Hilo.drag = drag;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6224,7 +6231,7 @@ return Class.create(/** @lends Tween.prototype */{
 window.Hilo.Tween = Tween;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6494,7 +6501,7 @@ return {
 window.Hilo.Ease = Ease;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6541,7 +6548,7 @@ var ImageLoader = Class.create({
 window.Hilo.ImageLoader = ImageLoader;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6607,7 +6614,7 @@ var ScriptLoader = Class.create({
 window.Hilo.ScriptLoader = ScriptLoader;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6859,7 +6866,7 @@ function getExtension(src){
 window.Hilo.LoadQueue = LoadQueue;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7063,7 +7070,7 @@ var HTMLAudio = Class.create(/** @lends HTMLAudio.prototype */{
 window.Hilo.HTMLAudio = HTMLAudio;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7381,7 +7388,7 @@ return Class.create(/** @lends WebAudio.prototype */{
 window.Hilo.WebAudio = WebAudio;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7485,7 +7492,7 @@ var WebSound = {
 window.Hilo.WebSound = WebSound;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7578,7 +7585,7 @@ var Camera = Class.create(/** @lends Camera.prototype */{
 window.Hilo.Camera = Camera;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7765,7 +7772,7 @@ var Camera3d = (function(){
 window.Hilo.Camera3d = Camera3d;
 })(window);
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo-standalone.min.js b/build/standalone/hilo-standalone.min.js
index 177a3755..e8a13a9f 100644
--- a/build/standalone/hilo-standalone.min.js
+++ b/build/standalone/hilo-standalone.min.js
@@ -1,8 +1,8 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-!function(t){t.Hilo||(t.Hilo={});var e=function(){var e=navigator.userAgent,i=document,n=t,r=i.documentElement,a={iphone:/iphone/i.test(e),ipad:/ipad/i.test(e),ipod:/ipod/i.test(e),ios:/iphone|ipad|ipod/i.test(e),android:/android/i.test(e),webkit:/webkit/i.test(e),chrome:/chrome/i.test(e),safari:/safari/i.test(e),firefox:/firefox/i.test(e),ie:/msie/i.test(e),opera:/opera/i.test(e),supportTouch:"ontouchstart"in n,supportCanvas:null!=i.createElement("canvas").getContext,supportStorage:!1,supportOrientation:"orientation"in n||"orientation"in n.screen,supportDeviceMotion:"ondevicemotion"in n};try{var o="hilo";localStorage.setItem(o,o),localStorage.removeItem(o),a.supportStorage=!0}catch(s){}var l=a.jsVendor=a.webkit?"webkit":a.firefox?"webkit":a.opera?"o":a.ie?"ms":"",h=a.cssVendor="-"+l+"-",c=i.createElement("div"),u=c.style,d=void 0!=u[l+"Transform"],f=void 0!=u[l+"Perspective"];f&&(c.id="test3d",u=i.createElement("style"),u.textContent="@media ("+h+"transform-3d){#test3d{height:3px}}",i.head.appendChild(u),r.appendChild(c),f=3==c.offsetHeight,i.head.removeChild(u),r.removeChild(c)),a.supportTransform=d,a.supportTransform3D=f;var p=a.supportTouch,v=p?"touchstart":"mousedown",m=p?"touchmove":"mousemove",g=p?"touchend":"mouseup";return a.POINTER_START=v,a.POINTER_MOVE=m,a.POINTER_END=g,a}();t.Hilo.browser=e}(window),function(t){t.Hilo||(t.Hilo={});var e={copy:function(t,e,i){for(var n in e)i&&!t.hasOwnProperty(n)&&void 0===t[n]||(t[n]=e[n]);return t}};t.Hilo.util=e}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.browser,i=t.Hilo.util,n=t,r=document,a=r.documentElement,o=0,s={},l={version:"1.3.0",getUid:function(t){var e=++o;if(t){var i=t.charCodeAt(t.length-1);return i>=48&&i<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,i=t;i;)e=e?i.id+"."+e:i.id,i=i.parent;return e},copy:function(t,e,n){return i.copy(t,e,n),s.copy||(s.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:e,event:{POINTER_START:e.POINTER_START,POINTER_MOVE:e.POINTER_MOVE,POINTER_END:e.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(i){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var r=(n.pageXOffset||a.scrollLeft)-(a.clientLeft||0)||0,o=(n.pageYOffset||a.scrollTop)-(a.clientTop||0)||0,s=n.getComputedStyle?getComputedStyle(t):t.currentStyle,l=parseInt,h=l(s.paddingLeft)+l(s.borderLeftWidth)||0,c=l(s.paddingTop)+l(s.borderTopWidth)||0,u=l(s.paddingRight)+l(s.borderRightWidth)||0,d=l(s.paddingBottom)+l(s.borderBottomWidth)||0,f=e.top||0,p=e.left||0,v=e.right||0,m=e.bottom||0;return{left:p+r+h,top:f+o+c,width:v-u-p-h,height:m-d-f-c}},createElement:function(t,e){var i,n,a,o=r.createElement(t);for(i in e)if(n=e[i],"style"===i)for(a in n)o.style[a]=n[a];else o[i]=n;return o},getElement:function(t){return r.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,i=e.domElement.style,n=t._stateCache||(t._stateCache={}),r=l.browser.jsVendor,a="px",o=!1;if(this.cacheStateIfChanged(t,["visible"],n)&&(i.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],n)&&(i.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],n)&&(i.width=t.width+a),this.cacheStateIfChanged(t,["height"],n)&&(i.height=t.height+a),this.cacheStateIfChanged(t,["depth"],n)&&(i.zIndex=t.depth+1),t.transform){var s=t.transform;(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],n))&&(i[r+"TransformOrigin"]="0 0"),i[r+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],n))&&(i[r+"TransformOrigin"]=t.pivotX+a+" "+t.pivotY+a),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],n)||o)&&(i[r+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],n)&&(i.backgroundColor=t.background),i.pointerEvents||(i.pointerEvents="none");var h=e.image;if(h){var c=h.src;c!==n.image&&(n.image=c,i.backgroundImage="url("+c+")");var u=e.rect;if(u){var d=u[0],f=u[1];d!==n.sx&&(n.sx=d,i.backgroundPositionX=-d+a),f!==n.sy&&(n.sy=f,i.backgroundPositionY=-f+a)}}var p=t.mask;if(p){var v=p.drawable.domElement.style.backgroundImage;v!==n.maskImage&&(n.maskImage=v,i[r+"MaskImage"]=v,i[r+"MaskRepeat"]="no-repeat");var m=p.x,g=p.y;m===n.maskX&&g===n.maskY||(n.maskX=m,n.maskY=g,i[r+"MaskPosition"]=m+a+" "+g+a)}}},cacheStateIfChanged:function(t,e,i){var n,r,a,o,s=!1;for(n=0,r=e.length;n<r;n++)a=e[n],o=t[a],o!=i[a]&&(i[a]=o,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,i=e?"3d":"";return"translate"+i+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+i+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+i+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};for(var h in l)t.Hilo[h]=l[h]}(window),function(t){t.Hilo||(t.Hilo={});var e=function(){var t,e,i=function(t){t=t||{};var e=t.hasOwnProperty("constructor")?t.constructor:function(){};return n.call(e,t),e},n=function(t){var e,i,n={};for(e in t)i=t[e],r.hasOwnProperty(e)?r[e].call(this,i):n[e]=i;o(this.prototype,n)},r={Extends:function(t){var e=this.prototype,i=a(t.prototype);o(this,t),o(i,e),i.constructor=this,this.prototype=i,this.superclass=t.prototype},Mixes:function(t){t instanceof Array||(t=[t]);for(var e,i=this.prototype;e=t.shift();)o(i,e.prototype||e)},Statics:function(t){o(this,t)}},a=function(){if(Object.__proto__)return function(t){return{__proto__:t}};var t=function(){};return function(e){return t.prototype=e,new t}}(),o=function(t){for(var i=1,n=arguments.length;i<n;i++){var r,a=arguments[i];for(var o in a){var s=a[o];!s||"object"!=typeof s||void 0===s.value&&"function"!=typeof s.get&&"function"!=typeof s.set?t[o]=s:(r=r||{},r[o]=s)}r&&e(t,r)}return t};try{t=Object.defineProperty,e=Object.defineProperties,t({},"$",{value:0})}catch(s){"__defineGetter__"in Object&&(t=function(t,e,i){return"value"in i&&(t[e]=i.value),"get"in i&&t.__defineGetter__(e,i.get),"set"in i&&t.__defineSetter__(e,i.set),t},e=function(e,i){for(var n in i)i.hasOwnProperty(n)&&t(e,n,i[n]);return e})}return{create:i,mix:o}}();t.Hilo.Class=e}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=e.create({constructor:function(t,e,i,n,r,a){this.a=t,this.b=e,this.c=i,this.d=n,this.tx=r,this.ty=a},set:function(t,e,i,n,r,a){return this.a=t,this.b=e,this.c=i,this.d=n,this.tx=r,this.ty=a,this},copy:function(t){return this.a=t.a,this.b=t.b,this.c=t.c,this.d=t.d,this.tx=t.tx,this.ty=t.ty,this},clone:function(){return(new i).copy(this)},concat:function(t){var e,i,n,r,a,o,s=arguments,l=this.a,h=this.b,c=this.c,u=this.d,d=this.tx,f=this.ty;return s.length>=6?(e=s[0],i=s[1],n=s[2],r=s[3],a=s[4],o=s[5]):(e=t.a,i=t.b,n=t.c,r=t.d,a=t.tx,o=t.ty),this.a=l*e+h*n,this.b=l*i+h*r,this.c=c*e+u*n,this.d=c*i+u*r,this.tx=d*e+f*n+a,this.ty=d*i+f*r+o,this},rotate:function(t){var e=Math.sin(t),i=Math.cos(t),n=this.a,r=this.b,a=this.c,o=this.d,s=this.tx,l=this.ty;return this.a=n*i-r*e,this.b=n*e+r*i,this.c=a*i-o*e,this.d=a*e+o*i,this.tx=s*i-l*e,this.ty=s*e+l*i,this},scale:function(t,e){return this.a*=t,this.d*=e,this.c*=t,this.b*=e,this.tx*=t,this.ty*=e,this},translate:function(t,e){return this.tx+=t,this.ty+=e,this},identity:function(){return this.a=this.d=1,this.b=this.c=this.tx=this.ty=0,this},invert:function(){var t=this.a,e=this.b,i=this.c,n=this.d,r=this.tx,a=t*n-e*i;return this.a=n/a,this.b=-e/a,this.c=-i/a,this.d=t/a,this.tx=(i*this.ty-n*r)/a,this.ty=-(t*this.ty-e*r)/a,this},transformPoint:function(t,e,i){var n=t.x*this.a+t.y*this.c+this.tx,r=t.x*this.b+t.y*this.d+this.ty;return e&&(n=n+.5>>0,r=r+.5>>0),i?{x:n,y:r}:(t.x=n,t.y=r,t)}});t.Hilo.Matrix=i}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i={_listeners:null,on:function(t,e,i){for(var n=this._listeners=this._listeners||{},r=n[t]=n[t]||[],a=0,o=r.length;a<o;a++){var s=r[a];if(s.listener===e)return}return r.push({listener:e,once:i}),this},off:function(t,e){if(0==arguments.length)return this._listeners=null,this;var i=this._listeners&&this._listeners[t];if(i){if(1==arguments.length)return delete this._listeners[t],this;for(var n=0,r=i.length;n<r;n++){var a=i[n];if(a.listener===e){i.splice(n,1),0===i.length&&delete this._listeners[t];break}}}return this},fire:function(t,e){var i,r;"string"==typeof t?r=t:(i=t,r=t.type);var a=this._listeners;if(!a)return!1;var o=a[r];if(o){var s=o.slice(0);if(i=i||new n(r,this,e),i._stopped)return!1;for(var l=0;l<s.length;l++){var h=s[l];if(h.listener.call(this,i),h.once){var c=o.indexOf(h);c>-1&&o.splice(c,1)}}return 0==o.length&&delete a[r],!0}return!1}},n=e.create({constructor:function(t,e,i){this.type=t,this.target=e,this.detail=i,this.timeStamp=+new Date},type:null,target:null,detail:null,timeStamp:0,stopImmediatePropagation:function(){this._stopped=!0}}),r=t.Event;if(r){var a=r.prototype,o=a.stopImmediatePropagation;a.stopImmediatePropagation=function(){o&&o.call(this),this._stopped=!0}}t.Hilo.EventMixin=i}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.util,n=e.create({constructor:function(t){this.init(t)},image:null,rect:null,init:function(t){var e=this,r=e.image;n.isDrawable(t)?e.image=t:i.copy(e,t,!0);var a=e.image;if("string"==typeof a){if(!r||a!==r.getAttribute("src")){e.image=null;var o=new Image;return t.crossOrigin&&(o.crossOrigin=t.crossOrigin),o.onload=function(){o.onload=null,e.init(o)},void(o.src=a)}a=e.image=r}a&&!e.rect&&(e.rect=[0,0,a.width,a.height])},Statics:{isDrawable:function(t){if(!t||!t.tagName)return!1;var e=t.tagName.toLowerCase();return"img"===e||"canvas"===e||"video"===e}}});t.Hilo.Drawable=n}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.util,n=e.create({constructor:function(t){t=t||{},i.copy(this,t,!0)},renderType:null,canvas:null,stage:null,blendMode:"source-over",startDraw:function(t){},draw:function(t){},endDraw:function(t){},transform:function(){},hide:function(){},remove:function(t){},clear:function(t,e,i,n){},resize:function(t,e){}});t.Hilo.Renderer=n}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo,n=t.Hilo.Renderer,r=e.create({Extends:n,constructor:function(t){r.superclass.constructor.call(this,t),this.context=this.canvas.getContext("2d")},renderType:"canvas",context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.context.clearRect(0,0,t.width,t.height),t.blendMode!==this.blendMode&&(this.context.globalCompositeOperation=this.blendMode=t.blendMode),this.context.save(),!0)},draw:function(t){var e=this.context,i=t.width,n=t.height,r=t.background;r&&(e.fillStyle=r,e.fillRect(0,0,i,n));var a=t.drawable,o=a&&a.image;if(o){var s=a.rect,l=s[2],h=s[3],c=s[4],u=s[5];if(!l||!h)return;i||n||(i=t.width=l,n=t.height=h),(c||u)&&e.translate(c-.5*l,u-.5*h),e.drawImage(o,s[0],s[1],l,h,0,0,i,n)}},endDraw:function(t){this.context.restore()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void i.setElementStyleByView(t);var n=this.context,r=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,l=t._scaleY,h=!1;(!s&&1!=r||s&&s!=r)&&(t._scaleX=r,o.width=r*t.width+"px",h=!0),(!l&&1!=a||l&&l!=a)&&(t._scaleY=a,o.height=a*t.height+"px",h=!0),h&&t.updateViewport()}else{var c=t.x,u=t.y,d=t.pivotX,f=t.pivotY,p=t.rotation%360,v=t.transform,m=t.mask;m&&(m._render(this),n.clip());var g=t.align;if(g){var _=t.getAlignPosition();c=_.x,u=_.y}v?n.transform(v.a,v.b,v.c,v.d,v.tx,v.ty):(0==c&&0==u||n.translate(c,u),0!=p&&n.rotate(p*Math.PI/180),1==r&&1==a||n.scale(r,a),0==d&&0==f||n.translate(-d,-f))}t.alpha>0&&(n.globalAlpha*=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var n=i.parentNode;n&&n.removeChild(i)}},clear:function(t,e,i,n){this.context.clearRect(t,e,i,n)},resize:function(t,e){var i=this.canvas,n=this.stage,r=i.style;i.width=t,i.height=e,r.width=n.width*n.scaleX+"px",r.height=n.height*n.scaleY+"px"}});t.Hilo.CanvasRenderer=r}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo,n=t.Hilo.Renderer,r=t.Hilo.Drawable,a=function(){function t(t,e){var n=t.tagName||"div",r=e.image,a=t.width||r&&r.width,o=t.height||r&&r.height,s=i.createElement(n),l=s.style;if(t.id&&(s.id=t.id),l.position="absolute",l.left=(t.left||0)+"px",l.top=(t.top||0)+"px",l.width=a+"px",l.height=o+"px","canvas"==n){if(s.width=a,s.height=o,r){var h=s.getContext("2d"),c=e.rect||[0,0,a,o];h.drawImage(r,c[0],c[1],c[2],c[3],t.x||0,t.y||0,t.width||c[2],t.height||c[3])}}else if(l.opacity=void 0!=t.alpha?t.alpha:1,(t===this.stage||t.clipChildren)&&(l.overflow="hidden"),r&&r.src){l.backgroundImage="url("+r.src+")";var u=t.rectX||0,d=t.rectY||0;l.backgroundPosition=-u+"px "+-d+"px"}return s}return e.create({Extends:n,constructor:function(t){a.superclass.constructor.call(this,t)},renderType:"dom",startDraw:function(e){var i=e.drawable=e.drawable||new r;return i.domElement=i.domElement||t(e,i),!0},draw:function(t){var e=t.parent,i=t.drawable.domElement,n=i.parentNode;if(e){var r=e.drawable.domElement;if(r!=n&&r.appendChild(i),!t.width&&!t.height){var a=t.drawable.rect;a&&(a[2]||a[3])&&(t.width=a[2],t.height=a[3])}}else t!==this.stage||n||(i.style.overflow="hidden",this.canvas.appendChild(i))},transform:function(t){if(i.setElementStyleByView(t),t===this.stage){var e=this.canvas.style,n=t._scaleX,r=t._scaleY,a=t.scaleX,o=t.scaleY;(!n&&1!=a||n&&n!=a)&&(t._scaleX=a,e.width=a*t.width+"px"),(!r&&1!=o||r&&r!=o)&&(t._scaleY=o,e.height=o*t.height+"px")}},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var n=i.parentNode;n&&n.removeChild(i)}},hide:function(t){var e=t.drawable&&t.drawable.domElement;e&&(e.style.display="none")},resize:function(t,e){var i=this.canvas.style;i.width=t+"px",i.height=e+"px","absolute"!=i.position&&(i.position="relative")}})}();t.Hilo.DOMRenderer=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo,n=t.Hilo.Renderer,r=t.Hilo.Matrix,a=Math.PI/180,o=e.create({Extends:n,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported}},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){o.superclass.constructor.call(this,t);var e=this;this.gl=this.canvas.getContext("webgl")||this.canvas.getContext("experimental-webgl"),this.maxBatchNum=o.MAX_BATCH_NUM,this.positionStride=4*o.ATTRIBUTE_NUM;var i=this.maxBatchNum*o.ATTRIBUTE_NUM*4,n=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*i),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(n);for(var r=0,a=0;r<n;r+=6,a+=4)this.indexs[r+0]=a+0,this.indexs[r+1]=a+1,this.indexs[r+2]=a+2,this.indexs[r+3]=a+1,this.indexs[r+4]=a+2,this.indexs[r+5]=a+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,i=t.height,n=(t.background,t.drawable),r=n&&n.image;if(r){var a=n.rect,o=a[2],s=a[3];e||i||(e=t.width=o,i=t.height=s),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var l=this._createVertexs(r,a[0],a[1],o,s,0,0,e,i),h=this.batchIndex*this.positionStride,c=this.float32Array,u=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);c[h+0]=l[0],c[h+1]=l[1],c[h+2]=l[2],c[h+3]=l[3],u[h+4]=d,c[h+5]=l[4],c[h+6]=l[5],c[h+7]=l[6],c[h+8]=l[7],u[h+9]=d,c[h+10]=l[8],c[h+11]=l[9],c[h+12]=l[10],c[h+13]=l[11],u[h+14]=d,c[h+15]=l[12],c[h+16]=l[13],c[h+17]=l[14],c[h+18]=l[15],u[h+19]=d;for(var f=t.__webglWorldMatrix,p=0;p<4;p++){var v=c[h+5*p],m=c[h+5*p+1];c[h+5*p]=f.a*v+f.c*m+f.tx,c[h+5*p+1]=f.b*v+f.d*m+f.ty}t.__textureImage=r,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void i.setElementStyleByView(t);var n=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,l=t._scaleY,h=!1;(!s&&1!=n||s&&s!=n)&&(t._scaleX=n,o.width=n*t.width+"px",h=!0),(!l&&1!=a||l&&l!=a)&&(t._scaleY=a,o.height=a*t.height+"px",h=!0),h&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new r(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new r(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var n=i.parentNode;n&&n.removeChild(i)}},clear:function(t,e,i,n){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var i=this.canvas,n=this.stage,r=i.style;this.width=i.width=t,this.height=i.height=e,r.width=n.width*n.scaleX+"px",r.height=n.height*n.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,i=0,n=null,r=0;r<this.batchIndex;r++){var a=this.sprites[r];n&&n!==a.__textureImage&&(this._renderBatch(e,r),e=r,i=1),n=a.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var i=this.gl,n=e-t;n>0&&(i.bindTexture(i.TEXTURE_2D,this._getTexture(this.sprites[t])),i.drawElements(i.TRIANGLES,6*n,i.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new s(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,i,n,r,a,o,s,l){var h=this.__tempVertexs||[],c=t.width,u=t.height;n/=c,r/=u,e/=c,i/=u,s=s,l=l,a=a,o=o,n+e>1&&(n=1-e),r+i>1&&(r=1-i);var d=0;return h[d++]=a,h[d++]=o,h[d++]=e,h[d++]=i,h[d++]=a+s,h[d++]=o,h[d++]=e+n,h[d++]=i,h[d++]=a,h[d++]=o+l,h[d++]=e,h[d++]=i+r,h[d++]=a+s,h[d++]=o+l,h[d++]=e+n,h[d++]=i+r,h},_setConcatenatedMatrix:function(t,e){var i=t.__webglWorldMatrix,n=1,r=0,o=t.rotation%360,s=t.pivotX,l=t.pivotY,h=t.scaleX,c=t.scaleY,u=t.transform;if(u)i.copy(u);else{if(o){var d=o*a;n=Math.cos(d),r=Math.sin(d)}var f=t.getAlignPosition();i.a=n*h,i.b=r*h,i.c=-r*c,i.d=n*c,i.tx=f.x-i.a*s-i.c*l,i.ty=f.y-i.b*s-i.d*l}i.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,i=this._cacheTexture[e.src];return i||(i=this.activeShader.uploadTexture(e)),i}}),s=function(t,e,i){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),i=i||{},this.attributes=i.attributes||[],this.uniforms=i.uniforms||[]};s.prototype={active:function(){var t=this,e=t.renderer,i=t.gl,n=t.program;n&&i&&(e.activeShader=t,i.useProgram(n),t.attributes.forEach(function(t){e[t]=i.getAttribLocation(n,t),i.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=i.getUniformLocation(n,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,i=this.renderer,n=e.createTexture(),r=i.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,n),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(r,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=n,n},_createProgram:function(t,e,i){var n=this._createShader(t,t.VERTEX_SHADER,e),r=this._createShader(t,t.FRAGMENT_SHADER,i);if(!n||!r)return null;var a=t.createProgram();if(a){t.attachShader(a,n),t.attachShader(a,r),t.linkProgram(a),t.deleteShader(r),t.deleteShader(n);var o=t.getProgramParameter(a,t.LINK_STATUS);if(!o){var s=t.getProgramInfoLog(a);return console.log("Failed to link program: "+s),t.deleteProgram(a),null}}return a},_createShader:function(t,e,i){var n=t.createShader(e);if(n){t.shaderSource(n,i),t.compileShader(n);var r=t.getShaderParameter(n,t.COMPILE_STATUS);if(!r){var a=t.getShaderInfoLog(n);return console.log("Failed to compile shader: "+a),t.deleteShader(n),null}}return n}},t.Hilo.WebGLRenderer=o}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.EventMixin,r=t.Hilo.Matrix,a=t.Hilo.util,o=function(){function t(t,e,i){for(var n,r,a,o,s=0,l=!1,h=0,c=i.length;h<c;h++){var u=i[h],d=i[(h+1)%c];if(u.y==d.y&&e==u.y&&(u.x>d.x?(n=d.x,r=u.x):(n=u.x,r=d.x),t>=n&&t<=r))l=!0;else if(u.y>d.y?(a=d.y,o=u.y):(a=u.y,o=d.y),!(e<a||e>o)){var f=(e-u.y)*(d.x-u.x)/(d.y-u.y)+u.x;if(f>t?s++:f==t&&(l=!0),u.x>t&&u.y==e){var p=i[(c+h-1)%c];(p.y<e&&d.y>e||p.y>e&&d.y<e)&&s++}}}return l||s%2==1}function o(t,e){var i=s(t,e,{overlap:-(1/0),normal:{x:0,y:0}});return!!i&&s(e,t,i)}function s(t,e,i){for(var n,r,a,o,s,l,h,c,u,d=t.length,f=e.length,p={x:0,y:0},v=0;v<d;v++){n=t[v],r=t[v<d-1?v+1:0],p.x=n.y-r.y,p.y=r.x-n.x,a=Math.sqrt(p.x*p.x+p.y*p.y),p.x/=a,p.y/=a,o=s=t[0].x*p.x+t[0].y*p.y;for(var m=1;m<d;m++)c=t[m].x*p.x+t[m].y*p.y,c>s?s=c:c<o&&(o=c);for(l=h=e[0].x*p.x+e[0].y*p.y,m=1;m<f;m++)c=e[m].x*p.x+e[m].y*p.y,c>h?h=c:c<l&&(l=c);if(o<l?(u=l-s,p.x=-p.x,p.y=-p.y):u=o-h,u>=0)return!1;u>i.overlap&&(i.overlap=u,i.normal.x=p.x,i.normal.y=p.y)}return i}return i.create({Mixes:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("View"),a.copy(this,t,!0)},tint:16777215,id:null,x:0,y:0,width:0,height:0,alpha:1,rotation:0,visible:!0,pivotX:0,pivotY:0,scaleX:1,scaleY:1,pointerEnabled:!0,background:null,mask:null,align:null,drawable:null,boundsArea:null,parent:null,depth:-1,transform:null,blendMode:"source-over",getStage:function(){for(var t,e=this;t=e.parent;)e=t;return e.canvas?e:null},getScaledWidth:function(){return this.width*this.scaleX},getScaledHeight:function(){return this.height*this.scaleY},addTo:function(t,e){return"number"==typeof e?t.addChildAt(this,e):t.addChild(this),this},removeFromParent:function(){var t=this.parent;return t&&t.removeChild(this),this},getBounds:function(){for(var t,e,i,n,r,a,o,s=this.width,l=this.height,h=this.getConcatenatedMatrix(),c=this.boundsArea||[{x:0,y:0},{x:s,y:0},{x:s,y:l},{x:0,y:l}],u=[],d=0,f=c.length;d<f;d++)t=h.transformPoint(c[d],!0,!0),e=t.x,i=t.y,0==d?(n=r=e,a=o=i):(n>e?n=e:r<e&&(r=e),a>i?a=i:o<i&&(o=i)),u[d]=t;return u.x=n,u.y=a,u.width=r-n,u.height=o-a,u},getConcatenatedMatrix:function(t){for(var e=new r(1,0,0,1,0,0),i=this;i!=t&&i.parent;i=i.parent){var n=1,a=0,o=i.rotation%360,s=i.pivotX,l=i.pivotY,h=i.scaleX,c=i.scaleY,u=i.transform;if(u)e.concat(u);else{if(o){var d=o*Math.PI/180;n=Math.cos(d),a=Math.sin(d)}0!=s&&(e.tx-=s),0!=l&&(e.ty-=l);var f=i.getAlignPosition();e.concat(n*h,a*h,-a*c,n*c,f.x,f.y)}}return e},getAlignPosition:function(){var t=this.parent,e=this.align,i=this.x,n=this.y;if(t&&this.align){if("function"==typeof e)return this.align();var r=this.width,a=this.height,o=t.width,s=t.height;switch(e){case"TL":i=0,n=0;break;case"T":i=o-r>>1,n=0;break;case"TR":i=o-r,n=0;break;case"L":i=0,n=s-a>>1;break;case"C":i=o-r>>1,n=s-a>>1;break;case"R":i=o-r,n=s-a>>1;break;case"BL":i=0,n=s-a;break;case"B":i=o-r>>1,n=s-a;break;case"BR":i=o-r,n=s-a}}return{x:i,y:n}},hitTestPoint:function(e,i,n){var r=this.getBounds(),a=e>=r.x&&e<=r.x+r.width&&i>=r.y&&i<=r.y+r.height;return a&&n&&(a=t(e,i,r)),a},hitTestObject:function(t,e){var i=this.getBounds(),n=t.getBounds(),r=i.x<=n.x+n.width&&n.x<=i.x+i.width&&i.y<=n.y+n.height&&n.y<=i.y+i.height;return r&&e&&(r=o(i,n)),!!r},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||!t.startDraw(this)||(t.transform(this),this.render(t,e),t.endDraw(this))},_fireMouseEvent:function(t){if(t.eventCurrentTarget=this,this.fire(t),"mousemove"==t.type){if(!this.__mouseOver){this.__mouseOver=!0;var e=a.copy({},t);e.type="mouseover",this.fire(e)}}else"mouseout"==t.type&&(this.__mouseOver=!1);var i=this.parent;t._stopped||t._stopPropagationed||!i||("mouseout"==t.type||"touchout"==t.type?i.hitTestPoint(t.stageX,t.stageY,!0)||i._fireMouseEvent(t):i._fireMouseEvent(t))},onUpdate:null,render:function(t,e){t.draw(this)},toString:function(){return e.viewToString(this)}})}();t.Hilo.View=o}(window),function(t){t.Hilo||(t.Hilo={});var e,i,n=t.Hilo.Drawable,r=t.Hilo.browser,a={_cacheDirty:!0,cache:function(t){(t||this._cacheDirty||!this.drawable)&&this.updateCache()},updateCache:function(){r.supportCanvas&&(e||(e=document.createElement("canvas"),i=e.getContext("2d")),e.width=this.width,e.height=this.height,this._draw(i),this.drawable=this.drawable||new n,this.drawable.init({image:e.toDataURL()}),this._cacheDirty=!1)},setCacheDirty:function(t){this._cacheDirty=t}};t.Hilo.CacheMixin=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.View,r=i.create({Extends:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Container"),r.superclass.constructor.call(this,t),this.children?this._updateChildren():this.children=[]},children:null,pointerChildren:!0,clipChildren:!1,getNumChildren:function(){return this.children.length},addChildAt:function(t,e){var i=this.children,n=i.length,r=t.parent;e=e<0?0:e>n?n:e;var a=this.getChildIndex(t);if(a==e)return this;if(a>=0?(i.splice(a,1),e=e==n?n-1:e):r&&r.removeChild(t),i.splice(e,0,t),a<0)this._updateChildren(e);else{var o=a<e?a:e,s=a<e?e:a;this._updateChildren(o,s+1)}return this},addChild:function(t){for(var e=this.children.length,i=arguments,n=0,r=i.length;n<r;n++)this.addChildAt(i[n],e+n);return this},removeChildAt:function(t){var e=this.children;if(t<0||t>=e.length)return null;var i=e[t];if(i){if(!i.__renderer)for(var n=i;n=n.parent;){if(n.renderer){i.__renderer=n.renderer;break}if(n.__renderer){i.__renderer=n.__renderer;break}}i.__renderer&&i.__renderer.remove(i),i.parent=null,i.depth=-1}return e.splice(t,1),this._updateChildren(t),i},removeChild:function(t){return this.removeChildAt(this.getChildIndex(t))},removeChildById:function(t){for(var e,i=this.children,n=0,r=i.length;n<r;n++)if(e=i[n],e.id===t)return this.removeChildAt(n),e;return null},removeAllChildren:function(){for(;this.children.length;)this.removeChildAt(0);return this},getChildAt:function(t){var e=this.children;return t<0||t>=e.length?null:e[t]},getChildById:function(t){for(var e,i=this.children,n=0,r=i.length;n<r;n++)if(e=i[n],e.id===t)return e;return null},getChildIndex:function(t){return this.children.indexOf(t)},setChildIndex:function(t,e){var i=this.children,n=i.indexOf(t);if(n>=0&&n!=e){var r=i.length;e=e<0?0:e>=r?r-1:e,i.splice(n,1),i.splice(e,0,t),this._updateChildren()}return this},swapChildren:function(t,e){var i=this.children,n=this.getChildIndex(t),r=this.getChildIndex(e);t.depth=r,i[r]=t,e.depth=n,i[n]=e},swapChildrenAt:function(t,e){var i=this.children,n=this.getChildAt(t),r=this.getChildAt(e);n.depth=e,i[e]=n,r.depth=t,i[t]=r},sortChildren:function(t){var e=t,i=this.children;if("string"==typeof e){var n=e;e=function(t,e){return e[n]-t[n]}}i.sort(e),this._updateChildren()},_updateChildren:function(t,e){var i,n=this.children;t=t||0,e=e||n.length;for(var r=t;r<e;r++)i=n[r],i.depth=r+1,i.parent=this},contains:function(t){for(;t=t.parent;)if(t===this)return!0;return!1},getViewAtPoint:function(t,e,i,n,r){for(var a,o,s=n?[]:null,l=this.children,h=l.length-1;h>=0;h--)if(a=l[h],!(!a||!a.visible||a.alpha<=0||r&&!a.pointerEnabled))if(a.children&&a.children.length&&(!r||a.pointerChildren)&&(o=a.getViewAtPoint(t,e,i,n,r)),o){if(!n)return o;o.length&&(s=s.concat(o))}else if(a.hitTestPoint(t,e,i)){if(!n)return a;s.push(a)}return n&&s.length?s:null},render:function(t,e){r.superclass.render.call(this,t,e);var i,n,a,o=this.children.slice(0);for(i=0,n=o.length;i<n;i++)a=o[i],a.parent===this&&a._render(t,e)}});t.Hilo.Container=r}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.Container,r=t.Hilo.CanvasRenderer,a=t.Hilo.DOMRenderer,o=t.Hilo.WebGLRenderer,s=t.Hilo.browser,l=t.Hilo.util,h=i.create({Extends:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Stage"),h.superclass.constructor.call(this,t),this._initRenderer(t);var i=this.width,n=this.height,r=this.updateViewport();t.width||(i=r&&r.width||320),t.height||(n=r&&r.height||480),this.resize(i,n,!0)},canvas:null,renderer:null,paused:!1,viewport:null,_initRenderer:function(t){var i=t.canvas,n=t.container,s=t.renderType||"canvas";if("string"==typeof i&&(i=e.getElement(i)),"string"==typeof n&&(n=e.getElement(n)),i)i.getContext||(s="dom");else{var l="dom"===s?"div":"canvas";i=e.createElement(l,{style:{position:"absolute"}})}this.canvas=i,n&&n.appendChild(i);var h={canvas:i,stage:this};switch(s){case"dom":this.renderer=new a(h);break;case"webgl":o.isSupport()?this.renderer=new o(h):this.renderer=new r(h);break;case"canvas":default:this.renderer=new r(h)}},addTo:function(t){var e=this.canvas;return e.parentNode!==t&&t.appendChild(e),this},tick:function(t){this.paused||this._render(this.renderer,t)},enableDOMEvent:function(t,e){var i=this,n=i.canvas,r=i._domListener||(i._domListener=function(t){i._onDOMEvent(t)});t="string"==typeof t?[t]:t,e=e!==!1;for(var a=0;a<t.length;a++){var o=t[a];e?n.addEventListener(o,r,!1):n.removeEventListener(o,r)}return i},_onDOMEvent:function(t){var e=t.type,i=t,n=0==e.indexOf("touch"),r=t;if(n){var a=t.touches,o=t.changedTouches;r=a&&a.length?a[0]:o&&o.length?o[0]:null}var h=r.pageX||r.clientX,c=r.pageY||r.clientY,u=this.viewport||this.updateViewport();i.stageX=h=(h-u.left)/this.scaleX,i.stageY=c=(c-u.top)/this.scaleY,i.stopPropagation=function(){this._stopPropagationed=!0};var d=this.getViewAtPoint(h,c,!0,!1,!0)||this,f=this.canvas,p=this._eventTarget,v="mouseout"===e;
-if(p&&(p!=d&&(!p.contains||!p.contains(d))||v)){var m="touchmove"===e?"touchout":"mousemove"===e||v||!d?"mouseout":null;if(m){var g=l.copy({},i);g.type=m,g.eventTarget=p,p._fireMouseEvent(g)}i.lastEventTarget=p,this._eventTarget=null}if(d&&d.pointerEnabled&&"mouseout"!==e&&(i.eventTarget=this._eventTarget=d,d._fireMouseEvent(i)),!n){var _=d&&d.pointerEnabled&&d.useHandCursor?"pointer":"";f.style.cursor=_}s.android&&"touchmove"===e&&t.preventDefault()},updateViewport:function(){var t=this.canvas,i=null;return t.parentNode&&(i=this.viewport=e.getElementRect(t)),i},resize:function(t,e,i){(i||this.width!==t||this.height!==e)&&(this.width=t,this.height=e,this.renderer.resize(t,e),this.updateViewport())}});t.Hilo.Stage=h}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.View,r=t.Hilo.Drawable,a=i.create({Extends:n,constructor:function(t){if(t=t||{},this.id=this.id||t.id||e.getUid("Bitmap"),a.superclass.constructor.call(this,t),this.drawable=new r(t),!this.width||!this.height){var i=this.drawable.rect;i&&(this.width=i[2],this.height=i[3])}},setImage:function(t,e){return this.drawable.init({image:t,rect:e}),e?(this.width=e[2],this.height=e[3]):this.width||this.height||(e=this.drawable.rect,e&&(this.width=e[2],this.height=e[3])),this}});t.Hilo.Bitmap=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.View,r=t.Hilo.Drawable,a=i.create({Extends:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Sprite"),a.superclass.constructor.call(this,t),this._frames=[],this._frameNames={},this.drawable=new r,t.frames&&this.addFrame(t.frames)},_frames:null,_frameNames:null,_frameElapsed:0,_firstRender:!0,paused:!1,loop:!0,timeBased:!1,interval:1,currentFrame:0,getNumFrames:function(){return this._frames?this._frames.length:0},addFrame:function(t,e){var i=null!=e?e:this._frames.length;if(t instanceof Array)for(var n=0,r=t.length;n<r;n++)this.setFrame(t[n],i+n);else this.setFrame(t,i);return this},setFrame:function(t,e){var i=this._frames,n=i.length;return e=e<0?0:e>n?n:e,i[e]=t,t.name&&(this._frameNames[t.name]=t),(0!=e||this.width)&&this.height||(this.width=t.rect[2],this.height=t.rect[3]),this},getFrame:function(t){if("number"==typeof t){var e=this._frames;return t<0||t>=e.length?null:e[t]}return this._frameNames[t]},getFrameIndex:function(t){var e=this._frames,i=e.length,n=-1;if("number"==typeof t)n=t;else{var r="string"==typeof t?this._frameNames[t]:t;if(r)for(var a=0;a<i;a++)if(r===e[a]){n=a;break}}return n},play:function(){return this.paused=!1,this},stop:function(){return this.paused=!0,this},"goto":function(t,e){var i=this._frames.length,n=this.getFrameIndex(t);return this.currentFrame=n<0?0:n>=i?i-1:n,this.paused=e,this._firstRender=!0,this},_render:function(t,e){var i,n=this.currentFrame;if(this._firstRender?(i=n,this._firstRender=!1):i=this._nextFrame(e),i!=n){this.currentFrame=i;var r=this._frames[i].callback;r&&r.call(this)}this.onEnterFrame&&this.onEnterFrame(i),this.drawable.init(this._frames[i]),a.superclass._render.call(this,t,e)},_nextFrame:function(t){var e=this._frames,i=e.length,n=this.currentFrame,r=e[n],a=r.duration||this.interval,o=this._frameElapsed,s=0!=n||this.drawable?o+(this.timeBased?t:1):0;return o=this._frameElapsed=s<a?s:0,(r.stop||!this.loop&&n>=i-1)&&this.stop(),this.paused||0!=o||(null!=r.next?n=this.getFrameIndex(r.next):n>=i-1?n=0:this.drawable&&n++),n},setFrameCallback:function(t,e){return t=this.getFrame(t),t&&(t.callback=e),this},onEnterFrame:null});t.Hilo.Sprite=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.View,r=t.Hilo.Drawable,a=i.create({Extends:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("DOMElement"),a.superclass.constructor.call(this,t),this.drawable=new r;var i=this.drawable.domElement=t.element||e.createElement("div");i.id=this.id,this.pointerEnabled&&!i.style.pointerEvents&&(i.style.pointerEvents="visible")},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||(t.transform(this),this.visible&&this.alpha>0&&this.render(t,e))},render:function(t,i){if("dom"!==t.renderType){var n=t.canvas,r=this.parent,a=t._domElementContainer;t._domElementContainer||(a=t._domElementContainer=e.createElement("div",{style:{position:"absolute",transform:"scale3d("+r.scaleX+","+r.scaleY+", 1)",transformOrigin:"0 0",zIndex:"1"}}),n.parentNode.insertBefore(t._domElementContainer,n.nextSibling));var o,s=this.drawable.domElement,l=this.depth,h=a.childNodes[0];if(s.parentNode)return;for(;h&&3!=h.nodeType&&(o=parseInt(h.style.zIndex)||0,!(o<=0||o>l));)h=h.nextSibling;a.insertBefore(this.drawable.domElement,h)}else t.draw(this)}});t.Hilo.DOMElement=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.View,r=t.Hilo.CacheMixin,a=function(){var t=document.createElement("canvas"),o=t.getContext&&t.getContext("2d");return i.create({Extends:n,Mixes:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Graphics"),a.superclass.constructor.call(this,t),this._actions=[]},lineWidth:1,lineAlpha:1,lineCap:null,lineJoin:null,miterLimit:10,hasStroke:!1,strokeStyle:"0",hasFill:!1,fillStyle:"0",fillAlpha:0,lineStyle:function(t,e,i,n,r,a){var o=this,s=o._addAction;return s.call(o,["lineWidth",o.lineWidth=t||1]),s.call(o,["strokeStyle",o.strokeStyle=e||"0"]),s.call(o,["lineAlpha",o.lineAlpha=i||1]),void 0!=n&&s.call(o,["lineCap",o.lineCap=n]),void 0!=r&&s.call(o,["lineJoin",o.lineJoin=r]),void 0!=a&&s.call(o,["miterLimit",o.miterLimit=a]),o.hasStroke=!0,o},setLineDash:function(t){return this._addAction(["setLineDash",t])},beginFill:function(t,e){var i=this,n=i._addAction;return n.call(i,["fillStyle",i.fillStyle=t]),n.call(i,["fillAlpha",i.fillAlpha=e||1]),i.hasFill=!0,i},endFill:function(){var t=this,e=t._addAction;return t.hasStroke&&e.call(t,["stroke"]),t.hasFill&&e.call(t,["fill"]),t.setCacheDirty(!0),t},beginLinearGradientFill:function(t,e,i,n,r,a){for(var s=this,l=o.createLinearGradient(t,e,i,n),h=0,c=r.length;h<c;h++)l.addColorStop(a[h],r[h]);return s.hasFill=!0,s._addAction(["fillStyle",s.fillStyle=l])},beginRadialGradientFill:function(t,e,i,n,r,a,s,l){for(var h=this,c=o.createRadialGradient(t,e,i,n,r,a),u=0,d=s.length;u<d;u++)c.addColorStop(l[u],s[u]);return h.hasFill=!0,h._addAction(["fillStyle",h.fillStyle=c])},beginBitmapFill:function(t,e){var i=this,n=o.createPattern(t,e||"");return i.hasFill=!0,i._addAction(["fillStyle",i.fillStyle=n])},beginPath:function(){return this._addAction(["beginPath"])},closePath:function(){return this._addAction(["closePath"])},moveTo:function(t,e){return this._addAction(["moveTo",t,e])},lineTo:function(t,e){return this._addAction(["lineTo",t,e])},quadraticCurveTo:function(t,e,i,n){return this._addAction(["quadraticCurveTo",t,e,i,n])},bezierCurveTo:function(t,e,i,n,r,a){return this._addAction(["bezierCurveTo",t,e,i,n,r,a])},drawRect:function(t,e,i,n){return this._addAction(["rect",t,e,i,n])},drawRoundRectComplex:function(t,e,i,n,r,a,o,s){var l=this,h=l._addAction;return h.call(l,["moveTo",t+r,e]),h.call(l,["lineTo",t+i-a,e]),h.call(l,["arc",t+i-a,e+a,a,-Math.PI/2,0,!1]),h.call(l,["lineTo",t+i,e+n-o]),h.call(l,["arc",t+i-o,e+n-o,o,0,Math.PI/2,!1]),h.call(l,["lineTo",t+s,e+n]),h.call(l,["arc",t+s,e+n-s,s,Math.PI/2,Math.PI,!1]),h.call(l,["lineTo",t,e+r]),h.call(l,["arc",t+r,e+r,r,Math.PI,3*Math.PI/2,!1]),l},drawRoundRect:function(t,e,i,n,r){return this.drawRoundRectComplex(t,e,i,n,r,r,r,r)},drawCircle:function(t,e,i){return this._addAction(["arc",t+i,e+i,i,0,2*Math.PI,0])},drawEllipse:function(t,e,i,n){var r=this;if(i==n)return r.drawCircle(t,e,i);var a=r._addAction,o=i/2,s=n/2,l=.5522847498307933,h=l*o,c=l*s;return t+=o,e+=s,a.call(r,["moveTo",t+o,e]),a.call(r,["bezierCurveTo",t+o,e-c,t+h,e-s,t,e-s]),a.call(r,["bezierCurveTo",t-h,e-s,t-o,e-c,t-o,e]),a.call(r,["bezierCurveTo",t-o,e+c,t-h,e+s,t,e+s]),a.call(r,["bezierCurveTo",t+h,e+s,t+o,e+c,t+o,e]),r},drawSVGPath:function(t){var e=this,i=e._addAction,n=t.replace(/,/g," ").replace(/-/g," -").split(/(?=[a-zA-Z])/);i.call(e,["beginPath"]);for(var r,a={x:0,y:0},o={x:0,y:0},s=0,l=n.length;s<l;s++){var h=n[s];if(h.length){var c=h[0],u=c.toUpperCase(),d=this._getSVGParams(h),f=u!==c;switch(u){case"M":f&&this._convertToAbsolute(a,d),i.call(e,["moveTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"L":f&&this._convertToAbsolute(a,d),i.call(e,["lineTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"H":f&&(d[0]+=a.x),i.call(e,["lineTo",d[0],a.y]),a.x=d[0];break;case"V":f&&(d[0]+=a.y),i.call(e,["lineTo",a.x,d[0]]),a.y=d[0];break;case"Z":i.call(e,["closePath"]);break;case"C":f&&this._convertToAbsolute(a,d),i.call(e,["bezierCurveTo",d[0],d[1],d[2],d[3],d[4],d[5]]),o.x=d[2],o.y=d[3],this._setCurrentPoint(a,d[4],d[5]);break;case"S":f&&this._convertToAbsolute(a,d),p="C"===r||"S"===r?this._getReflectionPoint(a,o):a,i.call(e,["bezierCurveTo",p.x,p.y,d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"Q":f&&this._convertToAbsolute(a,d),i.call(e,["quadraticCurveTo",d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"T":f&&this._convertToAbsolute(a,d);var p;p="Q"===r||"T"===r?this._getReflectionPoint(a,o):a,i.call(e,["quadraticCurveTo",p.x,p.y,d[0],d[1]]),o=p,this._setCurrentPoint(a,d[0],d[1])}r=u}}return e},_getSVGParams:function(t){var e=t.substring(1).replace(/[\s]+$|^[\s]+/g,"").split(/[\s]+/);0==e[0].length&&e.shift();for(var i=0,n=e.length;i<n;i++)e[i]=parseFloat(e[i]);return e},_convertToAbsolute:function(t,e){for(var i=0,n=e.length;i<n;i++)i%2===0?e[i]+=t.x:e[i]+=t.y},_setCurrentPoint:function(t,e,i){t.x=e,t.y=i},_getReflectionPoint:function(t,e){return{x:2*t.x-e.x,y:2*t.y-e.y}},_draw:function(t){var e,i=this,n=i._actions,r=n.length;for(t.beginPath(),e=0;e<r;e++){var a=n[e],o=a[0],s=a.length>1?a.slice(1):null;"function"==typeof t[o]?t[o].apply(t,s):t[o]=a[1]}},render:function(t,e){var i=this;"canvas"===t.renderType?i._draw(t.context):(i.cache(),t.draw(i))},clear:function(){var t=this;return t._actions.length=0,t.lineWidth=1,t.lineAlpha=1,t.lineCap=null,t.lineJoin=null,t.miterLimit=10,t.hasStroke=!1,t.strokeStyle="0",t.hasFill=!1,t.fillStyle="0",t.fillAlpha=1,t.setCacheDirty(!0),t},_addAction:function(t){var e=this;return e._actions.push(t),e}})}();t.Hilo.Graphics=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo,n=t.Hilo.View,r=t.Hilo.CacheMixin,a=e.create({Extends:n,Mixes:r,constructor:function(t){t=t||{},this.id=this.id||t.id||i.getUid("Text"),a.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=a.measureFontHeight(this.font)},text:null,color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=a.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var n=i.drawable,r=n.domElement,a=r.style;a.font=i.font,a.textAlign=i.textAlign,a.color=i.color,a.width=i.width+"px",a.height=i.height+"px",a.lineHeight=i._fontHeight+i.lineSpacing+"px",r.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var n,r,a,o,s,l=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),h=0,c=0,u=e._fontHeight+e.lineSpacing,d=[];for(n=0,o=l.length;n<o;n++)if(r=l[n],a=t.measureText(r).width,a<=e.maxWidth)d.push({text:r,y:c}),h<a&&(h=a),c+=u;else{var f,p,v,m="",g=0;for(p=0,s=r.length;p<s;p++)v=r[p],f=t.measureText(m+v).width,f>e.maxWidth?(d.push({text:m,y:c}),h<g&&(h=g),c+=u,m=v):(g=f,m+=v),p==s-1&&(d.push({text:m,y:c}),m!==v&&h<f&&(h=f),c+=u)}e.textWidth=h,e.textHeight=c,e.width||(e.width=h),e.height||(e.height=c);var _=0;switch(e.textVAlign){case"middle":_=e.height-e.textHeight>>1;break;case"bottom":_=e.height-e.textHeight}var x=e.background;for(x&&(t.fillStyle=x,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,n=0;n<d.length;n++)r=d[n],e._drawTextLine(t,r.text,_+r.y)}},_drawTextLine:function(t,e,i){var n=this,r=0,a=n.width;switch(n.textAlign){case"center":r=a>>1;break;case"right":case"end":r=a}n.outline?t.strokeText(e,r,i):t.fillText(e,r,i)},Statics:{measureFontHeight:function(t){var e,n=document.documentElement,r=i.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return n.appendChild(r),e=r.offsetHeight,n.removeChild(r),e}}});t.Hilo.Text=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo,n=t.Hilo.Container,r=t.Hilo.Bitmap,a=e.create({Extends:n,constructor:function(t){t=t||{},this.id=this.id||t.id||i.getUid("BitmapText"),a.superclass.constructor.call(this,t);var e=t.text+"";e&&(this.text="",this.setText(e)),this.pointerChildren=!1},glyphs:null,letterSpacing:0,text:"",textAlign:"left",setText:function(t){var e=this,i=t.toString(),n=i.length;if(e.text!=i){e.text=i;var r,a,o,s,l=0,h=0,c=0;for(r=0;r<n;r++)a=i.charAt(r),o=e.glyphs[a],o&&(c=l+(l>0?e.letterSpacing:0),e.children[r]?(s=e.children[r],s.setImage(o.image,o.rect)):(s=e._createBitmap(o),e.addChild(s)),s.x=c,l=c+o.rect[2],h=Math.max(h,o.rect[3]));for(r=e.children.length-1;r>=n;r--)e._releaseBitmap(e.children[r]),e.children[r].removeFromParent();return e.width=l,e.height=h,this.setTextAlign(),e}},_createBitmap:function(t){var e;return a._pool.length?(e=a._pool.pop(),e.setImage(t.image,t.rect)):e=new r({image:t.image,rect:t.rect}),e},_releaseBitmap:function(t){a._pool.push(t)},setTextAlign:function(t){switch(this.textAlign=t||this.textAlign,this.textAlign){case"center":this.pivotX=.5*this.width;break;case"right":this.pivotX=this.width;break;case"left":default:this.pivotX=0}return this},hasGlyphs:function(t){var e=this.glyphs;if(!e)return!1;t=t.toString();var i,n=t.length;for(i=0;i<n;i++)if(!e[t.charAt(i)])return!1;return!0},Statics:{_pool:[],createGlyphs:function(t,e,i,n){var r=t.toString();i=i||r.length,n=n||1;for(var a=e.width/i,o=e.height/n,s={},l=0,h=t.length;l<h;l++){var c=r.charAt(l);s[c]={image:e,rect:[a*(l%i),o*Math.floor(l/i),a,o]}}return s}}});t.Hilo.BitmapText=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.View,r=t.Hilo.Drawable,a=t.Hilo.util,o=i.create({Extends:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Button"),o.superclass.constructor.call(this,t),this.drawable=new r(t),this.setState(o.UP)},upState:null,overState:null,downState:null,disabledState:null,state:null,enabled:!0,useHandCursor:!0,setEnabled:function(t){return this.enabled!=t&&(t?this.setState(o.UP):this.setState(o.DISABLED)),this},setState:function(t){if(this.state!==t){this.state=t,this.pointerEnabled=this.enabled=t!==o.DISABLED;var e;switch(t){case o.UP:e=this.upState;break;case o.OVER:e=this.overState;break;case o.DOWN:e=this.downState;break;case o.DISABLED:e=this.disabledState}e&&(this.drawable.init(e),a.copy(this,e,!0))}return this},fire:function(t,e){if(this.enabled){var i="string"==typeof t?t:t.type;switch(i){case"mousedown":case"touchstart":case"touchmove":this.setState(o.DOWN);break;case"mouseover":this.setState(o.OVER);break;case"mouseup":this.overState?this.setState(o.OVER):this.upState&&this.setState(o.UP);break;case"touchend":case"touchout":case"mouseout":this.setState(o.UP)}return o.superclass.fire.call(this,t,e)}},Statics:{UP:"up",OVER:"over",DOWN:"down",DISABLED:"disabled"}});t.Hilo.Button=o}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=function(){function t(t){var e,i,n=t.frames;if(!n)return null;var r,a=[];if(n instanceof Array)for(e=0,i=n.length;e<i;e++)r=n[e],a[e]={image:t.image,rect:r};else{var o=n.frameWidth,s=n.frameHeight,l=t.width/o|0,h=t.height/s|0,c=n.numFrames||l*h;for(e=0;e<c;e++)a[e]={image:t.image,rect:[e%l*o,(e/l|0)*s,o,s]}}return a}function i(t,e){var i,a,o=t.sprites;if(!o)return null;var s,l,h,c={};for(var u in o){if(s=o[u],r(s))l=n(e[s]);else if(s instanceof Array)for(l=[],i=0,a=s.length;i<a;i++){var d,f=s[i];r(f)?h=n(e[f]):(d=f.rect,r(d)&&(d=e[f.rect]),h=n(d,f)),l[i]=h}else for(l=[],i=s.from;i<=s.to;i++)l[i-s.from]=n(e[i],s[i]);c[u]=l}return c}function n(t,e){var i={image:t.image,rect:t.rect};return e&&(i.name=e.name||null,i.duration=e.duration||0,i.stop=!!e.stop,i.next=e.next||null),i}function r(t){return"number"==typeof t}return e.create({constructor:function(e){this._frames=t(e),this._sprites=i(e,this._frames)},_frames:null,_sprites:null,getFrame:function(t){var e=this._frames;return e&&e[t]},getSprite:function(t){var e=this._sprites;return e&&e[t]},Statics:{createSpriteFrames:function(t,e,i,n,r,a,o){var s,l;if("[object Array]"===Object.prototype.toString.call(t)){var h=[];for(s=0,l=t.length;s<l;s++)h=h.concat(this.createSpriteFrames.apply(this,t[s]));return h}if("string"==typeof e){var c=e.split(",");e=[];for(var u=0,d=c.length;u<d;u++){var f=c[u].split("-");if(1==f.length)e.push(parseInt(f[0]));else for(s=parseInt(f[0]),l=parseInt(f[1]);s<=l;s++)e.push(s)}}var p=Math.floor(i.width/n);for(s=0;s<e.length;s++){var v=e[s];e[s]={rect:[n*(v%p),r*Math.floor(v/p),n,r],image:i,duration:o}}return e[0].name=t,a?e[e.length-1].next=t:e[e.length-1].stop=!0,e}}})}();t.Hilo.TextureAtlas=i}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.browser,n=e.create({constructor:function(t){this._targetFPS=t||60,this._interval=1e3/this._targetFPS,this._tickers=[]},_paused:!1,_targetFPS:0,_interval:0,_intervalId:null,_tickers:null,_lastTime:0,_tickCount:0,_tickTime:0,_measuredFPS:0,start:function(e){if(void 0===e&&(e=!0),!this._intervalId){this._lastTime=+new Date;var n,r=this,a=this._interval,o=t.requestAnimationFrame||t[i.jsVendor+"RequestAnimationFrame"];e&&o&&a<17?(this._useRAF=!0,n=function(){r._intervalId=o(n),r._tick()}):n=function(){r._intervalId=setTimeout(n,a),r._tick()},this._paused=!1,n()}},stop:function(){if(this._useRAF){var e=t.cancelAnimationFrame||t[i.jsVendor+"CancelAnimationFrame"];e(this._intervalId)}else clearTimeout(this._intervalId);this._intervalId=null,this._lastTime=0,this._paused=!0},pause:function(){this._paused=!0},resume:function(){this._paused=!1},_tick:function(){if(!this._paused){var t=+new Date,e=t-this._lastTime,i=this._tickers;++this._tickCount>=this._targetFPS?(this._measuredFPS=1e3/(this._tickTime/this._tickCount)+.5>>0,this._tickCount=0,this._tickTime=0):this._tickTime+=t-this._lastTime,this._lastTime=t;for(var n=i.slice(0),r=0,a=n.length;r<a;r++)n[r].tick(e)}},getMeasuredFPS:function(){return Math.min(this._measuredFPS,this._targetFPS)},addTick:function(t){if(!t||"function"!=typeof t.tick)throw new Error("Ticker: The tick object must implement the tick method.");this._tickers.push(t)},removeTick:function(t){var e=this._tickers,i=e.indexOf(t);i>=0&&e.splice(i,1)},nextTick:function(t){var e=this,i={tick:function(n){e.removeTick(i),t()}};return e.addTick(i),i},timeout:function(t,e){var i=this,n=(new Date).getTime()+e,r={tick:function(){var e=(new Date).getTime(),a=e-n;a>=0&&(i.removeTick(r),t())}};return i.addTick(r),r},interval:function(t,e){var i=this,n=(new Date).getTime()+e,r={tick:function(){var i=(new Date).getTime(),r=i-n;r>=0&&(r<e&&(i-=r),n=i+e,t())}};return i.addTick(r),r}});t.Hilo.Ticker=n}(window),function(t){t.Hilo||(t.Hilo={});var e=Array.prototype,i=e.slice;e.indexOf||(e.indexOf=function(t,e){e=e||0;var i,n=this.length;if(0==n||e>=n)return-1;for(e<0&&(e=n+e),i=e;i<n;i++)if(this[i]===t)return i;return-1});var n=Function.prototype;n.bind||(n.bind=function(t){function e(){var a=r.concat(i.call(arguments));return n.apply(this instanceof e?this:t,a)}var n=this,r=i.call(arguments,1),a=function(){};return a.prototype=n.prototype,e.prototype=new a,e}),t.Hilo.undefined=void 0}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i={_isDragStart:!1,dragNeedTransform:!1,startDrag:function(t){function i(t){t.stopPropagation(),a(t),s.off(e.event.POINTER_START,i),p.x=s.x,p.y=s.y,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().transformPoint(p),s.__dragX=p.x-h.x,s.__dragY=p.y-h.y,l||(l=s.getStage()),l.on(e.event.POINTER_MOVE,r),document.addEventListener(e.event.POINTER_END,n),s.fire("dragStart",h)}function n(t){document.removeEventListener(e.event.POINTER_END,n),l&&l.off(e.event.POINTER_MOVE,r),s.on(e.event.POINTER_START,i),s.fire("dragEnd",h)}function r(t){a(t),p.x=h.x+s.__dragX,p.y=h.y+s.__dragY,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().invert().transformPoint(p),s.x=Math.max(c,Math.min(d,p.x)),s.y=Math.max(u,Math.min(f,p.y)),s.fire("dragMove",h)}function a(t){h.preX=h.x,h.preY=h.y,h.x=t.stageX,h.y=t.stageY}function o(){s._isDragStart=!1,document.removeEventListener(e.event.POINTER_END,n),l&&l.off(e.event.POINTER_MOVE,r),s.off(e.event.POINTER_START,i)}var s=this;s._isDragStart&&s.stopDrag(),s._isDragStart=!0;var l;t=t||[-(1/0),-(1/0),1/0,1/0];var h={x:0,y:0,preX:0,preY:0},c=t[0],u=t[1],d=t[2]==1/0?1/0:c+t[2],f=t[3]==1/0?1/0:u+t[3],p={x:0,y:0};s.on(e.event.POINTER_START,i),s.stopDrag=o},stopDrag:function(){this._isDragStart=!1}};t.Hilo.drag=i}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=function(){function t(){return+new Date}return e.create({constructor:function(t,e,i,n){var r=this;r.target=t,r._startTime=0,r._seekTime=0,r._pausedTime=0,r._pausedStartTime=0,r._reverseFlag=1,r._repeatCount=0,3==arguments.length&&(n=i,i=e,e=null);for(var a in n)r[a]=n[a];r._fromProps=e,r._toProps=i,!n.duration&&n.time&&(r.duration=n.time||0,r.time=0)},target:null,duration:1e3,delay:0,paused:!1,loop:!1,reverse:!1,repeat:0,repeatDelay:0,ease:null,time:0,isStart:!1,onStart:null,onUpdate:null,onComplete:null,setProps:function(t,e){var i=this,n=i.target,r=t||e,a=i._fromProps={},o=i._toProps={};t=t||n,e=e||n;for(var s in r)o[s]=e[s]||0,n[s]=a[s]=t[s]||0;return i},start:function(){var e=this;return e._startTime=t()+e.delay,e._seekTime=0,e._pausedTime=0,e.paused=!1,i.add(e),e},stop:function(){return i.remove(this),this},pause:function(){var e=this;return e.paused=!0,e._pausedStartTime=t(),e},resume:function(){var e=this;return e.paused=!1,e._pausedStartTime&&(e._pausedTime+=t()-e._pausedStartTime),e._pausedStartTime=0,e},seek:function(e,n){var r=this,a=t();return r._startTime=a,r._seekTime=e,r._pausedTime=0,void 0!==n&&(r.paused=n),r._update(a,!0),i.add(r),r},link:function(t){var e,n,r=this,a=t.delay,o=r._startTime;return"string"==typeof a&&(e=0==a.indexOf("+"),n=0==a.indexOf("-"),a=e||n?Number(a.substr(1))*(e?1:-1):Number(a)),t.delay=a,t._startTime=e||n?o+r.duration+a:o+a,r._next=t,i.remove(t),t},_render:function(t){var e,i=this,n=i.target,r=i._fromProps;for(e in r)n[e]=r[e]+(i._toProps[e]-r[e])*t},_update:function(e,n){var r=this;if(!r.paused||n){var a=e-r._startTime-r._pausedTime+r._seekTime;if(!(a<0)){var o,s=a/r.duration,l=!1;s=s<=0?0:s>=1?1:s;var h=r.ease?r.ease(s):s;r.reverse&&(r._reverseFlag<0&&(s=1-s,h=1-h),s<1e-7&&(r.repeat>0&&r._repeatCount++>=r.repeat||0==r.repeat&&!r.loop?l=!0:(r._startTime=t(),r._pausedTime=0,r._reverseFlag*=-1))),r.isStart||(r.setProps(r._fromProps,r._toProps),r.isStart=!0,r.onStart&&r.onStart.call(r,r)),r.time=a,r._render(h),(o=r.onUpdate)&&o.call(r,s,r),s>=1&&(r.reverse?(r._startTime=t(),r._pausedTime=0,r._reverseFlag*=-1):r.loop||r.repeat>0&&r._repeatCount++<r.repeat?(r._startTime=t()+r.repeatDelay,r._pausedTime=0):l=!0);var c=r._next;if(c&&c.time<=0){var u=c._startTime;u>0&&u<=e?(c._render(s),c.time=a,i.add(c)):l&&(u<0||u>e)&&c.start()}return l?((o=r.onComplete)&&o.call(r,r),!0):void 0}}},Statics:{_tweens:[],tick:function(){var e,n,r=i._tweens,a=r.length;for(n=0;n<a;n++)e=r[n],e&&e._update(t())&&(r.splice(n,1),n--);return i},add:function(t){var e=i._tweens;return e.indexOf(t)==-1&&e.push(t),i},remove:function(t){var e,n;if(t instanceof Array){for(e=0,n=t.length;e<n;e++)i.remove(t[e]);return i}var r=i._tweens;if(t instanceof i)e=r.indexOf(t),e>-1&&r.splice(e,1);else for(e=0;e<r.length;e++)r[e].target===t&&(r.splice(e,1),e--);return i},removeAll:function(){return i._tweens.length=0,i},fromTo:function(t,e,n,r){r=r||{};var a=t instanceof Array;t=a?t:[t];var o,s,l=r.stagger,h=[];for(s=0;s<t.length;s++)o=new i(t[s],e,n,r),l&&(o.delay=(r.delay||0)+(s*l||0)),o.start(),h.push(o);return a?h:o},to:function(t,e,n){return i.fromTo(t,null,e,n)},from:function(t,e,n){return i.fromTo(t,e,null,n)}}})}();t.Hilo.Tween=i}(window),function(t){t.Hilo||(t.Hilo={});var e=function(){function t(t,e,i,n,r){return t=t||{},e&&(t.EaseIn=e),i&&(t.EaseOut=i),n&&(t.EaseInOut=n),r&&(t.EaseNone=r),t}var e=t(null,null,null,null,function(t){return t}),i=t(null,function(t){return t*t},function(t){return-t*(t-2)},function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)}),n=t(null,function(t){return t*t*t},function(t){return--t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)}),r=t(null,function(t){return t*t*t*t},function(t){return-(--t*t*t*t-1)},function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)}),a=t(null,function(t){return t*t*t*t*t},function(t){return(t-=1)*t*t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)}),o=Math,s=o.PI,l=.5*s,h=o.sin,c=o.cos,u=o.pow,d=o.sqrt,f=t(null,function(t){return-c(t*l)+1},function(t){return h(t*l)},function(t){return-.5*(c(s*t)-1)}),p=t(null,function(t){return 0==t?0:u(2,10*(t-1))},function(t){return 1==t?1:-u(2,-10*t)+1},function(t){return 0==t||1==t?t:(t*=2)<1?.5*u(2,10*(t-1)):.5*(-u(2,-10*(t-1))+2)}),v=t(null,function(t){return-(d(1-t*t)-1)},function(t){return d(1- --t*t)},function(t){return(t/=.5)<1?-.5*(d(1-t*t)-1):.5*(d(1-(t-=2)*t)+1)}),m=t({a:1,p:.4,s:.1,config:function(t,e){m.a=t,m.p=e,m.s=e/(2*s)*Math.asin(1/t)||0}},function(t){return-(m.a*u(2,10*(t-=1))*h((t-m.s)*(2*s)/m.p))},function(t){return m.a*u(2,-10*t)*h((t-m.s)*(2*s)/m.p)+1},function(t){return(t*=2)<1?-.5*(m.a*u(2,10*(t-=1))*h((t-m.s)*(2*s)/m.p)):m.a*u(2,-10*(t-=1))*h((t-m.s)*(2*s)/m.p)*.5+1}),g=t({o:1.70158,s:2.59491,config:function(t){g.o=t,g.s=1.525*t}},function(t){return t*t*((g.o+1)*t-g.o)},function(t){return(t-=1)*t*((g.o+1)*t+g.o)+1},function(t){return(t*=2)<1?.5*(t*t*((g.s+1)*t-g.s)):.5*((t-=2)*t*((g.s+1)*t+g.s)+2)}),_=t(null,function(t){return 1-_.EaseOut(1-t)},function(t){return(t/=1)<.36364?7.5625*t*t:t<.72727?7.5625*(t-=.54545)*t+.75:t<.90909?7.5625*(t-=.81818)*t+.9375:7.5625*(t-=.95455)*t+.984375},function(t){return t<.5?.5*_.EaseIn(2*t):.5*_.EaseOut(2*t-1)+.5});return{Linear:e,Quad:i,Cubic:n,Quart:r,Quint:a,Sine:f,Expo:p,Circ:v,Elastic:m,Back:g,Bounce:_}}();t.Hilo.Ease=e}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=e.create({load:function(t){var e=this,i=new Image;t.crossOrigin&&(i.crossOrigin=t.crossOrigin),i.onload=function(){e.onLoad(i)},i.onerror=i.onabort=e.onError.bind(i),i.src=t.src+(t.noCache?(t.src.indexOf("?")==-1?"?":"&")+"t="+ +new Date:"")},onLoad:function(t){return t.onload=t.onerror=t.onabort=null,t},onError:function(t){var e=t.target;return e.onload=e.onerror=e.onabort=null,t}});t.Hilo.ImageLoader=i}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=e.create({load:function(e){var n=this,r=e.src,a="jsonp"==e.type;if(a){var o=e.callbackName||"callback",s=e.callback||"jsonp"+ ++i._count,l=t;l[s]||(l[s]=function(t){delete l[s]}),r+=(r.indexOf("?")==-1?"?":"&")+o+"="+s}e.noCache&&(r+=(r.indexOf("?")==-1?"?":"&")+"t="+ +new Date);var h=document.createElement("script");h.type="text/javascript",h.async=!0,h.onload=n.onLoad.bind(n),h.onerror=n.onError.bind(n),h.src=r,e.id&&(h.id=e.id),document.getElementsByTagName("head")[0].appendChild(h)},onLoad:function(t){var e=t.target;return e.onload=e.onerror=null,e},onError:function(t){var e=t.target;return e.onload=e.onerror=null,t},Statics:{_count:0}});t.Hilo.ScriptLoader=i}(window),function(t){function e(t){var e,i,n=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(e=t.match(n))&&(i=e[1].toLowerCase()),i||null}t.Hilo||(t.Hilo={});var i=t.Hilo.Class,n=t.Hilo.EventMixin,r=t.Hilo.ImageLoader,a=t.Hilo.ScriptLoader,o=i.create({Mixes:n,constructor:function(t){this._source=[],this.add(t)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(t){var e=this;return t&&(t=t instanceof Array?t:[t],e._source=e._source.concat(t)),e},get:function(t){if(t)for(var e=this._source,i=0;i<e.length;i++){var n=e[i];if(n.id===t||n.src===t)return n}return null},getContent:function(t){var e=this.get(t);return e&&e.content},start:function(){var t=this;return t._loadNext(),t},_loadNext:function(){var t=this,e=t._source,i=e.length;if(t._loaded>=i)return void t.fire("complete");if(t._currentIndex<i-1&&t._connections<t.maxConnections){var n=++t._currentIndex,r=e[n],a=t._getLoader(r);if(a){var o=a.onLoad,s=a.onError;a.onLoad=function(e){a.onLoad=o,a.onError=s;var i=o&&o.call(a,e)||e.target;t._onItemLoad(n,i)},a.onError=function(e){a.onLoad=o,a.onError=s,s&&s.call(a,e),t._onItemError(n,e)},t._connections++}t._loadNext(),a&&a.load(r)}},_getLoader:function(t){var i=t.loader;if(i)return i;var n=t.type||e(t.src);switch(n){case"png":case"jpg":case"jpeg":case"gif":case"webp":i=new r;break;case"js":case"jsonp":i=new a}return i},_onItemLoad:function(t,e){var i=this,n=i._source[t];n.loaded=!0,n.content=e,i._connections--,i._loaded++,i.fire("load",n),i._loadNext()},_onItemError:function(t,e){var i=this,n=i._source[t];n.error=e,i._connections--,i._loaded++,i.fire("error",n),i._loadNext()},getSize:function(t){for(var e=0,i=this._source,n=0;n<i.length;n++){var r=i[n];e+=(t?r.loaded&&r.size:r.size)||0}return e},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});t.Hilo.LoadQueue=o}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.util,n=t.Hilo.EventMixin,r=e.create({Mixes:n,constructor:function(t){i.copy(this,t,!0),this._onAudioEvent=this._onAudioEvent.bind(this)},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_element:null,load:function(){if(!this._element){var t;try{t=this._element=new Audio,t.addEventListener("canplaythrough",this._onAudioEvent,!1),t.addEventListener("ended",this._onAudioEvent,!1),t.addEventListener("error",this._onAudioEvent,!1),t.src=this.src,t.volume=this.volume,t.load()}catch(e){t=this._element={},t.play=t.pause=function(){}}}return this},_onAudioEvent:function(t){var e=t.type;switch(e){case"canplaythrough":t.target.removeEventListener(e,this._onAudioEvent),this.loaded=!0,this.duration=this._element.duration,this.fire("load"),this.autoPlay&&this._doPlay();break;case"ended":this.playing=!1,this.fire("end"),this.loop&&this._doPlay();break;case"error":this.fire("error")}},_doPlay:function(){this.playing||(this._element.volume=this.muted?0:this.volume,this._element.play(),this.playing=!0)},play:function(){return this.playing&&this.stop(),this._element?this.loaded&&this._doPlay():(this.autoPlay=!0,this.load()),this},pause:function(){return this.playing&&(this._element.pause(),this.playing=!1),this},resume:function(){return this.playing||this._doPlay(),this},stop:function(){return this.playing&&(this._element.pause(),this._element.currentTime=0,this.playing=!1),this},setVolume:function(t){return this.volume!=t&&(this.volume=t,this._element.volume=t),this},setMute:function(t){return this.muted!=t&&(this.muted=t,this._element.volume=t?0:this.volume),this},Statics:{isSupported:null!==t.Audio}});t.Hilo.HTMLAudio=r}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.util,n=t.Hilo.EventMixin,r=function(){var a=t.AudioContext||t.webkitAudioContext,o=a?new a:null;return e.create({Mixes:n,constructor:function(t){i.copy(this,t,!0),this._init()},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_context:null,_gainNode:null,_buffer:null,_audioNode:null,_startTime:0,_offset:0,_init:function(){this._context=o,this._gainNode=o.createGain?o.createGain():o.createGainNode(),this._gainNode.connect(o.destination),this._onAudioEvent=this._onAudioEvent.bind(this),this._onDecodeComplete=this._onDecodeComplete.bind(this),this._onDecodeError=this._onDecodeError.bind(this)},load:function(){if(!this._buffer){var t=r._bufferCache[this.src];if(t)this._onDecodeComplete(t);else{var e=new XMLHttpRequest;e.src=this.src,e.open("GET",this.src,!0),
+!function(t){t.Hilo||(t.Hilo={});var e=function(){var e=navigator.userAgent,i=document,n=t,r=i.documentElement,a={iphone:/iphone/i.test(e),ipad:/ipad/i.test(e),ipod:/ipod/i.test(e),ios:/iphone|ipad|ipod/i.test(e),android:/android/i.test(e),webkit:/webkit/i.test(e),chrome:/chrome/i.test(e),safari:/safari/i.test(e),firefox:/firefox/i.test(e),ie:/msie/i.test(e),opera:/opera/i.test(e),supportTouch:"ontouchstart"in n,supportCanvas:null!=i.createElement("canvas").getContext,supportStorage:!1,supportOrientation:"orientation"in n||"orientation"in n.screen,supportDeviceMotion:"ondevicemotion"in n};try{var o="hilo";localStorage.setItem(o,o),localStorage.removeItem(o),a.supportStorage=!0}catch(s){}var l=a.jsVendor=a.webkit?"webkit":a.firefox?"webkit":a.opera?"o":a.ie?"ms":"",h=a.cssVendor="-"+l+"-",c=i.createElement("div"),u=c.style,d=void 0!=u[l+"Transform"],f=void 0!=u[l+"Perspective"];f&&(c.id="test3d",u=i.createElement("style"),u.textContent="@media ("+h+"transform-3d){#test3d{height:3px}}",i.head.appendChild(u),r.appendChild(c),f=3==c.offsetHeight,i.head.removeChild(u),r.removeChild(c)),a.supportTransform=d,a.supportTransform3D=f;var p=a.supportTouch,v=p?"touchstart":"mousedown",m=p?"touchmove":"mousemove",g=p?"touchend":"mouseup";return a.POINTER_START=v,a.POINTER_MOVE=m,a.POINTER_END=g,a}();t.Hilo.browser=e}(window),function(t){t.Hilo||(t.Hilo={});var e={copy:function(t,e,i){for(var n in e)i&&!t.hasOwnProperty(n)&&void 0===t[n]||(t[n]=e[n]);return t}};t.Hilo.util=e}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.browser,i=t.Hilo.util,n=t,r=document,a=r.documentElement,o=0,s={},l={version:"1.4.0",getUid:function(t){var e=++o;if(t){var i=t.charCodeAt(t.length-1);return i>=48&&i<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,i=t;i;)e=e?i.id+"."+e:i.id,i=i.parent;return e},copy:function(t,e,n){return i.copy(t,e,n),s.copy||(s.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:e,event:{POINTER_START:e.POINTER_START,POINTER_MOVE:e.POINTER_MOVE,POINTER_END:e.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(i){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var r=(n.pageXOffset||a.scrollLeft)-(a.clientLeft||0)||0,o=(n.pageYOffset||a.scrollTop)-(a.clientTop||0)||0,s=n.getComputedStyle?getComputedStyle(t):t.currentStyle,l=parseInt,h=l(s.paddingLeft)+l(s.borderLeftWidth)||0,c=l(s.paddingTop)+l(s.borderTopWidth)||0,u=l(s.paddingRight)+l(s.borderRightWidth)||0,d=l(s.paddingBottom)+l(s.borderBottomWidth)||0,f=e.top||0,p=e.left||0,v=e.right||0,m=e.bottom||0;return{left:p+r+h,top:f+o+c,width:v-u-p-h,height:m-d-f-c}},createElement:function(t,e){var i,n,a,o=r.createElement(t);for(i in e)if(n=e[i],"style"===i)for(a in n)o.style[a]=n[a];else o[i]=n;return o},getElement:function(t){return r.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,i=e.domElement.style,n=t._stateCache||(t._stateCache={}),r=l.browser.jsVendor,a="px",o=!1;if(this.cacheStateIfChanged(t,["visible"],n)&&(i.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],n)&&(i.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],n)&&(i.width=t.width+a),this.cacheStateIfChanged(t,["height"],n)&&(i.height=t.height+a),this.cacheStateIfChanged(t,["depth"],n)&&(i.zIndex=t.depth+1),t.transform){var s=t.transform;(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],n))&&(i[r+"TransformOrigin"]="0 0"),i[r+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(o=this.cacheStateIfChanged(t,["pivotX","pivotY"],n))&&(i[r+"TransformOrigin"]=t.pivotX+a+" "+t.pivotY+a),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],n)||o)&&(i[r+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],n)&&(i.backgroundColor=t.background),i.pointerEvents||(i.pointerEvents="none");var h=e.image;if(h){var c=h.src;c!==n.image&&(n.image=c,i.backgroundImage="url("+c+")");var u=e.rect;if(u){var d=u[0],f=u[1];d!==n.sx&&(n.sx=d,i.backgroundPositionX=-d+a),f!==n.sy&&(n.sy=f,i.backgroundPositionY=-f+a)}}var p=t.mask;if(p){var v=p.drawable.domElement.style.backgroundImage;v!==n.maskImage&&(n.maskImage=v,i[r+"MaskImage"]=v,i[r+"MaskRepeat"]="no-repeat");var m=p.x,g=p.y;m===n.maskX&&g===n.maskY||(n.maskX=m,n.maskY=g,i[r+"MaskPosition"]=m+a+" "+g+a)}}},cacheStateIfChanged:function(t,e,i){var n,r,a,o,s=!1;for(n=0,r=e.length;n<r;n++)a=e[n],o=t[a],o!=i[a]&&(i[a]=o,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,i=e?"3d":"";return"translate"+i+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+i+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+i+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};for(var h in l)t.Hilo[h]=l[h]}(window),function(t){t.Hilo||(t.Hilo={});var e=function(){var t,e,i=function(t){t=t||{};var e=t.hasOwnProperty("constructor")?t.constructor:function(){};return n.call(e,t),e},n=function(t){var e,i,n={};for(e in t)i=t[e],r.hasOwnProperty(e)?r[e].call(this,i):n[e]=i;o(this.prototype,n)},r={Extends:function(t){var e=this.prototype,i=a(t.prototype);o(this,t),o(i,e),i.constructor=this,this.prototype=i,this.superclass=t.prototype},Mixes:function(t){t instanceof Array||(t=[t]);for(var e,i=this.prototype;e=t.shift();)o(i,e.prototype||e)},Statics:function(t){o(this,t)}},a=function(){if(Object.__proto__)return function(t){return{__proto__:t}};var t=function(){};return function(e){return t.prototype=e,new t}}(),o=function(t){for(var i=1,n=arguments.length;i<n;i++){var r,a=arguments[i];for(var o in a){var s=a[o];!s||"object"!=typeof s||void 0===s.value&&"function"!=typeof s.get&&"function"!=typeof s.set?t[o]=s:(r=r||{},r[o]=s)}r&&e(t,r)}return t};try{t=Object.defineProperty,e=Object.defineProperties,t({},"$",{value:0})}catch(s){"__defineGetter__"in Object&&(t=function(t,e,i){return"value"in i&&(t[e]=i.value),"get"in i&&t.__defineGetter__(e,i.get),"set"in i&&t.__defineSetter__(e,i.set),t},e=function(e,i){for(var n in i)i.hasOwnProperty(n)&&t(e,n,i[n]);return e})}return{create:i,mix:o}}();t.Hilo.Class=e}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=e.create({constructor:function(t,e,i,n,r,a){this.a=t,this.b=e,this.c=i,this.d=n,this.tx=r,this.ty=a},set:function(t,e,i,n,r,a){return this.a=t,this.b=e,this.c=i,this.d=n,this.tx=r,this.ty=a,this},copy:function(t){return this.a=t.a,this.b=t.b,this.c=t.c,this.d=t.d,this.tx=t.tx,this.ty=t.ty,this},clone:function(){return(new i).copy(this)},concat:function(t){var e,i,n,r,a,o,s=arguments,l=this.a,h=this.b,c=this.c,u=this.d,d=this.tx,f=this.ty;return s.length>=6?(e=s[0],i=s[1],n=s[2],r=s[3],a=s[4],o=s[5]):(e=t.a,i=t.b,n=t.c,r=t.d,a=t.tx,o=t.ty),this.a=l*e+h*n,this.b=l*i+h*r,this.c=c*e+u*n,this.d=c*i+u*r,this.tx=d*e+f*n+a,this.ty=d*i+f*r+o,this},rotate:function(t){var e=Math.sin(t),i=Math.cos(t),n=this.a,r=this.b,a=this.c,o=this.d,s=this.tx,l=this.ty;return this.a=n*i-r*e,this.b=n*e+r*i,this.c=a*i-o*e,this.d=a*e+o*i,this.tx=s*i-l*e,this.ty=s*e+l*i,this},scale:function(t,e){return this.a*=t,this.d*=e,this.c*=t,this.b*=e,this.tx*=t,this.ty*=e,this},translate:function(t,e){return this.tx+=t,this.ty+=e,this},identity:function(){return this.a=this.d=1,this.b=this.c=this.tx=this.ty=0,this},invert:function(){var t=this.a,e=this.b,i=this.c,n=this.d,r=this.tx,a=t*n-e*i;return this.a=n/a,this.b=-e/a,this.c=-i/a,this.d=t/a,this.tx=(i*this.ty-n*r)/a,this.ty=-(t*this.ty-e*r)/a,this},transformPoint:function(t,e,i){var n=t.x*this.a+t.y*this.c+this.tx,r=t.x*this.b+t.y*this.d+this.ty;return e&&(n=n+.5>>0,r=r+.5>>0),i?{x:n,y:r}:(t.x=n,t.y=r,t)}});t.Hilo.Matrix=i}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i={_listeners:null,on:function(t,e,i){for(var n=this._listeners=this._listeners||{},r=n[t]=n[t]||[],a=0,o=r.length;a<o;a++){var s=r[a];if(s.listener===e)return}return r.push({listener:e,once:i}),this},off:function(t,e){if(0==arguments.length)return this._listeners=null,this;var i=this._listeners&&this._listeners[t];if(i){if(1==arguments.length)return delete this._listeners[t],this;for(var n=0,r=i.length;n<r;n++){var a=i[n];if(a.listener===e){i.splice(n,1),0===i.length&&delete this._listeners[t];break}}}return this},fire:function(t,e){var i,r;"string"==typeof t?r=t:(i=t,r=t.type);var a=this._listeners;if(!a)return!1;var o=a[r];if(o){var s=o.slice(0);if(i=i||new n(r,this,e),i._stopped)return!1;for(var l=0;l<s.length;l++){var h=s[l];if(h.listener.call(this,i),h.once){var c=o.indexOf(h);c>-1&&o.splice(c,1)}}return 0==o.length&&delete a[r],!0}return!1}},n=e.create({constructor:function(t,e,i){this.type=t,this.target=e,this.detail=i,this.timeStamp=+new Date},type:null,target:null,detail:null,timeStamp:0,stopImmediatePropagation:function(){this._stopped=!0}}),r=t.Event;if(r){var a=r.prototype,o=a.stopImmediatePropagation;a.stopImmediatePropagation=function(){o&&o.call(this),this._stopped=!0}}t.Hilo.EventMixin=i}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.util,n=e.create({constructor:function(t){this.init(t)},image:null,rect:null,init:function(t){var e=this,r=e.image;n.isDrawable(t)?e.image=t:i.copy(e,t,!0);var a=e.image;if("string"==typeof a){if(!r||a!==r.getAttribute("src")){e.image=null;var o=new Image;return t.crossOrigin&&(o.crossOrigin=t.crossOrigin),o.onload=function(){o.onload=null,e.init(o)},void(o.src=a)}a=e.image=r}a&&!e.rect&&(e.rect=[0,0,a.width,a.height])},Statics:{isDrawable:function(t){if(!t||!t.tagName)return!1;var e=t.tagName.toLowerCase();return"img"===e||"canvas"===e||"video"===e}}});t.Hilo.Drawable=n}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.util,n=e.create({constructor:function(t){t=t||{},i.copy(this,t,!0)},renderType:null,canvas:null,stage:null,blendMode:"source-over",startDraw:function(t){},draw:function(t){},endDraw:function(t){},transform:function(){},hide:function(){},remove:function(t){},clear:function(t,e,i,n){},resize:function(t,e){}});t.Hilo.Renderer=n}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo,n=t.Hilo.Renderer,r=e.create({Extends:n,constructor:function(t){r.superclass.constructor.call(this,t),this.context=this.canvas.getContext("2d")},renderType:"canvas",context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.context.clearRect(0,0,t.width,t.height),t.blendMode!==this.blendMode&&(this.context.globalCompositeOperation=this.blendMode=t.blendMode),this.context.save(),!0)},draw:function(t){var e=this.context,i=t.width,n=t.height,r=t.background;r&&(e.fillStyle=r,e.fillRect(0,0,i,n));var a=t.drawable,o=a&&a.image;if(o){var s=a.rect,l=s[2],h=s[3],c=s[4],u=s[5];if(!l||!h)return;i||n||(i=t.width=l,n=t.height=h),(c||u)&&e.translate(c-.5*l,u-.5*h),e.drawImage(o,s[0],s[1],l,h,0,0,i,n)}},endDraw:function(t){this.context.restore()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void i.setElementStyleByView(t);var n=this.context,r=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,l=t._scaleY,h=!1;(!s&&1!=r||s&&s!=r)&&(t._scaleX=r,o.width=r*t.width+"px",h=!0),(!l&&1!=a||l&&l!=a)&&(t._scaleY=a,o.height=a*t.height+"px",h=!0),h&&t.updateViewport()}else{var c=t.x,u=t.y,d=t.pivotX,f=t.pivotY,p=t.rotation%360,v=t.transform,m=t.mask;m&&(m._render(this),n.clip());var g=t.align;if(g){var _=t.getAlignPosition();c=_.x,u=_.y}v?n.transform(v.a,v.b,v.c,v.d,v.tx,v.ty):(0==c&&0==u||n.translate(c,u),0!=p&&n.rotate(p*Math.PI/180),1==r&&1==a||n.scale(r,a),0==d&&0==f||n.translate(-d,-f))}t.alpha>0&&(n.globalAlpha*=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var n=i.parentNode;n&&n.removeChild(i)}},clear:function(t,e,i,n){this.context.clearRect(t,e,i,n)},resize:function(t,e){var i=this.canvas,n=this.stage,r=i.style;i.width=t,i.height=e,r.width=n.width*n.scaleX+"px",r.height=n.height*n.scaleY+"px"}});t.Hilo.CanvasRenderer=r}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo,n=t.Hilo.Renderer,r=t.Hilo.Drawable,a=function(){function t(t,e){var n=t.tagName||"div",r=e.image,a=t.width||r&&r.width,o=t.height||r&&r.height,s=i.createElement(n),l=s.style;if(t.id&&(s.id=t.id),l.position="absolute",l.left=(t.left||0)+"px",l.top=(t.top||0)+"px",l.width=a+"px",l.height=o+"px","canvas"==n){if(s.width=a,s.height=o,r){var h=s.getContext("2d"),c=e.rect||[0,0,a,o];h.drawImage(r,c[0],c[1],c[2],c[3],t.x||0,t.y||0,t.width||c[2],t.height||c[3])}}else if(l.opacity=void 0!=t.alpha?t.alpha:1,(t===this.stage||t.clipChildren)&&(l.overflow="hidden"),r&&r.src){l.backgroundImage="url("+r.src+")";var u=t.rectX||0,d=t.rectY||0;l.backgroundPosition=-u+"px "+-d+"px"}return s}return e.create({Extends:n,constructor:function(t){a.superclass.constructor.call(this,t)},renderType:"dom",startDraw:function(e){var i=e.drawable=e.drawable||new r;return i.domElement=i.domElement||t(e,i),!0},draw:function(t){var e=t.parent,i=t.drawable.domElement,n=i.parentNode;if(e){var r=e.drawable.domElement;if(r!=n&&r.appendChild(i),!t.width&&!t.height){var a=t.drawable.rect;a&&(a[2]||a[3])&&(t.width=a[2],t.height=a[3])}}else t!==this.stage||n||(i.style.overflow="hidden",this.canvas.appendChild(i))},transform:function(t){if(i.setElementStyleByView(t),t===this.stage){var e=this.canvas.style,n=t._scaleX,r=t._scaleY,a=t.scaleX,o=t.scaleY;(!n&&1!=a||n&&n!=a)&&(t._scaleX=a,e.width=a*t.width+"px"),(!r&&1!=o||r&&r!=o)&&(t._scaleY=o,e.height=o*t.height+"px")}},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var n=i.parentNode;n&&n.removeChild(i)}},hide:function(t){var e=t.drawable&&t.drawable.domElement;e&&(e.style.display="none")},resize:function(t,e){var i=this.canvas.style;i.width=t+"px",i.height=e+"px","absolute"!=i.position&&(i.position="relative")}})}();t.Hilo.DOMRenderer=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo,n=t.Hilo.Renderer,r=t.Hilo.Matrix,a=Math.PI/180,o=e.create({Extends:n,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported},contextOptions:null},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){o.superclass.constructor.call(this,t);var e=this,i=o.contextOptions||{};this.gl=this.canvas.getContext("webgl",i)||this.canvas.getContext("experimental-webgl",i),this.maxBatchNum=o.MAX_BATCH_NUM,this.positionStride=4*o.ATTRIBUTE_NUM;var n=this.maxBatchNum*o.ATTRIBUTE_NUM*4,r=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*n),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(r);for(var a=0,s=0;a<r;a+=6,s+=4)this.indexs[a+0]=s+0,this.indexs[a+1]=s+1,this.indexs[a+2]=s+2,this.indexs[a+3]=s+1,this.indexs[a+4]=s+2,this.indexs[a+5]=s+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,i=t.height,n=(t.background,t.drawable),r=n&&n.image;if(r){var a=n.rect,o=a[2],s=a[3];e||i||(e=t.width=o,i=t.height=s),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var l=this._createVertexs(r,a[0],a[1],o,s,0,0,e,i),h=this.batchIndex*this.positionStride,c=this.float32Array,u=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);c[h+0]=l[0],c[h+1]=l[1],c[h+2]=l[2],c[h+3]=l[3],u[h+4]=d,c[h+5]=l[4],c[h+6]=l[5],c[h+7]=l[6],c[h+8]=l[7],u[h+9]=d,c[h+10]=l[8],c[h+11]=l[9],c[h+12]=l[10],c[h+13]=l[11],u[h+14]=d,c[h+15]=l[12],c[h+16]=l[13],c[h+17]=l[14],c[h+18]=l[15],u[h+19]=d;for(var f=t.__webglWorldMatrix,p=0;p<4;p++){var v=c[h+5*p],m=c[h+5*p+1];c[h+5*p]=f.a*v+f.c*m+f.tx,c[h+5*p+1]=f.b*v+f.d*m+f.ty}t.__textureImage=r,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void i.setElementStyleByView(t);var n=t.scaleX,a=t.scaleY;if(t===this.stage){var o=this.canvas.style,s=t._scaleX,l=t._scaleY,h=!1;(!s&&1!=n||s&&s!=n)&&(t._scaleX=n,o.width=n*t.width+"px",h=!0),(!l&&1!=a||l&&l!=a)&&(t._scaleY=a,o.height=a*t.height+"px",h=!0),h&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new r(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new r(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,i=e&&e.domElement;if(i){var n=i.parentNode;n&&n.removeChild(i)}},clear:function(t,e,i,n){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var i=this.canvas,n=this.stage,r=i.style;this.width=i.width=t,this.height=i.height=e,r.width=n.width*n.scaleX+"px",r.height=n.height*n.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,i=0,n=null,r=0;r<this.batchIndex;r++){var a=this.sprites[r];n&&n!==a.__textureImage&&(this._renderBatch(e,r),e=r,i=1),n=a.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var i=this.gl,n=e-t;n>0&&(i.bindTexture(i.TEXTURE_2D,this._getTexture(this.sprites[t])),i.drawElements(i.TRIANGLES,6*n,i.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new s(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,i,n,r,a,o,s,l){var h=this.__tempVertexs||[],c=t.width,u=t.height;n/=c,r/=u,e/=c,i/=u,s=s,l=l,a=a,o=o,n+e>1&&(n=1-e),r+i>1&&(r=1-i);var d=0;return h[d++]=a,h[d++]=o,h[d++]=e,h[d++]=i,h[d++]=a+s,h[d++]=o,h[d++]=e+n,h[d++]=i,h[d++]=a,h[d++]=o+l,h[d++]=e,h[d++]=i+r,h[d++]=a+s,h[d++]=o+l,h[d++]=e+n,h[d++]=i+r,h},_setConcatenatedMatrix:function(t,e){var i=t.__webglWorldMatrix,n=1,r=0,o=t.rotation%360,s=t.pivotX,l=t.pivotY,h=t.scaleX,c=t.scaleY,u=t.transform;if(u)i.copy(u);else{if(o){var d=o*a;n=Math.cos(d),r=Math.sin(d)}var f=t.getAlignPosition();i.a=n*h,i.b=r*h,i.c=-r*c,i.d=n*c,i.tx=f.x-i.a*s-i.c*l,i.ty=f.y-i.b*s-i.d*l}i.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,i=this._cacheTexture[e.src];return i||(i=this.activeShader.uploadTexture(e)),i}}),s=function(t,e,i){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),i=i||{},this.attributes=i.attributes||[],this.uniforms=i.uniforms||[]};s.prototype={active:function(){var t=this,e=t.renderer,i=t.gl,n=t.program;n&&i&&(e.activeShader=t,i.useProgram(n),t.attributes.forEach(function(t){e[t]=i.getAttribLocation(n,t),i.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=i.getUniformLocation(n,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,i=this.renderer,n=e.createTexture(),r=i.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,n),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(r,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=n,n},_createProgram:function(t,e,i){var n=this._createShader(t,t.VERTEX_SHADER,e),r=this._createShader(t,t.FRAGMENT_SHADER,i);if(!n||!r)return null;var a=t.createProgram();if(a){t.attachShader(a,n),t.attachShader(a,r),t.linkProgram(a),t.deleteShader(r),t.deleteShader(n);var o=t.getProgramParameter(a,t.LINK_STATUS);if(!o){var s=t.getProgramInfoLog(a);return console.log("Failed to link program: "+s),t.deleteProgram(a),null}}return a},_createShader:function(t,e,i){var n=t.createShader(e);if(n){t.shaderSource(n,i),t.compileShader(n);var r=t.getShaderParameter(n,t.COMPILE_STATUS);if(!r){var a=t.getShaderInfoLog(n);return console.log("Failed to compile shader: "+a),t.deleteShader(n),null}}return n}},t.Hilo.WebGLRenderer=o}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.EventMixin,r=t.Hilo.Matrix,a=t.Hilo.util,o=function(){function t(t,e,i){for(var n,r,a,o,s=0,l=!1,h=0,c=i.length;h<c;h++){var u=i[h],d=i[(h+1)%c];if(u.y==d.y&&e==u.y&&(u.x>d.x?(n=d.x,r=u.x):(n=u.x,r=d.x),t>=n&&t<=r))l=!0;else if(u.y>d.y?(a=d.y,o=u.y):(a=u.y,o=d.y),!(e<a||e>o)){var f=(e-u.y)*(d.x-u.x)/(d.y-u.y)+u.x;if(f>t?s++:f==t&&(l=!0),u.x>t&&u.y==e){var p=i[(c+h-1)%c];(p.y<e&&d.y>e||p.y>e&&d.y<e)&&s++}}}return l||s%2==1}function o(t,e){var i=s(t,e,{overlap:-(1/0),normal:{x:0,y:0}});return!!i&&s(e,t,i)}function s(t,e,i){for(var n,r,a,o,s,l,h,c,u,d=t.length,f=e.length,p={x:0,y:0},v=0;v<d;v++){n=t[v],r=t[v<d-1?v+1:0],p.x=n.y-r.y,p.y=r.x-n.x,a=Math.sqrt(p.x*p.x+p.y*p.y),p.x/=a,p.y/=a,o=s=t[0].x*p.x+t[0].y*p.y;for(var m=1;m<d;m++)c=t[m].x*p.x+t[m].y*p.y,c>s?s=c:c<o&&(o=c);for(l=h=e[0].x*p.x+e[0].y*p.y,m=1;m<f;m++)c=e[m].x*p.x+e[m].y*p.y,c>h?h=c:c<l&&(l=c);if(o<l?(u=l-s,p.x=-p.x,p.y=-p.y):u=o-h,u>=0)return!1;u>i.overlap&&(i.overlap=u,i.normal.x=p.x,i.normal.y=p.y)}return i}return i.create({Mixes:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("View"),a.copy(this,t,!0)},tint:16777215,id:null,x:0,y:0,width:0,height:0,alpha:1,rotation:0,visible:!0,pivotX:0,pivotY:0,scaleX:1,scaleY:1,pointerEnabled:!0,background:null,mask:null,align:null,drawable:null,boundsArea:null,parent:null,depth:-1,transform:null,blendMode:"source-over",getStage:function(){for(var t,e=this;t=e.parent;)e=t;return e.canvas?e:null},getScaledWidth:function(){return this.width*this.scaleX},getScaledHeight:function(){return this.height*this.scaleY},addTo:function(t,e){return"number"==typeof e?t.addChildAt(this,e):t.addChild(this),this},removeFromParent:function(){var t=this.parent;return t&&t.removeChild(this),this},getBounds:function(){for(var t,e,i,n,r,a,o,s=this.width,l=this.height,h=this.getConcatenatedMatrix(),c=this.boundsArea||[{x:0,y:0},{x:s,y:0},{x:s,y:l},{x:0,y:l}],u=[],d=0,f=c.length;d<f;d++)t=h.transformPoint(c[d],!0,!0),e=t.x,i=t.y,0==d?(n=r=e,a=o=i):(n>e?n=e:r<e&&(r=e),a>i?a=i:o<i&&(o=i)),u[d]=t;return u.x=n,u.y=a,u.width=r-n,u.height=o-a,u},getConcatenatedMatrix:function(t){for(var e=new r(1,0,0,1,0,0),i=this;i!=t&&i.parent;i=i.parent){var n=1,a=0,o=i.rotation%360,s=i.pivotX,l=i.pivotY,h=i.scaleX,c=i.scaleY,u=i.transform;if(u)e.concat(u);else{if(o){var d=o*Math.PI/180;n=Math.cos(d),a=Math.sin(d)}0!=s&&(e.tx-=s),0!=l&&(e.ty-=l);var f=i.getAlignPosition();e.concat(n*h,a*h,-a*c,n*c,f.x,f.y)}}return e},getAlignPosition:function(){var t=this.parent,e=this.align,i=this.x,n=this.y;if(t&&this.align){if("function"==typeof e)return this.align();var r=this.width,a=this.height,o=t.width,s=t.height;switch(e){case"TL":i=0,n=0;break;case"T":i=o-r>>1,n=0;break;case"TR":i=o-r,n=0;break;case"L":i=0,n=s-a>>1;break;case"C":i=o-r>>1,n=s-a>>1;break;case"R":i=o-r,n=s-a>>1;break;case"BL":i=0,n=s-a;break;case"B":i=o-r>>1,n=s-a;break;case"BR":i=o-r,n=s-a}}return{x:i,y:n}},hitTestPoint:function(e,i,n){var r=this.getBounds(),a=e>=r.x&&e<=r.x+r.width&&i>=r.y&&i<=r.y+r.height;return a&&n&&(a=t(e,i,r)),a},hitTestObject:function(t,e){var i=this.getBounds(),n=t.getBounds(),r=i.x<=n.x+n.width&&n.x<=i.x+i.width&&i.y<=n.y+n.height&&n.y<=i.y+i.height;return r&&e&&(r=o(i,n)),!!r},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||!t.startDraw(this)||(t.transform(this),this.render(t,e),t.endDraw(this))},_fireMouseEvent:function(t){if(t.eventCurrentTarget=this,this.fire(t),"mousemove"==t.type){if(!this.__mouseOver){this.__mouseOver=!0;var e=a.copy({},t);e.type="mouseover",this.fire(e)}}else"mouseout"==t.type&&(this.__mouseOver=!1);var i=this.parent;t._stopped||t._stopPropagationed||!i||("mouseout"==t.type||"touchout"==t.type?i.hitTestPoint(t.stageX,t.stageY,!0)||i._fireMouseEvent(t):i._fireMouseEvent(t))},onUpdate:null,render:function(t,e){t.draw(this)},toString:function(){return e.viewToString(this)}})}();t.Hilo.View=o}(window),function(t){t.Hilo||(t.Hilo={});var e,i,n=t.Hilo.Drawable,r=t.Hilo.browser,a={_cacheDirty:!0,cache:function(t){(t||this._cacheDirty||!this.drawable)&&this.updateCache()},updateCache:function(){r.supportCanvas&&(e||(e=document.createElement("canvas"),i=e.getContext("2d")),e.width=this.width,e.height=this.height,this._draw(i),this.drawable=this.drawable||new n,this.drawable.init({image:e.toDataURL()}),this._cacheDirty=!1)},setCacheDirty:function(t){this._cacheDirty=t}};t.Hilo.CacheMixin=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.View,r=i.create({Extends:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Container"),r.superclass.constructor.call(this,t),this.children?this._updateChildren():this.children=[]},children:null,pointerChildren:!0,clipChildren:!1,getNumChildren:function(){return this.children.length},addChildAt:function(t,e){var i=this.children,n=i.length,r=t.parent;e=e<0?0:e>n?n:e;var a=this.getChildIndex(t);if(a==e)return this;if(a>=0?(i.splice(a,1),e=e==n?n-1:e):r&&r.removeChild(t),i.splice(e,0,t),a<0)this._updateChildren(e);else{var o=a<e?a:e,s=a<e?e:a;this._updateChildren(o,s+1)}return this},addChild:function(t){for(var e=this.children.length,i=arguments,n=0,r=i.length;n<r;n++)this.addChildAt(i[n],e+n);return this},removeChildAt:function(t){var e=this.children;if(t<0||t>=e.length)return null;var i=e[t];if(i){if(!i.__renderer)for(var n=i;n=n.parent;){if(n.renderer){i.__renderer=n.renderer;break}if(n.__renderer){i.__renderer=n.__renderer;break}}i.__renderer&&i.__renderer.remove(i),i.parent=null,i.depth=-1}return e.splice(t,1),this._updateChildren(t),i},removeChild:function(t){return this.removeChildAt(this.getChildIndex(t))},removeChildById:function(t){for(var e,i=this.children,n=0,r=i.length;n<r;n++)if(e=i[n],e.id===t)return this.removeChildAt(n),e;return null},removeAllChildren:function(){for(;this.children.length;)this.removeChildAt(0);return this},getChildAt:function(t){var e=this.children;return t<0||t>=e.length?null:e[t]},getChildById:function(t){for(var e,i=this.children,n=0,r=i.length;n<r;n++)if(e=i[n],e.id===t)return e;return null},getChildIndex:function(t){return this.children.indexOf(t)},setChildIndex:function(t,e){var i=this.children,n=i.indexOf(t);if(n>=0&&n!=e){var r=i.length;e=e<0?0:e>=r?r-1:e,i.splice(n,1),i.splice(e,0,t),this._updateChildren()}return this},swapChildren:function(t,e){var i=this.children,n=this.getChildIndex(t),r=this.getChildIndex(e);t.depth=r,i[r]=t,e.depth=n,i[n]=e},swapChildrenAt:function(t,e){var i=this.children,n=this.getChildAt(t),r=this.getChildAt(e);n.depth=e,i[e]=n,r.depth=t,i[t]=r},sortChildren:function(t){var e=t,i=this.children;if("string"==typeof e){var n=e;e=function(t,e){return e[n]-t[n]}}i.sort(e),this._updateChildren()},_updateChildren:function(t,e){var i,n=this.children;t=t||0,e=e||n.length;for(var r=t;r<e;r++)i=n[r],i.depth=r+1,i.parent=this},contains:function(t){for(;t=t.parent;)if(t===this)return!0;return!1},getViewAtPoint:function(t,e,i,n,r){for(var a,o,s=n?[]:null,l=this.children,h=l.length-1;h>=0;h--)if(a=l[h],!(!a||!a.visible||a.alpha<=0||r&&!a.pointerEnabled))if(a.children&&a.children.length&&(!r||a.pointerChildren)&&(o=a.getViewAtPoint(t,e,i,n,r)),o){if(!n)return o;o.length&&(s=s.concat(o))}else if(a.hitTestPoint(t,e,i)){if(!n)return a;s.push(a)}return n&&s.length?s:null},render:function(t,e){r.superclass.render.call(this,t,e);var i,n,a,o=this.children.slice(0);for(i=0,n=o.length;i<n;i++)a=o[i],a.parent===this&&a._render(t,e)}});t.Hilo.Container=r}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.Container,r=t.Hilo.CanvasRenderer,a=t.Hilo.DOMRenderer,o=t.Hilo.WebGLRenderer,s=t.Hilo.browser,l=t.Hilo.util,h=i.create({Extends:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Stage"),h.superclass.constructor.call(this,t),this._initRenderer(t);var i=this.width,n=this.height,r=this.updateViewport();t.width||(i=r&&r.width||320),t.height||(n=r&&r.height||480),this.resize(i,n,!0)},canvas:null,renderer:null,paused:!1,viewport:null,_initRenderer:function(t){var i=t.canvas,n=t.container,s=t.renderType||"canvas";if("string"==typeof i&&(i=e.getElement(i)),"string"==typeof n&&(n=e.getElement(n)),i)i.getContext||(s="dom");else{var l="dom"===s?"div":"canvas";i=e.createElement(l,{style:{position:"absolute"}})}this.canvas=i,n&&n.appendChild(i);var h={canvas:i,stage:this};switch(s){case"dom":this.renderer=new a(h);break;case"webgl":o.isSupport()?this.renderer=new o(h):this.renderer=new r(h);break;case"canvas":default:this.renderer=new r(h)}},addTo:function(t){var e=this.canvas;return e.parentNode!==t&&t.appendChild(e),this},tick:function(t){this.paused||this._render(this.renderer,t)},enableDOMEvent:function(t,e){var i=this,n=i.canvas,r=i._domListener||(i._domListener=function(t){i._onDOMEvent(t)});t="string"==typeof t?[t]:t,e=e!==!1;for(var a=0;a<t.length;a++){var o=t[a];e?n.addEventListener(o,r,!1):n.removeEventListener(o,r)}return i},_onDOMEvent:function(t){var e=t.type,i=t,n=0==e.indexOf("touch"),r=t;if(n){var a=t.touches,o=t.changedTouches;r=a&&a.length?a[0]:o&&o.length?o[0]:null}var h=r.pageX||r.clientX,c=r.pageY||r.clientY,u=this.viewport||this.updateViewport();i.stageX=h=(h-u.left)/this.scaleX,i.stageY=c=(c-u.top)/this.scaleY,i.stopPropagation=function(){this._stopPropagationed=!0};var d=this.getViewAtPoint(h,c,!0,!1,!0)||this,f=this.canvas,p=this._eventTarget,v="mouseout"===e;
+if(p&&(p!=d&&(!p.contains||!p.contains(d))||v)){var m="touchmove"===e?"touchout":"mousemove"===e||v||!d?"mouseout":null;if(m){var g=l.copy({},i);g.type=m,g.eventTarget=p,p._fireMouseEvent(g)}i.lastEventTarget=p,this._eventTarget=null}if(d&&d.pointerEnabled&&"mouseout"!==e&&(i.eventTarget=this._eventTarget=d,d._fireMouseEvent(i)),!n){var _=d&&d.pointerEnabled&&d.useHandCursor?"pointer":"";f.style.cursor=_}s.android&&"touchmove"===e&&t.preventDefault()},updateViewport:function(){var t=this.canvas,i=null;return t.parentNode&&(i=this.viewport=e.getElementRect(t)),i},resize:function(t,e,i){(i||this.width!==t||this.height!==e)&&(this.width=t,this.height=e,this.renderer.resize(t,e),this.updateViewport())}});t.Hilo.Stage=h}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.View,r=t.Hilo.Drawable,a=i.create({Extends:n,constructor:function(t){if(t=t||{},this.id=this.id||t.id||e.getUid("Bitmap"),a.superclass.constructor.call(this,t),this.drawable=new r(t),!this.width||!this.height){var i=this.drawable.rect;i&&(this.width=i[2],this.height=i[3])}},setImage:function(t,e){return this.drawable.init({image:t,rect:e}),e?(this.width=e[2],this.height=e[3]):this.width||this.height||(e=this.drawable.rect,e&&(this.width=e[2],this.height=e[3])),this}});t.Hilo.Bitmap=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.View,r=t.Hilo.Drawable,a=i.create({Extends:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Sprite"),a.superclass.constructor.call(this,t),this._frames=[],this._frameNames={},this.drawable=new r,t.frames&&this.addFrame(t.frames)},_frames:null,_frameNames:null,_frameElapsed:0,_firstRender:!0,paused:!1,loop:!0,timeBased:!1,interval:1,currentFrame:0,getNumFrames:function(){return this._frames?this._frames.length:0},addFrame:function(t,e){var i=null!=e?e:this._frames.length;if(t instanceof Array)for(var n=0,r=t.length;n<r;n++)this.setFrame(t[n],i+n);else this.setFrame(t,i);return this},setFrame:function(t,e){var i=this._frames,n=i.length;return e=e<0?0:e>n?n:e,i[e]=t,t.name&&(this._frameNames[t.name]=t),(0!=e||this.width)&&this.height||(this.width=t.rect[2],this.height=t.rect[3]),this},getFrame:function(t){if("number"==typeof t){var e=this._frames;return t<0||t>=e.length?null:e[t]}return this._frameNames[t]},getFrameIndex:function(t){var e=this._frames,i=e.length,n=-1;if("number"==typeof t)n=t;else{var r="string"==typeof t?this._frameNames[t]:t;if(r)for(var a=0;a<i;a++)if(r===e[a]){n=a;break}}return n},play:function(){return this.paused=!1,this},stop:function(){return this.paused=!0,this},"goto":function(t,e){var i=this._frames.length,n=this.getFrameIndex(t);return this.currentFrame=n<0?0:n>=i?i-1:n,this.paused=e,this._firstRender=!0,this},_render:function(t,e){var i,n=this.currentFrame;if(this._firstRender?(i=n,this._firstRender=!1):i=this._nextFrame(e),i!=n){this.currentFrame=i;var r=this._frames[i].callback;r&&r.call(this)}this.onEnterFrame&&this.onEnterFrame(i),this.drawable.init(this._frames[i]),a.superclass._render.call(this,t,e)},_nextFrame:function(t){var e=this._frames,i=e.length,n=this.currentFrame,r=e[n],a=r.duration||this.interval,o=this._frameElapsed,s=0!=n||this.drawable?o+(this.timeBased?t:1):0;return o=this._frameElapsed=s<a?s:0,(r.stop||!this.loop&&n>=i-1)&&this.stop(),this.paused||0!=o||(null!=r.next?n=this.getFrameIndex(r.next):n>=i-1?n=0:this.drawable&&n++),n},setFrameCallback:function(t,e){return t=this.getFrame(t),t&&(t.callback=e),this},onEnterFrame:null});t.Hilo.Sprite=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.View,r=t.Hilo.Drawable,a=i.create({Extends:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("DOMElement"),a.superclass.constructor.call(this,t),this.drawable=new r;var i=this.drawable.domElement=t.element||e.createElement("div");i.id=this.id,this.pointerEnabled&&!i.style.pointerEvents&&(i.style.pointerEvents="visible")},_render:function(t,e){this.onUpdate&&this.onUpdate(e)===!1||(t.transform(this),this.visible&&this.alpha>0&&this.render(t,e))},render:function(t,i){if("dom"!==t.renderType){var n=t.canvas,r=this.parent,a=t._domElementContainer;t._domElementContainer||(a=t._domElementContainer=e.createElement("div",{style:{position:"absolute",transform:"scale3d("+r.scaleX+","+r.scaleY+", 1)",transformOrigin:"0 0",zIndex:"1"}}),n.parentNode.insertBefore(t._domElementContainer,n.nextSibling));var o,s=this.drawable.domElement,l=this.depth,h=a.childNodes[0];if(s.parentNode)return;for(;h&&3!=h.nodeType&&(o=parseInt(h.style.zIndex)||0,!(o<=0||o>l));)h=h.nextSibling;a.insertBefore(this.drawable.domElement,h)}else t.draw(this)}});t.Hilo.DOMElement=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.View,r=t.Hilo.CacheMixin,a=function(){var t=document.createElement("canvas"),o=t.getContext&&t.getContext("2d");return i.create({Extends:n,Mixes:r,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Graphics"),a.superclass.constructor.call(this,t),this._actions=[]},lineWidth:1,lineAlpha:1,lineCap:null,lineJoin:null,miterLimit:10,hasStroke:!1,strokeStyle:"0",hasFill:!1,fillStyle:"0",fillAlpha:0,lineStyle:function(t,e,i,n,r,a){var o=this,s=o._addAction;return s.call(o,["lineWidth",o.lineWidth=t||1]),s.call(o,["strokeStyle",o.strokeStyle=e||"0"]),s.call(o,["lineAlpha",o.lineAlpha=i||1]),void 0!=n&&s.call(o,["lineCap",o.lineCap=n]),void 0!=r&&s.call(o,["lineJoin",o.lineJoin=r]),void 0!=a&&s.call(o,["miterLimit",o.miterLimit=a]),o.hasStroke=!0,o},setLineDash:function(t){return this._addAction(["setLineDash",t])},beginFill:function(t,e){var i=this,n=i._addAction;return n.call(i,["fillStyle",i.fillStyle=t]),n.call(i,["fillAlpha",i.fillAlpha=e||1]),i.hasFill=!0,i},endFill:function(){var t=this,e=t._addAction;return t.hasStroke&&e.call(t,["stroke"]),t.hasFill&&e.call(t,["fill"]),t.setCacheDirty(!0),t},beginLinearGradientFill:function(t,e,i,n,r,a){for(var s=this,l=o.createLinearGradient(t,e,i,n),h=0,c=r.length;h<c;h++)l.addColorStop(a[h],r[h]);return s.hasFill=!0,s._addAction(["fillStyle",s.fillStyle=l])},beginRadialGradientFill:function(t,e,i,n,r,a,s,l){for(var h=this,c=o.createRadialGradient(t,e,i,n,r,a),u=0,d=s.length;u<d;u++)c.addColorStop(l[u],s[u]);return h.hasFill=!0,h._addAction(["fillStyle",h.fillStyle=c])},beginBitmapFill:function(t,e){var i=this,n=o.createPattern(t,e||"");return i.hasFill=!0,i._addAction(["fillStyle",i.fillStyle=n])},beginPath:function(){return this._addAction(["beginPath"])},closePath:function(){return this._addAction(["closePath"])},moveTo:function(t,e){return this._addAction(["moveTo",t,e])},lineTo:function(t,e){return this._addAction(["lineTo",t,e])},quadraticCurveTo:function(t,e,i,n){return this._addAction(["quadraticCurveTo",t,e,i,n])},bezierCurveTo:function(t,e,i,n,r,a){return this._addAction(["bezierCurveTo",t,e,i,n,r,a])},drawRect:function(t,e,i,n){return this._addAction(["rect",t,e,i,n])},drawRoundRectComplex:function(t,e,i,n,r,a,o,s){var l=this,h=l._addAction;return h.call(l,["moveTo",t+r,e]),h.call(l,["lineTo",t+i-a,e]),h.call(l,["arc",t+i-a,e+a,a,-Math.PI/2,0,!1]),h.call(l,["lineTo",t+i,e+n-o]),h.call(l,["arc",t+i-o,e+n-o,o,0,Math.PI/2,!1]),h.call(l,["lineTo",t+s,e+n]),h.call(l,["arc",t+s,e+n-s,s,Math.PI/2,Math.PI,!1]),h.call(l,["lineTo",t,e+r]),h.call(l,["arc",t+r,e+r,r,Math.PI,3*Math.PI/2,!1]),l},drawRoundRect:function(t,e,i,n,r){return this.drawRoundRectComplex(t,e,i,n,r,r,r,r)},drawCircle:function(t,e,i){return this._addAction(["arc",t+i,e+i,i,0,2*Math.PI,0])},drawEllipse:function(t,e,i,n){var r=this;if(i==n)return r.drawCircle(t,e,i);var a=r._addAction,o=i/2,s=n/2,l=.5522847498307933,h=l*o,c=l*s;return t+=o,e+=s,a.call(r,["moveTo",t+o,e]),a.call(r,["bezierCurveTo",t+o,e-c,t+h,e-s,t,e-s]),a.call(r,["bezierCurveTo",t-h,e-s,t-o,e-c,t-o,e]),a.call(r,["bezierCurveTo",t-o,e+c,t-h,e+s,t,e+s]),a.call(r,["bezierCurveTo",t+h,e+s,t+o,e+c,t+o,e]),r},drawSVGPath:function(t){var e=this,i=e._addAction,n=t.replace(/,/g," ").replace(/-/g," -").split(/(?=[a-zA-Z])/);i.call(e,["beginPath"]);for(var r,a={x:0,y:0},o={x:0,y:0},s=0,l=n.length;s<l;s++){var h=n[s];if(h.length){var c=h[0],u=c.toUpperCase(),d=this._getSVGParams(h),f=u!==c;switch(u){case"M":f&&this._convertToAbsolute(a,d),i.call(e,["moveTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"L":f&&this._convertToAbsolute(a,d),i.call(e,["lineTo",d[0],d[1]]),this._setCurrentPoint(a,d[0],d[1]);break;case"H":f&&(d[0]+=a.x),i.call(e,["lineTo",d[0],a.y]),a.x=d[0];break;case"V":f&&(d[0]+=a.y),i.call(e,["lineTo",a.x,d[0]]),a.y=d[0];break;case"Z":i.call(e,["closePath"]);break;case"C":f&&this._convertToAbsolute(a,d),i.call(e,["bezierCurveTo",d[0],d[1],d[2],d[3],d[4],d[5]]),o.x=d[2],o.y=d[3],this._setCurrentPoint(a,d[4],d[5]);break;case"S":f&&this._convertToAbsolute(a,d),p="C"===r||"S"===r?this._getReflectionPoint(a,o):a,i.call(e,["bezierCurveTo",p.x,p.y,d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"Q":f&&this._convertToAbsolute(a,d),i.call(e,["quadraticCurveTo",d[0],d[1],d[2],d[3]]),o.x=d[0],o.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"T":f&&this._convertToAbsolute(a,d);var p;p="Q"===r||"T"===r?this._getReflectionPoint(a,o):a,i.call(e,["quadraticCurveTo",p.x,p.y,d[0],d[1]]),o=p,this._setCurrentPoint(a,d[0],d[1])}r=u}}return e},_getSVGParams:function(t){var e=t.substring(1).replace(/[\s]+$|^[\s]+/g,"").split(/[\s]+/);0==e[0].length&&e.shift();for(var i=0,n=e.length;i<n;i++)e[i]=parseFloat(e[i]);return e},_convertToAbsolute:function(t,e){for(var i=0,n=e.length;i<n;i++)i%2===0?e[i]+=t.x:e[i]+=t.y},_setCurrentPoint:function(t,e,i){t.x=e,t.y=i},_getReflectionPoint:function(t,e){return{x:2*t.x-e.x,y:2*t.y-e.y}},_draw:function(t){var e,i=this,n=i._actions,r=n.length;for(t.beginPath(),e=0;e<r;e++){var a=n[e],o=a[0],s=a.length>1?a.slice(1):null;"function"==typeof t[o]?t[o].apply(t,s):t[o]=a[1]}},render:function(t,e){var i=this;"canvas"===t.renderType?i._draw(t.context):(i.cache(),t.draw(i))},clear:function(){var t=this;return t._actions.length=0,t.lineWidth=1,t.lineAlpha=1,t.lineCap=null,t.lineJoin=null,t.miterLimit=10,t.hasStroke=!1,t.strokeStyle="0",t.hasFill=!1,t.fillStyle="0",t.fillAlpha=1,t.setCacheDirty(!0),t},_addAction:function(t){var e=this;return e._actions.push(t),e}})}();t.Hilo.Graphics=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo,n=t.Hilo.View,r=t.Hilo.CacheMixin,a=e.create({Extends:n,Mixes:r,constructor:function(t){t=t||{},this.id=this.id||t.id||i.getUid("Text"),a.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=a.measureFontHeight(this.font)},text:"",color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=a.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var n=i.drawable,r=n.domElement,a=r.style;a.font=i.font,a.textAlign=i.textAlign,a.color=i.color,a.width=i.width+"px",a.height=i.height+"px",a.lineHeight=i._fontHeight+i.lineSpacing+"px",r.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var n,r,a,o,s,l=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),h=0,c=0,u=e._fontHeight+e.lineSpacing,d=[];for(n=0,o=l.length;n<o;n++)if(r=l[n],a=t.measureText(r).width,a<=e.maxWidth)d.push({text:r,y:c}),h<a&&(h=a),c+=u;else{var f,p,v,m="",g=0;for(p=0,s=r.length;p<s;p++)v=r[p],f=t.measureText(m+v).width,f>e.maxWidth?(d.push({text:m,y:c}),h<g&&(h=g),c+=u,m=v):(g=f,m+=v),p==s-1&&(d.push({text:m,y:c}),m!==v&&h<f&&(h=f),c+=u)}e.textWidth=h,e.textHeight=c,e.width||(e.width=h),e.height||(e.height=c);var _=0;switch(e.textVAlign){case"middle":_=e.height-e.textHeight>>1;break;case"bottom":_=e.height-e.textHeight}var x=e.background;for(x&&(t.fillStyle=x,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,n=0;n<d.length;n++)r=d[n],e._drawTextLine(t,r.text,_+r.y)}},_drawTextLine:function(t,e,i){var n=this,r=0,a=n.width;switch(n.textAlign){case"center":r=a>>1;break;case"right":case"end":r=a}n.outline?t.strokeText(e,r,i):t.fillText(e,r,i)},Statics:{measureFontHeight:function(t){var e,n=document.documentElement,r=i.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return n.appendChild(r),e=r.offsetHeight,n.removeChild(r),e}}});t.Hilo.Text=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo,n=t.Hilo.Container,r=t.Hilo.Bitmap,a=e.create({Extends:n,constructor:function(t){t=t||{},this.id=this.id||t.id||i.getUid("BitmapText"),a.superclass.constructor.call(this,t);var e=t.text+"";e&&(this.text="",this.setText(e)),this.pointerChildren=!1},glyphs:null,letterSpacing:0,text:"",textAlign:"left",setText:function(t){var e=this,i=t.toString(),n=i.length;if(e.text!=i){e.text=i;var r,a,o,s,l=0,h=0,c=0;for(r=0;r<n;r++)a=i.charAt(r),o=e.glyphs[a],o&&(c=l+(l>0?e.letterSpacing:0),e.children[r]?(s=e.children[r],s.setImage(o.image,o.rect)):(s=e._createBitmap(o),e.addChild(s)),s.x=c,l=c+o.rect[2],h=Math.max(h,o.rect[3]));for(r=e.children.length-1;r>=n;r--)e._releaseBitmap(e.children[r]),e.children[r].removeFromParent();return e.width=l,e.height=h,this.setTextAlign(),e}},_createBitmap:function(t){var e;return a._pool.length?(e=a._pool.pop(),e.setImage(t.image,t.rect)):e=new r({image:t.image,rect:t.rect}),e},_releaseBitmap:function(t){a._pool.push(t)},setTextAlign:function(t){switch(this.textAlign=t||this.textAlign,this.textAlign){case"center":this.pivotX=.5*this.width;break;case"right":this.pivotX=this.width;break;case"left":default:this.pivotX=0}return this},hasGlyphs:function(t){var e=this.glyphs;if(!e)return!1;t=t.toString();var i,n=t.length;for(i=0;i<n;i++)if(!e[t.charAt(i)])return!1;return!0},Statics:{_pool:[],createGlyphs:function(t,e,i,n){var r=t.toString();i=i||r.length,n=n||1;for(var a=e.width/i,o=e.height/n,s={},l=0,h=t.length;l<h;l++){var c=r.charAt(l);s[c]={image:e,rect:[a*(l%i),o*Math.floor(l/i),a,o]}}return s}}});t.Hilo.BitmapText=a}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.View,r=t.Hilo.Drawable,a=t.Hilo.util,o=i.create({Extends:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Button"),o.superclass.constructor.call(this,t),this.drawable=new r(t),this.setState(o.UP)},upState:null,overState:null,downState:null,disabledState:null,state:null,enabled:!0,useHandCursor:!0,setEnabled:function(t){return this.enabled!=t&&(t?this.setState(o.UP):this.setState(o.DISABLED)),this},setState:function(t){if(this.state!==t){this.state=t,this.pointerEnabled=this.enabled=t!==o.DISABLED;var e;switch(t){case o.UP:e=this.upState;break;case o.OVER:e=this.overState;break;case o.DOWN:e=this.downState;break;case o.DISABLED:e=this.disabledState}e&&(this.drawable.init(e),a.copy(this,e,!0))}return this},fire:function(t,e){if(this.enabled){var i="string"==typeof t?t:t.type;switch(i){case"mousedown":case"touchstart":case"touchmove":this.setState(o.DOWN);break;case"mouseover":this.setState(o.OVER);break;case"mouseup":this.overState?this.setState(o.OVER):this.upState&&this.setState(o.UP);break;case"touchend":case"touchout":case"mouseout":this.setState(o.UP)}return o.superclass.fire.call(this,t,e)}},Statics:{UP:"up",OVER:"over",DOWN:"down",DISABLED:"disabled"}});t.Hilo.Button=o}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=function(){function t(t){var e,i,n=t.frames;if(!n)return null;var r,a=[];if(n instanceof Array)for(e=0,i=n.length;e<i;e++)r=n[e],a[e]={image:t.image,rect:r};else{var o=n.frameWidth,s=n.frameHeight,l=t.width/o|0,h=t.height/s|0,c=n.numFrames||l*h;for(e=0;e<c;e++)a[e]={image:t.image,rect:[e%l*o,(e/l|0)*s,o,s]}}return a}function i(t,e){var i,a,o=t.sprites;if(!o)return null;var s,l,h,c={};for(var u in o){if(s=o[u],r(s))l=n(e[s]);else if(s instanceof Array)for(l=[],i=0,a=s.length;i<a;i++){var d,f=s[i];r(f)?h=n(e[f]):(d=f.rect,r(d)&&(d=e[f.rect]),h=n(d,f)),l[i]=h}else for(l=[],i=s.from;i<=s.to;i++)l[i-s.from]=n(e[i],s[i]);c[u]=l}return c}function n(t,e){var i={image:t.image,rect:t.rect};return e&&(i.name=e.name||null,i.duration=e.duration||0,i.stop=!!e.stop,i.next=e.next||null),i}function r(t){return"number"==typeof t}return e.create({constructor:function(e){this._frames=t(e),this._sprites=i(e,this._frames)},_frames:null,_sprites:null,getFrame:function(t){var e=this._frames;return e&&e[t]},getSprite:function(t){var e=this._sprites;return e&&e[t]},Statics:{createSpriteFrames:function(t,e,i,n,r,a,o){var s,l;if("[object Array]"===Object.prototype.toString.call(t)){var h=[];for(s=0,l=t.length;s<l;s++)h=h.concat(this.createSpriteFrames.apply(this,t[s]));return h}if("string"==typeof e){var c=e.split(",");e=[];for(var u=0,d=c.length;u<d;u++){var f=c[u].split("-");if(1==f.length)e.push(parseInt(f[0]));else for(s=parseInt(f[0]),l=parseInt(f[1]);s<=l;s++)e.push(s)}}var p=Math.floor(i.width/n);for(s=0;s<e.length;s++){var v=e[s];e[s]={rect:[n*(v%p),r*Math.floor(v/p),n,r],image:i,duration:o}}return e[0].name=t,a?e[e.length-1].next=t:e[e.length-1].stop=!0,e}}})}();t.Hilo.TextureAtlas=i}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.browser,n=e.create({constructor:function(t){this._targetFPS=t||60,this._interval=1e3/this._targetFPS,this._tickers=[]},_paused:!1,_targetFPS:0,_interval:0,_intervalId:null,_tickers:null,_lastTime:0,_tickCount:0,_tickTime:0,_measuredFPS:0,start:function(e){if(void 0===e&&(e=!0),!this._intervalId){this._lastTime=+new Date;var n,r=this,a=this._interval,o=t.requestAnimationFrame||t[i.jsVendor+"RequestAnimationFrame"];e&&o&&a<17?(this._useRAF=!0,n=function(){r._intervalId=o(n),r._tick()}):n=function(){r._intervalId=setTimeout(n,a),r._tick()},this._paused=!1,n()}},stop:function(){if(this._useRAF){var e=t.cancelAnimationFrame||t[i.jsVendor+"CancelAnimationFrame"];e(this._intervalId)}else clearTimeout(this._intervalId);this._intervalId=null,this._lastTime=0,this._paused=!0},pause:function(){this._paused=!0},resume:function(){this._paused=!1},_tick:function(){if(!this._paused){var t=+new Date,e=t-this._lastTime,i=this._tickers;++this._tickCount>=this._targetFPS?(this._measuredFPS=1e3/(this._tickTime/this._tickCount)+.5>>0,this._tickCount=0,this._tickTime=0):this._tickTime+=t-this._lastTime,this._lastTime=t;for(var n=i.slice(0),r=0,a=n.length;r<a;r++)n[r].tick(e)}},getMeasuredFPS:function(){return Math.min(this._measuredFPS,this._targetFPS)},addTick:function(t){if(!t||"function"!=typeof t.tick)throw new Error("Ticker: The tick object must implement the tick method.");this._tickers.push(t)},removeTick:function(t){var e=this._tickers,i=e.indexOf(t);i>=0&&e.splice(i,1)},nextTick:function(t){var e=this,i={tick:function(n){e.removeTick(i),t()}};return e.addTick(i),i},timeout:function(t,e){var i=this,n=(new Date).getTime()+e,r={tick:function(){var e=(new Date).getTime(),a=e-n;a>=0&&(i.removeTick(r),t())}};return i.addTick(r),r},interval:function(t,e){var i=this,n=(new Date).getTime()+e,r={tick:function(){var i=(new Date).getTime(),r=i-n;r>=0&&(r<e&&(i-=r),n=i+e,t())}};return i.addTick(r),r}});t.Hilo.Ticker=n}(window),function(t){t.Hilo||(t.Hilo={});var e=Array.prototype,i=e.slice;e.indexOf||(e.indexOf=function(t,e){e=e||0;var i,n=this.length;if(0==n||e>=n)return-1;for(e<0&&(e=n+e),i=e;i<n;i++)if(this[i]===t)return i;return-1});var n=Function.prototype;n.bind||(n.bind=function(t){function e(){var a=r.concat(i.call(arguments));return n.apply(this instanceof e?this:t,a)}var n=this,r=i.call(arguments,1),a=function(){};return a.prototype=n.prototype,e.prototype=new a,e}),t.Hilo.undefined=void 0}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i={_isDragStart:!1,dragNeedTransform:!1,startDrag:function(t){function i(t){t.stopPropagation(),a(t),s.off(e.event.POINTER_START,i),p.x=s.x,p.y=s.y,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().transformPoint(p),s.__dragX=p.x-h.x,s.__dragY=p.y-h.y,l||(l=s.getStage()),l.on(e.event.POINTER_MOVE,r),document.addEventListener(e.event.POINTER_END,n),s.fire("dragStart",h)}function n(t){document.removeEventListener(e.event.POINTER_END,n),l&&l.off(e.event.POINTER_MOVE,r),s.on(e.event.POINTER_START,i),s.fire("dragEnd",h)}function r(t){a(t),p.x=h.x+s.__dragX,p.y=h.y+s.__dragY,s.dragNeedTransform&&s.parent&&s.parent.getConcatenatedMatrix().invert().transformPoint(p),s.x=Math.max(c,Math.min(d,p.x)),s.y=Math.max(u,Math.min(f,p.y)),s.fire("dragMove",h)}function a(t){h.preX=h.x,h.preY=h.y,h.x=t.stageX,h.y=t.stageY}function o(){s._isDragStart=!1,document.removeEventListener(e.event.POINTER_END,n),l&&l.off(e.event.POINTER_MOVE,r),s.off(e.event.POINTER_START,i)}var s=this;s._isDragStart&&s.stopDrag(),s._isDragStart=!0;var l;t=t||[-(1/0),-(1/0),1/0,1/0];var h={x:0,y:0,preX:0,preY:0},c=t[0],u=t[1],d=t[2]==1/0?1/0:c+t[2],f=t[3]==1/0?1/0:u+t[3],p={x:0,y:0};s.on(e.event.POINTER_START,i),s.stopDrag=o},stopDrag:function(){this._isDragStart=!1}};t.Hilo.drag=i}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=function(){function t(){return+new Date}return e.create({constructor:function(t,e,i,n){var r=this;r.target=t,r._startTime=0,r._seekTime=0,r._pausedTime=0,r._pausedStartTime=0,r._reverseFlag=1,r._repeatCount=0,3==arguments.length&&(n=i,i=e,e=null);for(var a in n)r[a]=n[a];r._fromProps=e,r._toProps=i,!n.duration&&n.time&&(r.duration=n.time||0,r.time=0)},target:null,duration:1e3,delay:0,paused:!1,loop:!1,reverse:!1,repeat:0,repeatDelay:0,ease:null,time:0,isStart:!1,onStart:null,onUpdate:null,onComplete:null,setProps:function(t,e){var i=this,n=i.target,r=t||e,a=i._fromProps={},o=i._toProps={};t=t||n,e=e||n;for(var s in r)o[s]=e[s]||0,n[s]=a[s]=t[s]||0;return i},start:function(){var e=this;return e._startTime=t()+e.delay,e._seekTime=0,e._pausedTime=0,e.paused=!1,i.add(e),e},stop:function(){return i.remove(this),this},pause:function(){var e=this;return e.paused=!0,e._pausedStartTime=t(),e},resume:function(){var e=this;return e.paused=!1,e._pausedStartTime&&(e._pausedTime+=t()-e._pausedStartTime),e._pausedStartTime=0,e},seek:function(e,n){var r=this,a=t();return r._startTime=a,r._seekTime=e,r._pausedTime=0,void 0!==n&&(r.paused=n),r._update(a,!0),i.add(r),r},link:function(t){var e,n,r=this,a=t.delay,o=r._startTime;return"string"==typeof a&&(e=0==a.indexOf("+"),n=0==a.indexOf("-"),a=e||n?Number(a.substr(1))*(e?1:-1):Number(a)),t.delay=a,t._startTime=e||n?o+r.duration+a:o+a,r._next=t,i.remove(t),t},_render:function(t){var e,i=this,n=i.target,r=i._fromProps;for(e in r)n[e]=r[e]+(i._toProps[e]-r[e])*t},_update:function(e,n){var r=this;if(!r.paused||n){var a=e-r._startTime-r._pausedTime+r._seekTime;if(!(a<0)){var o,s=a/r.duration,l=!1;s=s<=0?0:s>=1?1:s;var h=r.ease?r.ease(s):s;r.reverse&&(r._reverseFlag<0&&(s=1-s,h=1-h),s<1e-7&&(r.repeat>0&&r._repeatCount++>=r.repeat||0==r.repeat&&!r.loop?l=!0:(r._startTime=t(),r._pausedTime=0,r._reverseFlag*=-1))),r.isStart||(r.setProps(r._fromProps,r._toProps),r.isStart=!0,r.onStart&&r.onStart.call(r,r)),r.time=a,r._render(h),(o=r.onUpdate)&&o.call(r,s,r),s>=1&&(r.reverse?(r._startTime=t(),r._pausedTime=0,r._reverseFlag*=-1):r.loop||r.repeat>0&&r._repeatCount++<r.repeat?(r._startTime=t()+r.repeatDelay,r._pausedTime=0):l=!0);var c=r._next;if(c&&c.time<=0){var u=c._startTime;u>0&&u<=e?(c._render(s),c.time=a,i.add(c)):l&&(u<0||u>e)&&c.start()}return l?((o=r.onComplete)&&o.call(r,r),!0):void 0}}},Statics:{_tweens:[],tick:function(){var e,n,r=i._tweens,a=r.length;for(n=0;n<a;n++)e=r[n],e&&e._update(t())&&(r.splice(n,1),n--);return i},add:function(t){var e=i._tweens;return e.indexOf(t)==-1&&e.push(t),i},remove:function(t){var e,n;if(t instanceof Array){for(e=0,n=t.length;e<n;e++)i.remove(t[e]);return i}var r=i._tweens;if(t instanceof i)e=r.indexOf(t),e>-1&&r.splice(e,1);else for(e=0;e<r.length;e++)r[e].target===t&&(r.splice(e,1),e--);return i},removeAll:function(){return i._tweens.length=0,i},fromTo:function(t,e,n,r){r=r||{};var a=t instanceof Array;t=a?t:[t];var o,s,l=r.stagger,h=[];for(s=0;s<t.length;s++)o=new i(t[s],e,n,r),l&&(o.delay=(r.delay||0)+(s*l||0)),o.start(),h.push(o);return a?h:o},to:function(t,e,n){return i.fromTo(t,null,e,n)},from:function(t,e,n){return i.fromTo(t,e,null,n)}}})}();t.Hilo.Tween=i}(window),function(t){t.Hilo||(t.Hilo={});var e=function(){function t(t,e,i,n,r){return t=t||{},e&&(t.EaseIn=e),i&&(t.EaseOut=i),n&&(t.EaseInOut=n),r&&(t.EaseNone=r),t}var e=t(null,null,null,null,function(t){return t}),i=t(null,function(t){return t*t},function(t){return-t*(t-2)},function(t){return(t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)}),n=t(null,function(t){return t*t*t},function(t){return--t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)}),r=t(null,function(t){return t*t*t*t},function(t){return-(--t*t*t*t-1)},function(t){return(t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)}),a=t(null,function(t){return t*t*t*t*t},function(t){return(t-=1)*t*t*t*t+1},function(t){return(t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)}),o=Math,s=o.PI,l=.5*s,h=o.sin,c=o.cos,u=o.pow,d=o.sqrt,f=t(null,function(t){return-c(t*l)+1},function(t){return h(t*l)},function(t){return-.5*(c(s*t)-1)}),p=t(null,function(t){return 0==t?0:u(2,10*(t-1))},function(t){return 1==t?1:-u(2,-10*t)+1},function(t){return 0==t||1==t?t:(t*=2)<1?.5*u(2,10*(t-1)):.5*(-u(2,-10*(t-1))+2)}),v=t(null,function(t){return-(d(1-t*t)-1)},function(t){return d(1- --t*t)},function(t){return(t/=.5)<1?-.5*(d(1-t*t)-1):.5*(d(1-(t-=2)*t)+1)}),m=t({a:1,p:.4,s:.1,config:function(t,e){m.a=t,m.p=e,m.s=e/(2*s)*Math.asin(1/t)||0}},function(t){return-(m.a*u(2,10*(t-=1))*h((t-m.s)*(2*s)/m.p))},function(t){return m.a*u(2,-10*t)*h((t-m.s)*(2*s)/m.p)+1},function(t){return(t*=2)<1?-.5*(m.a*u(2,10*(t-=1))*h((t-m.s)*(2*s)/m.p)):m.a*u(2,-10*(t-=1))*h((t-m.s)*(2*s)/m.p)*.5+1}),g=t({o:1.70158,s:2.59491,config:function(t){g.o=t,g.s=1.525*t}},function(t){return t*t*((g.o+1)*t-g.o)},function(t){return(t-=1)*t*((g.o+1)*t+g.o)+1},function(t){return(t*=2)<1?.5*(t*t*((g.s+1)*t-g.s)):.5*((t-=2)*t*((g.s+1)*t+g.s)+2)}),_=t(null,function(t){return 1-_.EaseOut(1-t)},function(t){return(t/=1)<.36364?7.5625*t*t:t<.72727?7.5625*(t-=.54545)*t+.75:t<.90909?7.5625*(t-=.81818)*t+.9375:7.5625*(t-=.95455)*t+.984375},function(t){return t<.5?.5*_.EaseIn(2*t):.5*_.EaseOut(2*t-1)+.5});return{Linear:e,Quad:i,Cubic:n,Quart:r,Quint:a,Sine:f,Expo:p,Circ:v,Elastic:m,Back:g,Bounce:_}}();t.Hilo.Ease=e}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=e.create({load:function(t){var e=this,i=new Image;t.crossOrigin&&(i.crossOrigin=t.crossOrigin),i.onload=function(){e.onLoad(i)},i.onerror=i.onabort=e.onError.bind(i),i.src=t.src+(t.noCache?(t.src.indexOf("?")==-1?"?":"&")+"t="+ +new Date:"")},onLoad:function(t){return t.onload=t.onerror=t.onabort=null,t},onError:function(t){var e=t.target;return e.onload=e.onerror=e.onabort=null,t}});t.Hilo.ImageLoader=i}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=e.create({load:function(e){var n=this,r=e.src,a="jsonp"==e.type;if(a){var o=e.callbackName||"callback",s=e.callback||"jsonp"+ ++i._count,l=t;l[s]||(l[s]=function(t){delete l[s]}),r+=(r.indexOf("?")==-1?"?":"&")+o+"="+s}e.noCache&&(r+=(r.indexOf("?")==-1?"?":"&")+"t="+ +new Date);var h=document.createElement("script");h.type="text/javascript",h.async=!0,h.onload=n.onLoad.bind(n),h.onerror=n.onError.bind(n),h.src=r,e.id&&(h.id=e.id),document.getElementsByTagName("head")[0].appendChild(h)},onLoad:function(t){var e=t.target;return e.onload=e.onerror=null,e},onError:function(t){var e=t.target;return e.onload=e.onerror=null,t},Statics:{_count:0}});t.Hilo.ScriptLoader=i}(window),function(t){function e(t){var e,i,n=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(e=t.match(n))&&(i=e[1].toLowerCase()),i||null}t.Hilo||(t.Hilo={});var i=t.Hilo.Class,n=t.Hilo.EventMixin,r=t.Hilo.ImageLoader,a=t.Hilo.ScriptLoader,o=i.create({Mixes:n,constructor:function(t){this._source=[],this.add(t)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(t){var e=this;return t&&(t=t instanceof Array?t:[t],e._source=e._source.concat(t)),e},get:function(t){if(t)for(var e=this._source,i=0;i<e.length;i++){var n=e[i];if(n.id===t||n.src===t)return n}return null},getContent:function(t){var e=this.get(t);return e&&e.content},start:function(){var t=this;return t._loadNext(),t},_loadNext:function(){var t=this,e=t._source,i=e.length;if(t._loaded>=i)return void t.fire("complete");if(t._currentIndex<i-1&&t._connections<t.maxConnections){var n=++t._currentIndex,r=e[n],a=t._getLoader(r);if(a){var o=a.onLoad,s=a.onError;a.onLoad=function(e){a.onLoad=o,a.onError=s;var i=o&&o.call(a,e)||e.target;t._onItemLoad(n,i)},a.onError=function(e){a.onLoad=o,a.onError=s,s&&s.call(a,e),t._onItemError(n,e)},t._connections++}t._loadNext(),a&&a.load(r)}},_getLoader:function(t){var i=t.loader;if(i)return i;var n=t.type||e(t.src);switch(n){case"png":case"jpg":case"jpeg":case"gif":case"webp":i=new r;break;case"js":case"jsonp":i=new a}return i},_onItemLoad:function(t,e){var i=this,n=i._source[t];n.loaded=!0,n.content=e,i._connections--,i._loaded++,i.fire("load",n),i._loadNext()},_onItemError:function(t,e){var i=this,n=i._source[t];n.error=e,i._connections--,i._loaded++,i.fire("error",n),i._loadNext()},getSize:function(t){for(var e=0,i=this._source,n=0;n<i.length;n++){var r=i[n];e+=(t?r.loaded&&r.size:r.size)||0}return e},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});t.Hilo.LoadQueue=o}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.util,n=t.Hilo.EventMixin,r=e.create({Mixes:n,constructor:function(t){i.copy(this,t,!0),this._onAudioEvent=this._onAudioEvent.bind(this)},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_element:null,load:function(){if(!this._element){var t;try{t=this._element=new Audio,t.addEventListener("canplaythrough",this._onAudioEvent,!1),t.addEventListener("ended",this._onAudioEvent,!1),t.addEventListener("error",this._onAudioEvent,!1),t.src=this.src,t.volume=this.volume,t.load()}catch(e){t=this._element={},t.play=t.pause=function(){}}}return this},_onAudioEvent:function(t){var e=t.type;switch(e){case"canplaythrough":t.target.removeEventListener(e,this._onAudioEvent),this.loaded=!0,this.duration=this._element.duration,this.fire("load"),this.autoPlay&&this._doPlay();break;case"ended":this.playing=!1,this.fire("end"),this.loop&&this._doPlay();break;case"error":this.fire("error")}},_doPlay:function(){this.playing||(this._element.volume=this.muted?0:this.volume,this._element.play(),this.playing=!0)},play:function(){return this.playing&&this.stop(),this._element?this.loaded&&this._doPlay():(this.autoPlay=!0,this.load()),this},pause:function(){return this.playing&&(this._element.pause(),this.playing=!1),this},resume:function(){return this.playing||this._doPlay(),this},stop:function(){return this.playing&&(this._element.pause(),this._element.currentTime=0,this.playing=!1),this},setVolume:function(t){return this.volume!=t&&(this.volume=t,this._element.volume=t),this},setMute:function(t){return this.muted!=t&&(this.muted=t,this._element.volume=t?0:this.volume),this},Statics:{isSupported:null!==t.Audio}});t.Hilo.HTMLAudio=r}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.util,n=t.Hilo.EventMixin,r=function(){var a=t.AudioContext||t.webkitAudioContext,o=a?new a:null;return e.create({Mixes:n,constructor:function(t){i.copy(this,t,!0),this._init()},src:null,loop:!1,autoPlay:!1,loaded:!1,playing:!1,duration:0,volume:1,muted:!1,_context:null,_gainNode:null,_buffer:null,_audioNode:null,_startTime:0,_offset:0,_init:function(){this._context=o,this._gainNode=o.createGain?o.createGain():o.createGainNode(),this._gainNode.connect(o.destination),this._onAudioEvent=this._onAudioEvent.bind(this),this._onDecodeComplete=this._onDecodeComplete.bind(this),this._onDecodeError=this._onDecodeError.bind(this)},load:function(){if(!this._buffer){var t=r._bufferCache[this.src];if(t)this._onDecodeComplete(t);else{var e=new XMLHttpRequest;e.src=this.src,e.open("GET",this.src,!0),
 e.responseType="arraybuffer",e.onload=this._onAudioEvent,e.onprogress=this._onAudioEvent,e.onerror=this._onAudioEvent,e.send()}this._buffer=!0}return this},_onAudioEvent:function(t){var e=t.type;switch(e){case"load":var i=t.target;i.onload=i.onprogress=i.onerror=null,this._context.decodeAudioData(i.response,this._onDecodeComplete,this._onDecodeError),i=null;break;case"ended":this.playing=!1,this.fire("end"),this.loop&&this._doPlay();break;case"progress":this.fire(t);break;case"error":this.fire(t)}},_onDecodeComplete:function(t){r._bufferCache[this.src]||(r._bufferCache[this.src]=t),this._buffer=t,this.loaded=!0,this.duration=t.duration,this.fire("load"),this.autoPlay&&this._doPlay()},_onDecodeError:function(){this.fire("error")},_doPlay:function(){this._clearAudioNode();var t=this._context.createBufferSource();t.start||(t.start=t.noteOn,t.stop=t.noteOff),t.buffer=this._buffer,t.onended=this._onAudioEvent,this._gainNode.gain.value=this.muted?0:this.volume,t.connect(this._gainNode),t.start(0,this._offset),this._audioNode=t,this._startTime=this._context.currentTime,this.playing=!0},_clearAudioNode:function(){var t=this._audioNode;t&&(t.onended=null,t.disconnect(0),this._audioNode=null)},play:function(){return this.playing&&this.stop(),this.loaded?this._doPlay():this._buffer||(this.autoPlay=!0,this.load()),this},pause:function(){return this.playing&&(this._audioNode.stop(0),this._offset+=this._context.currentTime-this._startTime,this.playing=!1),this},resume:function(){return this.playing||this._doPlay(),this},stop:function(){return this.playing&&(this._audioNode.stop(0),this._audioNode.disconnect(),this._offset=0,this.playing=!1),this},setVolume:function(t){return this.volume!=t&&(this.volume=t,this._gainNode.gain.value=t),this},setMute:function(t){return this.muted!=t&&(this.muted=t,this._gainNode.gain.value=t?0:this.volume),this},Statics:{isSupported:null!=a,enabled:!1,enable:function(){if(!this.enabled&&o){var t=o.createBufferSource();return t.buffer=o.createBuffer(1,1,22050),t.connect(o.destination),t.start?t.start(0,0,0):t.noteOn(0,0,0),this.enabled=!0,!0}return this.enabled},_bufferCache:{},clearBufferCache:function(t){t?this._bufferCache[t]=null:this._bufferCache={}}}})}();t.Hilo.WebAudio=r}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.HTMLAudio,i=t.Hilo.WebAudio,n=t.Hilo.util,r={_audios:{},enableAudio:function(){i.isSupported&&i.enable()},getAudio:function(t,n){void 0===n&&(n=!0),t=this._normalizeSource(t);var r=this._audios[t.src];return r||(n&&i.isSupported?r=new i(t):e.isSupported&&(r=new e(t)),this._audios[t.src]=r),r},removeAudio:function(t){var e="string"==typeof t?t:t.src,i=this._audios[e];i&&(i.stop(),i.off(),this._audios[e]=null,delete this._audios[e])},_normalizeSource:function(t){var e={};return"string"==typeof t?e={src:t}:n.copy(e,t),e}};t.Hilo.WebSound=r}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.util,n=e.create({constructor:function(t){this.width=0,this.height=0,this.target=null,this.deadzone=null,this.bounds=null,this.scroll={x:0,y:0},i.copy(this,t)},tick:function(t){var e=this.target,i=this.scroll,n=this.bounds,r=this.deadzone;if(e){var a,o;r?(a=Math.min(Math.max(e.x-i.x,r[0]),r[0]+r[2]),o=Math.min(Math.max(e.y-i.y,r[1]),r[1]+r[3])):(a=.5*this.width,o=.5*this.height),i.x=e.x-a,i.y=e.y-o,n&&(i.x=Math.min(Math.max(i.x,n[0]),n[0]+n[2]),i.y=Math.min(Math.max(i.y,n[1]),n[1]+n[3]))}else i.x=0,i.y=0},follow:function(t,e){this.target=t,void 0!==e&&(this.deadzone=e),this.tick()}});t.Hilo.Camera=n}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.util,n=function(){function t(t,e,i,n,r){return{x:t,y:e*n-i*r,z:e*r+i*n}}function n(t,e,i,n,r){return{x:t*n-i*r,y:e,z:t*r+i*n}}function r(t,e,i,n,r){return{x:t*n-e*r,y:t*r+e*n,z:i}}var a=Math.PI/180,o=e.create({constructor:function(t){t.x=t.x||0,t.y=t.y||0,t.z=t.z||0,t.rotationX=t.rotationX||0,t.rotationY=t.rotationY||0,t.rotationZ=t.rotationZ||0,i.copy(this,t)},translate:function(t,e,i){this.tx=t,this.ty=e,this.tz=i},rotateX:function(t){this.rotationX=t},rotateY:function(t){this.rotationY=t},rotateZ:function(t){this.rotationZ=t},project:function(e,i){var o=this.rotationX*a,s=this.rotationY*a,l=this.rotationZ*a,h=Math.cos(o),c=Math.sin(o),u=Math.cos(s),d=Math.sin(s),f=Math.cos(l),p=Math.sin(l),v=e.x-this.x,m=e.y-this.y,g=e.z-this.z,_=r(v,m,g,f,p);_=n(_.x,_.y,_.z,u,d),_=t(_.x,_.y,_.z,h,c),this.tx&&(_.x-=this.tx),this.ty&&(_.y-=this.ty),this.tz&&(_.z-=this.tz);var x=this.fv/(this.fv+_.z),y=_.x*x,w=-_.y*x,T={x:y+this.fx,y:w+this.fy,z:-_.z,scale:x};return i&&(i.x=T.x,i.y=T.y,i.z=T.z,i.scaleX=T.scale,i.scaleY=T.scale),T},sortZ:function(){this.stage.children.sort(function(t,e){return t.z>e.z})},tick:function(){this.sortZ()}});return o}();t.Hilo.Camera3d=n}(window),function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.View,r=t.Hilo.Container,a=t.Hilo.Drawable,o=t.Hilo.util,s=function(){function t(t,e){return e?t+2*(Math.random()-.5)*e:t}for(var s=["x","y","vx","vy","ax","ay","rotation","rotationV","scale","scaleV","alpha","alphaV","life"],l=[],h=0,c=s.length;h<c;h++){var u=s[h];l.push(u),l.push(u+"Var")}var d={x:0,y:0,vx:0,vy:0,ax:0,ay:0,scale:1,scaleV:0,alpha:1,alphaV:0,rotation:0,rotationV:0,life:1},f=[],p=i.create({Extends:r,constructor:function(t){this.id=this.id||t.id||e.getUid("ParticleSystem"),this.emitterX=0,this.emitterY=0,this.gx=0,this.gy=0,this.totalTime=1/0,this.emitNum=10,this.emitNumVar=0,this.emitTime=.2,this.emitTimeVar=0,this.particle={},p.superclass.constructor.call(this,t),this.reset(t)},Statics:{PROPS:l,PROPS_DEFAULT:d,diedParticles:f},reset:function(t){o.copy(this,t),this.particle.system=this,this.totalTime<=0&&(this.totalTime=1/0)},onUpdate:function(e){e*=.001,this._isRun&&(this._totalRunTime+=e,this._currentRunTime+=e,this._currentRunTime>=this._emitTime&&(this._currentRunTime=0,this._emitTime=t(this.emitTime,this.emitTimeVar),this._emit()),this._totalRunTime>=this.totalTime&&this.stop())},_emit:function(){for(var e=t(this.emitNum,this.emitNumVar)>>0,i=0;i<e;i++)this.addChild(v.create(this.particle))},start:function(){this.stop(!0),this._currentRunTime=0,this._totalRunTime=0,this._isRun=!0,this._emitTime=t(this.emitTime,this.emitTimeVar)},stop:function(t){if(this._isRun=!1,t)for(var e=this.children.length-1;e>=0;e--)this.children[e].destroy()}}),v=i.create({Extends:n,constructor:function(t){this.id=this.id||t.id||e.getUid("Particle"),v.superclass.constructor.call(this,t),this.init(t)},onUpdate:function(t){if(t*=.001,this._died)return!1;var e=this.ax+this.system.gx,i=this.ay+this.system.gy;return this.vx+=e*t,this.vy+=i*t,this.x+=this.vx*t,this.y+=this.vy*t,this.rotation+=this.rotationV,this._time>.1&&(this.alpha+=this.alphaV),this.scale+=this.scaleV,this.scaleX=this.scaleY=this.scale,this._time+=t,this._time>=this.life||this.alpha<=0?(this.destroy(),!1):void 0},setImage:function(t,e){this.drawable=this.drawable||new a,e=e||[0,0,t.width,t.height],this.width=e[2],this.height=e[3],this.drawable.rect=e,this.drawable.image=t},destroy:function(){this._died=!0,this.alpha=0,this.removeFromParent(),f.push(this)},init:function(e){this.system=e.system,this._died=!1,this._time=0,this.alpha=1;for(var i=0,n=l.length;i<n;i++){var r=l[i],a=void 0===e[r]?d[r]:e[r];this[r]=t(a,e[r+"Var"])}if(this.x+=this.system.emitterX,this.y+=this.system.emitterY,e.image){var o=e.frame;o&&o[0].length&&(o=o[Math.random()*o.length>>0]),this.setImage(e.image,o),void 0!==e.pivotX&&(this.pivotX=e.pivotX*o[2]),void 0!==e.pivotY&&(this.pivotY=e.pivotY*o[3])}},Statics:{create:function(t){if(f.length>0){var e=f.pop();return e.init(t),e}return new v(t)}}});return p}();t.Hilo.ParticleSystem=s}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo-standalone.zip b/build/standalone/hilo-standalone.zip
index aace432d..c4feafa1 100644
Binary files a/build/standalone/hilo-standalone.zip and b/build/standalone/hilo-standalone.zip differ
diff --git a/build/standalone/hilo/core/Class.js b/build/standalone/hilo/core/Class.js
index 47849497..d71a2188 100644
--- a/build/standalone/hilo/core/Class.js
+++ b/build/standalone/hilo/core/Class.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/core/Class.min.js b/build/standalone/hilo/core/Class.min.js
index 26fc4f15..535f7a81 100644
--- a/build/standalone/hilo/core/Class.min.js
+++ b/build/standalone/hilo/core/Class.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/core/Hilo.js b/build/standalone/hilo/core/Hilo.js
index 0073f71e..258e62c4 100644
--- a/build/standalone/hilo/core/Hilo.js
+++ b/build/standalone/hilo/core/Hilo.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -29,7 +29,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.3.0',
+    version: '1.4.0',
     /**
      * @language=en
      * Gets a globally unique id. Such as Stage1, Bitmap2 etc.
diff --git a/build/standalone/hilo/core/Hilo.min.js b/build/standalone/hilo/core/Hilo.min.js
index 65930db8..75beb077 100644
--- a/build/standalone/hilo/core/Hilo.min.js
+++ b/build/standalone/hilo/core/Hilo.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.browser,a=t.Hilo.util,o=t,r=document,n=r.documentElement,i=0,s={},c={version:"1.3.0",getUid:function(t){var e=++i;if(t){var a=t.charCodeAt(t.length-1);return a>=48&&a<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,a=t;a;)e=e?a.id+"."+e:a.id,a=a.parent;return e},copy:function(t,e,o){return a.copy(t,e,o),s.copy||(s.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:e,event:{POINTER_START:e.POINTER_START,POINTER_MOVE:e.POINTER_MOVE,POINTER_END:e.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(a){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var r=(o.pageXOffset||n.scrollLeft)-(n.clientLeft||0)||0,i=(o.pageYOffset||n.scrollTop)-(n.clientTop||0)||0,s=o.getComputedStyle?getComputedStyle(t):t.currentStyle,c=parseInt,f=c(s.paddingLeft)+c(s.borderLeftWidth)||0,h=c(s.paddingTop)+c(s.borderTopWidth)||0,d=c(s.paddingRight)+c(s.borderRightWidth)||0,l=c(s.paddingBottom)+c(s.borderBottomWidth)||0,g=e.top||0,p=e.left||0,m=e.right||0,T=e.bottom||0;return{left:p+r+f,top:g+i+h,width:m-d-p-f,height:T-l-g-h}},createElement:function(t,e){var a,o,n,i=r.createElement(t);for(a in e)if(o=e[a],"style"===a)for(n in o)i.style[n]=o[n];else i[a]=o;return i},getElement:function(t){return r.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,a=e.domElement.style,o=t._stateCache||(t._stateCache={}),r=c.browser.jsVendor,n="px",i=!1;if(this.cacheStateIfChanged(t,["visible"],o)&&(a.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],o)&&(a.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],o)&&(a.width=t.width+n),this.cacheStateIfChanged(t,["height"],o)&&(a.height=t.height+n),this.cacheStateIfChanged(t,["depth"],o)&&(a.zIndex=t.depth+1),t.transform){var s=t.transform;(i=this.cacheStateIfChanged(t,["pivotX","pivotY"],o))&&(a[r+"TransformOrigin"]="0 0"),a[r+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(i=this.cacheStateIfChanged(t,["pivotX","pivotY"],o))&&(a[r+"TransformOrigin"]=t.pivotX+n+" "+t.pivotY+n),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],o)||i)&&(a[r+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],o)&&(a.backgroundColor=t.background),a.pointerEvents||(a.pointerEvents="none");var f=e.image;if(f){var h=f.src;h!==o.image&&(o.image=h,a.backgroundImage="url("+h+")");var d=e.rect;if(d){var l=d[0],g=d[1];l!==o.sx&&(o.sx=l,a.backgroundPositionX=-l+n),g!==o.sy&&(o.sy=g,a.backgroundPositionY=-g+n)}}var p=t.mask;if(p){var m=p.drawable.domElement.style.backgroundImage;m!==o.maskImage&&(o.maskImage=m,a[r+"MaskImage"]=m,a[r+"MaskRepeat"]="no-repeat");var T=p.x,u=p.y;T===o.maskX&&u===o.maskY||(o.maskX=T,o.maskY=u,a[r+"MaskPosition"]=T+n+" "+u+n)}}},cacheStateIfChanged:function(t,e,a){var o,r,n,i,s=!1;for(o=0,r=e.length;o<r;o++)n=e[o],i=t[n],i!=a[n]&&(a[n]=i,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,a=e?"3d":"";return"translate"+a+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+a+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+a+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};for(var f in c)t.Hilo[f]=c[f]}(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.browser,a=t.Hilo.util,o=t,r=document,n=r.documentElement,i=0,s={},c={version:"1.4.0",getUid:function(t){var e=++i;if(t){var a=t.charCodeAt(t.length-1);return a>=48&&a<=57&&(t+="_"),t+e}return e},viewToString:function(t){for(var e,a=t;a;)e=e?a.id+"."+e:a.id,a=a.parent;return e},copy:function(t,e,o){return a.copy(t,e,o),s.copy||(s.copy=!0,console.warn("Hilo.copy has been Deprecated! Use Hilo.util.copy instead.")),t},browser:e,event:{POINTER_START:e.POINTER_START,POINTER_MOVE:e.POINTER_MOVE,POINTER_END:e.POINTER_END},align:{TOP_LEFT:"TL",TOP:"T",TOP_RIGHT:"TR",LEFT:"L",CENTER:"C",RIGHT:"R",BOTTOM_LEFT:"BL",BOTTOM:"B",BOTTOM_RIGHT:"BR"},getElementRect:function(t){var e;try{e=t.getBoundingClientRect()}catch(a){e={top:t.offsetTop,left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,bottom:t.offsetTop+t.offsetHeight}}var r=(o.pageXOffset||n.scrollLeft)-(n.clientLeft||0)||0,i=(o.pageYOffset||n.scrollTop)-(n.clientTop||0)||0,s=o.getComputedStyle?getComputedStyle(t):t.currentStyle,c=parseInt,f=c(s.paddingLeft)+c(s.borderLeftWidth)||0,h=c(s.paddingTop)+c(s.borderTopWidth)||0,d=c(s.paddingRight)+c(s.borderRightWidth)||0,l=c(s.paddingBottom)+c(s.borderBottomWidth)||0,g=e.top||0,p=e.left||0,m=e.right||0,T=e.bottom||0;return{left:p+r+f,top:g+i+h,width:m-d-p-f,height:T-l-g-h}},createElement:function(t,e){var a,o,n,i=r.createElement(t);for(a in e)if(o=e[a],"style"===a)for(n in o)i.style[n]=o[n];else i[a]=o;return i},getElement:function(t){return r.getElementById(t)},setElementStyleByView:function(t){var e=t.drawable,a=e.domElement.style,o=t._stateCache||(t._stateCache={}),r=c.browser.jsVendor,n="px",i=!1;if(this.cacheStateIfChanged(t,["visible"],o)&&(a.display=t.visible?"":"none"),this.cacheStateIfChanged(t,["alpha"],o)&&(a.opacity=t.alpha),t.visible&&!(t.alpha<=0)){if(this.cacheStateIfChanged(t,["width"],o)&&(a.width=t.width+n),this.cacheStateIfChanged(t,["height"],o)&&(a.height=t.height+n),this.cacheStateIfChanged(t,["depth"],o)&&(a.zIndex=t.depth+1),t.transform){var s=t.transform;(i=this.cacheStateIfChanged(t,["pivotX","pivotY"],o))&&(a[r+"TransformOrigin"]="0 0"),a[r+"Transform"]="matrix3d("+s.a+", "+s.b+", 0, 0, "+s.c+", "+s.d+", 0, 0, 0, 0, 1, 0, "+s.tx+", "+s.ty+", 0, 1)"}else(i=this.cacheStateIfChanged(t,["pivotX","pivotY"],o))&&(a[r+"TransformOrigin"]=t.pivotX+n+" "+t.pivotY+n),(this.cacheStateIfChanged(t,["x","y","rotation","scaleX","scaleY"],o)||i)&&(a[r+"Transform"]=this.getTransformCSS(t));this.cacheStateIfChanged(t,["background"],o)&&(a.backgroundColor=t.background),a.pointerEvents||(a.pointerEvents="none");var f=e.image;if(f){var h=f.src;h!==o.image&&(o.image=h,a.backgroundImage="url("+h+")");var d=e.rect;if(d){var l=d[0],g=d[1];l!==o.sx&&(o.sx=l,a.backgroundPositionX=-l+n),g!==o.sy&&(o.sy=g,a.backgroundPositionY=-g+n)}}var p=t.mask;if(p){var m=p.drawable.domElement.style.backgroundImage;m!==o.maskImage&&(o.maskImage=m,a[r+"MaskImage"]=m,a[r+"MaskRepeat"]="no-repeat");var T=p.x,u=p.y;T===o.maskX&&u===o.maskY||(o.maskX=T,o.maskY=u,a[r+"MaskPosition"]=T+n+" "+u+n)}}},cacheStateIfChanged:function(t,e,a){var o,r,n,i,s=!1;for(o=0,r=e.length;o<r;o++)n=e[o],i=t[n],i!=a[n]&&(a[n]=i,s=!0);return s},getTransformCSS:function(t){var e=this.browser.supportTransform3D,a=e?"3d":"";return"translate"+a+"("+(t.x-t.pivotX)+"px, "+(t.y-t.pivotY)+(e?"px, 0px)":"px)")+"rotate"+a+(e?"(0, 0, 1, ":"(")+t.rotation+"deg)scale"+a+"("+t.scaleX+", "+t.scaleY+(e?", 1)":")")}};for(var f in c)t.Hilo[f]=c[f]}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/event/EventMixin.js b/build/standalone/hilo/event/EventMixin.js
index 49b63026..d1b49c9d 100644
--- a/build/standalone/hilo/event/EventMixin.js
+++ b/build/standalone/hilo/event/EventMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/event/EventMixin.min.js b/build/standalone/hilo/event/EventMixin.min.js
index f3e4e86d..af4ad500 100644
--- a/build/standalone/hilo/event/EventMixin.min.js
+++ b/build/standalone/hilo/event/EventMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/game/Camera.js b/build/standalone/hilo/game/Camera.js
index df230505..b51b8797 100644
--- a/build/standalone/hilo/game/Camera.js
+++ b/build/standalone/hilo/game/Camera.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/game/Camera.min.js b/build/standalone/hilo/game/Camera.min.js
index f2c6e539..8dd39188 100644
--- a/build/standalone/hilo/game/Camera.min.js
+++ b/build/standalone/hilo/game/Camera.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/game/Camera3d.js b/build/standalone/hilo/game/Camera3d.js
index 9a2252e2..872edc7a 100644
--- a/build/standalone/hilo/game/Camera3d.js
+++ b/build/standalone/hilo/game/Camera3d.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/game/Camera3d.min.js b/build/standalone/hilo/game/Camera3d.min.js
index 1b25d027..71046ebe 100644
--- a/build/standalone/hilo/game/Camera3d.min.js
+++ b/build/standalone/hilo/game/Camera3d.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/game/ParticleSystem.js b/build/standalone/hilo/game/ParticleSystem.js
index c5027112..e7d9d029 100644
--- a/build/standalone/hilo/game/ParticleSystem.js
+++ b/build/standalone/hilo/game/ParticleSystem.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/game/ParticleSystem.min.js b/build/standalone/hilo/game/ParticleSystem.min.js
index 3191a922..f732dac5 100644
--- a/build/standalone/hilo/game/ParticleSystem.min.js
+++ b/build/standalone/hilo/game/ParticleSystem.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/geom/Matrix.js b/build/standalone/hilo/geom/Matrix.js
index e43fc8a9..d0cd5a40 100644
--- a/build/standalone/hilo/geom/Matrix.js
+++ b/build/standalone/hilo/geom/Matrix.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/geom/Matrix.min.js b/build/standalone/hilo/geom/Matrix.min.js
index 8e590180..a16570bc 100644
--- a/build/standalone/hilo/geom/Matrix.min.js
+++ b/build/standalone/hilo/geom/Matrix.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/loader/ImageLoader.js b/build/standalone/hilo/loader/ImageLoader.js
index 0ab1fa24..c10c7d5c 100644
--- a/build/standalone/hilo/loader/ImageLoader.js
+++ b/build/standalone/hilo/loader/ImageLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/loader/ImageLoader.min.js b/build/standalone/hilo/loader/ImageLoader.min.js
index 1b85de64..7046d5c2 100644
--- a/build/standalone/hilo/loader/ImageLoader.min.js
+++ b/build/standalone/hilo/loader/ImageLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/loader/LoadQueue.js b/build/standalone/hilo/loader/LoadQueue.js
index 8b7e1e59..1b75efc7 100644
--- a/build/standalone/hilo/loader/LoadQueue.js
+++ b/build/standalone/hilo/loader/LoadQueue.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/loader/LoadQueue.min.js b/build/standalone/hilo/loader/LoadQueue.min.js
index a17d8c1f..18bbf4fd 100644
--- a/build/standalone/hilo/loader/LoadQueue.min.js
+++ b/build/standalone/hilo/loader/LoadQueue.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/loader/ScriptLoader.js b/build/standalone/hilo/loader/ScriptLoader.js
index 8e5e12fe..0213eec8 100644
--- a/build/standalone/hilo/loader/ScriptLoader.js
+++ b/build/standalone/hilo/loader/ScriptLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/loader/ScriptLoader.min.js b/build/standalone/hilo/loader/ScriptLoader.min.js
index 052edcb4..e6639d83 100644
--- a/build/standalone/hilo/loader/ScriptLoader.min.js
+++ b/build/standalone/hilo/loader/ScriptLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/media/HTMLAudio.js b/build/standalone/hilo/media/HTMLAudio.js
index 2fe5f961..61498e7d 100644
--- a/build/standalone/hilo/media/HTMLAudio.js
+++ b/build/standalone/hilo/media/HTMLAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/media/HTMLAudio.min.js b/build/standalone/hilo/media/HTMLAudio.min.js
index bff2aaf9..b347016b 100644
--- a/build/standalone/hilo/media/HTMLAudio.min.js
+++ b/build/standalone/hilo/media/HTMLAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/media/WebAudio.js b/build/standalone/hilo/media/WebAudio.js
index 24d99f5f..7fc53bbc 100644
--- a/build/standalone/hilo/media/WebAudio.js
+++ b/build/standalone/hilo/media/WebAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/media/WebAudio.min.js b/build/standalone/hilo/media/WebAudio.min.js
index 39309557..2c94257b 100644
--- a/build/standalone/hilo/media/WebAudio.min.js
+++ b/build/standalone/hilo/media/WebAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/media/WebSound.js b/build/standalone/hilo/media/WebSound.js
index d6528185..8c49000e 100644
--- a/build/standalone/hilo/media/WebSound.js
+++ b/build/standalone/hilo/media/WebSound.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/media/WebSound.min.js b/build/standalone/hilo/media/WebSound.min.js
index 0c7484e5..514046bc 100644
--- a/build/standalone/hilo/media/WebSound.min.js
+++ b/build/standalone/hilo/media/WebSound.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/renderer/CanvasRenderer.js b/build/standalone/hilo/renderer/CanvasRenderer.js
index 7e70df59..2c43d842 100644
--- a/build/standalone/hilo/renderer/CanvasRenderer.js
+++ b/build/standalone/hilo/renderer/CanvasRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/renderer/CanvasRenderer.min.js b/build/standalone/hilo/renderer/CanvasRenderer.min.js
index 11add8dc..ad5c7b20 100644
--- a/build/standalone/hilo/renderer/CanvasRenderer.min.js
+++ b/build/standalone/hilo/renderer/CanvasRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/renderer/DOMRenderer.js b/build/standalone/hilo/renderer/DOMRenderer.js
index 07a5e94d..628c052e 100644
--- a/build/standalone/hilo/renderer/DOMRenderer.js
+++ b/build/standalone/hilo/renderer/DOMRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/renderer/DOMRenderer.min.js b/build/standalone/hilo/renderer/DOMRenderer.min.js
index 5d194660..14f496fb 100644
--- a/build/standalone/hilo/renderer/DOMRenderer.min.js
+++ b/build/standalone/hilo/renderer/DOMRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/renderer/Renderer.js b/build/standalone/hilo/renderer/Renderer.js
index b88fb30f..4b318559 100644
--- a/build/standalone/hilo/renderer/Renderer.js
+++ b/build/standalone/hilo/renderer/Renderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/renderer/Renderer.min.js b/build/standalone/hilo/renderer/Renderer.min.js
index c6ccbe28..3fec76e6 100644
--- a/build/standalone/hilo/renderer/Renderer.min.js
+++ b/build/standalone/hilo/renderer/Renderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/renderer/WebGLRenderer.js b/build/standalone/hilo/renderer/WebGLRenderer.js
index 03354b5c..a7743c20 100644
--- a/build/standalone/hilo/renderer/WebGLRenderer.js
+++ b/build/standalone/hilo/renderer/WebGLRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -59,7 +59,13 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
                 }
             }
             return this._isSupported;
-        }
+        },
+        /**
+         * WebGL context Options
+         * @see  https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes
+         * @type {Object}
+         */
+        contextOptions: null
     },
     renderType:'webgl',
     gl:null,
@@ -68,7 +74,8 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
     constructor: function(properties){
         WebGLRenderer.superclass.constructor.call(this, properties);
         var that = this;
-        this.gl = this.canvas.getContext("webgl")||this.canvas.getContext('experimental-webgl');
+        var contextOptions = WebGLRenderer.contextOptions || {};
+        this.gl = this.canvas.getContext("webgl", contextOptions)||this.canvas.getContext('experimental-webgl', contextOptions);
 
         this.maxBatchNum = WebGLRenderer.MAX_BATCH_NUM;
         this.positionStride = WebGLRenderer.ATTRIBUTE_NUM * 4;
diff --git a/build/standalone/hilo/renderer/WebGLRenderer.min.js b/build/standalone/hilo/renderer/WebGLRenderer.min.js
index f3b2d3a1..1dcaa0d1 100644
--- a/build/standalone/hilo/renderer/WebGLRenderer.min.js
+++ b/build/standalone/hilo/renderer/WebGLRenderer.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,r=t.Hilo,i=t.Hilo.Renderer,a=t.Hilo.Matrix,n=Math.PI/180,s=e.create({Extends:i,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported}},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){s.superclass.constructor.call(this,t);var e=this;this.gl=this.canvas.getContext("webgl")||this.canvas.getContext("experimental-webgl"),this.maxBatchNum=s.MAX_BATCH_NUM,this.positionStride=4*s.ATTRIBUTE_NUM;var r=this.maxBatchNum*s.ATTRIBUTE_NUM*4,i=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*r),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(i);for(var a=0,n=0;a<i;a+=6,n+=4)this.indexs[a+0]=n+0,this.indexs[a+1]=n+1,this.indexs[a+2]=n+2,this.indexs[a+3]=n+1,this.indexs[a+4]=n+2,this.indexs[a+5]=n+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,r=t.height,i=(t.background,t.drawable),a=i&&i.image;if(a){var n=i.rect,s=n[2],o=n[3];e||r||(e=t.width=s,r=t.height=o),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(a,n[0],n[1],s,o,0,0,e,r),_=this.batchIndex*this.positionStride,c=this.float32Array,l=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);c[_+0]=h[0],c[_+1]=h[1],c[_+2]=h[2],c[_+3]=h[3],l[_+4]=d,c[_+5]=h[4],c[_+6]=h[5],c[_+7]=h[6],c[_+8]=h[7],l[_+9]=d,c[_+10]=h[8],c[_+11]=h[9],c[_+12]=h[10],c[_+13]=h[11],l[_+14]=d,c[_+15]=h[12],c[_+16]=h[13],c[_+17]=h[14],c[_+18]=h[15],l[_+19]=d;for(var u=t.__webglWorldMatrix,f=0;f<4;f++){var g=c[_+5*f],T=c[_+5*f+1];c[_+5*f]=u.a*g+u.c*T+u.tx,c[_+5*f+1]=u.b*g+u.d*T+u.ty}t.__textureImage=a,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void r.setElementStyleByView(t);var i=t.scaleX,n=t.scaleY;if(t===this.stage){var s=this.canvas.style,o=t._scaleX,h=t._scaleY,_=!1;(!o&&1!=i||o&&o!=i)&&(t._scaleX=i,s.width=i*t.width+"px",_=!0),(!h&&1!=n||h&&h!=n)&&(t._scaleY=n,s.height=n*t.height+"px",_=!0),_&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new a(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new a(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,r=e&&e.domElement;if(r){var i=r.parentNode;i&&i.removeChild(r)}},clear:function(t,e,r,i){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var r=this.canvas,i=this.stage,a=r.style;this.width=r.width=t,this.height=r.height=e,a.width=i.width*i.scaleX+"px",a.height=i.height*i.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,r=0,i=null,a=0;a<this.batchIndex;a++){var n=this.sprites[a];i&&i!==n.__textureImage&&(this._renderBatch(e,a),e=a,r=1),i=n.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var r=this.gl,i=e-t;i>0&&(r.bindTexture(r.TEXTURE_2D,this._getTexture(this.sprites[t])),r.drawElements(r.TRIANGLES,6*i,r.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new o(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,r,i,a,n,s,o,h){var _=this.__tempVertexs||[],c=t.width,l=t.height;i/=c,a/=l,e/=c,r/=l,o=o,h=h,n=n,s=s,i+e>1&&(i=1-e),a+r>1&&(a=1-r);var d=0;return _[d++]=n,_[d++]=s,_[d++]=e,_[d++]=r,_[d++]=n+o,_[d++]=s,_[d++]=e+i,_[d++]=r,_[d++]=n,_[d++]=s+h,_[d++]=e,_[d++]=r+a,_[d++]=n+o,_[d++]=s+h,_[d++]=e+i,_[d++]=r+a,_},_setConcatenatedMatrix:function(t,e){var r=t.__webglWorldMatrix,i=1,a=0,s=t.rotation%360,o=t.pivotX,h=t.pivotY,_=t.scaleX,c=t.scaleY,l=t.transform;if(l)r.copy(l);else{if(s){var d=s*n;i=Math.cos(d),a=Math.sin(d)}var u=t.getAlignPosition();r.a=i*_,r.b=a*_,r.c=-a*c,r.d=i*c,r.tx=u.x-r.a*o-r.c*h,r.ty=u.y-r.b*o-r.d*h}r.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,r=this._cacheTexture[e.src];return r||(r=this.activeShader.uploadTexture(e)),r}}),o=function(t,e,r){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),r=r||{},this.attributes=r.attributes||[],this.uniforms=r.uniforms||[]};o.prototype={active:function(){var t=this,e=t.renderer,r=t.gl,i=t.program;i&&r&&(e.activeShader=t,r.useProgram(i),t.attributes.forEach(function(t){e[t]=r.getAttribLocation(i,t),r.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=r.getUniformLocation(i,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,r=this.renderer,i=e.createTexture(),a=r.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,i),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(a,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=i,i},_createProgram:function(t,e,r){var i=this._createShader(t,t.VERTEX_SHADER,e),a=this._createShader(t,t.FRAGMENT_SHADER,r);if(!i||!a)return null;var n=t.createProgram();if(n){t.attachShader(n,i),t.attachShader(n,a),t.linkProgram(n),t.deleteShader(a),t.deleteShader(i);var s=t.getProgramParameter(n,t.LINK_STATUS);if(!s){var o=t.getProgramInfoLog(n);return console.log("Failed to link program: "+o),t.deleteProgram(n),null}}return n},_createShader:function(t,e,r){var i=t.createShader(e);if(i){t.shaderSource(i,r),t.compileShader(i);var a=t.getShaderParameter(i,t.COMPILE_STATUS);if(!a){var n=t.getShaderInfoLog(i);return console.log("Failed to compile shader: "+n),t.deleteShader(i),null}}return i}},t.Hilo.WebGLRenderer=s}(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,r=t.Hilo,i=t.Hilo.Renderer,a=t.Hilo.Matrix,n=Math.PI/180,s=e.create({Extends:i,Statics:{MAX_BATCH_NUM:2e3,ATTRIBUTE_NUM:5,isSupport:function(){if(void 0==this._isSupported){var t=document.createElement("canvas");t.getContext&&(t.getContext("webgl")||t.getContext("experimental-webgl"))?this._isSupported=!0:this._isSupported=!1}return this._isSupported},contextOptions:null},renderType:"webgl",gl:null,_isContextLost:!1,_cacheTexture:{},constructor:function(t){s.superclass.constructor.call(this,t);var e=this,r=s.contextOptions||{};this.gl=this.canvas.getContext("webgl",r)||this.canvas.getContext("experimental-webgl",r),this.maxBatchNum=s.MAX_BATCH_NUM,this.positionStride=4*s.ATTRIBUTE_NUM;var i=this.maxBatchNum*s.ATTRIBUTE_NUM*4,a=6*this.maxBatchNum;this.arrayBuffer=new ArrayBuffer(4*i),this.float32Array=new Float32Array(this.arrayBuffer),this.uint32Array=new Uint32Array(this.arrayBuffer),this.indexs=new Uint16Array(a);for(var n=0,o=0;n<a;n+=6,o+=4)this.indexs[n+0]=o+0,this.indexs[n+1]=o+1,this.indexs[n+2]=o+2,this.indexs[n+3]=o+1,this.indexs[n+4]=o+2,this.indexs[n+5]=o+3;this.batchIndex=0,this.sprites=[],this.canvas.addEventListener("webglcontextlost",function(t){e._isContextLost=!0,t.preventDefault()},!1),this.canvas.addEventListener("webglcontextrestored",function(t){e._isContextLost=!1,e.setupWebGLStateAndResource()},!1),this.setupWebGLStateAndResource()},setupWebGLStateAndResource:function(){var t=this.gl;t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.clearColor(0,0,0,0),t.disable(t.DEPTH_TEST),t.disable(t.CULL_FACE),t.enable(t.BLEND),this._cacheTexture={},this._initShaders(),this.defaultShader.active(),this.positionBuffer=t.createBuffer(),this.indexBuffer=t.createBuffer(),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,this.indexBuffer),t.bufferData(t.ELEMENT_ARRAY_BUFFER,this.indexs,t.STATIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,this.positionBuffer),t.bufferData(t.ARRAY_BUFFER,this.arrayBuffer,t.DYNAMIC_DRAW),t.vertexAttribPointer(this.a_position,2,t.FLOAT,!1,this.positionStride,0),t.vertexAttribPointer(this.a_TexCoord,2,t.FLOAT,!1,this.positionStride,8),t.vertexAttribPointer(this.a_tint,4,t.UNSIGNED_BYTE,!0,this.positionStride,16)},context:null,startDraw:function(t){return!!(t.visible&&t.alpha>0)&&(t===this.stage&&this.clear(),!0)},draw:function(t){var e=t.width,r=t.height,i=(t.background,t.drawable),a=i&&i.image;if(a){var n=i.rect,s=n[2],o=n[3];e||r||(e=t.width=s,r=t.height=o),this.batchIndex>=this.maxBatchNum&&this._renderBatches();var h=this._createVertexs(a,n[0],n[1],s,o,0,0,e,r),c=this.batchIndex*this.positionStride,_=this.float32Array,l=this.uint32Array,d=(t.tint>>16)+(65280&t.tint)+((255&t.tint)<<16)+(255*t.__webglRenderAlpha<<24);_[c+0]=h[0],_[c+1]=h[1],_[c+2]=h[2],_[c+3]=h[3],l[c+4]=d,_[c+5]=h[4],_[c+6]=h[5],_[c+7]=h[6],_[c+8]=h[7],l[c+9]=d,_[c+10]=h[8],_[c+11]=h[9],_[c+12]=h[10],_[c+13]=h[11],l[c+14]=d,_[c+15]=h[12],_[c+16]=h[13],_[c+17]=h[14],_[c+18]=h[15],l[c+19]=d;for(var u=t.__webglWorldMatrix,f=0;f<4;f++){var g=_[c+5*f],x=_[c+5*f+1];_[c+5*f]=u.a*g+u.c*x+u.tx,_[c+5*f+1]=u.b*g+u.d*x+u.ty}t.__textureImage=a,this.sprites[this.batchIndex++]=t}},endDraw:function(t){t===this.stage&&this._renderBatches()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void r.setElementStyleByView(t);var i=t.scaleX,n=t.scaleY;if(t===this.stage){var s=this.canvas.style,o=t._scaleX,h=t._scaleY,c=!1;(!o&&1!=i||o&&o!=i)&&(t._scaleX=i,s.width=i*t.width+"px",c=!0),(!h&&1!=n||h&&h!=n)&&(t._scaleY=n,s.height=n*t.height+"px",c=!0),c&&t.updateViewport(),t.__webglWorldMatrix=t.__webglWorldMatrix||new a(1,0,0,1,0,0)}else t.parent&&(t.__webglWorldMatrix=t.__webglWorldMatrix||new a(1,0,0,1,0,0),this._setConcatenatedMatrix(t,t.parent));t.alpha>0&&(t.parent&&t.parent.__webglRenderAlpha?t.__webglRenderAlpha=t.alpha*t.parent.__webglRenderAlpha:t.__webglRenderAlpha=t.alpha)},remove:function(t){var e=t.drawable,r=e&&e.domElement;if(r){var i=r.parentNode;i&&i.removeChild(r)}},clear:function(t,e,r,i){this.gl.clear(this.gl.COLOR_BUFFER_BIT)},resize:function(t,e){if(this.width!==t||this.height!==e){var r=this.canvas,i=this.stage,a=r.style;this.width=r.width=t,this.height=r.height=e,a.width=i.width*i.scaleX+"px",a.height=i.height*i.scaleY+"px",this.gl.viewport(0,0,t,e),this.canvasHalfWidth=.5*t,this.canvasHalfHeight=.5*e,this._uploadProjectionTransform(!0)}},_renderBatches:function(){var t=this.gl;t.bufferSubData(t.ARRAY_BUFFER,0,this.uint32Array.subarray(0,this.batchIndex*this.positionStride));for(var e=0,r=0,i=null,a=0;a<this.batchIndex;a++){var n=this.sprites[a];i&&i!==n.__textureImage&&(this._renderBatch(e,a),e=a,r=1),i=n.__textureImage}this._renderBatch(e,this.batchIndex),this.batchIndex=0},_renderBatch:function(t,e){var r=this.gl,i=e-t;i>0&&(r.bindTexture(r.TEXTURE_2D,this._getTexture(this.sprites[t])),r.drawElements(r.TRIANGLES,6*i,r.UNSIGNED_SHORT,6*t*2))},_uploadProjectionTransform:function(t){this._projectionTransformElements&&!t||(this._projectionTransformElements=new Float32Array([1/this.canvasHalfWidth,0,0,0,-1/this.canvasHalfHeight,0,-1,1,1])),this.gl.uniformMatrix3fv(this.u_projectionTransform,!1,this._projectionTransformElements)},_initShaders:function(){var t="            attribute vec2 a_position;\n            attribute vec2 a_TexCoord;\n            attribute vec4 a_tint;\n            uniform mat3 u_projectionTransform;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n                v_TexCoord = a_TexCoord;\n                v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n            }\n        ",e="\n            precision mediump float;\n            uniform sampler2D u_Sampler;\n            varying vec2 v_TexCoord;\n            varying vec4 v_tint;\n            void main(){\n                gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n            }\n        ";this.defaultShader=new o(this,{v:t,f:e},{attributes:["a_position","a_TexCoord","a_tint"],uniforms:["u_projectionTransform","u_Sampler"]})},_createVertexs:function(t,e,r,i,a,n,s,o,h){var c=this.__tempVertexs||[],_=t.width,l=t.height;i/=_,a/=l,e/=_,r/=l,o=o,h=h,n=n,s=s,i+e>1&&(i=1-e),a+r>1&&(a=1-r);var d=0;return c[d++]=n,c[d++]=s,c[d++]=e,c[d++]=r,c[d++]=n+o,c[d++]=s,c[d++]=e+i,c[d++]=r,c[d++]=n,c[d++]=s+h,c[d++]=e,c[d++]=r+a,c[d++]=n+o,c[d++]=s+h,c[d++]=e+i,c[d++]=r+a,c},_setConcatenatedMatrix:function(t,e){var r=t.__webglWorldMatrix,i=1,a=0,s=t.rotation%360,o=t.pivotX,h=t.pivotY,c=t.scaleX,_=t.scaleY,l=t.transform;if(l)r.copy(l);else{if(s){var d=s*n;i=Math.cos(d),a=Math.sin(d)}var u=t.getAlignPosition();r.a=i*c,r.b=a*c,r.c=-a*_,r.d=i*_,r.tx=u.x-r.a*o-r.c*h,r.ty=u.y-r.b*o-r.d*h}r.concat(e.__webglWorldMatrix)},_getTexture:function(t){var e=t.__textureImage,r=this._cacheTexture[e.src];return r||(r=this.activeShader.uploadTexture(e)),r}}),o=function(t,e,r){this.renderer=t,this.gl=t.gl,this.program=this._createProgram(this.gl,e.v,e.f),r=r||{},this.attributes=r.attributes||[],this.uniforms=r.uniforms||[]};o.prototype={active:function(){var t=this,e=t.renderer,r=t.gl,i=t.program;i&&r&&(e.activeShader=t,r.useProgram(i),t.attributes.forEach(function(t){e[t]=r.getAttribLocation(i,t),r.enableVertexAttribArray(e[t])}),t.uniforms.forEach(function(t){e[t]=r.getUniformLocation(i,t)}),t.width===e.width&&t.height===e.height||(t.width=e.width,t.height=e.height,e._uploadProjectionTransform()))},uploadTexture:function(t){var e=this.gl,r=this.renderer,i=e.createTexture(),a=r.u_Sampler;return e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,i),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,1),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.uniform1i(a,0),e.bindTexture(e.TEXTURE_2D,null),this.renderer._cacheTexture[t.src]=i,i},_createProgram:function(t,e,r){var i=this._createShader(t,t.VERTEX_SHADER,e),a=this._createShader(t,t.FRAGMENT_SHADER,r);if(!i||!a)return null;var n=t.createProgram();if(n){t.attachShader(n,i),t.attachShader(n,a),t.linkProgram(n),t.deleteShader(a),t.deleteShader(i);var s=t.getProgramParameter(n,t.LINK_STATUS);if(!s){var o=t.getProgramInfoLog(n);return console.log("Failed to link program: "+o),t.deleteProgram(n),null}}return n},_createShader:function(t,e,r){var i=t.createShader(e);if(i){t.shaderSource(i,r),t.compileShader(i);var a=t.getShaderParameter(i,t.COMPILE_STATUS);if(!a){var n=t.getShaderInfoLog(i);return console.log("Failed to compile shader: "+n),t.deleteShader(i),null}}return i}},t.Hilo.WebGLRenderer=s}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/tween/Ease.js b/build/standalone/hilo/tween/Ease.js
index 198d12ca..5afecbbd 100644
--- a/build/standalone/hilo/tween/Ease.js
+++ b/build/standalone/hilo/tween/Ease.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/tween/Ease.min.js b/build/standalone/hilo/tween/Ease.min.js
index 7493714e..a24435aa 100644
--- a/build/standalone/hilo/tween/Ease.min.js
+++ b/build/standalone/hilo/tween/Ease.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/tween/Tween.js b/build/standalone/hilo/tween/Tween.js
index a0923c44..3833e6d6 100644
--- a/build/standalone/hilo/tween/Tween.js
+++ b/build/standalone/hilo/tween/Tween.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/tween/Tween.min.js b/build/standalone/hilo/tween/Tween.min.js
index dd0a801f..58e74824 100644
--- a/build/standalone/hilo/tween/Tween.min.js
+++ b/build/standalone/hilo/tween/Tween.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/util/TextureAtlas.js b/build/standalone/hilo/util/TextureAtlas.js
index b79bb12d..63b3c633 100644
--- a/build/standalone/hilo/util/TextureAtlas.js
+++ b/build/standalone/hilo/util/TextureAtlas.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/util/TextureAtlas.min.js b/build/standalone/hilo/util/TextureAtlas.min.js
index 725173d1..8f66c9ef 100644
--- a/build/standalone/hilo/util/TextureAtlas.min.js
+++ b/build/standalone/hilo/util/TextureAtlas.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/util/Ticker.js b/build/standalone/hilo/util/Ticker.js
index e9c7b594..609972fe 100644
--- a/build/standalone/hilo/util/Ticker.js
+++ b/build/standalone/hilo/util/Ticker.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/util/Ticker.min.js b/build/standalone/hilo/util/Ticker.min.js
index 8b5faf81..bd995ddd 100644
--- a/build/standalone/hilo/util/Ticker.min.js
+++ b/build/standalone/hilo/util/Ticker.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/util/browser.js b/build/standalone/hilo/util/browser.js
index 9b4df826..73a7f259 100644
--- a/build/standalone/hilo/util/browser.js
+++ b/build/standalone/hilo/util/browser.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/util/browser.min.js b/build/standalone/hilo/util/browser.min.js
index 1a674f63..dba149a0 100644
--- a/build/standalone/hilo/util/browser.min.js
+++ b/build/standalone/hilo/util/browser.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/util/drag.js b/build/standalone/hilo/util/drag.js
index 80157298..a34538e3 100644
--- a/build/standalone/hilo/util/drag.js
+++ b/build/standalone/hilo/util/drag.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/util/drag.min.js b/build/standalone/hilo/util/drag.min.js
index 81210ce5..ec398a00 100644
--- a/build/standalone/hilo/util/drag.min.js
+++ b/build/standalone/hilo/util/drag.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/util/polyfill.js b/build/standalone/hilo/util/polyfill.js
index d722b411..a14720e6 100644
--- a/build/standalone/hilo/util/polyfill.js
+++ b/build/standalone/hilo/util/polyfill.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/util/polyfill.min.js b/build/standalone/hilo/util/polyfill.min.js
index 624147c6..91992836 100644
--- a/build/standalone/hilo/util/polyfill.min.js
+++ b/build/standalone/hilo/util/polyfill.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/util/util.js b/build/standalone/hilo/util/util.js
index 31cdf3d8..3ea0165e 100644
--- a/build/standalone/hilo/util/util.js
+++ b/build/standalone/hilo/util/util.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/util/util.min.js b/build/standalone/hilo/util/util.min.js
index ae760db2..ec9e6b99 100644
--- a/build/standalone/hilo/util/util.min.js
+++ b/build/standalone/hilo/util/util.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Bitmap.js b/build/standalone/hilo/view/Bitmap.js
index 785b0297..c15f6e0f 100644
--- a/build/standalone/hilo/view/Bitmap.js
+++ b/build/standalone/hilo/view/Bitmap.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Bitmap.min.js b/build/standalone/hilo/view/Bitmap.min.js
index 589de7f8..aaa2885d 100644
--- a/build/standalone/hilo/view/Bitmap.min.js
+++ b/build/standalone/hilo/view/Bitmap.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/BitmapText.js b/build/standalone/hilo/view/BitmapText.js
index a1027e3e..eedf1ea5 100644
--- a/build/standalone/hilo/view/BitmapText.js
+++ b/build/standalone/hilo/view/BitmapText.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/BitmapText.min.js b/build/standalone/hilo/view/BitmapText.min.js
index 71ee04b6..afcbc5fd 100644
--- a/build/standalone/hilo/view/BitmapText.min.js
+++ b/build/standalone/hilo/view/BitmapText.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Button.js b/build/standalone/hilo/view/Button.js
index f3f2d12b..28045249 100644
--- a/build/standalone/hilo/view/Button.js
+++ b/build/standalone/hilo/view/Button.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Button.min.js b/build/standalone/hilo/view/Button.min.js
index 6456a8b8..b8d4cac7 100644
--- a/build/standalone/hilo/view/Button.min.js
+++ b/build/standalone/hilo/view/Button.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/CacheMixin.js b/build/standalone/hilo/view/CacheMixin.js
index 83315461..3c882d9a 100644
--- a/build/standalone/hilo/view/CacheMixin.js
+++ b/build/standalone/hilo/view/CacheMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/CacheMixin.min.js b/build/standalone/hilo/view/CacheMixin.min.js
index 339997bd..17e24a57 100644
--- a/build/standalone/hilo/view/CacheMixin.min.js
+++ b/build/standalone/hilo/view/CacheMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Container.js b/build/standalone/hilo/view/Container.js
index a70ed2ff..a18a3dae 100644
--- a/build/standalone/hilo/view/Container.js
+++ b/build/standalone/hilo/view/Container.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Container.min.js b/build/standalone/hilo/view/Container.min.js
index d8080596..407f85b7 100644
--- a/build/standalone/hilo/view/Container.min.js
+++ b/build/standalone/hilo/view/Container.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/DOMElement.js b/build/standalone/hilo/view/DOMElement.js
index cdeb9c26..21227430 100644
--- a/build/standalone/hilo/view/DOMElement.js
+++ b/build/standalone/hilo/view/DOMElement.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/DOMElement.min.js b/build/standalone/hilo/view/DOMElement.min.js
index 1f6cc7e3..688d790c 100644
--- a/build/standalone/hilo/view/DOMElement.min.js
+++ b/build/standalone/hilo/view/DOMElement.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Drawable.js b/build/standalone/hilo/view/Drawable.js
index 36ed1d2d..59ac0318 100644
--- a/build/standalone/hilo/view/Drawable.js
+++ b/build/standalone/hilo/view/Drawable.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Drawable.min.js b/build/standalone/hilo/view/Drawable.min.js
index d13bfa7f..c43dcc18 100644
--- a/build/standalone/hilo/view/Drawable.min.js
+++ b/build/standalone/hilo/view/Drawable.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Graphics.js b/build/standalone/hilo/view/Graphics.js
index 5eed2803..7bb1d30d 100644
--- a/build/standalone/hilo/view/Graphics.js
+++ b/build/standalone/hilo/view/Graphics.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -12,7 +12,7 @@ var CacheMixin = window.Hilo.CacheMixin;
 
 /**
  * @language=en
- * <iframe src='../../../examples/Graphics.html?noHeader' width = '320' height = '400' scrolling='no'></iframe>
+ * <iframe src='../../../examples/Graphics.html?noHeader' width = '430' height = '400' scrolling='no'></iframe>
  * <br/>
  * @class Graphics class contains a group of functions for creating vector graphics.
  * @augments View
diff --git a/build/standalone/hilo/view/Graphics.min.js b/build/standalone/hilo/view/Graphics.min.js
index a0de2ee4..37f634cb 100644
--- a/build/standalone/hilo/view/Graphics.min.js
+++ b/build/standalone/hilo/view/Graphics.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Sprite.js b/build/standalone/hilo/view/Sprite.js
index d8471afa..0424da4f 100644
--- a/build/standalone/hilo/view/Sprite.js
+++ b/build/standalone/hilo/view/Sprite.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Sprite.min.js b/build/standalone/hilo/view/Sprite.min.js
index a4a03386..b2bf2f86 100644
--- a/build/standalone/hilo/view/Sprite.min.js
+++ b/build/standalone/hilo/view/Sprite.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Stage.js b/build/standalone/hilo/view/Stage.js
index 61aa4c9d..7dbdec76 100644
--- a/build/standalone/hilo/view/Stage.js
+++ b/build/standalone/hilo/view/Stage.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Stage.min.js b/build/standalone/hilo/view/Stage.min.js
index e9a99556..a5e254f3 100644
--- a/build/standalone/hilo/view/Stage.min.js
+++ b/build/standalone/hilo/view/Stage.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Text.js b/build/standalone/hilo/view/Text.js
index 47c546c7..bd035b62 100644
--- a/build/standalone/hilo/view/Text.js
+++ b/build/standalone/hilo/view/Text.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -50,7 +50,7 @@ var Text = Class.create(/** @lends Text.prototype */{
         this._fontHeight = Text.measureFontHeight(this.font);
     },
 
-    text: null,
+    text: '',
     color: '#000',
     textAlign: null,
     textVAlign: null,
diff --git a/build/standalone/hilo/view/Text.min.js b/build/standalone/hilo/view/Text.min.js
index 68b27ac6..3e560e8e 100644
--- a/build/standalone/hilo/view/Text.min.js
+++ b/build/standalone/hilo/view/Text.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo,n=t.Hilo.View,o=t.Hilo.CacheMixin,l=e.create({Extends:n,Mixes:o,constructor:function(t){t=t||{},this.id=this.id||t.id||i.getUid("Text"),l.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=l.measureFontHeight(this.font)},text:null,color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=l.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var n=i.drawable,o=n.domElement,l=o.style;l.font=i.font,l.textAlign=i.textAlign,l.color=i.color,l.width=i.width+"px",l.height=i.height+"px",l.lineHeight=i._fontHeight+i.lineSpacing+"px",o.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var n,o,l,h,r,a=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),s=0,d=0,c=e._fontHeight+e.lineSpacing,x=[];for(n=0,h=a.length;n<h;n++)if(o=a[n],l=t.measureText(o).width,l<=e.maxWidth)x.push({text:o,y:d}),s<l&&(s=l),d+=c;else{var g,f,u,w="",H=0;for(f=0,r=o.length;f<r;f++)u=o[f],g=t.measureText(w+u).width,g>e.maxWidth?(x.push({text:w,y:d}),s<H&&(s=H),d+=c,w=u):(H=g,w+=u),f==r-1&&(x.push({text:w,y:d}),w!==u&&s<g&&(s=g),d+=c)}e.textWidth=s,e.textHeight=d,e.width||(e.width=s),e.height||(e.height=d);var m=0;switch(e.textVAlign){case"middle":m=e.height-e.textHeight>>1;break;case"bottom":m=e.height-e.textHeight}var p=e.background;for(p&&(t.fillStyle=p,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,n=0;n<x.length;n++)o=x[n],e._drawTextLine(t,o.text,m+o.y)}},_drawTextLine:function(t,e,i){var n=this,o=0,l=n.width;switch(n.textAlign){case"center":o=l>>1;break;case"right":case"end":o=l}n.outline?t.strokeText(e,o,i):t.fillText(e,o,i)},Statics:{measureFontHeight:function(t){var e,n=document.documentElement,o=i.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return n.appendChild(o),e=o.offsetHeight,n.removeChild(o),e}}});t.Hilo.Text=l}(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo,n=t.Hilo.View,o=t.Hilo.CacheMixin,l=e.create({Extends:n,Mixes:o,constructor:function(t){t=t||{},this.id=this.id||t.id||i.getUid("Text"),l.superclass.constructor.call(this,t),t.font||(this.font="12px arial"),this._fontHeight=l.measureFontHeight(this.font)},text:"",color:"#000",textAlign:null,textVAlign:null,outline:!1,lineSpacing:0,maxWidth:200,font:null,textWidth:0,textHeight:0,setFont:function(t){var e=this;return e.font!==t&&(e.font=t,e._fontHeight=l.measureFontHeight(t)),e},render:function(t,e){var i=this;if("canvas"===t.renderType)this.drawable?t.draw(i):i._draw(t.context);else if("dom"===t.renderType){var n=i.drawable,o=n.domElement,l=o.style;l.font=i.font,l.textAlign=i.textAlign,l.color=i.color,l.width=i.width+"px",l.height=i.height+"px",l.lineHeight=i._fontHeight+i.lineSpacing+"px",o.innerHTML=i.text,t.draw(this)}else i.cache(),t.draw(i)},_draw:function(t){var e=this,i=e.text.toString();if(i){t.font=e.font,t.textAlign=e.textAlign,t.textBaseline="top";var n,o,l,h,r,a=i.split(/\r\n|\r|\n|<br(?:[ \/])*>/),s=0,d=0,c=e._fontHeight+e.lineSpacing,x=[];for(n=0,h=a.length;n<h;n++)if(o=a[n],l=t.measureText(o).width,l<=e.maxWidth)x.push({text:o,y:d}),s<l&&(s=l),d+=c;else{var g,f,u,w="",H=0;for(f=0,r=o.length;f<r;f++)u=o[f],g=t.measureText(w+u).width,g>e.maxWidth?(x.push({text:w,y:d}),s<H&&(s=H),d+=c,w=u):(H=g,w+=u),f==r-1&&(x.push({text:w,y:d}),w!==u&&s<g&&(s=g),d+=c)}e.textWidth=s,e.textHeight=d,e.width||(e.width=s),e.height||(e.height=d);var m=0;switch(e.textVAlign){case"middle":m=e.height-e.textHeight>>1;break;case"bottom":m=e.height-e.textHeight}var p=e.background;for(p&&(t.fillStyle=p,t.fillRect(0,0,e.width,e.height)),e.outline?t.strokeStyle=e.color:t.fillStyle=e.color,n=0;n<x.length;n++)o=x[n],e._drawTextLine(t,o.text,m+o.y)}},_drawTextLine:function(t,e,i){var n=this,o=0,l=n.width;switch(n.textAlign){case"center":o=l>>1;break;case"right":case"end":o=l}n.outline?t.strokeText(e,o,i):t.fillText(e,o,i)},Statics:{measureFontHeight:function(t){var e,n=document.documentElement,o=i.createElement("div",{style:{font:t,position:"absolute"},innerHTML:"M"});return n.appendChild(o),e=o.offsetHeight,n.removeChild(o),e}}});t.Hilo.Text=l}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/view/View.js b/build/standalone/hilo/view/View.js
index 72b004d8..7217c4c2 100644
--- a/build/standalone/hilo/view/View.js
+++ b/build/standalone/hilo/view/View.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/View.min.js b/build/standalone/hilo/view/View.min.js
index d20fd7a9..d693bbfe 100644
--- a/build/standalone/hilo/view/View.min.js
+++ b/build/standalone/hilo/view/View.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.3.0 for standalone
+ * Hilo 1.4.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/docs/api-en/code/renderer/WebGLRenderer.js b/docs/api-en/code/renderer/WebGLRenderer.js
index 50f58757..79b0aa6e 100644
--- a/docs/api-en/code/renderer/WebGLRenderer.js
+++ b/docs/api-en/code/renderer/WebGLRenderer.js
@@ -49,7 +49,13 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
                 }
             }
             return this._isSupported;
-        }
+        },
+        /**
+         * WebGL context Options
+         * @see  https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes
+         * @type {Object}
+         */
+        contextOptions: null
     },
     renderType:'webgl',
     gl:null,
@@ -58,7 +64,8 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
     constructor: function(properties){
         WebGLRenderer.superclass.constructor.call(this, properties);
         var that = this;
-        this.gl = this.canvas.getContext("webgl")||this.canvas.getContext('experimental-webgl');
+        var contextOptions = WebGLRenderer.contextOptions || {};
+        this.gl = this.canvas.getContext("webgl", contextOptions)||this.canvas.getContext('experimental-webgl', contextOptions);
 
         this.maxBatchNum = WebGLRenderer.MAX_BATCH_NUM;
         this.positionStride = WebGLRenderer.ATTRIBUTE_NUM * 4;
diff --git a/docs/api-en/code/view/Text.js b/docs/api-en/code/view/Text.js
index d25e0d8e..d776711e 100644
--- a/docs/api-en/code/view/Text.js
+++ b/docs/api-en/code/view/Text.js
@@ -43,7 +43,7 @@ var Text = Class.create(/** @lends Text.prototype */{
         this._fontHeight = Text.measureFontHeight(this.font);
     },
 
-    text: null,
+    text: '',
     color: '#000',
     textAlign: null,
     textVAlign: null,
diff --git a/docs/api-en/index.html b/docs/api-en/index.html
index dbce8998..7d408d58 100644
--- a/docs/api-en/index.html
+++ b/docs/api-en/index.html
@@ -188,7 +188,7 @@
   </div>
 
   <div class="col-md-9">
-    <div class="hilo-header">All Class Index<span class="small">(v1.3.0)</span></div>
+    <div class="hilo-header">All Class Index<span class="small">(v1.4.0)</span></div>
     <table class="table table-striped table-bordered table-condensed">
       <thead>
         <tr>
diff --git a/docs/api-en/symbols/WebGLRenderer.html b/docs/api-en/symbols/WebGLRenderer.html
index 17bc4a53..32a95684 100644
--- a/docs/api-en/symbols/WebGLRenderer.html
+++ b/docs/api-en/symbols/WebGLRenderer.html
@@ -278,6 +278,28 @@ <h3 style="display:inline;margin-right:10px;">Properties</h3>
                 </tr>
             
                 
+                <tr >
+                    <td>
+                        
+                    </td>
+                    <td class="fixedFont">
+                        <div>
+                            <!-- 
+                                WebGLRenderer.
+                             -->
+                            <b><a href="../symbols/WebGLRenderer.html#.contextOptions">contextOptions</a></b>
+                        </div>
+                        <div class="description">
+                            <span class="label">static</span> 
+                            WebGL context Options
+                        </div>
+                    </td>
+                    <td>
+                        WebGLRenderer
+                    </td>
+                </tr>
+            
+                
                 <tr >
                     <td>
                         
@@ -644,6 +666,32 @@ <h3 style="margin-bottom:15px;">Property Detail</h3>
         
         
 
+        </div>
+    
+        <a class="anchor" name=".contextOptions"> </a>
+        <div class="member-box">
+        <div class="member-header">[Static] 
+        <b>contextOptions</b>
+
+        </div>
+        <div class="description">
+            WebGL context Options
+        </div>
+
+        
+
+        
+        
+        
+            <dl class="detailList">
+            <dt class="heading">see:</dt>
+            
+            <dd>https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes</dd>
+            
+            </dl>
+        
+        
+
         </div>
     
         <a class="anchor" name="gl"> </a>
diff --git a/docs/api-en/symbols/src/docs_api-en_code_renderer_WebGLRenderer.js.html b/docs/api-en/symbols/src/docs_api-en_code_renderer_WebGLRenderer.js.html
index d6ac6c13..181395f8 100644
--- a/docs/api-en/symbols/src/docs_api-en_code_renderer_WebGLRenderer.js.html
+++ b/docs/api-en/symbols/src/docs_api-en_code_renderer_WebGLRenderer.js.html
@@ -56,517 +56,524 @@
 <span class='line'> 49</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'> 50</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'> 51</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._isSupported</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 52</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'> 53</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 54</span> </span><span class="WHIT">    </span><span class="NAME">renderType</span><span class="PUNC">:</span><span class="STRN">'webgl'</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 55</span> </span><span class="WHIT">    </span><span class="NAME">gl</span><span class="PUNC">:</span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 56</span> </span><span class="WHIT">    </span><span class="NAME">_isContextLost</span><span class="PUNC">:</span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 57</span> </span><span class="WHIT">    </span><span class="NAME">_cacheTexture</span><span class="PUNC">:</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 58</span> </span><span class="WHIT">    </span><span class="NAME">constructor</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">properties</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 59</span> </span><span class="WHIT">        </span><span class="NAME">WebGLRenderer.superclass.constructor.call</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">properties</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 60</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 61</span> </span><span class="WHIT">        </span><span class="NAME">this.gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.canvas.getContext</span><span class="PUNC">(</span><span class="STRN">"webgl"</span><span class="PUNC">)</span><span class="PUNC">||</span><span class="NAME">this.canvas.getContext</span><span class="PUNC">(</span><span class="STRN">'experimental-webgl'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 62</span> 
-<span class='line'> 63</span> </span><span class="WHIT">        </span><span class="NAME">this.maxBatchNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.MAX_BATCH_NUM</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 64</span> </span><span class="WHIT">        </span><span class="NAME">this.positionStride</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.ATTRIBUTE_NUM</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 65</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">vertexNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.maxBatchNum</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.ATTRIBUTE_NUM</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 66</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">indexNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.maxBatchNum</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 67</span> </span><span class="WHIT">        </span><span class="NAME">this.arrayBuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">ArrayBuffer</span><span class="PUNC">(</span><span class="NAME">vertexNum</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 68</span> </span><span class="WHIT">        </span><span class="NAME">this.float32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Float32Array</span><span class="PUNC">(</span><span class="NAME">this.arrayBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 69</span> </span><span class="WHIT">        </span><span class="NAME">this.uint32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Uint32Array</span><span class="PUNC">(</span><span class="NAME">this.arrayBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 70</span> </span><span class="WHIT">        </span><span class="NAME">this.indexs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Uint16Array</span><span class="PUNC">(</span><span class="NAME">indexNum</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 71</span> </span><span class="WHIT">        </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">j</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">indexNum</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'> 72</span> </span><span class="WHIT">        </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 73</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 74</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 75</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 76</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">3</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 77</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 78</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">5</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">3</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 79</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'> 80</span> </span><span class="WHIT">        </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 81</span> </span><span class="WHIT">        </span><span class="NAME">this.sprites</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 82</span> 
-<span class='line'> 83</span> </span><span class="WHIT">        </span><span class="NAME">this.canvas.addEventListener</span><span class="PUNC">(</span><span class="STRN">'webglcontextlost'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 84</span> </span><span class="WHIT">            </span><span class="NAME">that._isContextLost</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 85</span> </span><span class="WHIT">            </span><span class="NAME">e.preventDefault</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 86</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 87</span> 
-<span class='line'> 88</span> </span><span class="WHIT">        </span><span class="NAME">this.canvas.addEventListener</span><span class="PUNC">(</span><span class="STRN">'webglcontextrestored'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 89</span> </span><span class="WHIT">            </span><span class="NAME">that._isContextLost</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 90</span> </span><span class="WHIT">            </span><span class="NAME">that.setupWebGLStateAndResource</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 91</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 92</span> 
-<span class='line'> 93</span> </span><span class="WHIT">        </span><span class="NAME">this.setupWebGLStateAndResource</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 94</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 95</span> </span><span class="WHIT">    </span><span class="NAME">setupWebGLStateAndResource</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 96</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 97</span> </span><span class="WHIT">        </span><span class="NAME">gl.blendFunc</span><span class="PUNC">(</span><span class="NAME">gl.ONE</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.ONE_MINUS_SRC_ALPHA</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 98</span> </span><span class="WHIT">        </span><span class="NAME">gl.clearColor</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 99</span> </span><span class="WHIT">        </span><span class="NAME">gl.disable</span><span class="PUNC">(</span><span class="NAME">gl.DEPTH_TEST</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>100</span> </span><span class="WHIT">        </span><span class="NAME">gl.disable</span><span class="PUNC">(</span><span class="NAME">gl.CULL_FACE</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>101</span> </span><span class="WHIT">        </span><span class="NAME">gl.enable</span><span class="PUNC">(</span><span class="NAME">gl.BLEND</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>102</span> 
-<span class='line'>103</span> </span><span class="WHIT">        </span><span class="NAME">this._cacheTexture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>104</span> </span><span class="WHIT">        </span><span class="NAME">this._initShaders</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>105</span> </span><span class="WHIT">        </span><span class="NAME">this.defaultShader.active</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>106</span> 
-<span class='line'>107</span> </span><span class="WHIT">        </span><span class="NAME">this.positionBuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createBuffer</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>108</span> </span><span class="WHIT">        </span><span class="NAME">this.indexBuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createBuffer</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 52</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 53</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'> 54</span>          * WebGL context Options
+<span class='line'> 55</span>          * @see  https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes
+<span class='line'> 56</span>          * @type {Object}
+<span class='line'> 57</span>          */</span><span class="WHIT">
+<span class='line'> 58</span> </span><span class="WHIT">        </span><span class="NAME">contextOptions</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="WHIT">
+<span class='line'> 59</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 60</span> </span><span class="WHIT">    </span><span class="NAME">renderType</span><span class="PUNC">:</span><span class="STRN">'webgl'</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 61</span> </span><span class="WHIT">    </span><span class="NAME">gl</span><span class="PUNC">:</span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 62</span> </span><span class="WHIT">    </span><span class="NAME">_isContextLost</span><span class="PUNC">:</span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 63</span> </span><span class="WHIT">    </span><span class="NAME">_cacheTexture</span><span class="PUNC">:</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 64</span> </span><span class="WHIT">    </span><span class="NAME">constructor</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">properties</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 65</span> </span><span class="WHIT">        </span><span class="NAME">WebGLRenderer.superclass.constructor.call</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">properties</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 66</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 67</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">contextOptions</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.contextOptions</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 68</span> </span><span class="WHIT">        </span><span class="NAME">this.gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.canvas.getContext</span><span class="PUNC">(</span><span class="STRN">"webgl"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">contextOptions</span><span class="PUNC">)</span><span class="PUNC">||</span><span class="NAME">this.canvas.getContext</span><span class="PUNC">(</span><span class="STRN">'experimental-webgl'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">contextOptions</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 69</span> 
+<span class='line'> 70</span> </span><span class="WHIT">        </span><span class="NAME">this.maxBatchNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.MAX_BATCH_NUM</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 71</span> </span><span class="WHIT">        </span><span class="NAME">this.positionStride</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.ATTRIBUTE_NUM</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 72</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">vertexNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.maxBatchNum</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.ATTRIBUTE_NUM</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 73</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">indexNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.maxBatchNum</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 74</span> </span><span class="WHIT">        </span><span class="NAME">this.arrayBuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">ArrayBuffer</span><span class="PUNC">(</span><span class="NAME">vertexNum</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 75</span> </span><span class="WHIT">        </span><span class="NAME">this.float32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Float32Array</span><span class="PUNC">(</span><span class="NAME">this.arrayBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 76</span> </span><span class="WHIT">        </span><span class="NAME">this.uint32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Uint32Array</span><span class="PUNC">(</span><span class="NAME">this.arrayBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 77</span> </span><span class="WHIT">        </span><span class="NAME">this.indexs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Uint16Array</span><span class="PUNC">(</span><span class="NAME">indexNum</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 78</span> </span><span class="WHIT">        </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">j</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">indexNum</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'> 79</span> </span><span class="WHIT">        </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 80</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 81</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 82</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 83</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">3</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 84</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 85</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">5</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">3</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 86</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'> 87</span> </span><span class="WHIT">        </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 88</span> </span><span class="WHIT">        </span><span class="NAME">this.sprites</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 89</span> 
+<span class='line'> 90</span> </span><span class="WHIT">        </span><span class="NAME">this.canvas.addEventListener</span><span class="PUNC">(</span><span class="STRN">'webglcontextlost'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 91</span> </span><span class="WHIT">            </span><span class="NAME">that._isContextLost</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 92</span> </span><span class="WHIT">            </span><span class="NAME">e.preventDefault</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 93</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 94</span> 
+<span class='line'> 95</span> </span><span class="WHIT">        </span><span class="NAME">this.canvas.addEventListener</span><span class="PUNC">(</span><span class="STRN">'webglcontextrestored'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 96</span> </span><span class="WHIT">            </span><span class="NAME">that._isContextLost</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 97</span> </span><span class="WHIT">            </span><span class="NAME">that.setupWebGLStateAndResource</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 98</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 99</span> 
+<span class='line'>100</span> </span><span class="WHIT">        </span><span class="NAME">this.setupWebGLStateAndResource</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>101</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>102</span> </span><span class="WHIT">    </span><span class="NAME">setupWebGLStateAndResource</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>103</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>104</span> </span><span class="WHIT">        </span><span class="NAME">gl.blendFunc</span><span class="PUNC">(</span><span class="NAME">gl.ONE</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.ONE_MINUS_SRC_ALPHA</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>105</span> </span><span class="WHIT">        </span><span class="NAME">gl.clearColor</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>106</span> </span><span class="WHIT">        </span><span class="NAME">gl.disable</span><span class="PUNC">(</span><span class="NAME">gl.DEPTH_TEST</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>107</span> </span><span class="WHIT">        </span><span class="NAME">gl.disable</span><span class="PUNC">(</span><span class="NAME">gl.CULL_FACE</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>108</span> </span><span class="WHIT">        </span><span class="NAME">gl.enable</span><span class="PUNC">(</span><span class="NAME">gl.BLEND</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>109</span> 
-<span class='line'>110</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindBuffer</span><span class="PUNC">(</span><span class="NAME">gl.ELEMENT_ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.indexBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>111</span> </span><span class="WHIT">        </span><span class="NAME">gl.bufferData</span><span class="PUNC">(</span><span class="NAME">gl.ELEMENT_ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.indexs</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.STATIC_DRAW</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>112</span> 
-<span class='line'>113</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindBuffer</span><span class="PUNC">(</span><span class="NAME">gl.ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>114</span> </span><span class="WHIT">        </span><span class="NAME">gl.bufferData</span><span class="PUNC">(</span><span class="NAME">gl.ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.arrayBuffer</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.DYNAMIC_DRAW</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>115</span> 
-<span class='line'>116</span> </span><span class="WHIT">        </span><span class="NAME">gl.vertexAttribPointer</span><span class="PUNC">(</span><span class="NAME">this.a_position</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.FLOAT</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="COMM">//x, y</span><span class="WHIT">
-<span class='line'>117</span> </span><span class="WHIT">        </span><span class="NAME">gl.vertexAttribPointer</span><span class="PUNC">(</span><span class="NAME">this.a_TexCoord</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.FLOAT</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="COMM">//x, y</span><span class="WHIT">
-<span class='line'>118</span> </span><span class="WHIT">        </span><span class="NAME">gl.vertexAttribPointer</span><span class="PUNC">(</span><span class="NAME">this.a_tint</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.UNSIGNED_BYTE</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="COMM">//alpha</span><span class="WHIT">
-<span class='line'>119</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>120</span> 
-<span class='line'>121</span> </span><span class="WHIT">    </span><span class="NAME">context</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>110</span> </span><span class="WHIT">        </span><span class="NAME">this._cacheTexture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>111</span> </span><span class="WHIT">        </span><span class="NAME">this._initShaders</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>112</span> </span><span class="WHIT">        </span><span class="NAME">this.defaultShader.active</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>113</span> 
+<span class='line'>114</span> </span><span class="WHIT">        </span><span class="NAME">this.positionBuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createBuffer</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>115</span> </span><span class="WHIT">        </span><span class="NAME">this.indexBuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createBuffer</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>116</span> 
+<span class='line'>117</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindBuffer</span><span class="PUNC">(</span><span class="NAME">gl.ELEMENT_ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.indexBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>118</span> </span><span class="WHIT">        </span><span class="NAME">gl.bufferData</span><span class="PUNC">(</span><span class="NAME">gl.ELEMENT_ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.indexs</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.STATIC_DRAW</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>119</span> 
+<span class='line'>120</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindBuffer</span><span class="PUNC">(</span><span class="NAME">gl.ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>121</span> </span><span class="WHIT">        </span><span class="NAME">gl.bufferData</span><span class="PUNC">(</span><span class="NAME">gl.ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.arrayBuffer</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.DYNAMIC_DRAW</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>122</span> 
-<span class='line'>123</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>124</span>      * @private
-<span class='line'>125</span>      * @see Renderer#startDraw
-<span class='line'>126</span>      */</span><span class="WHIT">
-<span class='line'>127</span> </span><span class="WHIT">    </span><span class="NAME">startDraw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>128</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.visible</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">target.alpha</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>129</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>130</span> </span><span class="WHIT">                </span><span class="NAME">this.clear</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>131</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>132</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>133</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>134</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>135</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>136</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>137</span>      * @private
-<span class='line'>138</span>      * @see Renderer#draw
-<span class='line'>139</span>      */</span><span class="WHIT">
-<span class='line'>140</span> </span><span class="WHIT">    </span><span class="NAME">draw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>141</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.width</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>142</span> </span><span class="WHIT">            </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>143</span> 
-<span class='line'>144</span> </span><span class="WHIT">        </span><span class="COMM">//TODO:draw background</span><span class="WHIT">
-<span class='line'>145</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">bg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.background</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="COMM">// jshint ignore:line</span><span class="WHIT">
-<span class='line'>146</span> 
-<span class='line'>147</span> </span><span class="WHIT">        </span><span class="COMM">//draw image</span><span class="WHIT">
-<span class='line'>148</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.drawable</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">image</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">drawable.image</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>149</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>150</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">drawable.rect</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">2</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sh</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">3</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>151</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">h</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>152</span> </span><span class="WHIT">                </span><span class="COMM">//fix width/height TODO: how to get rid of this?</span><span class="WHIT">
-<span class='line'>153</span> </span><span class="WHIT">                </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>154</span> </span><span class="WHIT">                </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sh</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>155</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>156</span> 
-<span class='line'>157</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">>=</span><span class="WHIT"> </span><span class="NAME">this.maxBatchNum</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>158</span> </span><span class="WHIT">                </span><span class="NAME">this._renderBatches</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>159</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>160</span> 
-<span class='line'>161</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createVertexs</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sh</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>162</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>163</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">float32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.float32Array</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>164</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">uint32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.uint32Array</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>165</span> 
-<span class='line'>166</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target.tint</span><span class="WHIT"> </span><span class="PUNC">>></span><span class="WHIT"> </span><span class="NUMB">16</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target.tint</span><span class="WHIT"> </span><span class="PUNC">&</span><span class="WHIT"> </span><span class="NUMB">0xff00</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">(</span><span class="NAME">target.tint</span><span class="WHIT"> </span><span class="PUNC">&</span><span class="WHIT"> </span><span class="NUMB">0xff</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">&lt;&lt;</span><span class="WHIT"> </span><span class="NUMB">16</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target.__webglRenderAlpha</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">255</span><span class="WHIT"> </span><span class="PUNC">&lt;&lt;</span><span class="WHIT"> </span><span class="NUMB">24</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>123</span> </span><span class="WHIT">        </span><span class="NAME">gl.vertexAttribPointer</span><span class="PUNC">(</span><span class="NAME">this.a_position</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.FLOAT</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="COMM">//x, y</span><span class="WHIT">
+<span class='line'>124</span> </span><span class="WHIT">        </span><span class="NAME">gl.vertexAttribPointer</span><span class="PUNC">(</span><span class="NAME">this.a_TexCoord</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.FLOAT</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="COMM">//x, y</span><span class="WHIT">
+<span class='line'>125</span> </span><span class="WHIT">        </span><span class="NAME">gl.vertexAttribPointer</span><span class="PUNC">(</span><span class="NAME">this.a_tint</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.UNSIGNED_BYTE</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="COMM">//alpha</span><span class="WHIT">
+<span class='line'>126</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>127</span> 
+<span class='line'>128</span> </span><span class="WHIT">    </span><span class="NAME">context</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>129</span> 
+<span class='line'>130</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>131</span>      * @private
+<span class='line'>132</span>      * @see Renderer#startDraw
+<span class='line'>133</span>      */</span><span class="WHIT">
+<span class='line'>134</span> </span><span class="WHIT">    </span><span class="NAME">startDraw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>135</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.visible</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">target.alpha</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>136</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>137</span> </span><span class="WHIT">                </span><span class="NAME">this.clear</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>138</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>139</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>140</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>141</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>142</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>143</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>144</span>      * @private
+<span class='line'>145</span>      * @see Renderer#draw
+<span class='line'>146</span>      */</span><span class="WHIT">
+<span class='line'>147</span> </span><span class="WHIT">    </span><span class="NAME">draw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>148</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.width</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>149</span> </span><span class="WHIT">            </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>150</span> 
+<span class='line'>151</span> </span><span class="WHIT">        </span><span class="COMM">//TODO:draw background</span><span class="WHIT">
+<span class='line'>152</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">bg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.background</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="COMM">// jshint ignore:line</span><span class="WHIT">
+<span class='line'>153</span> 
+<span class='line'>154</span> </span><span class="WHIT">        </span><span class="COMM">//draw image</span><span class="WHIT">
+<span class='line'>155</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.drawable</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">image</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">drawable.image</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>156</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>157</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">drawable.rect</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">2</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sh</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">3</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>158</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">h</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>159</span> </span><span class="WHIT">                </span><span class="COMM">//fix width/height TODO: how to get rid of this?</span><span class="WHIT">
+<span class='line'>160</span> </span><span class="WHIT">                </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>161</span> </span><span class="WHIT">                </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sh</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>162</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>163</span> 
+<span class='line'>164</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">>=</span><span class="WHIT"> </span><span class="NAME">this.maxBatchNum</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>165</span> </span><span class="WHIT">                </span><span class="NAME">this._renderBatches</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>166</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'>167</span> 
-<span class='line'>168</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//x</span><span class="WHIT">
-<span class='line'>169</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//y</span><span class="WHIT">
-<span class='line'>170</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">2</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//uvx</span><span class="WHIT">
-<span class='line'>171</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">3</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">3</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//uvy</span><span class="WHIT">
-<span class='line'>172</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="COMM">//tint</span><span class="WHIT">
-<span class='line'>173</span> 
-<span class='line'>174</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">5</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">4</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>175</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">5</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>176</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">7</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">6</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>177</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">8</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">7</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>178</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">9</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>179</span> 
-<span class='line'>180</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">8</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>181</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">11</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">9</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>182</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">12</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">10</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>183</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">13</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">11</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>184</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">14</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>185</span> 
-<span class='line'>186</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">15</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">12</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>187</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">16</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">13</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>188</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">17</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">14</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>189</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">18</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">15</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>190</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">19</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>191</span> 
-<span class='line'>192</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">matrix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.__webglWorldMatrix</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>193</span> </span><span class="WHIT">            </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>194</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>195</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>196</span> 
-<span class='line'>197</span> </span><span class="WHIT">                </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">matrix.a</span><span class="PUNC">*</span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.c</span><span class="PUNC">*</span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.tx</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>198</span> </span><span class="WHIT">                </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">matrix.b</span><span class="PUNC">*</span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.d</span><span class="PUNC">*</span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.ty</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>199</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>200</span> 
-<span class='line'>201</span> </span><span class="WHIT">            </span><span class="NAME">target.__textureImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>202</span> </span><span class="WHIT">            </span><span class="NAME">this.sprites</span><span class="PUNC">[</span><span class="NAME">this.batchIndex</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>203</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>204</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>205</span> 
-<span class='line'>206</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>207</span>      * @private
-<span class='line'>208</span>      * @see Renderer#endDraw
-<span class='line'>209</span>      */</span><span class="WHIT">
-<span class='line'>210</span> </span><span class="WHIT">    </span><span class="NAME">endDraw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>211</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>212</span> </span><span class="WHIT">            </span><span class="NAME">this._renderBatches</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>213</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>214</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>215</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>216</span>      * @private
-<span class='line'>217</span>      * @see Renderer#transform
-<span class='line'>218</span>      */</span><span class="WHIT">
-<span class='line'>219</span> </span><span class="WHIT">    </span><span class="NAME">transform</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>220</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.drawable</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>221</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">drawable.domElement</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>222</span> </span><span class="WHIT">            </span><span class="NAME">Hilo.setElementStyleByView</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>223</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>224</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>225</span> 
-<span class='line'>226</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.scaleX</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>227</span> </span><span class="WHIT">            </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.scaleY</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>228</span> 
-<span class='line'>229</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>230</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.canvas.style</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>231</span> </span><span class="WHIT">                </span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target._scaleX</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>232</span> </span><span class="WHIT">                </span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target._scaleY</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>233</span> </span><span class="WHIT">                </span><span class="NAME">isStyleChange</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>234</span> 
-<span class='line'>235</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>236</span> </span><span class="WHIT">                </span><span class="NAME">target._scaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>237</span> </span><span class="WHIT">                </span><span class="NAME">style.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">target.width</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>238</span> </span><span class="WHIT">                </span><span class="NAME">isStyleChange</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>239</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>240</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>241</span> </span><span class="WHIT">                </span><span class="NAME">target._scaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>242</span> </span><span class="WHIT">                </span><span class="NAME">style.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">target.height</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>243</span> </span><span class="WHIT">                </span><span class="NAME">isStyleChange</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>244</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>245</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">isStyleChange</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>246</span> </span><span class="WHIT">                </span><span class="NAME">target.updateViewport</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>247</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>248</span> </span><span class="WHIT">            </span><span class="NAME">target.__webglWorldMatrix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.__webglWorldMatrix</span><span class="PUNC">||</span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Matrix</span><span class="PUNC">(</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>249</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>250</span> </span><span class="WHIT">        </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.parent</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>251</span> </span><span class="WHIT">            </span><span class="NAME">target.__webglWorldMatrix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.__webglWorldMatrix</span><span class="PUNC">||</span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Matrix</span><span class="PUNC">(</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>252</span> </span><span class="WHIT">            </span><span class="NAME">this._setConcatenatedMatrix</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">target.parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>253</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>254</span> 
-<span class='line'>255</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.alpha</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>256</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.parent</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">target.parent.__webglRenderAlpha</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>257</span> </span><span class="WHIT">                </span><span class="NAME">target.__webglRenderAlpha</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.alpha</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">target.parent.__webglRenderAlpha</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>258</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>259</span> </span><span class="WHIT">            </span><span class="KEYW">else</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>260</span> </span><span class="WHIT">                </span><span class="NAME">target.__webglRenderAlpha</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.alpha</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>261</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>262</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>263</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>264</span> 
-<span class='line'>265</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>266</span>      * @private
-<span class='line'>267</span>      * @see Renderer#remove
-<span class='line'>268</span>      */</span><span class="WHIT">
-<span class='line'>269</span> </span><span class="WHIT">    </span><span class="NAME">remove</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>270</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.drawable</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>271</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">elem</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">drawable.domElement</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>272</span> 
-<span class='line'>273</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">elem</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>274</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">parentElem</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">elem.parentNode</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>275</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">parentElem</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>276</span> </span><span class="WHIT">                </span><span class="NAME">parentElem.removeChild</span><span class="PUNC">(</span><span class="NAME">elem</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>277</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>278</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>279</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>280</span> 
-<span class='line'>281</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>282</span>      * @private
-<span class='line'>283</span>      * @see Renderer#clear
-<span class='line'>284</span>      */</span><span class="WHIT">
-<span class='line'>285</span> </span><span class="WHIT">    </span><span class="NAME">clear</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>286</span> </span><span class="WHIT">        </span><span class="NAME">this.gl.clear</span><span class="PUNC">(</span><span class="NAME">this.gl.COLOR_BUFFER_BIT</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>287</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>288</span> 
-<span class='line'>289</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>290</span>      * @private
-<span class='line'>291</span>      * @see Renderer#resize
-<span class='line'>292</span>      */</span><span class="WHIT">
-<span class='line'>293</span> </span><span class="WHIT">    </span><span class="NAME">resize</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>294</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>295</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">canvas</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.canvas</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>296</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">stage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>297</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">canvas.style</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>298</span> 
-<span class='line'>299</span> </span><span class="WHIT">            </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">canvas.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>300</span> </span><span class="WHIT">            </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">canvas.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>301</span> 
-<span class='line'>302</span> </span><span class="WHIT">            </span><span class="NAME">style.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">stage.width</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">stage.scaleX</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'px'</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>303</span> </span><span class="WHIT">            </span><span class="NAME">style.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">stage.height</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">stage.scaleY</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'px'</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>304</span> 
-<span class='line'>305</span> </span><span class="WHIT">            </span><span class="NAME">this.gl.viewport</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>306</span> 
-<span class='line'>307</span> </span><span class="WHIT">            </span><span class="NAME">this.canvasHalfWidth</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NUMB">5</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>308</span> </span><span class="WHIT">            </span><span class="NAME">this.canvasHalfHeight</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NUMB">5</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>309</span> 
-<span class='line'>310</span> </span><span class="WHIT">            </span><span class="NAME">this._uploadProjectionTransform</span><span class="PUNC">(</span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>311</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>312</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>313</span> </span><span class="WHIT">    </span><span class="NAME">_renderBatches</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>314</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>315</span> </span><span class="WHIT">        </span><span class="NAME">gl.bufferSubData</span><span class="PUNC">(</span><span class="NAME">gl.ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.uint32Array.subarray</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>316</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">startIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>317</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">batchNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>318</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>319</span> </span><span class="WHIT">        </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>320</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">sprite</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.sprites</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>321</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">sprite.__textureImage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>322</span> </span><span class="WHIT">                </span><span class="NAME">this._renderBatch</span><span class="PUNC">(</span><span class="NAME">startIndex</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>323</span> </span><span class="WHIT">                </span><span class="NAME">startIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>324</span> </span><span class="WHIT">                </span><span class="NAME">batchNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>325</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>326</span> </span><span class="WHIT">            </span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sprite.__textureImage</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>327</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>328</span> </span><span class="WHIT">        </span><span class="NAME">this._renderBatch</span><span class="PUNC">(</span><span class="NAME">startIndex</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>329</span> </span><span class="WHIT">        </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>330</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>331</span> </span><span class="WHIT">    </span><span class="NAME">_renderBatch</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">start</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">end</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>332</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>333</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">num</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">end</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">start</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>334</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">num</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>335</span> </span><span class="WHIT">            </span><span class="NAME">gl.bindTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._getTexture</span><span class="PUNC">(</span><span class="NAME">this.sprites</span><span class="PUNC">[</span><span class="NAME">start</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>336</span> </span><span class="WHIT">            </span><span class="NAME">gl.drawElements</span><span class="PUNC">(</span><span class="NAME">gl.TRIANGLES</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">num</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.UNSIGNED_SHORT</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">start</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>337</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>338</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>339</span> </span><span class="WHIT">    </span><span class="NAME">_uploadProjectionTransform</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">force</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>340</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this._projectionTransformElements</span><span class="PUNC">||</span><span class="NAME">force</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>341</span> </span><span class="WHIT">            </span><span class="NAME">this._projectionTransformElements</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Float32Array</span><span class="PUNC">(</span><span class="PUNC">[</span><span class="WHIT">
-<span class='line'>342</span> </span><span class="WHIT">                </span><span class="NUMB">1</span><span class="PUNC">/</span><span class="NAME">this.canvasHalfWidth</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>343</span> </span><span class="WHIT">                </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NUMB">1</span><span class="PUNC">/</span><span class="NAME">this.canvasHalfHeight</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>344</span> </span><span class="WHIT">                </span><span class="PUNC">-</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>345</span> </span><span class="WHIT">            </span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>346</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>347</span> 
-<span class='line'>348</span> </span><span class="WHIT">        </span><span class="NAME">this.gl.uniformMatrix3fv</span><span class="PUNC">(</span><span class="NAME">this.u_projectionTransform</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._projectionTransformElements</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>349</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>350</span> </span><span class="WHIT">    </span><span class="NAME">_initShaders</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>351</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">VSHADER_SOURCE</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="STRN">'\
-<span class='line'>352</span>             attribute vec2 a_position;\n\
-<span class='line'>353</span>             attribute vec2 a_TexCoord;\n\
-<span class='line'>354</span>             attribute vec4 a_tint;\n\
-<span class='line'>355</span>             uniform mat3 u_projectionTransform;\n\
-<span class='line'>356</span>             varying vec2 v_TexCoord;\n\
-<span class='line'>357</span>             varying vec4 v_tint;\n\
-<span class='line'>358</span>             void main(){\n\
-<span class='line'>359</span>                 gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n\
-<span class='line'>360</span>                 v_TexCoord = a_TexCoord;\n\
-<span class='line'>361</span>                 v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n\
-<span class='line'>362</span>             }\n\
-<span class='line'>363</span>         '</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>364</span> 
-<span class='line'>365</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">FSHADER_SOURCE</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'\n\
-<span class='line'>366</span>             precision mediump float;\n\
-<span class='line'>367</span>             uniform sampler2D u_Sampler;\n\
-<span class='line'>368</span>             varying vec2 v_TexCoord;\n\
-<span class='line'>369</span>             varying vec4 v_tint;\n\
-<span class='line'>370</span>             void main(){\n\
-<span class='line'>371</span>                 gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n\
-<span class='line'>372</span>             }\n\
-<span class='line'>373</span>         '</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>374</span> 
-<span class='line'>375</span> </span><span class="WHIT">        </span><span class="NAME">this.defaultShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Shader</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>376</span> </span><span class="WHIT">            </span><span class="NAME">v</span><span class="PUNC">:</span><span class="NAME">VSHADER_SOURCE</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>377</span> </span><span class="WHIT">            </span><span class="NAME">f</span><span class="PUNC">:</span><span class="NAME">FSHADER_SOURCE</span><span class="WHIT">
-<span class='line'>378</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>379</span> </span><span class="WHIT">            </span><span class="NAME">attributes</span><span class="PUNC">:</span><span class="PUNC">[</span><span class="STRN">"a_position"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"a_TexCoord"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"a_tint"</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>380</span> </span><span class="WHIT">            </span><span class="NAME">uniforms</span><span class="PUNC">:</span><span class="PUNC">[</span><span class="STRN">"u_projectionTransform"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"u_Sampler"</span><span class="PUNC">]</span><span class="WHIT">
-<span class='line'>381</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>382</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>383</span> </span><span class="WHIT">    </span><span class="NAME">_createVertexs</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">img</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">tw</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">th</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>384</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.__tempVertexs</span><span class="PUNC">||</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>385</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">img.width</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>386</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">img.height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>387</span> 
-<span class='line'>388</span> </span><span class="WHIT">        </span><span class="NAME">tw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tw</span><span class="PUNC">/</span><span class="NAME">width</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>389</span> </span><span class="WHIT">        </span><span class="NAME">th</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">th</span><span class="PUNC">/</span><span class="NAME">height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>390</span> </span><span class="WHIT">        </span><span class="NAME">tx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">/</span><span class="NAME">width</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>391</span> </span><span class="WHIT">        </span><span class="NAME">ty</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">/</span><span class="NAME">height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>392</span> 
-<span class='line'>393</span> </span><span class="WHIT">        </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>394</span> </span><span class="WHIT">        </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>395</span> </span><span class="WHIT">        </span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>396</span> </span><span class="WHIT">        </span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>397</span> 
-<span class='line'>398</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">tw</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>399</span> </span><span class="WHIT">            </span><span class="NAME">tw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>400</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>401</span> 
-<span class='line'>402</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">th</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>403</span> </span><span class="WHIT">            </span><span class="NAME">th</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>404</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>405</span> 
-<span class='line'>406</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>407</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>408</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">+</span><span class="NAME">w</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">+</span><span class="NAME">tw</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>409</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">+</span><span class="NAME">h</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">+</span><span class="NAME">th</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>410</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">+</span><span class="NAME">w</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">+</span><span class="NAME">h</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">+</span><span class="NAME">tw</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">+</span><span class="NAME">th</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>411</span> 
-<span class='line'>412</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>413</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>414</span> </span><span class="WHIT">    </span><span class="NAME">_setConcatenatedMatrix</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">view</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ancestor</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>415</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">mtx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.__webglWorldMatrix</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>416</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">cos</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sin</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>417</span> </span><span class="WHIT">            </span><span class="NAME">rotation</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.rotation</span><span class="WHIT"> </span><span class="PUNC">%</span><span class="WHIT"> </span><span class="NUMB">360</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>418</span> </span><span class="WHIT">            </span><span class="NAME">pivotX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.pivotX</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">pivotY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.pivotY</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>419</span> </span><span class="WHIT">            </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.scaleX</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.scaleY</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>420</span> </span><span class="WHIT">            </span><span class="NAME">transform</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.transform</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>421</span> 
-<span class='line'>422</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">transform</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>423</span> </span><span class="WHIT">            </span><span class="NAME">mtx.copy</span><span class="PUNC">(</span><span class="NAME">transform</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>424</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>425</span> </span><span class="WHIT">        </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>426</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">rotation</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>427</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">r</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rotation</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">DEG2RAD</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>428</span> </span><span class="WHIT">                </span><span class="NAME">cos</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.cos</span><span class="PUNC">(</span><span class="NAME">r</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>429</span> </span><span class="WHIT">                </span><span class="NAME">sin</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.sin</span><span class="PUNC">(</span><span class="NAME">r</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>430</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>431</span> 
-<span class='line'>432</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">pos</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.getAlignPosition</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>433</span> 
-<span class='line'>434</span> </span><span class="WHIT">            </span><span class="NAME">mtx.a</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">cos</span><span class="PUNC">*</span><span class="NAME">scaleX</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>435</span> </span><span class="WHIT">            </span><span class="NAME">mtx.b</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sin</span><span class="PUNC">*</span><span class="NAME">scaleX</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>436</span> </span><span class="WHIT">            </span><span class="NAME">mtx.c</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NAME">sin</span><span class="PUNC">*</span><span class="NAME">scaleY</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>437</span> </span><span class="WHIT">            </span><span class="NAME">mtx.d</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">cos</span><span class="PUNC">*</span><span class="NAME">scaleY</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>438</span> </span><span class="WHIT">            </span><span class="NAME">mtx.tx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">  </span><span class="NAME">pos.x</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.a</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotX</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.c</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotY</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>439</span> </span><span class="WHIT">            </span><span class="NAME">mtx.ty</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">  </span><span class="NAME">pos.y</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.b</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotX</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.d</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotY</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>440</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>441</span> 
-<span class='line'>442</span> </span><span class="WHIT">        </span><span class="NAME">mtx.concat</span><span class="PUNC">(</span><span class="NAME">ancestor.__webglWorldMatrix</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>443</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>444</span> </span><span class="WHIT">    </span><span class="NAME">_getTexture</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">sprite</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>445</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">image</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sprite.__textureImage</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>446</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._cacheTexture</span><span class="PUNC">[</span><span class="NAME">image.src</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>447</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">texture</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>448</span> </span><span class="WHIT">            </span><span class="NAME">texture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.activeShader.uploadTexture</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>449</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>450</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>451</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>452</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>453</span> 
-<span class='line'>454</span> </span><span class="COMM">/**
-<span class='line'>455</span>  * shader
-<span class='line'>456</span>  * @param {WebGLRenderer} renderer [description]
-<span class='line'>457</span>  * @param {Object} source
-<span class='line'>458</span>  * @param {String} source.v 顶点shader
-<span class='line'>459</span>  * @param {String} source.f 片段shader
-<span class='line'>460</span>  * @param {Object} attr
-<span class='line'>461</span>  * @param {Array} attr.attributes attribute数组
-<span class='line'>462</span>  * @param {Array} attr.uniforms uniform数组
-<span class='line'>463</span>  */</span><span class="WHIT">
-<span class='line'>464</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">Shader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">renderer</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">attr</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>465</span> </span><span class="WHIT">    </span><span class="NAME">this.renderer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>466</span> </span><span class="WHIT">    </span><span class="NAME">this.gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.gl</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>467</span> </span><span class="WHIT">    </span><span class="NAME">this.program</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createProgram</span><span class="PUNC">(</span><span class="NAME">this.gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source.v</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source.f</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>468</span> 
-<span class='line'>469</span> </span><span class="WHIT">    </span><span class="NAME">attr</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr</span><span class="PUNC">||</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>470</span> </span><span class="WHIT">    </span><span class="NAME">this.attributes</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.attributes</span><span class="PUNC">||</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>471</span> </span><span class="WHIT">    </span><span class="NAME">this.uniforms</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.uniforms</span><span class="PUNC">||</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>472</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>473</span> 
-<span class='line'>474</span> </span><span class="NAME">Shader.prototype</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>475</span> </span><span class="WHIT">    </span><span class="NAME">active</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>476</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>477</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">renderer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.renderer</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>478</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.gl</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>479</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">program</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.program</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>168</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createVertexs</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sh</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>169</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>170</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">float32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.float32Array</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>171</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">uint32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.uint32Array</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>172</span> 
+<span class='line'>173</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target.tint</span><span class="WHIT"> </span><span class="PUNC">>></span><span class="WHIT"> </span><span class="NUMB">16</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target.tint</span><span class="WHIT"> </span><span class="PUNC">&</span><span class="WHIT"> </span><span class="NUMB">0xff00</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">(</span><span class="NAME">target.tint</span><span class="WHIT"> </span><span class="PUNC">&</span><span class="WHIT"> </span><span class="NUMB">0xff</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">&lt;&lt;</span><span class="WHIT"> </span><span class="NUMB">16</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target.__webglRenderAlpha</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">255</span><span class="WHIT"> </span><span class="PUNC">&lt;&lt;</span><span class="WHIT"> </span><span class="NUMB">24</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>174</span> 
+<span class='line'>175</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//x</span><span class="WHIT">
+<span class='line'>176</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//y</span><span class="WHIT">
+<span class='line'>177</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">2</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//uvx</span><span class="WHIT">
+<span class='line'>178</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">3</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">3</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//uvy</span><span class="WHIT">
+<span class='line'>179</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="COMM">//tint</span><span class="WHIT">
+<span class='line'>180</span> 
+<span class='line'>181</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">5</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">4</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>182</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">5</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>183</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">7</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">6</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>184</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">8</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">7</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>185</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">9</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>186</span> 
+<span class='line'>187</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">8</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>188</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">11</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">9</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>189</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">12</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">10</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>190</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">13</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">11</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>191</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">14</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>192</span> 
+<span class='line'>193</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">15</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">12</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>194</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">16</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">13</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>195</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">17</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">14</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>196</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">18</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">15</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>197</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">19</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>198</span> 
+<span class='line'>199</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">matrix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.__webglWorldMatrix</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>200</span> </span><span class="WHIT">            </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>201</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>202</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>203</span> 
+<span class='line'>204</span> </span><span class="WHIT">                </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">matrix.a</span><span class="PUNC">*</span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.c</span><span class="PUNC">*</span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.tx</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>205</span> </span><span class="WHIT">                </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">matrix.b</span><span class="PUNC">*</span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.d</span><span class="PUNC">*</span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.ty</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>206</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>207</span> 
+<span class='line'>208</span> </span><span class="WHIT">            </span><span class="NAME">target.__textureImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>209</span> </span><span class="WHIT">            </span><span class="NAME">this.sprites</span><span class="PUNC">[</span><span class="NAME">this.batchIndex</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>210</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>211</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>212</span> 
+<span class='line'>213</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>214</span>      * @private
+<span class='line'>215</span>      * @see Renderer#endDraw
+<span class='line'>216</span>      */</span><span class="WHIT">
+<span class='line'>217</span> </span><span class="WHIT">    </span><span class="NAME">endDraw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>218</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>219</span> </span><span class="WHIT">            </span><span class="NAME">this._renderBatches</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>220</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>221</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>222</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>223</span>      * @private
+<span class='line'>224</span>      * @see Renderer#transform
+<span class='line'>225</span>      */</span><span class="WHIT">
+<span class='line'>226</span> </span><span class="WHIT">    </span><span class="NAME">transform</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>227</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.drawable</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>228</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">drawable.domElement</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>229</span> </span><span class="WHIT">            </span><span class="NAME">Hilo.setElementStyleByView</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>230</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>231</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>232</span> 
+<span class='line'>233</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.scaleX</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>234</span> </span><span class="WHIT">            </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.scaleY</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>235</span> 
+<span class='line'>236</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>237</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.canvas.style</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>238</span> </span><span class="WHIT">                </span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target._scaleX</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>239</span> </span><span class="WHIT">                </span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target._scaleY</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>240</span> </span><span class="WHIT">                </span><span class="NAME">isStyleChange</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>241</span> 
+<span class='line'>242</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>243</span> </span><span class="WHIT">                </span><span class="NAME">target._scaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>244</span> </span><span class="WHIT">                </span><span class="NAME">style.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">target.width</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>245</span> </span><span class="WHIT">                </span><span class="NAME">isStyleChange</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>246</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>247</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>248</span> </span><span class="WHIT">                </span><span class="NAME">target._scaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>249</span> </span><span class="WHIT">                </span><span class="NAME">style.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">target.height</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>250</span> </span><span class="WHIT">                </span><span class="NAME">isStyleChange</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>251</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>252</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">isStyleChange</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>253</span> </span><span class="WHIT">                </span><span class="NAME">target.updateViewport</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>254</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>255</span> </span><span class="WHIT">            </span><span class="NAME">target.__webglWorldMatrix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.__webglWorldMatrix</span><span class="PUNC">||</span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Matrix</span><span class="PUNC">(</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>256</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>257</span> </span><span class="WHIT">        </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.parent</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>258</span> </span><span class="WHIT">            </span><span class="NAME">target.__webglWorldMatrix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.__webglWorldMatrix</span><span class="PUNC">||</span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Matrix</span><span class="PUNC">(</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>259</span> </span><span class="WHIT">            </span><span class="NAME">this._setConcatenatedMatrix</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">target.parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>260</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>261</span> 
+<span class='line'>262</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.alpha</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>263</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.parent</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">target.parent.__webglRenderAlpha</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>264</span> </span><span class="WHIT">                </span><span class="NAME">target.__webglRenderAlpha</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.alpha</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">target.parent.__webglRenderAlpha</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>265</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>266</span> </span><span class="WHIT">            </span><span class="KEYW">else</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>267</span> </span><span class="WHIT">                </span><span class="NAME">target.__webglRenderAlpha</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.alpha</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>268</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>269</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>270</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>271</span> 
+<span class='line'>272</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>273</span>      * @private
+<span class='line'>274</span>      * @see Renderer#remove
+<span class='line'>275</span>      */</span><span class="WHIT">
+<span class='line'>276</span> </span><span class="WHIT">    </span><span class="NAME">remove</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>277</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.drawable</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>278</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">elem</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">drawable.domElement</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>279</span> 
+<span class='line'>280</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">elem</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>281</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">parentElem</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">elem.parentNode</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>282</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">parentElem</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>283</span> </span><span class="WHIT">                </span><span class="NAME">parentElem.removeChild</span><span class="PUNC">(</span><span class="NAME">elem</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>284</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>285</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>286</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>287</span> 
+<span class='line'>288</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>289</span>      * @private
+<span class='line'>290</span>      * @see Renderer#clear
+<span class='line'>291</span>      */</span><span class="WHIT">
+<span class='line'>292</span> </span><span class="WHIT">    </span><span class="NAME">clear</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>293</span> </span><span class="WHIT">        </span><span class="NAME">this.gl.clear</span><span class="PUNC">(</span><span class="NAME">this.gl.COLOR_BUFFER_BIT</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>294</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>295</span> 
+<span class='line'>296</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>297</span>      * @private
+<span class='line'>298</span>      * @see Renderer#resize
+<span class='line'>299</span>      */</span><span class="WHIT">
+<span class='line'>300</span> </span><span class="WHIT">    </span><span class="NAME">resize</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>301</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>302</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">canvas</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.canvas</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>303</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">stage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>304</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">canvas.style</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>305</span> 
+<span class='line'>306</span> </span><span class="WHIT">            </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">canvas.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>307</span> </span><span class="WHIT">            </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">canvas.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>308</span> 
+<span class='line'>309</span> </span><span class="WHIT">            </span><span class="NAME">style.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">stage.width</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">stage.scaleX</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'px'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>310</span> </span><span class="WHIT">            </span><span class="NAME">style.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">stage.height</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">stage.scaleY</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'px'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>311</span> 
+<span class='line'>312</span> </span><span class="WHIT">            </span><span class="NAME">this.gl.viewport</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>313</span> 
+<span class='line'>314</span> </span><span class="WHIT">            </span><span class="NAME">this.canvasHalfWidth</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NUMB">5</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>315</span> </span><span class="WHIT">            </span><span class="NAME">this.canvasHalfHeight</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NUMB">5</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>316</span> 
+<span class='line'>317</span> </span><span class="WHIT">            </span><span class="NAME">this._uploadProjectionTransform</span><span class="PUNC">(</span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>318</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>319</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>320</span> </span><span class="WHIT">    </span><span class="NAME">_renderBatches</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>321</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>322</span> </span><span class="WHIT">        </span><span class="NAME">gl.bufferSubData</span><span class="PUNC">(</span><span class="NAME">gl.ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.uint32Array.subarray</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>323</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">startIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>324</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">batchNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>325</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>326</span> </span><span class="WHIT">        </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>327</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">sprite</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.sprites</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>328</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">sprite.__textureImage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>329</span> </span><span class="WHIT">                </span><span class="NAME">this._renderBatch</span><span class="PUNC">(</span><span class="NAME">startIndex</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>330</span> </span><span class="WHIT">                </span><span class="NAME">startIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>331</span> </span><span class="WHIT">                </span><span class="NAME">batchNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>332</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>333</span> </span><span class="WHIT">            </span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sprite.__textureImage</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>334</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>335</span> </span><span class="WHIT">        </span><span class="NAME">this._renderBatch</span><span class="PUNC">(</span><span class="NAME">startIndex</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>336</span> </span><span class="WHIT">        </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>337</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>338</span> </span><span class="WHIT">    </span><span class="NAME">_renderBatch</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">start</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">end</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>339</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>340</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">num</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">end</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">start</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>341</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">num</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>342</span> </span><span class="WHIT">            </span><span class="NAME">gl.bindTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._getTexture</span><span class="PUNC">(</span><span class="NAME">this.sprites</span><span class="PUNC">[</span><span class="NAME">start</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>343</span> </span><span class="WHIT">            </span><span class="NAME">gl.drawElements</span><span class="PUNC">(</span><span class="NAME">gl.TRIANGLES</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">num</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.UNSIGNED_SHORT</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">start</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>344</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>345</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>346</span> </span><span class="WHIT">    </span><span class="NAME">_uploadProjectionTransform</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">force</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>347</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this._projectionTransformElements</span><span class="PUNC">||</span><span class="NAME">force</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>348</span> </span><span class="WHIT">            </span><span class="NAME">this._projectionTransformElements</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Float32Array</span><span class="PUNC">(</span><span class="PUNC">[</span><span class="WHIT">
+<span class='line'>349</span> </span><span class="WHIT">                </span><span class="NUMB">1</span><span class="PUNC">/</span><span class="NAME">this.canvasHalfWidth</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>350</span> </span><span class="WHIT">                </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NUMB">1</span><span class="PUNC">/</span><span class="NAME">this.canvasHalfHeight</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>351</span> </span><span class="WHIT">                </span><span class="PUNC">-</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>352</span> </span><span class="WHIT">            </span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>353</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>354</span> 
+<span class='line'>355</span> </span><span class="WHIT">        </span><span class="NAME">this.gl.uniformMatrix3fv</span><span class="PUNC">(</span><span class="NAME">this.u_projectionTransform</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._projectionTransformElements</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>356</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>357</span> </span><span class="WHIT">    </span><span class="NAME">_initShaders</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>358</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">VSHADER_SOURCE</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="STRN">'\
+<span class='line'>359</span>             attribute vec2 a_position;\n\
+<span class='line'>360</span>             attribute vec2 a_TexCoord;\n\
+<span class='line'>361</span>             attribute vec4 a_tint;\n\
+<span class='line'>362</span>             uniform mat3 u_projectionTransform;\n\
+<span class='line'>363</span>             varying vec2 v_TexCoord;\n\
+<span class='line'>364</span>             varying vec4 v_tint;\n\
+<span class='line'>365</span>             void main(){\n\
+<span class='line'>366</span>                 gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n\
+<span class='line'>367</span>                 v_TexCoord = a_TexCoord;\n\
+<span class='line'>368</span>                 v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n\
+<span class='line'>369</span>             }\n\
+<span class='line'>370</span>         '</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>371</span> 
+<span class='line'>372</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">FSHADER_SOURCE</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'\n\
+<span class='line'>373</span>             precision mediump float;\n\
+<span class='line'>374</span>             uniform sampler2D u_Sampler;\n\
+<span class='line'>375</span>             varying vec2 v_TexCoord;\n\
+<span class='line'>376</span>             varying vec4 v_tint;\n\
+<span class='line'>377</span>             void main(){\n\
+<span class='line'>378</span>                 gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n\
+<span class='line'>379</span>             }\n\
+<span class='line'>380</span>         '</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>381</span> 
+<span class='line'>382</span> </span><span class="WHIT">        </span><span class="NAME">this.defaultShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Shader</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>383</span> </span><span class="WHIT">            </span><span class="NAME">v</span><span class="PUNC">:</span><span class="NAME">VSHADER_SOURCE</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>384</span> </span><span class="WHIT">            </span><span class="NAME">f</span><span class="PUNC">:</span><span class="NAME">FSHADER_SOURCE</span><span class="WHIT">
+<span class='line'>385</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>386</span> </span><span class="WHIT">            </span><span class="NAME">attributes</span><span class="PUNC">:</span><span class="PUNC">[</span><span class="STRN">"a_position"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"a_TexCoord"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"a_tint"</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>387</span> </span><span class="WHIT">            </span><span class="NAME">uniforms</span><span class="PUNC">:</span><span class="PUNC">[</span><span class="STRN">"u_projectionTransform"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"u_Sampler"</span><span class="PUNC">]</span><span class="WHIT">
+<span class='line'>388</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>389</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>390</span> </span><span class="WHIT">    </span><span class="NAME">_createVertexs</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">img</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">tw</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">th</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>391</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.__tempVertexs</span><span class="PUNC">||</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>392</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">img.width</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>393</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">img.height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>394</span> 
+<span class='line'>395</span> </span><span class="WHIT">        </span><span class="NAME">tw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tw</span><span class="PUNC">/</span><span class="NAME">width</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>396</span> </span><span class="WHIT">        </span><span class="NAME">th</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">th</span><span class="PUNC">/</span><span class="NAME">height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>397</span> </span><span class="WHIT">        </span><span class="NAME">tx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">/</span><span class="NAME">width</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>398</span> </span><span class="WHIT">        </span><span class="NAME">ty</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">/</span><span class="NAME">height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>399</span> 
+<span class='line'>400</span> </span><span class="WHIT">        </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>401</span> </span><span class="WHIT">        </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>402</span> </span><span class="WHIT">        </span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>403</span> </span><span class="WHIT">        </span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>404</span> 
+<span class='line'>405</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">tw</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>406</span> </span><span class="WHIT">            </span><span class="NAME">tw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>407</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>408</span> 
+<span class='line'>409</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">th</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>410</span> </span><span class="WHIT">            </span><span class="NAME">th</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>411</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>412</span> 
+<span class='line'>413</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>414</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>415</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">+</span><span class="NAME">w</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">+</span><span class="NAME">tw</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>416</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">+</span><span class="NAME">h</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">+</span><span class="NAME">th</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>417</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">+</span><span class="NAME">w</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">+</span><span class="NAME">h</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">+</span><span class="NAME">tw</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">+</span><span class="NAME">th</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>418</span> 
+<span class='line'>419</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>420</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>421</span> </span><span class="WHIT">    </span><span class="NAME">_setConcatenatedMatrix</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">view</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ancestor</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>422</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">mtx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.__webglWorldMatrix</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>423</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">cos</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sin</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>424</span> </span><span class="WHIT">            </span><span class="NAME">rotation</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.rotation</span><span class="WHIT"> </span><span class="PUNC">%</span><span class="WHIT"> </span><span class="NUMB">360</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>425</span> </span><span class="WHIT">            </span><span class="NAME">pivotX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.pivotX</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">pivotY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.pivotY</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>426</span> </span><span class="WHIT">            </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.scaleX</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.scaleY</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>427</span> </span><span class="WHIT">            </span><span class="NAME">transform</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.transform</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>428</span> 
+<span class='line'>429</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">transform</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>430</span> </span><span class="WHIT">            </span><span class="NAME">mtx.copy</span><span class="PUNC">(</span><span class="NAME">transform</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>431</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>432</span> </span><span class="WHIT">        </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>433</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">rotation</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>434</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">r</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rotation</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">DEG2RAD</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>435</span> </span><span class="WHIT">                </span><span class="NAME">cos</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.cos</span><span class="PUNC">(</span><span class="NAME">r</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>436</span> </span><span class="WHIT">                </span><span class="NAME">sin</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.sin</span><span class="PUNC">(</span><span class="NAME">r</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>437</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>438</span> 
+<span class='line'>439</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">pos</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.getAlignPosition</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>440</span> 
+<span class='line'>441</span> </span><span class="WHIT">            </span><span class="NAME">mtx.a</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">cos</span><span class="PUNC">*</span><span class="NAME">scaleX</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>442</span> </span><span class="WHIT">            </span><span class="NAME">mtx.b</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sin</span><span class="PUNC">*</span><span class="NAME">scaleX</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>443</span> </span><span class="WHIT">            </span><span class="NAME">mtx.c</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NAME">sin</span><span class="PUNC">*</span><span class="NAME">scaleY</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>444</span> </span><span class="WHIT">            </span><span class="NAME">mtx.d</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">cos</span><span class="PUNC">*</span><span class="NAME">scaleY</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>445</span> </span><span class="WHIT">            </span><span class="NAME">mtx.tx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">  </span><span class="NAME">pos.x</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.a</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotX</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.c</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotY</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>446</span> </span><span class="WHIT">            </span><span class="NAME">mtx.ty</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">  </span><span class="NAME">pos.y</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.b</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotX</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.d</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotY</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>447</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>448</span> 
+<span class='line'>449</span> </span><span class="WHIT">        </span><span class="NAME">mtx.concat</span><span class="PUNC">(</span><span class="NAME">ancestor.__webglWorldMatrix</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>450</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>451</span> </span><span class="WHIT">    </span><span class="NAME">_getTexture</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">sprite</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>452</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">image</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sprite.__textureImage</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>453</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._cacheTexture</span><span class="PUNC">[</span><span class="NAME">image.src</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>454</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">texture</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>455</span> </span><span class="WHIT">            </span><span class="NAME">texture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.activeShader.uploadTexture</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>456</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>457</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>458</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>459</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>460</span> 
+<span class='line'>461</span> </span><span class="COMM">/**
+<span class='line'>462</span>  * shader
+<span class='line'>463</span>  * @param {WebGLRenderer} renderer [description]
+<span class='line'>464</span>  * @param {Object} source
+<span class='line'>465</span>  * @param {String} source.v 顶点shader
+<span class='line'>466</span>  * @param {String} source.f 片段shader
+<span class='line'>467</span>  * @param {Object} attr
+<span class='line'>468</span>  * @param {Array} attr.attributes attribute数组
+<span class='line'>469</span>  * @param {Array} attr.uniforms uniform数组
+<span class='line'>470</span>  */</span><span class="WHIT">
+<span class='line'>471</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">Shader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">renderer</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">attr</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>472</span> </span><span class="WHIT">    </span><span class="NAME">this.renderer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>473</span> </span><span class="WHIT">    </span><span class="NAME">this.gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.gl</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>474</span> </span><span class="WHIT">    </span><span class="NAME">this.program</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createProgram</span><span class="PUNC">(</span><span class="NAME">this.gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source.v</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source.f</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>475</span> 
+<span class='line'>476</span> </span><span class="WHIT">    </span><span class="NAME">attr</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr</span><span class="PUNC">||</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>477</span> </span><span class="WHIT">    </span><span class="NAME">this.attributes</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.attributes</span><span class="PUNC">||</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>478</span> </span><span class="WHIT">    </span><span class="NAME">this.uniforms</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.uniforms</span><span class="PUNC">||</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>479</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>480</span> 
-<span class='line'>481</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">program</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>482</span> </span><span class="WHIT">            </span><span class="NAME">renderer.activeShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>483</span> </span><span class="WHIT">            </span><span class="NAME">gl.useProgram</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>484</span> </span><span class="WHIT">            </span><span class="NAME">that.attributes.forEach</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>485</span> </span><span class="WHIT">                </span><span class="NAME">renderer</span><span class="PUNC">[</span><span class="NAME">attribute</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getAttribLocation</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>486</span> </span><span class="WHIT">                </span><span class="NAME">gl.enableVertexAttribArray</span><span class="PUNC">(</span><span class="NAME">renderer</span><span class="PUNC">[</span><span class="NAME">attribute</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>487</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>488</span> 
-<span class='line'>489</span> </span><span class="WHIT">            </span><span class="NAME">that.uniforms.forEach</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">uniform</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>490</span> </span><span class="WHIT">                </span><span class="NAME">renderer</span><span class="PUNC">[</span><span class="NAME">uniform</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getUniformLocation</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">uniform</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>491</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>492</span> 
-<span class='line'>493</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">that.width</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">renderer.width</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.height</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">renderer.height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>494</span> </span><span class="WHIT">                </span><span class="NAME">that.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.width</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>495</span> </span><span class="WHIT">                </span><span class="NAME">that.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>496</span> </span><span class="WHIT">                </span><span class="NAME">renderer._uploadProjectionTransform</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>497</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>498</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>499</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>500</span> </span><span class="WHIT">    </span><span class="NAME">uploadTexture</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>501</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>502</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">renderer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.renderer</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>503</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createTexture</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>504</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">u_Sampler</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.u_Sampler</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>505</span> 
-<span class='line'>506</span> </span><span class="WHIT">        </span><span class="NAME">gl.activeTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>507</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>508</span> 
-<span class='line'>509</span> </span><span class="WHIT">        </span><span class="COMM">// gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 1);</span><span class="WHIT">
-<span class='line'>510</span> </span><span class="WHIT">        </span><span class="NAME">gl.pixelStorei</span><span class="PUNC">(</span><span class="NAME">gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>511</span> </span><span class="WHIT">        </span><span class="NAME">gl.texImage2D</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.RGBA</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.RGBA</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.UNSIGNED_BYTE</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>481</span> </span><span class="NAME">Shader.prototype</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>482</span> </span><span class="WHIT">    </span><span class="NAME">active</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>483</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>484</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">renderer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.renderer</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>485</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.gl</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>486</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">program</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.program</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>487</span> 
+<span class='line'>488</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">program</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>489</span> </span><span class="WHIT">            </span><span class="NAME">renderer.activeShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>490</span> </span><span class="WHIT">            </span><span class="NAME">gl.useProgram</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>491</span> </span><span class="WHIT">            </span><span class="NAME">that.attributes.forEach</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>492</span> </span><span class="WHIT">                </span><span class="NAME">renderer</span><span class="PUNC">[</span><span class="NAME">attribute</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getAttribLocation</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>493</span> </span><span class="WHIT">                </span><span class="NAME">gl.enableVertexAttribArray</span><span class="PUNC">(</span><span class="NAME">renderer</span><span class="PUNC">[</span><span class="NAME">attribute</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>494</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>495</span> 
+<span class='line'>496</span> </span><span class="WHIT">            </span><span class="NAME">that.uniforms.forEach</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">uniform</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>497</span> </span><span class="WHIT">                </span><span class="NAME">renderer</span><span class="PUNC">[</span><span class="NAME">uniform</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getUniformLocation</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">uniform</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>498</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>499</span> 
+<span class='line'>500</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">that.width</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">renderer.width</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.height</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">renderer.height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>501</span> </span><span class="WHIT">                </span><span class="NAME">that.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.width</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>502</span> </span><span class="WHIT">                </span><span class="NAME">that.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>503</span> </span><span class="WHIT">                </span><span class="NAME">renderer._uploadProjectionTransform</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>504</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>505</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>506</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>507</span> </span><span class="WHIT">    </span><span class="NAME">uploadTexture</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>508</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>509</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">renderer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.renderer</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>510</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createTexture</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>511</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">u_Sampler</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.u_Sampler</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>512</span> 
-<span class='line'>513</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_MIN_FILTER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.LINEAR</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>514</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_MAG_FILTER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.LINEAR</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>515</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_WRAP_S</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.CLAMP_TO_EDGE</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>516</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_WRAP_T</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.CLAMP_TO_EDGE</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>517</span> </span><span class="WHIT">        </span><span class="NAME">gl.uniform1i</span><span class="PUNC">(</span><span class="NAME">u_Sampler</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>518</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>513</span> </span><span class="WHIT">        </span><span class="NAME">gl.activeTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>514</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>515</span> 
+<span class='line'>516</span> </span><span class="WHIT">        </span><span class="COMM">// gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 1);</span><span class="WHIT">
+<span class='line'>517</span> </span><span class="WHIT">        </span><span class="NAME">gl.pixelStorei</span><span class="PUNC">(</span><span class="NAME">gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>518</span> </span><span class="WHIT">        </span><span class="NAME">gl.texImage2D</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.RGBA</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.RGBA</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.UNSIGNED_BYTE</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>519</span> 
-<span class='line'>520</span> </span><span class="WHIT">        </span><span class="NAME">this.renderer._cacheTexture</span><span class="PUNC">[</span><span class="NAME">image.src</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>521</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>522</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>523</span> </span><span class="WHIT">    </span><span class="NAME">_createProgram</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vshader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">fshader</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>524</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">vertexShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createShader</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.VERTEX_SHADER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vshader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>525</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">fragmentShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createShader</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.FRAGMENT_SHADER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">fshader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>526</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">vertexShader</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">fragmentShader</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>527</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>528</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>529</span> 
-<span class='line'>530</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">program</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createProgram</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>531</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>532</span> </span><span class="WHIT">            </span><span class="NAME">gl.attachShader</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vertexShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>533</span> </span><span class="WHIT">            </span><span class="NAME">gl.attachShader</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">fragmentShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>534</span> 
-<span class='line'>535</span> </span><span class="WHIT">            </span><span class="NAME">gl.linkProgram</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>520</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_MIN_FILTER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.LINEAR</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>521</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_MAG_FILTER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.LINEAR</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>522</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_WRAP_S</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.CLAMP_TO_EDGE</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>523</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_WRAP_T</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.CLAMP_TO_EDGE</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>524</span> </span><span class="WHIT">        </span><span class="NAME">gl.uniform1i</span><span class="PUNC">(</span><span class="NAME">u_Sampler</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>525</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>526</span> 
+<span class='line'>527</span> </span><span class="WHIT">        </span><span class="NAME">this.renderer._cacheTexture</span><span class="PUNC">[</span><span class="NAME">image.src</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>528</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>529</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>530</span> </span><span class="WHIT">    </span><span class="NAME">_createProgram</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vshader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">fshader</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>531</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">vertexShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createShader</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.VERTEX_SHADER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vshader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>532</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">fragmentShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createShader</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.FRAGMENT_SHADER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">fshader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>533</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">vertexShader</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">fragmentShader</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>534</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>535</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'>536</span> 
-<span class='line'>537</span> </span><span class="WHIT">            </span><span class="NAME">gl.deleteShader</span><span class="PUNC">(</span><span class="NAME">fragmentShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>538</span> </span><span class="WHIT">            </span><span class="NAME">gl.deleteShader</span><span class="PUNC">(</span><span class="NAME">vertexShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>539</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">linked</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getProgramParameter</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.LINK_STATUS</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>540</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">linked</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>541</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">error</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getProgramInfoLog</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>542</span> </span><span class="WHIT">                </span><span class="NAME">console.log</span><span class="PUNC">(</span><span class="STRN">'Failed to link program: '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">error</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>543</span> </span><span class="WHIT">                </span><span class="NAME">gl.deleteProgram</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>544</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>545</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>546</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>547</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">program</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>548</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>549</span> </span><span class="WHIT">    </span><span class="NAME">_createShader</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>550</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">shader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createShader</span><span class="PUNC">(</span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>551</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>552</span> </span><span class="WHIT">            </span><span class="NAME">gl.shaderSource</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>553</span> </span><span class="WHIT">            </span><span class="NAME">gl.compileShader</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>554</span> 
-<span class='line'>555</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">compiled</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getShaderParameter</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.COMPILE_STATUS</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>556</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">compiled</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>557</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">error</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getShaderInfoLog</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>558</span> </span><span class="WHIT">                </span><span class="NAME">console.log</span><span class="PUNC">(</span><span class="STRN">'Failed to compile shader: '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">error</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>559</span> </span><span class="WHIT">                </span><span class="NAME">gl.deleteShader</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>560</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>561</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>562</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>563</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">shader</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>564</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>565</span> </span><span class="PUNC">}</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file
+<span class='line'>537</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">program</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createProgram</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>538</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>539</span> </span><span class="WHIT">            </span><span class="NAME">gl.attachShader</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vertexShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>540</span> </span><span class="WHIT">            </span><span class="NAME">gl.attachShader</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">fragmentShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>541</span> 
+<span class='line'>542</span> </span><span class="WHIT">            </span><span class="NAME">gl.linkProgram</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>543</span> 
+<span class='line'>544</span> </span><span class="WHIT">            </span><span class="NAME">gl.deleteShader</span><span class="PUNC">(</span><span class="NAME">fragmentShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>545</span> </span><span class="WHIT">            </span><span class="NAME">gl.deleteShader</span><span class="PUNC">(</span><span class="NAME">vertexShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>546</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">linked</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getProgramParameter</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.LINK_STATUS</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>547</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">linked</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>548</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">error</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getProgramInfoLog</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>549</span> </span><span class="WHIT">                </span><span class="NAME">console.log</span><span class="PUNC">(</span><span class="STRN">'Failed to link program: '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">error</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>550</span> </span><span class="WHIT">                </span><span class="NAME">gl.deleteProgram</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>551</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>552</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>553</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>554</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">program</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>555</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>556</span> </span><span class="WHIT">    </span><span class="NAME">_createShader</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>557</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">shader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createShader</span><span class="PUNC">(</span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>558</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>559</span> </span><span class="WHIT">            </span><span class="NAME">gl.shaderSource</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>560</span> </span><span class="WHIT">            </span><span class="NAME">gl.compileShader</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>561</span> 
+<span class='line'>562</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">compiled</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getShaderParameter</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.COMPILE_STATUS</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>563</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">compiled</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>564</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">error</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getShaderInfoLog</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>565</span> </span><span class="WHIT">                </span><span class="NAME">console.log</span><span class="PUNC">(</span><span class="STRN">'Failed to compile shader: '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">error</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>566</span> </span><span class="WHIT">                </span><span class="NAME">gl.deleteShader</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>567</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>568</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>569</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>570</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">shader</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>571</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>572</span> </span><span class="PUNC">}</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file
diff --git a/docs/api-en/symbols/src/docs_api-en_code_view_Text.js.html b/docs/api-en/symbols/src/docs_api-en_code_view_Text.js.html
index e0ebf88c..6135e00c 100644
--- a/docs/api-en/symbols/src/docs_api-en_code_view_Text.js.html
+++ b/docs/api-en/symbols/src/docs_api-en_code_view_Text.js.html
@@ -50,7 +50,7 @@
 <span class='line'> 43</span> </span><span class="WHIT">        </span><span class="NAME">this._fontHeight</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Text.measureFontHeight</span><span class="PUNC">(</span><span class="NAME">this.font</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'> 44</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'> 45</span> 
-<span class='line'> 46</span> </span><span class="WHIT">    </span><span class="NAME">text</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 46</span> </span><span class="WHIT">    </span><span class="NAME">text</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">''</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'> 47</span> </span><span class="WHIT">    </span><span class="NAME">color</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">'#000'</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'> 48</span> </span><span class="WHIT">    </span><span class="NAME">textAlign</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'> 49</span> </span><span class="WHIT">    </span><span class="NAME">textVAlign</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
diff --git a/docs/api-zh/code/renderer/WebGLRenderer.js b/docs/api-zh/code/renderer/WebGLRenderer.js
index a52ac0d7..16c08d73 100644
--- a/docs/api-zh/code/renderer/WebGLRenderer.js
+++ b/docs/api-zh/code/renderer/WebGLRenderer.js
@@ -49,7 +49,13 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
                 }
             }
             return this._isSupported;
-        }
+        },
+        /**
+         * WebGL context Options
+         * @see  https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes
+         * @type {Object}
+         */
+        contextOptions: null
     },
     renderType:'webgl',
     gl:null,
@@ -58,7 +64,8 @@ var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
     constructor: function(properties){
         WebGLRenderer.superclass.constructor.call(this, properties);
         var that = this;
-        this.gl = this.canvas.getContext("webgl")||this.canvas.getContext('experimental-webgl');
+        var contextOptions = WebGLRenderer.contextOptions || {};
+        this.gl = this.canvas.getContext("webgl", contextOptions)||this.canvas.getContext('experimental-webgl', contextOptions);
 
         this.maxBatchNum = WebGLRenderer.MAX_BATCH_NUM;
         this.positionStride = WebGLRenderer.ATTRIBUTE_NUM * 4;
diff --git a/docs/api-zh/code/view/Text.js b/docs/api-zh/code/view/Text.js
index bde0c769..d39b0c43 100644
--- a/docs/api-zh/code/view/Text.js
+++ b/docs/api-zh/code/view/Text.js
@@ -43,7 +43,7 @@ var Text = Class.create(/** @lends Text.prototype */{
         this._fontHeight = Text.measureFontHeight(this.font);
     },
 
-    text: null,
+    text: '',
     color: '#000',
     textAlign: null,
     textVAlign: null,
diff --git a/docs/api-zh/index.html b/docs/api-zh/index.html
index 6f1cc476..858116b1 100644
--- a/docs/api-zh/index.html
+++ b/docs/api-zh/index.html
@@ -188,7 +188,7 @@
   </div>
 
   <div class="col-md-9">
-    <div class="hilo-header">全部类概览<span class="small">(v1.3.0)</span></div>
+    <div class="hilo-header">全部类概览<span class="small">(v1.4.0)</span></div>
     <table class="table table-striped table-bordered table-condensed">
       <thead>
         <tr>
diff --git a/docs/api-zh/symbols/WebGLRenderer.html b/docs/api-zh/symbols/WebGLRenderer.html
index 9ebe653a..fb5d6d1f 100644
--- a/docs/api-zh/symbols/WebGLRenderer.html
+++ b/docs/api-zh/symbols/WebGLRenderer.html
@@ -278,6 +278,28 @@ <h3 style="display:inline;margin-right:10px;">属性概览</h3>
                 </tr>
             
                 
+                <tr >
+                    <td>
+                        
+                    </td>
+                    <td class="fixedFont">
+                        <div>
+                            <!-- 
+                                WebGLRenderer.
+                             -->
+                            <b><a href="../symbols/WebGLRenderer.html#.contextOptions">contextOptions</a></b>
+                        </div>
+                        <div class="description">
+                            <span class="label">static</span> 
+                            WebGL context Options
+                        </div>
+                    </td>
+                    <td>
+                        WebGLRenderer
+                    </td>
+                </tr>
+            
+                
                 <tr >
                     <td>
                         
@@ -644,6 +666,32 @@ <h3 style="margin-bottom:15px;">属性详情</h3>
         
         
 
+        </div>
+    
+        <a class="anchor" name=".contextOptions"> </a>
+        <div class="member-box">
+        <div class="member-header">[Static] 
+        <b>contextOptions</b>
+
+        </div>
+        <div class="description">
+            WebGL context Options
+        </div>
+
+        
+
+        
+        
+        
+            <dl class="detailList">
+            <dt class="heading">查看相关:</dt>
+            
+            <dd>https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes</dd>
+            
+            </dl>
+        
+        
+
         </div>
     
         <a class="anchor" name="gl"> </a>
diff --git a/docs/api-zh/symbols/src/docs_api-zh_code_renderer_WebGLRenderer.js.html b/docs/api-zh/symbols/src/docs_api-zh_code_renderer_WebGLRenderer.js.html
index 6b030c23..ff059392 100644
--- a/docs/api-zh/symbols/src/docs_api-zh_code_renderer_WebGLRenderer.js.html
+++ b/docs/api-zh/symbols/src/docs_api-zh_code_renderer_WebGLRenderer.js.html
@@ -56,517 +56,524 @@
 <span class='line'> 49</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'> 50</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'> 51</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._isSupported</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 52</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'> 53</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 54</span> </span><span class="WHIT">    </span><span class="NAME">renderType</span><span class="PUNC">:</span><span class="STRN">'webgl'</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 55</span> </span><span class="WHIT">    </span><span class="NAME">gl</span><span class="PUNC">:</span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 56</span> </span><span class="WHIT">    </span><span class="NAME">_isContextLost</span><span class="PUNC">:</span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 57</span> </span><span class="WHIT">    </span><span class="NAME">_cacheTexture</span><span class="PUNC">:</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 58</span> </span><span class="WHIT">    </span><span class="NAME">constructor</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">properties</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 59</span> </span><span class="WHIT">        </span><span class="NAME">WebGLRenderer.superclass.constructor.call</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">properties</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 60</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 61</span> </span><span class="WHIT">        </span><span class="NAME">this.gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.canvas.getContext</span><span class="PUNC">(</span><span class="STRN">"webgl"</span><span class="PUNC">)</span><span class="PUNC">||</span><span class="NAME">this.canvas.getContext</span><span class="PUNC">(</span><span class="STRN">'experimental-webgl'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 62</span> 
-<span class='line'> 63</span> </span><span class="WHIT">        </span><span class="NAME">this.maxBatchNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.MAX_BATCH_NUM</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 64</span> </span><span class="WHIT">        </span><span class="NAME">this.positionStride</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.ATTRIBUTE_NUM</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 65</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">vertexNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.maxBatchNum</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.ATTRIBUTE_NUM</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 66</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">indexNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.maxBatchNum</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 67</span> </span><span class="WHIT">        </span><span class="NAME">this.arrayBuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">ArrayBuffer</span><span class="PUNC">(</span><span class="NAME">vertexNum</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 68</span> </span><span class="WHIT">        </span><span class="NAME">this.float32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Float32Array</span><span class="PUNC">(</span><span class="NAME">this.arrayBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 69</span> </span><span class="WHIT">        </span><span class="NAME">this.uint32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Uint32Array</span><span class="PUNC">(</span><span class="NAME">this.arrayBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 70</span> </span><span class="WHIT">        </span><span class="NAME">this.indexs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Uint16Array</span><span class="PUNC">(</span><span class="NAME">indexNum</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 71</span> </span><span class="WHIT">        </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">j</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">indexNum</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="WHIT">
-<span class='line'> 72</span> </span><span class="WHIT">        </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 73</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 74</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 75</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 76</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">3</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 77</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 78</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">5</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">3</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 79</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'> 80</span> </span><span class="WHIT">        </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 81</span> </span><span class="WHIT">        </span><span class="NAME">this.sprites</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 82</span> 
-<span class='line'> 83</span> </span><span class="WHIT">        </span><span class="NAME">this.canvas.addEventListener</span><span class="PUNC">(</span><span class="STRN">'webglcontextlost'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 84</span> </span><span class="WHIT">            </span><span class="NAME">that._isContextLost</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 85</span> </span><span class="WHIT">            </span><span class="NAME">e.preventDefault</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 86</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 87</span> 
-<span class='line'> 88</span> </span><span class="WHIT">        </span><span class="NAME">this.canvas.addEventListener</span><span class="PUNC">(</span><span class="STRN">'webglcontextrestored'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 89</span> </span><span class="WHIT">            </span><span class="NAME">that._isContextLost</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 90</span> </span><span class="WHIT">            </span><span class="NAME">that.setupWebGLStateAndResource</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 91</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 92</span> 
-<span class='line'> 93</span> </span><span class="WHIT">        </span><span class="NAME">this.setupWebGLStateAndResource</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 94</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 95</span> </span><span class="WHIT">    </span><span class="NAME">setupWebGLStateAndResource</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'> 96</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 97</span> </span><span class="WHIT">        </span><span class="NAME">gl.blendFunc</span><span class="PUNC">(</span><span class="NAME">gl.ONE</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.ONE_MINUS_SRC_ALPHA</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 98</span> </span><span class="WHIT">        </span><span class="NAME">gl.clearColor</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 99</span> </span><span class="WHIT">        </span><span class="NAME">gl.disable</span><span class="PUNC">(</span><span class="NAME">gl.DEPTH_TEST</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>100</span> </span><span class="WHIT">        </span><span class="NAME">gl.disable</span><span class="PUNC">(</span><span class="NAME">gl.CULL_FACE</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>101</span> </span><span class="WHIT">        </span><span class="NAME">gl.enable</span><span class="PUNC">(</span><span class="NAME">gl.BLEND</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>102</span> 
-<span class='line'>103</span> </span><span class="WHIT">        </span><span class="NAME">this._cacheTexture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>104</span> </span><span class="WHIT">        </span><span class="NAME">this._initShaders</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>105</span> </span><span class="WHIT">        </span><span class="NAME">this.defaultShader.active</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>106</span> 
-<span class='line'>107</span> </span><span class="WHIT">        </span><span class="NAME">this.positionBuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createBuffer</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>108</span> </span><span class="WHIT">        </span><span class="NAME">this.indexBuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createBuffer</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 52</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 53</span> </span><span class="WHIT">        </span><span class="COMM">/**
+<span class='line'> 54</span>          * WebGL context Options
+<span class='line'> 55</span>          * @see  https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getContextAttributes
+<span class='line'> 56</span>          * @type {Object}
+<span class='line'> 57</span>          */</span><span class="WHIT">
+<span class='line'> 58</span> </span><span class="WHIT">        </span><span class="NAME">contextOptions</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="WHIT">
+<span class='line'> 59</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 60</span> </span><span class="WHIT">    </span><span class="NAME">renderType</span><span class="PUNC">:</span><span class="STRN">'webgl'</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 61</span> </span><span class="WHIT">    </span><span class="NAME">gl</span><span class="PUNC">:</span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 62</span> </span><span class="WHIT">    </span><span class="NAME">_isContextLost</span><span class="PUNC">:</span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 63</span> </span><span class="WHIT">    </span><span class="NAME">_cacheTexture</span><span class="PUNC">:</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 64</span> </span><span class="WHIT">    </span><span class="NAME">constructor</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">properties</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 65</span> </span><span class="WHIT">        </span><span class="NAME">WebGLRenderer.superclass.constructor.call</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">properties</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 66</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 67</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">contextOptions</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.contextOptions</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 68</span> </span><span class="WHIT">        </span><span class="NAME">this.gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.canvas.getContext</span><span class="PUNC">(</span><span class="STRN">"webgl"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">contextOptions</span><span class="PUNC">)</span><span class="PUNC">||</span><span class="NAME">this.canvas.getContext</span><span class="PUNC">(</span><span class="STRN">'experimental-webgl'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">contextOptions</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 69</span> 
+<span class='line'> 70</span> </span><span class="WHIT">        </span><span class="NAME">this.maxBatchNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.MAX_BATCH_NUM</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 71</span> </span><span class="WHIT">        </span><span class="NAME">this.positionStride</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.ATTRIBUTE_NUM</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 72</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">vertexNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.maxBatchNum</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">WebGLRenderer.ATTRIBUTE_NUM</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 73</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">indexNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.maxBatchNum</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 74</span> </span><span class="WHIT">        </span><span class="NAME">this.arrayBuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">ArrayBuffer</span><span class="PUNC">(</span><span class="NAME">vertexNum</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 75</span> </span><span class="WHIT">        </span><span class="NAME">this.float32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Float32Array</span><span class="PUNC">(</span><span class="NAME">this.arrayBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 76</span> </span><span class="WHIT">        </span><span class="NAME">this.uint32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Uint32Array</span><span class="PUNC">(</span><span class="NAME">this.arrayBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 77</span> </span><span class="WHIT">        </span><span class="NAME">this.indexs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Uint16Array</span><span class="PUNC">(</span><span class="NAME">indexNum</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 78</span> </span><span class="WHIT">        </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">j</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">indexNum</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="WHIT">
+<span class='line'> 79</span> </span><span class="WHIT">        </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 80</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 81</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 82</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 83</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">3</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 84</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 85</span> </span><span class="WHIT">            </span><span class="NAME">this.indexs</span><span class="PUNC">[</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">5</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">3</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 86</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'> 87</span> </span><span class="WHIT">        </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 88</span> </span><span class="WHIT">        </span><span class="NAME">this.sprites</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 89</span> 
+<span class='line'> 90</span> </span><span class="WHIT">        </span><span class="NAME">this.canvas.addEventListener</span><span class="PUNC">(</span><span class="STRN">'webglcontextlost'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 91</span> </span><span class="WHIT">            </span><span class="NAME">that._isContextLost</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 92</span> </span><span class="WHIT">            </span><span class="NAME">e.preventDefault</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 93</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 94</span> 
+<span class='line'> 95</span> </span><span class="WHIT">        </span><span class="NAME">this.canvas.addEventListener</span><span class="PUNC">(</span><span class="STRN">'webglcontextrestored'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 96</span> </span><span class="WHIT">            </span><span class="NAME">that._isContextLost</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 97</span> </span><span class="WHIT">            </span><span class="NAME">that.setupWebGLStateAndResource</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 98</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 99</span> 
+<span class='line'>100</span> </span><span class="WHIT">        </span><span class="NAME">this.setupWebGLStateAndResource</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>101</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>102</span> </span><span class="WHIT">    </span><span class="NAME">setupWebGLStateAndResource</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>103</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>104</span> </span><span class="WHIT">        </span><span class="NAME">gl.blendFunc</span><span class="PUNC">(</span><span class="NAME">gl.ONE</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.ONE_MINUS_SRC_ALPHA</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>105</span> </span><span class="WHIT">        </span><span class="NAME">gl.clearColor</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>106</span> </span><span class="WHIT">        </span><span class="NAME">gl.disable</span><span class="PUNC">(</span><span class="NAME">gl.DEPTH_TEST</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>107</span> </span><span class="WHIT">        </span><span class="NAME">gl.disable</span><span class="PUNC">(</span><span class="NAME">gl.CULL_FACE</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>108</span> </span><span class="WHIT">        </span><span class="NAME">gl.enable</span><span class="PUNC">(</span><span class="NAME">gl.BLEND</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>109</span> 
-<span class='line'>110</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindBuffer</span><span class="PUNC">(</span><span class="NAME">gl.ELEMENT_ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.indexBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>111</span> </span><span class="WHIT">        </span><span class="NAME">gl.bufferData</span><span class="PUNC">(</span><span class="NAME">gl.ELEMENT_ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.indexs</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.STATIC_DRAW</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>112</span> 
-<span class='line'>113</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindBuffer</span><span class="PUNC">(</span><span class="NAME">gl.ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>114</span> </span><span class="WHIT">        </span><span class="NAME">gl.bufferData</span><span class="PUNC">(</span><span class="NAME">gl.ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.arrayBuffer</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.DYNAMIC_DRAW</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>115</span> 
-<span class='line'>116</span> </span><span class="WHIT">        </span><span class="NAME">gl.vertexAttribPointer</span><span class="PUNC">(</span><span class="NAME">this.a_position</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.FLOAT</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="COMM">//x, y</span><span class="WHIT">
-<span class='line'>117</span> </span><span class="WHIT">        </span><span class="NAME">gl.vertexAttribPointer</span><span class="PUNC">(</span><span class="NAME">this.a_TexCoord</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.FLOAT</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="COMM">//x, y</span><span class="WHIT">
-<span class='line'>118</span> </span><span class="WHIT">        </span><span class="NAME">gl.vertexAttribPointer</span><span class="PUNC">(</span><span class="NAME">this.a_tint</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.UNSIGNED_BYTE</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="COMM">//alpha</span><span class="WHIT">
-<span class='line'>119</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>120</span> 
-<span class='line'>121</span> </span><span class="WHIT">    </span><span class="NAME">context</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>110</span> </span><span class="WHIT">        </span><span class="NAME">this._cacheTexture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>111</span> </span><span class="WHIT">        </span><span class="NAME">this._initShaders</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>112</span> </span><span class="WHIT">        </span><span class="NAME">this.defaultShader.active</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>113</span> 
+<span class='line'>114</span> </span><span class="WHIT">        </span><span class="NAME">this.positionBuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createBuffer</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>115</span> </span><span class="WHIT">        </span><span class="NAME">this.indexBuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createBuffer</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>116</span> 
+<span class='line'>117</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindBuffer</span><span class="PUNC">(</span><span class="NAME">gl.ELEMENT_ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.indexBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>118</span> </span><span class="WHIT">        </span><span class="NAME">gl.bufferData</span><span class="PUNC">(</span><span class="NAME">gl.ELEMENT_ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.indexs</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.STATIC_DRAW</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>119</span> 
+<span class='line'>120</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindBuffer</span><span class="PUNC">(</span><span class="NAME">gl.ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionBuffer</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>121</span> </span><span class="WHIT">        </span><span class="NAME">gl.bufferData</span><span class="PUNC">(</span><span class="NAME">gl.ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.arrayBuffer</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.DYNAMIC_DRAW</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>122</span> 
-<span class='line'>123</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>124</span>      * @private
-<span class='line'>125</span>      * @see Renderer#startDraw
-<span class='line'>126</span>      */</span><span class="WHIT">
-<span class='line'>127</span> </span><span class="WHIT">    </span><span class="NAME">startDraw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>128</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.visible</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">target.alpha</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>129</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>130</span> </span><span class="WHIT">                </span><span class="NAME">this.clear</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>131</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>132</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>133</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>134</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>135</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>136</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>137</span>      * @private
-<span class='line'>138</span>      * @see Renderer#draw
-<span class='line'>139</span>      */</span><span class="WHIT">
-<span class='line'>140</span> </span><span class="WHIT">    </span><span class="NAME">draw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>141</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.width</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>142</span> </span><span class="WHIT">            </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>143</span> 
-<span class='line'>144</span> </span><span class="WHIT">        </span><span class="COMM">//TODO:draw background</span><span class="WHIT">
-<span class='line'>145</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">bg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.background</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="COMM">// jshint ignore:line</span><span class="WHIT">
-<span class='line'>146</span> 
-<span class='line'>147</span> </span><span class="WHIT">        </span><span class="COMM">//draw image</span><span class="WHIT">
-<span class='line'>148</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.drawable</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">image</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">drawable.image</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>149</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>150</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">drawable.rect</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">2</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sh</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">3</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>151</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">h</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>152</span> </span><span class="WHIT">                </span><span class="COMM">//fix width/height TODO: how to get rid of this?</span><span class="WHIT">
-<span class='line'>153</span> </span><span class="WHIT">                </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>154</span> </span><span class="WHIT">                </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sh</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>155</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>156</span> 
-<span class='line'>157</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">>=</span><span class="WHIT"> </span><span class="NAME">this.maxBatchNum</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>158</span> </span><span class="WHIT">                </span><span class="NAME">this._renderBatches</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>159</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>160</span> 
-<span class='line'>161</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createVertexs</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sh</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>162</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>163</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">float32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.float32Array</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>164</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">uint32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.uint32Array</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>165</span> 
-<span class='line'>166</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target.tint</span><span class="WHIT"> </span><span class="PUNC">>></span><span class="WHIT"> </span><span class="NUMB">16</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target.tint</span><span class="WHIT"> </span><span class="PUNC">&</span><span class="WHIT"> </span><span class="NUMB">0xff00</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">(</span><span class="NAME">target.tint</span><span class="WHIT"> </span><span class="PUNC">&</span><span class="WHIT"> </span><span class="NUMB">0xff</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">&lt;&lt;</span><span class="WHIT"> </span><span class="NUMB">16</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target.__webglRenderAlpha</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">255</span><span class="WHIT"> </span><span class="PUNC">&lt;&lt;</span><span class="WHIT"> </span><span class="NUMB">24</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>123</span> </span><span class="WHIT">        </span><span class="NAME">gl.vertexAttribPointer</span><span class="PUNC">(</span><span class="NAME">this.a_position</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.FLOAT</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="COMM">//x, y</span><span class="WHIT">
+<span class='line'>124</span> </span><span class="WHIT">        </span><span class="NAME">gl.vertexAttribPointer</span><span class="PUNC">(</span><span class="NAME">this.a_TexCoord</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.FLOAT</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="COMM">//x, y</span><span class="WHIT">
+<span class='line'>125</span> </span><span class="WHIT">        </span><span class="NAME">gl.vertexAttribPointer</span><span class="PUNC">(</span><span class="NAME">this.a_tint</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.UNSIGNED_BYTE</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="COMM">//alpha</span><span class="WHIT">
+<span class='line'>126</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>127</span> 
+<span class='line'>128</span> </span><span class="WHIT">    </span><span class="NAME">context</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>129</span> 
+<span class='line'>130</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>131</span>      * @private
+<span class='line'>132</span>      * @see Renderer#startDraw
+<span class='line'>133</span>      */</span><span class="WHIT">
+<span class='line'>134</span> </span><span class="WHIT">    </span><span class="NAME">startDraw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>135</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.visible</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">target.alpha</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>136</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>137</span> </span><span class="WHIT">                </span><span class="NAME">this.clear</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>138</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>139</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>140</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>141</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>142</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>143</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>144</span>      * @private
+<span class='line'>145</span>      * @see Renderer#draw
+<span class='line'>146</span>      */</span><span class="WHIT">
+<span class='line'>147</span> </span><span class="WHIT">    </span><span class="NAME">draw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>148</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.width</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>149</span> </span><span class="WHIT">            </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>150</span> 
+<span class='line'>151</span> </span><span class="WHIT">        </span><span class="COMM">//TODO:draw background</span><span class="WHIT">
+<span class='line'>152</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">bg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.background</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="COMM">// jshint ignore:line</span><span class="WHIT">
+<span class='line'>153</span> 
+<span class='line'>154</span> </span><span class="WHIT">        </span><span class="COMM">//draw image</span><span class="WHIT">
+<span class='line'>155</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.drawable</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">image</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">drawable.image</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>156</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>157</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">drawable.rect</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">2</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sh</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">3</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>158</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">h</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>159</span> </span><span class="WHIT">                </span><span class="COMM">//fix width/height TODO: how to get rid of this?</span><span class="WHIT">
+<span class='line'>160</span> </span><span class="WHIT">                </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>161</span> </span><span class="WHIT">                </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sh</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>162</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>163</span> 
+<span class='line'>164</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">>=</span><span class="WHIT"> </span><span class="NAME">this.maxBatchNum</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>165</span> </span><span class="WHIT">                </span><span class="NAME">this._renderBatches</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>166</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'>167</span> 
-<span class='line'>168</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//x</span><span class="WHIT">
-<span class='line'>169</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//y</span><span class="WHIT">
-<span class='line'>170</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">2</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//uvx</span><span class="WHIT">
-<span class='line'>171</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">3</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">3</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//uvy</span><span class="WHIT">
-<span class='line'>172</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="COMM">//tint</span><span class="WHIT">
-<span class='line'>173</span> 
-<span class='line'>174</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">5</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">4</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>175</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">5</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>176</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">7</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">6</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>177</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">8</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">7</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>178</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">9</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>179</span> 
-<span class='line'>180</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">8</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>181</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">11</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">9</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>182</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">12</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">10</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>183</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">13</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">11</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>184</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">14</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>185</span> 
-<span class='line'>186</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">15</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">12</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>187</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">16</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">13</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>188</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">17</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">14</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>189</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">18</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">15</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>190</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">19</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>191</span> 
-<span class='line'>192</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">matrix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.__webglWorldMatrix</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>193</span> </span><span class="WHIT">            </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>194</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>195</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>196</span> 
-<span class='line'>197</span> </span><span class="WHIT">                </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">matrix.a</span><span class="PUNC">*</span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.c</span><span class="PUNC">*</span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.tx</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>198</span> </span><span class="WHIT">                </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">matrix.b</span><span class="PUNC">*</span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.d</span><span class="PUNC">*</span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.ty</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>199</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>200</span> 
-<span class='line'>201</span> </span><span class="WHIT">            </span><span class="NAME">target.__textureImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>202</span> </span><span class="WHIT">            </span><span class="NAME">this.sprites</span><span class="PUNC">[</span><span class="NAME">this.batchIndex</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>203</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>204</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>205</span> 
-<span class='line'>206</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>207</span>      * @private
-<span class='line'>208</span>      * @see Renderer#endDraw
-<span class='line'>209</span>      */</span><span class="WHIT">
-<span class='line'>210</span> </span><span class="WHIT">    </span><span class="NAME">endDraw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>211</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>212</span> </span><span class="WHIT">            </span><span class="NAME">this._renderBatches</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>213</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>214</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>215</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>216</span>      * @private
-<span class='line'>217</span>      * @see Renderer#transform
-<span class='line'>218</span>      */</span><span class="WHIT">
-<span class='line'>219</span> </span><span class="WHIT">    </span><span class="NAME">transform</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>220</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.drawable</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>221</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">drawable.domElement</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>222</span> </span><span class="WHIT">            </span><span class="NAME">Hilo.setElementStyleByView</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>223</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>224</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>225</span> 
-<span class='line'>226</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.scaleX</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>227</span> </span><span class="WHIT">            </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.scaleY</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>228</span> 
-<span class='line'>229</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>230</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.canvas.style</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>231</span> </span><span class="WHIT">                </span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target._scaleX</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>232</span> </span><span class="WHIT">                </span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target._scaleY</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>233</span> </span><span class="WHIT">                </span><span class="NAME">isStyleChange</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>234</span> 
-<span class='line'>235</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>236</span> </span><span class="WHIT">                </span><span class="NAME">target._scaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>237</span> </span><span class="WHIT">                </span><span class="NAME">style.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">target.width</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>238</span> </span><span class="WHIT">                </span><span class="NAME">isStyleChange</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>239</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>240</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>241</span> </span><span class="WHIT">                </span><span class="NAME">target._scaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>242</span> </span><span class="WHIT">                </span><span class="NAME">style.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">target.height</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>243</span> </span><span class="WHIT">                </span><span class="NAME">isStyleChange</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>244</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>245</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">isStyleChange</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>246</span> </span><span class="WHIT">                </span><span class="NAME">target.updateViewport</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>247</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>248</span> </span><span class="WHIT">            </span><span class="NAME">target.__webglWorldMatrix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.__webglWorldMatrix</span><span class="PUNC">||</span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Matrix</span><span class="PUNC">(</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>249</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>250</span> </span><span class="WHIT">        </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.parent</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>251</span> </span><span class="WHIT">            </span><span class="NAME">target.__webglWorldMatrix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.__webglWorldMatrix</span><span class="PUNC">||</span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Matrix</span><span class="PUNC">(</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>252</span> </span><span class="WHIT">            </span><span class="NAME">this._setConcatenatedMatrix</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">target.parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>253</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>254</span> 
-<span class='line'>255</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.alpha</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>256</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.parent</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">target.parent.__webglRenderAlpha</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>257</span> </span><span class="WHIT">                </span><span class="NAME">target.__webglRenderAlpha</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.alpha</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">target.parent.__webglRenderAlpha</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>258</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>259</span> </span><span class="WHIT">            </span><span class="KEYW">else</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>260</span> </span><span class="WHIT">                </span><span class="NAME">target.__webglRenderAlpha</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.alpha</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>261</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>262</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>263</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>264</span> 
-<span class='line'>265</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>266</span>      * @private
-<span class='line'>267</span>      * @see Renderer#remove
-<span class='line'>268</span>      */</span><span class="WHIT">
-<span class='line'>269</span> </span><span class="WHIT">    </span><span class="NAME">remove</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>270</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.drawable</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>271</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">elem</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">drawable.domElement</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>272</span> 
-<span class='line'>273</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">elem</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>274</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">parentElem</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">elem.parentNode</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>275</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">parentElem</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>276</span> </span><span class="WHIT">                </span><span class="NAME">parentElem.removeChild</span><span class="PUNC">(</span><span class="NAME">elem</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>277</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>278</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>279</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>280</span> 
-<span class='line'>281</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>282</span>      * @private
-<span class='line'>283</span>      * @see Renderer#clear
-<span class='line'>284</span>      */</span><span class="WHIT">
-<span class='line'>285</span> </span><span class="WHIT">    </span><span class="NAME">clear</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>286</span> </span><span class="WHIT">        </span><span class="NAME">this.gl.clear</span><span class="PUNC">(</span><span class="NAME">this.gl.COLOR_BUFFER_BIT</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>287</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>288</span> 
-<span class='line'>289</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>290</span>      * @private
-<span class='line'>291</span>      * @see Renderer#resize
-<span class='line'>292</span>      */</span><span class="WHIT">
-<span class='line'>293</span> </span><span class="WHIT">    </span><span class="NAME">resize</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>294</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>295</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">canvas</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.canvas</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>296</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">stage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>297</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">canvas.style</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>298</span> 
-<span class='line'>299</span> </span><span class="WHIT">            </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">canvas.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>300</span> </span><span class="WHIT">            </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">canvas.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>301</span> 
-<span class='line'>302</span> </span><span class="WHIT">            </span><span class="NAME">style.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">stage.width</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">stage.scaleX</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'px'</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>303</span> </span><span class="WHIT">            </span><span class="NAME">style.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">stage.height</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">stage.scaleY</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'px'</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>304</span> 
-<span class='line'>305</span> </span><span class="WHIT">            </span><span class="NAME">this.gl.viewport</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>306</span> 
-<span class='line'>307</span> </span><span class="WHIT">            </span><span class="NAME">this.canvasHalfWidth</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NUMB">5</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>308</span> </span><span class="WHIT">            </span><span class="NAME">this.canvasHalfHeight</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NUMB">5</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>309</span> 
-<span class='line'>310</span> </span><span class="WHIT">            </span><span class="NAME">this._uploadProjectionTransform</span><span class="PUNC">(</span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>311</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>312</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>313</span> </span><span class="WHIT">    </span><span class="NAME">_renderBatches</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>314</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>315</span> </span><span class="WHIT">        </span><span class="NAME">gl.bufferSubData</span><span class="PUNC">(</span><span class="NAME">gl.ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.uint32Array.subarray</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>316</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">startIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>317</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">batchNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>318</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>319</span> </span><span class="WHIT">        </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>320</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">sprite</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.sprites</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>321</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">sprite.__textureImage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>322</span> </span><span class="WHIT">                </span><span class="NAME">this._renderBatch</span><span class="PUNC">(</span><span class="NAME">startIndex</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>323</span> </span><span class="WHIT">                </span><span class="NAME">startIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>324</span> </span><span class="WHIT">                </span><span class="NAME">batchNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>325</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>326</span> </span><span class="WHIT">            </span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sprite.__textureImage</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>327</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>328</span> </span><span class="WHIT">        </span><span class="NAME">this._renderBatch</span><span class="PUNC">(</span><span class="NAME">startIndex</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>329</span> </span><span class="WHIT">        </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>330</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>331</span> </span><span class="WHIT">    </span><span class="NAME">_renderBatch</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">start</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">end</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>332</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>333</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">num</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">end</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">start</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>334</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">num</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>335</span> </span><span class="WHIT">            </span><span class="NAME">gl.bindTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._getTexture</span><span class="PUNC">(</span><span class="NAME">this.sprites</span><span class="PUNC">[</span><span class="NAME">start</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>336</span> </span><span class="WHIT">            </span><span class="NAME">gl.drawElements</span><span class="PUNC">(</span><span class="NAME">gl.TRIANGLES</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">num</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.UNSIGNED_SHORT</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">start</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>337</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>338</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>339</span> </span><span class="WHIT">    </span><span class="NAME">_uploadProjectionTransform</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">force</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>340</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this._projectionTransformElements</span><span class="PUNC">||</span><span class="NAME">force</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>341</span> </span><span class="WHIT">            </span><span class="NAME">this._projectionTransformElements</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Float32Array</span><span class="PUNC">(</span><span class="PUNC">[</span><span class="WHIT">
-<span class='line'>342</span> </span><span class="WHIT">                </span><span class="NUMB">1</span><span class="PUNC">/</span><span class="NAME">this.canvasHalfWidth</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>343</span> </span><span class="WHIT">                </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NUMB">1</span><span class="PUNC">/</span><span class="NAME">this.canvasHalfHeight</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>344</span> </span><span class="WHIT">                </span><span class="PUNC">-</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>345</span> </span><span class="WHIT">            </span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>346</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>347</span> 
-<span class='line'>348</span> </span><span class="WHIT">        </span><span class="NAME">this.gl.uniformMatrix3fv</span><span class="PUNC">(</span><span class="NAME">this.u_projectionTransform</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._projectionTransformElements</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>349</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>350</span> </span><span class="WHIT">    </span><span class="NAME">_initShaders</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>351</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">VSHADER_SOURCE</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="STRN">'\
-<span class='line'>352</span>             attribute vec2 a_position;\n\
-<span class='line'>353</span>             attribute vec2 a_TexCoord;\n\
-<span class='line'>354</span>             attribute vec4 a_tint;\n\
-<span class='line'>355</span>             uniform mat3 u_projectionTransform;\n\
-<span class='line'>356</span>             varying vec2 v_TexCoord;\n\
-<span class='line'>357</span>             varying vec4 v_tint;\n\
-<span class='line'>358</span>             void main(){\n\
-<span class='line'>359</span>                 gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n\
-<span class='line'>360</span>                 v_TexCoord = a_TexCoord;\n\
-<span class='line'>361</span>                 v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n\
-<span class='line'>362</span>             }\n\
-<span class='line'>363</span>         '</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>364</span> 
-<span class='line'>365</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">FSHADER_SOURCE</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'\n\
-<span class='line'>366</span>             precision mediump float;\n\
-<span class='line'>367</span>             uniform sampler2D u_Sampler;\n\
-<span class='line'>368</span>             varying vec2 v_TexCoord;\n\
-<span class='line'>369</span>             varying vec4 v_tint;\n\
-<span class='line'>370</span>             void main(){\n\
-<span class='line'>371</span>                 gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n\
-<span class='line'>372</span>             }\n\
-<span class='line'>373</span>         '</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>374</span> 
-<span class='line'>375</span> </span><span class="WHIT">        </span><span class="NAME">this.defaultShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Shader</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>376</span> </span><span class="WHIT">            </span><span class="NAME">v</span><span class="PUNC">:</span><span class="NAME">VSHADER_SOURCE</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>377</span> </span><span class="WHIT">            </span><span class="NAME">f</span><span class="PUNC">:</span><span class="NAME">FSHADER_SOURCE</span><span class="WHIT">
-<span class='line'>378</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>379</span> </span><span class="WHIT">            </span><span class="NAME">attributes</span><span class="PUNC">:</span><span class="PUNC">[</span><span class="STRN">"a_position"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"a_TexCoord"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"a_tint"</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>380</span> </span><span class="WHIT">            </span><span class="NAME">uniforms</span><span class="PUNC">:</span><span class="PUNC">[</span><span class="STRN">"u_projectionTransform"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"u_Sampler"</span><span class="PUNC">]</span><span class="WHIT">
-<span class='line'>381</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>382</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>383</span> </span><span class="WHIT">    </span><span class="NAME">_createVertexs</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">img</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">tw</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">th</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>384</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.__tempVertexs</span><span class="PUNC">||</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>385</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">img.width</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>386</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">img.height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>387</span> 
-<span class='line'>388</span> </span><span class="WHIT">        </span><span class="NAME">tw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tw</span><span class="PUNC">/</span><span class="NAME">width</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>389</span> </span><span class="WHIT">        </span><span class="NAME">th</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">th</span><span class="PUNC">/</span><span class="NAME">height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>390</span> </span><span class="WHIT">        </span><span class="NAME">tx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">/</span><span class="NAME">width</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>391</span> </span><span class="WHIT">        </span><span class="NAME">ty</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">/</span><span class="NAME">height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>392</span> 
-<span class='line'>393</span> </span><span class="WHIT">        </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>394</span> </span><span class="WHIT">        </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>395</span> </span><span class="WHIT">        </span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>396</span> </span><span class="WHIT">        </span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>397</span> 
-<span class='line'>398</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">tw</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>399</span> </span><span class="WHIT">            </span><span class="NAME">tw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>400</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>401</span> 
-<span class='line'>402</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">th</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>403</span> </span><span class="WHIT">            </span><span class="NAME">th</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>404</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>405</span> 
-<span class='line'>406</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>407</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>408</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">+</span><span class="NAME">w</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">+</span><span class="NAME">tw</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>409</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">+</span><span class="NAME">h</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">+</span><span class="NAME">th</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>410</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">+</span><span class="NAME">w</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">+</span><span class="NAME">h</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">+</span><span class="NAME">tw</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">+</span><span class="NAME">th</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>411</span> 
-<span class='line'>412</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>413</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>414</span> </span><span class="WHIT">    </span><span class="NAME">_setConcatenatedMatrix</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">view</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ancestor</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>415</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">mtx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.__webglWorldMatrix</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>416</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">cos</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sin</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>417</span> </span><span class="WHIT">            </span><span class="NAME">rotation</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.rotation</span><span class="WHIT"> </span><span class="PUNC">%</span><span class="WHIT"> </span><span class="NUMB">360</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>418</span> </span><span class="WHIT">            </span><span class="NAME">pivotX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.pivotX</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">pivotY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.pivotY</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>419</span> </span><span class="WHIT">            </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.scaleX</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.scaleY</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>420</span> </span><span class="WHIT">            </span><span class="NAME">transform</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.transform</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>421</span> 
-<span class='line'>422</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">transform</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>423</span> </span><span class="WHIT">            </span><span class="NAME">mtx.copy</span><span class="PUNC">(</span><span class="NAME">transform</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>424</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>425</span> </span><span class="WHIT">        </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>426</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">rotation</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>427</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">r</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rotation</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">DEG2RAD</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>428</span> </span><span class="WHIT">                </span><span class="NAME">cos</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.cos</span><span class="PUNC">(</span><span class="NAME">r</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>429</span> </span><span class="WHIT">                </span><span class="NAME">sin</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.sin</span><span class="PUNC">(</span><span class="NAME">r</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>430</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>431</span> 
-<span class='line'>432</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">pos</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.getAlignPosition</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>433</span> 
-<span class='line'>434</span> </span><span class="WHIT">            </span><span class="NAME">mtx.a</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">cos</span><span class="PUNC">*</span><span class="NAME">scaleX</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>435</span> </span><span class="WHIT">            </span><span class="NAME">mtx.b</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sin</span><span class="PUNC">*</span><span class="NAME">scaleX</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>436</span> </span><span class="WHIT">            </span><span class="NAME">mtx.c</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NAME">sin</span><span class="PUNC">*</span><span class="NAME">scaleY</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>437</span> </span><span class="WHIT">            </span><span class="NAME">mtx.d</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">cos</span><span class="PUNC">*</span><span class="NAME">scaleY</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>438</span> </span><span class="WHIT">            </span><span class="NAME">mtx.tx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">  </span><span class="NAME">pos.x</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.a</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotX</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.c</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotY</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>439</span> </span><span class="WHIT">            </span><span class="NAME">mtx.ty</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">  </span><span class="NAME">pos.y</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.b</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotX</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.d</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotY</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>440</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>441</span> 
-<span class='line'>442</span> </span><span class="WHIT">        </span><span class="NAME">mtx.concat</span><span class="PUNC">(</span><span class="NAME">ancestor.__webglWorldMatrix</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>443</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>444</span> </span><span class="WHIT">    </span><span class="NAME">_getTexture</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">sprite</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>445</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">image</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sprite.__textureImage</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>446</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._cacheTexture</span><span class="PUNC">[</span><span class="NAME">image.src</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>447</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">texture</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>448</span> </span><span class="WHIT">            </span><span class="NAME">texture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.activeShader.uploadTexture</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>449</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>450</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>451</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>452</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>453</span> 
-<span class='line'>454</span> </span><span class="COMM">/**
-<span class='line'>455</span>  * shader
-<span class='line'>456</span>  * @param {WebGLRenderer} renderer [description]
-<span class='line'>457</span>  * @param {Object} source
-<span class='line'>458</span>  * @param {String} source.v 顶点shader
-<span class='line'>459</span>  * @param {String} source.f 片段shader
-<span class='line'>460</span>  * @param {Object} attr
-<span class='line'>461</span>  * @param {Array} attr.attributes attribute数组
-<span class='line'>462</span>  * @param {Array} attr.uniforms uniform数组
-<span class='line'>463</span>  */</span><span class="WHIT">
-<span class='line'>464</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">Shader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">renderer</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">attr</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>465</span> </span><span class="WHIT">    </span><span class="NAME">this.renderer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>466</span> </span><span class="WHIT">    </span><span class="NAME">this.gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.gl</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>467</span> </span><span class="WHIT">    </span><span class="NAME">this.program</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createProgram</span><span class="PUNC">(</span><span class="NAME">this.gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source.v</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source.f</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>468</span> 
-<span class='line'>469</span> </span><span class="WHIT">    </span><span class="NAME">attr</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr</span><span class="PUNC">||</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>470</span> </span><span class="WHIT">    </span><span class="NAME">this.attributes</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.attributes</span><span class="PUNC">||</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>471</span> </span><span class="WHIT">    </span><span class="NAME">this.uniforms</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.uniforms</span><span class="PUNC">||</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>472</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>473</span> 
-<span class='line'>474</span> </span><span class="NAME">Shader.prototype</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>475</span> </span><span class="WHIT">    </span><span class="NAME">active</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>476</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>477</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">renderer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.renderer</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>478</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.gl</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>479</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">program</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.program</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>168</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createVertexs</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">rect</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sw</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sh</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>169</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>170</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">float32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.float32Array</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>171</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">uint32Array</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.uint32Array</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>172</span> 
+<span class='line'>173</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target.tint</span><span class="WHIT"> </span><span class="PUNC">>></span><span class="WHIT"> </span><span class="NUMB">16</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target.tint</span><span class="WHIT"> </span><span class="PUNC">&</span><span class="WHIT"> </span><span class="NUMB">0xff00</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">(</span><span class="NAME">target.tint</span><span class="WHIT"> </span><span class="PUNC">&</span><span class="WHIT"> </span><span class="NUMB">0xff</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">&lt;&lt;</span><span class="WHIT"> </span><span class="NUMB">16</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target.__webglRenderAlpha</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">255</span><span class="WHIT"> </span><span class="PUNC">&lt;&lt;</span><span class="WHIT"> </span><span class="NUMB">24</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>174</span> 
+<span class='line'>175</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">0</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//x</span><span class="WHIT">
+<span class='line'>176</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//y</span><span class="WHIT">
+<span class='line'>177</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">2</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//uvx</span><span class="WHIT">
+<span class='line'>178</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">3</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">3</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="COMM">//uvy</span><span class="WHIT">
+<span class='line'>179</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="COMM">//tint</span><span class="WHIT">
+<span class='line'>180</span> 
+<span class='line'>181</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">5</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">4</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>182</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">5</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>183</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">7</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">6</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>184</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">8</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">7</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>185</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">9</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>186</span> 
+<span class='line'>187</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">8</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>188</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">11</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">9</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>189</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">12</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">10</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>190</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">13</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">11</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>191</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">14</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>192</span> 
+<span class='line'>193</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">15</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">12</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>194</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">16</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">13</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>195</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">17</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">14</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>196</span> </span><span class="WHIT">            </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">18</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">vertexs</span><span class="PUNC">[</span><span class="NUMB">15</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>197</span> </span><span class="WHIT">            </span><span class="NAME">uint32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">19</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tint</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>198</span> 
+<span class='line'>199</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">matrix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.__webglWorldMatrix</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>200</span> </span><span class="WHIT">            </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NUMB">4</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>201</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>202</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>203</span> 
+<span class='line'>204</span> </span><span class="WHIT">                </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">matrix.a</span><span class="PUNC">*</span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.c</span><span class="PUNC">*</span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.tx</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>205</span> </span><span class="WHIT">                </span><span class="NAME">float32Array</span><span class="PUNC">[</span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">*</span><span class="NUMB">5</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">matrix.b</span><span class="PUNC">*</span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.d</span><span class="PUNC">*</span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">matrix.ty</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>206</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>207</span> 
+<span class='line'>208</span> </span><span class="WHIT">            </span><span class="NAME">target.__textureImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>209</span> </span><span class="WHIT">            </span><span class="NAME">this.sprites</span><span class="PUNC">[</span><span class="NAME">this.batchIndex</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>210</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>211</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>212</span> 
+<span class='line'>213</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>214</span>      * @private
+<span class='line'>215</span>      * @see Renderer#endDraw
+<span class='line'>216</span>      */</span><span class="WHIT">
+<span class='line'>217</span> </span><span class="WHIT">    </span><span class="NAME">endDraw</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>218</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>219</span> </span><span class="WHIT">            </span><span class="NAME">this._renderBatches</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>220</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>221</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>222</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>223</span>      * @private
+<span class='line'>224</span>      * @see Renderer#transform
+<span class='line'>225</span>      */</span><span class="WHIT">
+<span class='line'>226</span> </span><span class="WHIT">    </span><span class="NAME">transform</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>227</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.drawable</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>228</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">drawable.domElement</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>229</span> </span><span class="WHIT">            </span><span class="NAME">Hilo.setElementStyleByView</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>230</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>231</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>232</span> 
+<span class='line'>233</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.scaleX</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>234</span> </span><span class="WHIT">            </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.scaleY</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>235</span> 
+<span class='line'>236</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>237</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.canvas.style</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>238</span> </span><span class="WHIT">                </span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target._scaleX</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>239</span> </span><span class="WHIT">                </span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target._scaleY</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>240</span> </span><span class="WHIT">                </span><span class="NAME">isStyleChange</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>241</span> 
+<span class='line'>242</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">oldScaleX</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>243</span> </span><span class="WHIT">                </span><span class="NAME">target._scaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>244</span> </span><span class="WHIT">                </span><span class="NAME">style.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">target.width</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>245</span> </span><span class="WHIT">                </span><span class="NAME">isStyleChange</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>246</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>247</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">oldScaleY</span><span class="WHIT"> </span><span class="PUNC">!=</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>248</span> </span><span class="WHIT">                </span><span class="NAME">target._scaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>249</span> </span><span class="WHIT">                </span><span class="NAME">style.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">target.height</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"px"</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>250</span> </span><span class="WHIT">                </span><span class="NAME">isStyleChange</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>251</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>252</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">isStyleChange</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>253</span> </span><span class="WHIT">                </span><span class="NAME">target.updateViewport</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>254</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>255</span> </span><span class="WHIT">            </span><span class="NAME">target.__webglWorldMatrix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.__webglWorldMatrix</span><span class="PUNC">||</span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Matrix</span><span class="PUNC">(</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>256</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>257</span> </span><span class="WHIT">        </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.parent</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>258</span> </span><span class="WHIT">            </span><span class="NAME">target.__webglWorldMatrix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.__webglWorldMatrix</span><span class="PUNC">||</span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Matrix</span><span class="PUNC">(</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>259</span> </span><span class="WHIT">            </span><span class="NAME">this._setConcatenatedMatrix</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">target.parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>260</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>261</span> 
+<span class='line'>262</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.alpha</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>263</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.parent</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">target.parent.__webglRenderAlpha</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>264</span> </span><span class="WHIT">                </span><span class="NAME">target.__webglRenderAlpha</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.alpha</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">target.parent.__webglRenderAlpha</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>265</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>266</span> </span><span class="WHIT">            </span><span class="KEYW">else</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>267</span> </span><span class="WHIT">                </span><span class="NAME">target.__webglRenderAlpha</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.alpha</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>268</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>269</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>270</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>271</span> 
+<span class='line'>272</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>273</span>      * @private
+<span class='line'>274</span>      * @see Renderer#remove
+<span class='line'>275</span>      */</span><span class="WHIT">
+<span class='line'>276</span> </span><span class="WHIT">    </span><span class="NAME">remove</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>277</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target.drawable</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>278</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">elem</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">drawable</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">drawable.domElement</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>279</span> 
+<span class='line'>280</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">elem</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>281</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">parentElem</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">elem.parentNode</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>282</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">parentElem</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>283</span> </span><span class="WHIT">                </span><span class="NAME">parentElem.removeChild</span><span class="PUNC">(</span><span class="NAME">elem</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>284</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>285</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>286</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>287</span> 
+<span class='line'>288</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>289</span>      * @private
+<span class='line'>290</span>      * @see Renderer#clear
+<span class='line'>291</span>      */</span><span class="WHIT">
+<span class='line'>292</span> </span><span class="WHIT">    </span><span class="NAME">clear</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>293</span> </span><span class="WHIT">        </span><span class="NAME">this.gl.clear</span><span class="PUNC">(</span><span class="NAME">this.gl.COLOR_BUFFER_BIT</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>294</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>295</span> 
+<span class='line'>296</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>297</span>      * @private
+<span class='line'>298</span>      * @see Renderer#resize
+<span class='line'>299</span>      */</span><span class="WHIT">
+<span class='line'>300</span> </span><span class="WHIT">    </span><span class="NAME">resize</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>301</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>302</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">canvas</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.canvas</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>303</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">stage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.stage</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>304</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">style</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">canvas.style</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>305</span> 
+<span class='line'>306</span> </span><span class="WHIT">            </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">canvas.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>307</span> </span><span class="WHIT">            </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">canvas.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>308</span> 
+<span class='line'>309</span> </span><span class="WHIT">            </span><span class="NAME">style.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">stage.width</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">stage.scaleX</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'px'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>310</span> </span><span class="WHIT">            </span><span class="NAME">style.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">stage.height</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">stage.scaleY</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'px'</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>311</span> 
+<span class='line'>312</span> </span><span class="WHIT">            </span><span class="NAME">this.gl.viewport</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>313</span> 
+<span class='line'>314</span> </span><span class="WHIT">            </span><span class="NAME">this.canvasHalfWidth</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NUMB">5</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>315</span> </span><span class="WHIT">            </span><span class="NAME">this.canvasHalfHeight</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NUMB">5</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>316</span> 
+<span class='line'>317</span> </span><span class="WHIT">            </span><span class="NAME">this._uploadProjectionTransform</span><span class="PUNC">(</span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>318</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>319</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>320</span> </span><span class="WHIT">    </span><span class="NAME">_renderBatches</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>321</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>322</span> </span><span class="WHIT">        </span><span class="NAME">gl.bufferSubData</span><span class="PUNC">(</span><span class="NAME">gl.ARRAY_BUFFER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.uint32Array.subarray</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">this.positionStride</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>323</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">startIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>324</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">batchNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>325</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>326</span> </span><span class="WHIT">        </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>327</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">sprite</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.sprites</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>328</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">sprite.__textureImage</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>329</span> </span><span class="WHIT">                </span><span class="NAME">this._renderBatch</span><span class="PUNC">(</span><span class="NAME">startIndex</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>330</span> </span><span class="WHIT">                </span><span class="NAME">startIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>331</span> </span><span class="WHIT">                </span><span class="NAME">batchNum</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>332</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>333</span> </span><span class="WHIT">            </span><span class="NAME">preTextureImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sprite.__textureImage</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>334</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>335</span> </span><span class="WHIT">        </span><span class="NAME">this._renderBatch</span><span class="PUNC">(</span><span class="NAME">startIndex</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.batchIndex</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>336</span> </span><span class="WHIT">        </span><span class="NAME">this.batchIndex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>337</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>338</span> </span><span class="WHIT">    </span><span class="NAME">_renderBatch</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">start</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">end</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>339</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>340</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">num</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">end</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">start</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>341</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">num</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>342</span> </span><span class="WHIT">            </span><span class="NAME">gl.bindTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._getTexture</span><span class="PUNC">(</span><span class="NAME">this.sprites</span><span class="PUNC">[</span><span class="NAME">start</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>343</span> </span><span class="WHIT">            </span><span class="NAME">gl.drawElements</span><span class="PUNC">(</span><span class="NAME">gl.TRIANGLES</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">num</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.UNSIGNED_SHORT</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">start</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>344</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>345</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>346</span> </span><span class="WHIT">    </span><span class="NAME">_uploadProjectionTransform</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">force</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>347</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this._projectionTransformElements</span><span class="PUNC">||</span><span class="NAME">force</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>348</span> </span><span class="WHIT">            </span><span class="NAME">this._projectionTransformElements</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Float32Array</span><span class="PUNC">(</span><span class="PUNC">[</span><span class="WHIT">
+<span class='line'>349</span> </span><span class="WHIT">                </span><span class="NUMB">1</span><span class="PUNC">/</span><span class="NAME">this.canvasHalfWidth</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>350</span> </span><span class="WHIT">                </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NUMB">1</span><span class="PUNC">/</span><span class="NAME">this.canvasHalfHeight</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>351</span> </span><span class="WHIT">                </span><span class="PUNC">-</span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>352</span> </span><span class="WHIT">            </span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>353</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>354</span> 
+<span class='line'>355</span> </span><span class="WHIT">        </span><span class="NAME">this.gl.uniformMatrix3fv</span><span class="PUNC">(</span><span class="NAME">this.u_projectionTransform</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._projectionTransformElements</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>356</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>357</span> </span><span class="WHIT">    </span><span class="NAME">_initShaders</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>358</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">VSHADER_SOURCE</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="STRN">'\
+<span class='line'>359</span>             attribute vec2 a_position;\n\
+<span class='line'>360</span>             attribute vec2 a_TexCoord;\n\
+<span class='line'>361</span>             attribute vec4 a_tint;\n\
+<span class='line'>362</span>             uniform mat3 u_projectionTransform;\n\
+<span class='line'>363</span>             varying vec2 v_TexCoord;\n\
+<span class='line'>364</span>             varying vec4 v_tint;\n\
+<span class='line'>365</span>             void main(){\n\
+<span class='line'>366</span>                 gl_Position =  vec4((u_projectionTransform * vec3(a_position, 1.0)).xy, 1.0, 1.0);\n\
+<span class='line'>367</span>                 v_TexCoord = a_TexCoord;\n\
+<span class='line'>368</span>                 v_tint = vec4(a_tint.rgb * a_tint.a, a_tint.a);\n\
+<span class='line'>369</span>             }\n\
+<span class='line'>370</span>         '</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>371</span> 
+<span class='line'>372</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">FSHADER_SOURCE</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'\n\
+<span class='line'>373</span>             precision mediump float;\n\
+<span class='line'>374</span>             uniform sampler2D u_Sampler;\n\
+<span class='line'>375</span>             varying vec2 v_TexCoord;\n\
+<span class='line'>376</span>             varying vec4 v_tint;\n\
+<span class='line'>377</span>             void main(){\n\
+<span class='line'>378</span>                 gl_FragColor = texture2D(u_Sampler, v_TexCoord) * v_tint;\n\
+<span class='line'>379</span>             }\n\
+<span class='line'>380</span>         '</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>381</span> 
+<span class='line'>382</span> </span><span class="WHIT">        </span><span class="NAME">this.defaultShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Shader</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>383</span> </span><span class="WHIT">            </span><span class="NAME">v</span><span class="PUNC">:</span><span class="NAME">VSHADER_SOURCE</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>384</span> </span><span class="WHIT">            </span><span class="NAME">f</span><span class="PUNC">:</span><span class="NAME">FSHADER_SOURCE</span><span class="WHIT">
+<span class='line'>385</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>386</span> </span><span class="WHIT">            </span><span class="NAME">attributes</span><span class="PUNC">:</span><span class="PUNC">[</span><span class="STRN">"a_position"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"a_TexCoord"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"a_tint"</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>387</span> </span><span class="WHIT">            </span><span class="NAME">uniforms</span><span class="PUNC">:</span><span class="PUNC">[</span><span class="STRN">"u_projectionTransform"</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">"u_Sampler"</span><span class="PUNC">]</span><span class="WHIT">
+<span class='line'>388</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>389</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>390</span> </span><span class="WHIT">    </span><span class="NAME">_createVertexs</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">img</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">tw</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">th</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>391</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.__tempVertexs</span><span class="PUNC">||</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>392</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">img.width</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>393</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">img.height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>394</span> 
+<span class='line'>395</span> </span><span class="WHIT">        </span><span class="NAME">tw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tw</span><span class="PUNC">/</span><span class="NAME">width</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>396</span> </span><span class="WHIT">        </span><span class="NAME">th</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">th</span><span class="PUNC">/</span><span class="NAME">height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>397</span> </span><span class="WHIT">        </span><span class="NAME">tx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">/</span><span class="NAME">width</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>398</span> </span><span class="WHIT">        </span><span class="NAME">ty</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">/</span><span class="NAME">height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>399</span> 
+<span class='line'>400</span> </span><span class="WHIT">        </span><span class="NAME">w</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">w</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>401</span> </span><span class="WHIT">        </span><span class="NAME">h</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">h</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>402</span> </span><span class="WHIT">        </span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>403</span> </span><span class="WHIT">        </span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>404</span> 
+<span class='line'>405</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">tw</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>406</span> </span><span class="WHIT">            </span><span class="NAME">tw</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>407</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>408</span> 
+<span class='line'>409</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">th</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>410</span> </span><span class="WHIT">            </span><span class="NAME">th</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>411</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>412</span> 
+<span class='line'>413</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">index</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>414</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>415</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">+</span><span class="NAME">w</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">+</span><span class="NAME">tw</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>416</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">+</span><span class="NAME">h</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">+</span><span class="NAME">th</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>417</span> </span><span class="WHIT">        </span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">+</span><span class="NAME">w</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">+</span><span class="NAME">h</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">tx</span><span class="PUNC">+</span><span class="NAME">tw</span><span class="PUNC">;</span><span class="NAME">tempVertexs</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">++</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">ty</span><span class="PUNC">+</span><span class="NAME">th</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>418</span> 
+<span class='line'>419</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">tempVertexs</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>420</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>421</span> </span><span class="WHIT">    </span><span class="NAME">_setConcatenatedMatrix</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">view</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">ancestor</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>422</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">mtx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.__webglWorldMatrix</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>423</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">cos</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">sin</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>424</span> </span><span class="WHIT">            </span><span class="NAME">rotation</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.rotation</span><span class="WHIT"> </span><span class="PUNC">%</span><span class="WHIT"> </span><span class="NUMB">360</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>425</span> </span><span class="WHIT">            </span><span class="NAME">pivotX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.pivotX</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">pivotY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.pivotY</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>426</span> </span><span class="WHIT">            </span><span class="NAME">scaleX</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.scaleX</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">scaleY</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.scaleY</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>427</span> </span><span class="WHIT">            </span><span class="NAME">transform</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.transform</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>428</span> 
+<span class='line'>429</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">transform</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>430</span> </span><span class="WHIT">            </span><span class="NAME">mtx.copy</span><span class="PUNC">(</span><span class="NAME">transform</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>431</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>432</span> </span><span class="WHIT">        </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>433</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">rotation</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>434</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">r</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">rotation</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">DEG2RAD</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>435</span> </span><span class="WHIT">                </span><span class="NAME">cos</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.cos</span><span class="PUNC">(</span><span class="NAME">r</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>436</span> </span><span class="WHIT">                </span><span class="NAME">sin</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Math.sin</span><span class="PUNC">(</span><span class="NAME">r</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>437</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>438</span> 
+<span class='line'>439</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">pos</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">view.getAlignPosition</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>440</span> 
+<span class='line'>441</span> </span><span class="WHIT">            </span><span class="NAME">mtx.a</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">cos</span><span class="PUNC">*</span><span class="NAME">scaleX</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>442</span> </span><span class="WHIT">            </span><span class="NAME">mtx.b</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sin</span><span class="PUNC">*</span><span class="NAME">scaleX</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>443</span> </span><span class="WHIT">            </span><span class="NAME">mtx.c</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="NAME">sin</span><span class="PUNC">*</span><span class="NAME">scaleY</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>444</span> </span><span class="WHIT">            </span><span class="NAME">mtx.d</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">cos</span><span class="PUNC">*</span><span class="NAME">scaleY</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>445</span> </span><span class="WHIT">            </span><span class="NAME">mtx.tx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">  </span><span class="NAME">pos.x</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.a</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotX</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.c</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotY</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>446</span> </span><span class="WHIT">            </span><span class="NAME">mtx.ty</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT">  </span><span class="NAME">pos.y</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.b</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotX</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">mtx.d</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">pivotY</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>447</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>448</span> 
+<span class='line'>449</span> </span><span class="WHIT">        </span><span class="NAME">mtx.concat</span><span class="PUNC">(</span><span class="NAME">ancestor.__webglWorldMatrix</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>450</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>451</span> </span><span class="WHIT">    </span><span class="NAME">_getTexture</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">sprite</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>452</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">image</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">sprite.__textureImage</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>453</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._cacheTexture</span><span class="PUNC">[</span><span class="NAME">image.src</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>454</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">texture</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>455</span> </span><span class="WHIT">            </span><span class="NAME">texture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.activeShader.uploadTexture</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>456</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>457</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>458</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>459</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>460</span> 
+<span class='line'>461</span> </span><span class="COMM">/**
+<span class='line'>462</span>  * shader
+<span class='line'>463</span>  * @param {WebGLRenderer} renderer [description]
+<span class='line'>464</span>  * @param {Object} source
+<span class='line'>465</span>  * @param {String} source.v 顶点shader
+<span class='line'>466</span>  * @param {String} source.f 片段shader
+<span class='line'>467</span>  * @param {Object} attr
+<span class='line'>468</span>  * @param {Array} attr.attributes attribute数组
+<span class='line'>469</span>  * @param {Array} attr.uniforms uniform数组
+<span class='line'>470</span>  */</span><span class="WHIT">
+<span class='line'>471</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">Shader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">renderer</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">attr</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>472</span> </span><span class="WHIT">    </span><span class="NAME">this.renderer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>473</span> </span><span class="WHIT">    </span><span class="NAME">this.gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.gl</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>474</span> </span><span class="WHIT">    </span><span class="NAME">this.program</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createProgram</span><span class="PUNC">(</span><span class="NAME">this.gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source.v</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source.f</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>475</span> 
+<span class='line'>476</span> </span><span class="WHIT">    </span><span class="NAME">attr</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr</span><span class="PUNC">||</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>477</span> </span><span class="WHIT">    </span><span class="NAME">this.attributes</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.attributes</span><span class="PUNC">||</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>478</span> </span><span class="WHIT">    </span><span class="NAME">this.uniforms</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attr.uniforms</span><span class="PUNC">||</span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>479</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>480</span> 
-<span class='line'>481</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">program</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>482</span> </span><span class="WHIT">            </span><span class="NAME">renderer.activeShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>483</span> </span><span class="WHIT">            </span><span class="NAME">gl.useProgram</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>484</span> </span><span class="WHIT">            </span><span class="NAME">that.attributes.forEach</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>485</span> </span><span class="WHIT">                </span><span class="NAME">renderer</span><span class="PUNC">[</span><span class="NAME">attribute</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getAttribLocation</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>486</span> </span><span class="WHIT">                </span><span class="NAME">gl.enableVertexAttribArray</span><span class="PUNC">(</span><span class="NAME">renderer</span><span class="PUNC">[</span><span class="NAME">attribute</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>487</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>488</span> 
-<span class='line'>489</span> </span><span class="WHIT">            </span><span class="NAME">that.uniforms.forEach</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">uniform</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>490</span> </span><span class="WHIT">                </span><span class="NAME">renderer</span><span class="PUNC">[</span><span class="NAME">uniform</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getUniformLocation</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">uniform</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>491</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>492</span> 
-<span class='line'>493</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">that.width</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">renderer.width</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.height</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">renderer.height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>494</span> </span><span class="WHIT">                </span><span class="NAME">that.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.width</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>495</span> </span><span class="WHIT">                </span><span class="NAME">that.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.height</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>496</span> </span><span class="WHIT">                </span><span class="NAME">renderer._uploadProjectionTransform</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>497</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>498</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>499</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>500</span> </span><span class="WHIT">    </span><span class="NAME">uploadTexture</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>501</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>502</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">renderer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.renderer</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>503</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createTexture</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>504</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">u_Sampler</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.u_Sampler</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>505</span> 
-<span class='line'>506</span> </span><span class="WHIT">        </span><span class="NAME">gl.activeTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>507</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>508</span> 
-<span class='line'>509</span> </span><span class="WHIT">        </span><span class="COMM">// gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 1);</span><span class="WHIT">
-<span class='line'>510</span> </span><span class="WHIT">        </span><span class="NAME">gl.pixelStorei</span><span class="PUNC">(</span><span class="NAME">gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>511</span> </span><span class="WHIT">        </span><span class="NAME">gl.texImage2D</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.RGBA</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.RGBA</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.UNSIGNED_BYTE</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>481</span> </span><span class="NAME">Shader.prototype</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>482</span> </span><span class="WHIT">    </span><span class="NAME">active</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>483</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>484</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">renderer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.renderer</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>485</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.gl</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>486</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">program</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.program</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>487</span> 
+<span class='line'>488</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">program</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>489</span> </span><span class="WHIT">            </span><span class="NAME">renderer.activeShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>490</span> </span><span class="WHIT">            </span><span class="NAME">gl.useProgram</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>491</span> </span><span class="WHIT">            </span><span class="NAME">that.attributes.forEach</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>492</span> </span><span class="WHIT">                </span><span class="NAME">renderer</span><span class="PUNC">[</span><span class="NAME">attribute</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getAttribLocation</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>493</span> </span><span class="WHIT">                </span><span class="NAME">gl.enableVertexAttribArray</span><span class="PUNC">(</span><span class="NAME">renderer</span><span class="PUNC">[</span><span class="NAME">attribute</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>494</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>495</span> 
+<span class='line'>496</span> </span><span class="WHIT">            </span><span class="NAME">that.uniforms.forEach</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">uniform</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>497</span> </span><span class="WHIT">                </span><span class="NAME">renderer</span><span class="PUNC">[</span><span class="NAME">uniform</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getUniformLocation</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">uniform</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>498</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>499</span> 
+<span class='line'>500</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">that.width</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">renderer.width</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.height</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">renderer.height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>501</span> </span><span class="WHIT">                </span><span class="NAME">that.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.width</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>502</span> </span><span class="WHIT">                </span><span class="NAME">that.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.height</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>503</span> </span><span class="WHIT">                </span><span class="NAME">renderer._uploadProjectionTransform</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>504</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>505</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>506</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>507</span> </span><span class="WHIT">    </span><span class="NAME">uploadTexture</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>508</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">gl</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.gl</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>509</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">renderer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.renderer</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>510</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createTexture</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>511</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">u_Sampler</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">renderer.u_Sampler</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>512</span> 
-<span class='line'>513</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_MIN_FILTER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.LINEAR</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>514</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_MAG_FILTER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.LINEAR</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>515</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_WRAP_S</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.CLAMP_TO_EDGE</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>516</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_WRAP_T</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.CLAMP_TO_EDGE</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>517</span> </span><span class="WHIT">        </span><span class="NAME">gl.uniform1i</span><span class="PUNC">(</span><span class="NAME">u_Sampler</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>518</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>513</span> </span><span class="WHIT">        </span><span class="NAME">gl.activeTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>514</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>515</span> 
+<span class='line'>516</span> </span><span class="WHIT">        </span><span class="COMM">// gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 1);</span><span class="WHIT">
+<span class='line'>517</span> </span><span class="WHIT">        </span><span class="NAME">gl.pixelStorei</span><span class="PUNC">(</span><span class="NAME">gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>518</span> </span><span class="WHIT">        </span><span class="NAME">gl.texImage2D</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.RGBA</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.RGBA</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.UNSIGNED_BYTE</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">image</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'>519</span> 
-<span class='line'>520</span> </span><span class="WHIT">        </span><span class="NAME">this.renderer._cacheTexture</span><span class="PUNC">[</span><span class="NAME">image.src</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>521</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>522</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>523</span> </span><span class="WHIT">    </span><span class="NAME">_createProgram</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vshader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">fshader</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>524</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">vertexShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createShader</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.VERTEX_SHADER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vshader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>525</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">fragmentShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createShader</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.FRAGMENT_SHADER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">fshader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>526</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">vertexShader</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">fragmentShader</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>527</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>528</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>529</span> 
-<span class='line'>530</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">program</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createProgram</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>531</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>532</span> </span><span class="WHIT">            </span><span class="NAME">gl.attachShader</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vertexShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>533</span> </span><span class="WHIT">            </span><span class="NAME">gl.attachShader</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">fragmentShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>534</span> 
-<span class='line'>535</span> </span><span class="WHIT">            </span><span class="NAME">gl.linkProgram</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>520</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_MIN_FILTER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.LINEAR</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>521</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_MAG_FILTER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.LINEAR</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>522</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_WRAP_S</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.CLAMP_TO_EDGE</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>523</span> </span><span class="WHIT">        </span><span class="NAME">gl.texParameteri</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.TEXTURE_WRAP_T</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.CLAMP_TO_EDGE</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>524</span> </span><span class="WHIT">        </span><span class="NAME">gl.uniform1i</span><span class="PUNC">(</span><span class="NAME">u_Sampler</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>525</span> </span><span class="WHIT">        </span><span class="NAME">gl.bindTexture</span><span class="PUNC">(</span><span class="NAME">gl.TEXTURE_2D</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>526</span> 
+<span class='line'>527</span> </span><span class="WHIT">        </span><span class="NAME">this.renderer._cacheTexture</span><span class="PUNC">[</span><span class="NAME">image.src</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>528</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">texture</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>529</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>530</span> </span><span class="WHIT">    </span><span class="NAME">_createProgram</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vshader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">fshader</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>531</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">vertexShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createShader</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.VERTEX_SHADER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vshader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>532</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">fragmentShader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._createShader</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.FRAGMENT_SHADER</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">fshader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>533</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">vertexShader</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">fragmentShader</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>534</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>535</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'>536</span> 
-<span class='line'>537</span> </span><span class="WHIT">            </span><span class="NAME">gl.deleteShader</span><span class="PUNC">(</span><span class="NAME">fragmentShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>538</span> </span><span class="WHIT">            </span><span class="NAME">gl.deleteShader</span><span class="PUNC">(</span><span class="NAME">vertexShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>539</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">linked</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getProgramParameter</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.LINK_STATUS</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>540</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">linked</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>541</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">error</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getProgramInfoLog</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>542</span> </span><span class="WHIT">                </span><span class="NAME">console.log</span><span class="PUNC">(</span><span class="STRN">'Failed to link program: '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">error</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>543</span> </span><span class="WHIT">                </span><span class="NAME">gl.deleteProgram</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>544</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>545</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>546</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>547</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">program</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>548</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>549</span> </span><span class="WHIT">    </span><span class="NAME">_createShader</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>550</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">shader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createShader</span><span class="PUNC">(</span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>551</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>552</span> </span><span class="WHIT">            </span><span class="NAME">gl.shaderSource</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>553</span> </span><span class="WHIT">            </span><span class="NAME">gl.compileShader</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>554</span> 
-<span class='line'>555</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">compiled</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getShaderParameter</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.COMPILE_STATUS</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>556</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">compiled</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>557</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">error</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getShaderInfoLog</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>558</span> </span><span class="WHIT">                </span><span class="NAME">console.log</span><span class="PUNC">(</span><span class="STRN">'Failed to compile shader: '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">error</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>559</span> </span><span class="WHIT">                </span><span class="NAME">gl.deleteShader</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>560</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>561</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>562</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>563</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">shader</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>564</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>565</span> </span><span class="PUNC">}</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file
+<span class='line'>537</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">program</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createProgram</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>538</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>539</span> </span><span class="WHIT">            </span><span class="NAME">gl.attachShader</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">vertexShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>540</span> </span><span class="WHIT">            </span><span class="NAME">gl.attachShader</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">fragmentShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>541</span> 
+<span class='line'>542</span> </span><span class="WHIT">            </span><span class="NAME">gl.linkProgram</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>543</span> 
+<span class='line'>544</span> </span><span class="WHIT">            </span><span class="NAME">gl.deleteShader</span><span class="PUNC">(</span><span class="NAME">fragmentShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>545</span> </span><span class="WHIT">            </span><span class="NAME">gl.deleteShader</span><span class="PUNC">(</span><span class="NAME">vertexShader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>546</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">linked</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getProgramParameter</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.LINK_STATUS</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>547</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">linked</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>548</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">error</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getProgramInfoLog</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>549</span> </span><span class="WHIT">                </span><span class="NAME">console.log</span><span class="PUNC">(</span><span class="STRN">'Failed to link program: '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">error</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>550</span> </span><span class="WHIT">                </span><span class="NAME">gl.deleteProgram</span><span class="PUNC">(</span><span class="NAME">program</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>551</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>552</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>553</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>554</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">program</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>555</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>556</span> </span><span class="WHIT">    </span><span class="NAME">_createShader</span><span class="PUNC">:</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">gl</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>557</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">shader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.createShader</span><span class="PUNC">(</span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>558</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>559</span> </span><span class="WHIT">            </span><span class="NAME">gl.shaderSource</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>560</span> </span><span class="WHIT">            </span><span class="NAME">gl.compileShader</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>561</span> 
+<span class='line'>562</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">compiled</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getShaderParameter</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">gl.COMPILE_STATUS</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>563</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">compiled</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>564</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">error</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">gl.getShaderInfoLog</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>565</span> </span><span class="WHIT">                </span><span class="NAME">console.log</span><span class="PUNC">(</span><span class="STRN">'Failed to compile shader: '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">error</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>566</span> </span><span class="WHIT">                </span><span class="NAME">gl.deleteShader</span><span class="PUNC">(</span><span class="NAME">shader</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>567</span> </span><span class="WHIT">                </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>568</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>569</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>570</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">shader</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>571</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>572</span> </span><span class="PUNC">}</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file
diff --git a/docs/api-zh/symbols/src/docs_api-zh_code_view_Text.js.html b/docs/api-zh/symbols/src/docs_api-zh_code_view_Text.js.html
index 9b4dfdb2..3b3fb48c 100644
--- a/docs/api-zh/symbols/src/docs_api-zh_code_view_Text.js.html
+++ b/docs/api-zh/symbols/src/docs_api-zh_code_view_Text.js.html
@@ -50,7 +50,7 @@
 <span class='line'> 43</span> </span><span class="WHIT">        </span><span class="NAME">this._fontHeight</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Text.measureFontHeight</span><span class="PUNC">(</span><span class="NAME">this.font</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'> 44</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'> 45</span> 
-<span class='line'> 46</span> </span><span class="WHIT">    </span><span class="NAME">text</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'> 46</span> </span><span class="WHIT">    </span><span class="NAME">text</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">''</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'> 47</span> </span><span class="WHIT">    </span><span class="NAME">color</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">'#000'</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'> 48</span> </span><span class="WHIT">    </span><span class="NAME">textAlign</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'> 49</span> </span><span class="WHIT">    </span><span class="NAME">textVAlign</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">null</span><span class="PUNC">,</span><span class="WHIT">
diff --git a/package.json b/package.json
index 0422fe90..9a5ed031 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Hilo",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Hilo Game Framework",
   "author": "Hilo Dev Team",
   "license": "MIT",