diff --git a/build/amd/hilo-amd.js b/build/amd/hilo-amd.js
index efc17054..faacf331 100644
--- a/build/amd/hilo-amd.js
+++ b/build/amd/hilo-amd.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -192,7 +192,7 @@ return browser;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -229,7 +229,7 @@ return util;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -257,7 +257,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.5.0',
+    version: '1.6.0',
     /**
      * @language=en
      * Gets a globally unique id. Such as Stage1, Bitmap2 etc.
@@ -565,7 +565,7 @@ return Hilo;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -748,7 +748,7 @@ return Class;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -972,7 +972,7 @@ return Matrix;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1125,7 +1125,7 @@ return EventMixin;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1206,7 +1206,7 @@ return Drawable;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1300,7 +1300,7 @@ return Renderer;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1511,7 +1511,7 @@ return CanvasRenderer;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1693,7 +1693,7 @@ return DOMRenderer;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2277,7 +2277,7 @@ return WebGLRenderer;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2774,7 +2774,7 @@ return View;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2840,7 +2840,7 @@ return CacheMixin;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3214,7 +3214,7 @@ return Container;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3481,7 +3481,7 @@ return Stage;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3536,7 +3536,7 @@ define('hilo/view/Bitmap', ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View
      * set the image。
      * @param {Image|String} Image Object or URL.
      * @param {Array} rect the range of bitmap in the image, option.
-     * @param {Boolean} Whether cross-domain is needed, default is false.
+     * @param {Boolean} crossOrigin Whether cross-domain is needed, default is false.
      * @returns {Bitmap} self。
      */
     setImage: function(image, rect, crossOrigin){
@@ -3561,7 +3561,7 @@ return Bitmap;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3832,7 +3832,7 @@ return Sprite;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3947,7 +3947,7 @@ return DOMElement;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4509,7 +4509,7 @@ return Graphics;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4762,7 +4762,7 @@ return Text;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4946,7 +4946,7 @@ return BitmapText;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5125,7 +5125,7 @@ return Button;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5362,7 +5362,7 @@ return TextureAtlas;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5591,7 +5591,7 @@ return Ticker;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5639,7 +5639,7 @@ if (!fnProto.bind) {
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5778,7 +5778,7 @@ return drag;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6234,7 +6234,7 @@ return Tween;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6506,7 +6506,7 @@ return Ease;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6554,7 +6554,7 @@ return ImageLoader;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6621,7 +6621,7 @@ return ScriptLoader;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6713,6 +6713,23 @@ var LoadQueue = Class.create(/** @lends LoadQueue.prototype */{
         var item = this.get(id);
         return item && item.content;
     },
+    /**
+     * @language=en
+     * remove resource object content  by id or src
+     * @param {String} specified id or src
+     */
+    removeContent: function(id){
+        if(id){
+            var source = this._source;
+            for(var i = 0; i < source.length; i++){
+                var item = source[i];
+                if(item.id === id || item.src === id){
+                    source.splice(i, 1);
+                    return;
+                }
+            }
+        }
+    },
 
     /**
      * @language=en
@@ -6871,7 +6888,7 @@ return LoadQueue;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7074,7 +7091,7 @@ return HTMLAudio;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7398,7 +7415,7 @@ return WebAudio;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7501,7 +7518,7 @@ return WebSound;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7594,7 +7611,7 @@ return Camera;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7781,7 +7798,7 @@ return Camera3d;
 
 });
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 7c1cb39f..f28a9623 100644
--- a/build/amd/hilo-amd.min.js
+++ b/build/amd/hilo-amd.min.js
@@ -1,8 +1,8 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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.5.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="Anonymous"),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,i){return this.drawable.init({image:t,rect:e,crossOrigin:i}),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,isComplete:!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._reverseFlag=1,t._repeatCount=0,t.paused=!1,t.isStart=!1,t.isComplete=!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){if(n.isComplete)return!0;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.isStart&&(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):n.isComplete=!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)):n.isComplete&&(u<0||u>t)&&c.start()}return n.isComplete?((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="Anonymous"),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=null;try{var a=window.AudioContext||window.webkitAudioContext;a&&(n=new a)}catch(o){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=n,this._gainNode=n.createGain?n.createGain():n.createGainNode(),this._gainNode.connect(n.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&&n){var t=n.createBufferSource();return t.buffer=n.createBuffer(1,1,22050),t.connect(n.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.6.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="Anonymous"),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,i){return this.drawable.init({image:t,rect:e,crossOrigin:i}),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,isComplete:!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._reverseFlag=1,t._repeatCount=0,t.paused=!1,t.isStart=!1,t.isComplete=!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){if(n.isComplete)return!0;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.isStart&&(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):n.isComplete=!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)):n.isComplete&&(u<0||u>t)&&c.start()}return n.isComplete?((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="Anonymous"),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},removeContent: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 void e.splice(i,1)}},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=null;try{var a=window.AudioContext||window.webkitAudioContext;a&&(n=new a)}catch(o){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=n,this._gainNode=n.createGain?n.createGain():n.createGainNode(),this._gainNode.connect(n.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&&n){var t=n.createBufferSource();return t.buffer=n.createBuffer(1,1,22050),t.connect(n.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 23a6fed6..8ba14e6c 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 5546d7d8..ec729cf2 100644
--- a/build/amd/hilo/core/Class.js
+++ b/build/amd/hilo/core/Class.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 695ff363..d0917456 100644
--- a/build/amd/hilo/core/Class.min.js
+++ b/build/amd/hilo/core/Class.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 52746133..0876c2c4 100644
--- a/build/amd/hilo/core/Hilo.js
+++ b/build/amd/hilo/core/Hilo.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -27,7 +27,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.5.0',
+    version: '1.6.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 94387098..7d265e5c 100644
--- a/build/amd/hilo/core/Hilo.min.js
+++ b/build/amd/hilo/core/Hilo.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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.5.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.6.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 bb6b34bd..bea0a273 100644
--- a/build/amd/hilo/event/EventMixin.js
+++ b/build/amd/hilo/event/EventMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 ebc1c8d4..d9b3a9f8 100644
--- a/build/amd/hilo/event/EventMixin.min.js
+++ b/build/amd/hilo/event/EventMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 4167e047..3daac6a2 100644
--- a/build/amd/hilo/game/Camera.js
+++ b/build/amd/hilo/game/Camera.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 4e1ce71e..2f09c756 100644
--- a/build/amd/hilo/game/Camera.min.js
+++ b/build/amd/hilo/game/Camera.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 7354fe5b..c26d0446 100644
--- a/build/amd/hilo/game/Camera3d.js
+++ b/build/amd/hilo/game/Camera3d.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 192f0662..a4d0a34c 100644
--- a/build/amd/hilo/game/Camera3d.min.js
+++ b/build/amd/hilo/game/Camera3d.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 dce27809..cedd6bca 100644
--- a/build/amd/hilo/game/ParticleSystem.js
+++ b/build/amd/hilo/game/ParticleSystem.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 51e90be7..9bec057f 100644
--- a/build/amd/hilo/game/ParticleSystem.min.js
+++ b/build/amd/hilo/game/ParticleSystem.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 b6fafbd9..4ec0a92a 100644
--- a/build/amd/hilo/geom/Matrix.js
+++ b/build/amd/hilo/geom/Matrix.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 09bebe6e..7d44ae3b 100644
--- a/build/amd/hilo/geom/Matrix.min.js
+++ b/build/amd/hilo/geom/Matrix.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 85e60834..0cb8d8dd 100644
--- a/build/amd/hilo/loader/ImageLoader.js
+++ b/build/amd/hilo/loader/ImageLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 1680c1a1..f0a843d3 100644
--- a/build/amd/hilo/loader/ImageLoader.min.js
+++ b/build/amd/hilo/loader/ImageLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 e46713e5..a6909c69 100644
--- a/build/amd/hilo/loader/LoadQueue.js
+++ b/build/amd/hilo/loader/LoadQueue.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -91,6 +91,23 @@ var LoadQueue = Class.create(/** @lends LoadQueue.prototype */{
         var item = this.get(id);
         return item && item.content;
     },
+    /**
+     * @language=en
+     * remove resource object content  by id or src
+     * @param {String} specified id or src
+     */
+    removeContent: function(id){
+        if(id){
+            var source = this._source;
+            for(var i = 0; i < source.length; i++){
+                var item = source[i];
+                if(item.id === id || item.src === id){
+                    source.splice(i, 1);
+                    return;
+                }
+            }
+        }
+    },
 
     /**
      * @language=en
diff --git a/build/amd/hilo/loader/LoadQueue.min.js b/build/amd/hilo/loader/LoadQueue.min.js
index 76e6888f..847ceb08 100644
--- a/build/amd/hilo/loader/LoadQueue.min.js
+++ b/build/amd/hilo/loader/LoadQueue.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-define("hilo/loader/LoadQueue",["hilo/core/Class","hilo/event/EventMixin","hilo/loader/ImageLoader","hilo/loader/ScriptLoader"],function(e,o,n,r){function t(e){var o,n,r=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(o=e.match(r))&&(n=o[1].toLowerCase()),n||null}var a=e.create({Mixes:o,constructor:function(e){this._source=[],this.add(e)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(e){var o=this;return e&&(e=e instanceof Array?e:[e],o._source=o._source.concat(e)),o},get:function(e){if(e)for(var o=this._source,n=0;n<o.length;n++){var r=o[n];if(r.id===e||r.src===e)return r}return null},getContent:function(e){var o=this.get(e);return o&&o.content},start:function(){var e=this;return e._loadNext(),e},_loadNext:function(){var e=this,o=e._source,n=o.length;if(e._loaded>=n)return void e.fire("complete");if(e._currentIndex<n-1&&e._connections<e.maxConnections){var r=++e._currentIndex,t=o[r],a=e._getLoader(t);if(a){var c=a.onLoad,i=a.onError;a.onLoad=function(o){a.onLoad=c,a.onError=i;var n=c&&c.call(a,o)||o.target;e._onItemLoad(r,n)},a.onError=function(o){a.onLoad=c,a.onError=i,i&&i.call(a,o),e._onItemError(r,o)},e._connections++}e._loadNext(),a&&a.load(t)}},_getLoader:function(e){var o=e.loader;if(o)return o;var a=e.type||t(e.src);switch(a){case"png":case"jpg":case"jpeg":case"gif":case"webp":o=new n;break;case"js":case"jsonp":o=new r}return o},_onItemLoad:function(e,o){var n=this,r=n._source[e];r.loaded=!0,r.content=o,n._connections--,n._loaded++,n.fire("load",r),n._loadNext()},_onItemError:function(e,o){var n=this,r=n._source[e];r.error=o,n._connections--,n._loaded++,n.fire("error",r),n._loadNext()},getSize:function(e){for(var o=0,n=this._source,r=0;r<n.length;r++){var t=n[r];o+=(e?t.loaded&&t.size:t.size)||0}return o},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});return a});
\ No newline at end of file
+define("hilo/loader/LoadQueue",["hilo/core/Class","hilo/event/EventMixin","hilo/loader/ImageLoader","hilo/loader/ScriptLoader"],function(e,o,r,n){function t(e){var o,r,n=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(o=e.match(n))&&(r=o[1].toLowerCase()),r||null}var a=e.create({Mixes:o,constructor:function(e){this._source=[],this.add(e)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(e){var o=this;return e&&(e=e instanceof Array?e:[e],o._source=o._source.concat(e)),o},get:function(e){if(e)for(var o=this._source,r=0;r<o.length;r++){var n=o[r];if(n.id===e||n.src===e)return n}return null},getContent:function(e){var o=this.get(e);return o&&o.content},removeContent:function(e){if(e)for(var o=this._source,r=0;r<o.length;r++){var n=o[r];if(n.id===e||n.src===e)return void o.splice(r,1)}},start:function(){var e=this;return e._loadNext(),e},_loadNext:function(){var e=this,o=e._source,r=o.length;if(e._loaded>=r)return void e.fire("complete");if(e._currentIndex<r-1&&e._connections<e.maxConnections){var n=++e._currentIndex,t=o[n],a=e._getLoader(t);if(a){var i=a.onLoad,c=a.onError;a.onLoad=function(o){a.onLoad=i,a.onError=c;var r=i&&i.call(a,o)||o.target;e._onItemLoad(n,r)},a.onError=function(o){a.onLoad=i,a.onError=c,c&&c.call(a,o),e._onItemError(n,o)},e._connections++}e._loadNext(),a&&a.load(t)}},_getLoader:function(e){var o=e.loader;if(o)return o;var a=e.type||t(e.src);switch(a){case"png":case"jpg":case"jpeg":case"gif":case"webp":o=new r;break;case"js":case"jsonp":o=new n}return o},_onItemLoad:function(e,o){var r=this,n=r._source[e];n.loaded=!0,n.content=o,r._connections--,r._loaded++,r.fire("load",n),r._loadNext()},_onItemError:function(e,o){var r=this,n=r._source[e];n.error=o,r._connections--,r._loaded++,r.fire("error",n),r._loadNext()},getSize:function(e){for(var o=0,r=this._source,n=0;n<r.length;n++){var t=r[n];o+=(e?t.loaded&&t.size:t.size)||0}return o},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});return a});
\ No newline at end of file
diff --git a/build/amd/hilo/loader/ScriptLoader.js b/build/amd/hilo/loader/ScriptLoader.js
index 4c624da9..ad7961b7 100644
--- a/build/amd/hilo/loader/ScriptLoader.js
+++ b/build/amd/hilo/loader/ScriptLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 edf49d6b..6d3e361e 100644
--- a/build/amd/hilo/loader/ScriptLoader.min.js
+++ b/build/amd/hilo/loader/ScriptLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 d343eeec..e5ace188 100644
--- a/build/amd/hilo/media/HTMLAudio.js
+++ b/build/amd/hilo/media/HTMLAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 06cb86ee..7ee3c403 100644
--- a/build/amd/hilo/media/HTMLAudio.min.js
+++ b/build/amd/hilo/media/HTMLAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 f6bbdee2..f1867ba8 100644
--- a/build/amd/hilo/media/WebAudio.js
+++ b/build/amd/hilo/media/WebAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 02dfb18f..d287e311 100644
--- a/build/amd/hilo/media/WebAudio.min.js
+++ b/build/amd/hilo/media/WebAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 5b627427..ef8ae1ed 100644
--- a/build/amd/hilo/media/WebSound.js
+++ b/build/amd/hilo/media/WebSound.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 b992a571..3a45d4ba 100644
--- a/build/amd/hilo/media/WebSound.min.js
+++ b/build/amd/hilo/media/WebSound.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 07e5f21e..ad94407c 100644
--- a/build/amd/hilo/renderer/CanvasRenderer.js
+++ b/build/amd/hilo/renderer/CanvasRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 75069765..e739f6db 100644
--- a/build/amd/hilo/renderer/CanvasRenderer.min.js
+++ b/build/amd/hilo/renderer/CanvasRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 bfe89f18..750de7cc 100644
--- a/build/amd/hilo/renderer/DOMRenderer.js
+++ b/build/amd/hilo/renderer/DOMRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 bf5c82e6..202a9950 100644
--- a/build/amd/hilo/renderer/DOMRenderer.min.js
+++ b/build/amd/hilo/renderer/DOMRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 431b1f9d..831901a4 100644
--- a/build/amd/hilo/renderer/Renderer.js
+++ b/build/amd/hilo/renderer/Renderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 2e5e3013..e0237b08 100644
--- a/build/amd/hilo/renderer/Renderer.min.js
+++ b/build/amd/hilo/renderer/Renderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 8894e9bc..f2ac2af5 100644
--- a/build/amd/hilo/renderer/WebGLRenderer.js
+++ b/build/amd/hilo/renderer/WebGLRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/renderer/WebGLRenderer.min.js b/build/amd/hilo/renderer/WebGLRenderer.min.js
index 4be9f0d2..06a9d7f0 100644
--- a/build/amd/hilo/renderer/WebGLRenderer.min.js
+++ b/build/amd/hilo/renderer/WebGLRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/tween/Ease.js b/build/amd/hilo/tween/Ease.js
index 3d9bef72..415b8ca3 100644
--- a/build/amd/hilo/tween/Ease.js
+++ b/build/amd/hilo/tween/Ease.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 aba57c05..7683ca84 100644
--- a/build/amd/hilo/tween/Ease.min.js
+++ b/build/amd/hilo/tween/Ease.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 0539ece1..4fd79997 100644
--- a/build/amd/hilo/tween/Tween.js
+++ b/build/amd/hilo/tween/Tween.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 97030e1d..e7f6989b 100644
--- a/build/amd/hilo/tween/Tween.min.js
+++ b/build/amd/hilo/tween/Tween.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 08db8d87..f5be5581 100644
--- a/build/amd/hilo/util/TextureAtlas.js
+++ b/build/amd/hilo/util/TextureAtlas.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 8c3a24b9..7a02ea83 100644
--- a/build/amd/hilo/util/TextureAtlas.min.js
+++ b/build/amd/hilo/util/TextureAtlas.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 2f0bbeb3..0e9f3551 100644
--- a/build/amd/hilo/util/Ticker.js
+++ b/build/amd/hilo/util/Ticker.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 811cda94..8f34b856 100644
--- a/build/amd/hilo/util/Ticker.min.js
+++ b/build/amd/hilo/util/Ticker.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 6329d124..a410ea5a 100644
--- a/build/amd/hilo/util/browser.js
+++ b/build/amd/hilo/util/browser.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 7d5495c3..11d044aa 100644
--- a/build/amd/hilo/util/browser.min.js
+++ b/build/amd/hilo/util/browser.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 26a66aae..a87e458f 100644
--- a/build/amd/hilo/util/drag.js
+++ b/build/amd/hilo/util/drag.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 5241b5a1..7eeacde9 100644
--- a/build/amd/hilo/util/drag.min.js
+++ b/build/amd/hilo/util/drag.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 151d470b..d79b12bb 100644
--- a/build/amd/hilo/util/polyfill.js
+++ b/build/amd/hilo/util/polyfill.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 1c29a81b..8c35c4a0 100644
--- a/build/amd/hilo/util/polyfill.min.js
+++ b/build/amd/hilo/util/polyfill.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 d4ac4e02..98dedc44 100644
--- a/build/amd/hilo/util/util.js
+++ b/build/amd/hilo/util/util.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 055ec23a..8755e9d9 100644
--- a/build/amd/hilo/util/util.min.js
+++ b/build/amd/hilo/util/util.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 4fb33fac..3f5028c4 100644
--- a/build/amd/hilo/view/Bitmap.js
+++ b/build/amd/hilo/view/Bitmap.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -54,7 +54,7 @@ define('hilo/view/Bitmap', ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View
      * set the image。
      * @param {Image|String} Image Object or URL.
      * @param {Array} rect the range of bitmap in the image, option.
-     * @param {Boolean} Whether cross-domain is needed, default is false.
+     * @param {Boolean} crossOrigin Whether cross-domain is needed, default is false.
      * @returns {Bitmap} self。
      */
     setImage: function(image, rect, crossOrigin){
diff --git a/build/amd/hilo/view/Bitmap.min.js b/build/amd/hilo/view/Bitmap.min.js
index 783036f0..e376b71b 100644
--- a/build/amd/hilo/view/Bitmap.min.js
+++ b/build/amd/hilo/view/Bitmap.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 4a308f34..ada0af57 100644
--- a/build/amd/hilo/view/BitmapText.js
+++ b/build/amd/hilo/view/BitmapText.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 f62a0a4f..2c3fc22b 100644
--- a/build/amd/hilo/view/BitmapText.min.js
+++ b/build/amd/hilo/view/BitmapText.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 af400ab1..ba40c078 100644
--- a/build/amd/hilo/view/Button.js
+++ b/build/amd/hilo/view/Button.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 bdcdd0ad..ee931401 100644
--- a/build/amd/hilo/view/Button.min.js
+++ b/build/amd/hilo/view/Button.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 fe4b3b6c..28dd4e6b 100644
--- a/build/amd/hilo/view/CacheMixin.js
+++ b/build/amd/hilo/view/CacheMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 c99e931d..3144c55e 100644
--- a/build/amd/hilo/view/CacheMixin.min.js
+++ b/build/amd/hilo/view/CacheMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 4fe3f6ad..8d98a33f 100644
--- a/build/amd/hilo/view/Container.js
+++ b/build/amd/hilo/view/Container.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 69d6017f..4ec0056a 100644
--- a/build/amd/hilo/view/Container.min.js
+++ b/build/amd/hilo/view/Container.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 bbcd2066..764e662b 100644
--- a/build/amd/hilo/view/DOMElement.js
+++ b/build/amd/hilo/view/DOMElement.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 86707f1a..1218c5fc 100644
--- a/build/amd/hilo/view/DOMElement.min.js
+++ b/build/amd/hilo/view/DOMElement.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 bece0df9..b2064ba4 100644
--- a/build/amd/hilo/view/Drawable.js
+++ b/build/amd/hilo/view/Drawable.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 ecb1b8c0..8f2f0237 100644
--- a/build/amd/hilo/view/Drawable.min.js
+++ b/build/amd/hilo/view/Drawable.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 92dcab56..ad51d8fc 100644
--- a/build/amd/hilo/view/Graphics.js
+++ b/build/amd/hilo/view/Graphics.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Graphics.min.js b/build/amd/hilo/view/Graphics.min.js
index 6a418235..1d6e1861 100644
--- a/build/amd/hilo/view/Graphics.min.js
+++ b/build/amd/hilo/view/Graphics.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 320a9377..6db4652e 100644
--- a/build/amd/hilo/view/Sprite.js
+++ b/build/amd/hilo/view/Sprite.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 628376a3..6d4e154e 100644
--- a/build/amd/hilo/view/Sprite.min.js
+++ b/build/amd/hilo/view/Sprite.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 2026e7e5..f117f68b 100644
--- a/build/amd/hilo/view/Stage.js
+++ b/build/amd/hilo/view/Stage.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 c069c1b8..93cc51fb 100644
--- a/build/amd/hilo/view/Stage.min.js
+++ b/build/amd/hilo/view/Stage.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 9a5dd115..eec899e2 100644
--- a/build/amd/hilo/view/Text.js
+++ b/build/amd/hilo/view/Text.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/Text.min.js b/build/amd/hilo/view/Text.min.js
index 8596ed74..70d5d4d8 100644
--- a/build/amd/hilo/view/Text.min.js
+++ b/build/amd/hilo/view/Text.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.0 for amd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/amd/hilo/view/View.js b/build/amd/hilo/view/View.js
index a23204ec..fefde3c0 100644
--- a/build/amd/hilo/view/View.js
+++ b/build/amd/hilo/view/View.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 d6debd7b..576c2454 100644
--- a/build/amd/hilo/view/View.min.js
+++ b/build/amd/hilo/view/View.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for amd
+ * Hilo 1.6.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 eec0f0f8..f451719b 100644
--- a/build/cmd/hilo-cmd.js
+++ b/build/cmd/hilo-cmd.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -192,7 +192,7 @@ return browser;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -229,7 +229,7 @@ return util;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -260,7 +260,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.5.0',
+    version: '1.6.0',
     /**
      * @language=en
      * Gets a globally unique id. Such as Stage1, Bitmap2 etc.
@@ -568,7 +568,7 @@ return Hilo;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -751,7 +751,7 @@ return Class;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -977,7 +977,7 @@ return Matrix;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1132,7 +1132,7 @@ return EventMixin;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1216,7 +1216,7 @@ return Drawable;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1313,7 +1313,7 @@ return Renderer;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1528,7 +1528,7 @@ return CanvasRenderer;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1715,7 +1715,7 @@ return DOMRenderer;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2304,7 +2304,7 @@ return WebGLRenderer;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2807,7 +2807,7 @@ return View;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2876,7 +2876,7 @@ return CacheMixin;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3254,7 +3254,7 @@ return Container;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3530,7 +3530,7 @@ return Stage;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3590,7 +3590,7 @@ var Drawable = require('hilo/view/Drawable');
      * set the image。
      * @param {Image|String} Image Object or URL.
      * @param {Array} rect the range of bitmap in the image, option.
-     * @param {Boolean} Whether cross-domain is needed, default is false.
+     * @param {Boolean} crossOrigin Whether cross-domain is needed, default is false.
      * @returns {Bitmap} self。
      */
     setImage: function(image, rect, crossOrigin){
@@ -3615,7 +3615,7 @@ return Bitmap;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3891,7 +3891,7 @@ return Sprite;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4011,7 +4011,7 @@ return DOMElement;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4578,7 +4578,7 @@ return Graphics;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4836,7 +4836,7 @@ return Text;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5025,7 +5025,7 @@ return BitmapText;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5210,7 +5210,7 @@ return Button;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5449,7 +5449,7 @@ return TextureAtlas;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5681,7 +5681,7 @@ return Ticker;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5729,7 +5729,7 @@ if (!fnProto.bind) {
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5870,7 +5870,7 @@ return drag;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6328,7 +6328,7 @@ return Tween;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6600,7 +6600,7 @@ return Ease;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6650,7 +6650,7 @@ return ImageLoader;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6719,7 +6719,7 @@ return ScriptLoader;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6816,6 +6816,23 @@ var LoadQueue = Class.create(/** @lends LoadQueue.prototype */{
         var item = this.get(id);
         return item && item.content;
     },
+    /**
+     * @language=en
+     * remove resource object content  by id or src
+     * @param {String} specified id or src
+     */
+    removeContent: function(id){
+        if(id){
+            var source = this._source;
+            for(var i = 0; i < source.length; i++){
+                var item = source[i];
+                if(item.id === id || item.src === id){
+                    source.splice(i, 1);
+                    return;
+                }
+            }
+        }
+    },
 
     /**
      * @language=en
@@ -6974,7 +6991,7 @@ return LoadQueue;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7181,7 +7198,7 @@ return HTMLAudio;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7509,7 +7526,7 @@ return WebAudio;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7616,7 +7633,7 @@ return WebSound;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7712,7 +7729,7 @@ return Camera;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7902,7 +7919,7 @@ return Camera3d;
 
 });
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 32c59263..b0295116 100644
--- a/build/cmd/hilo-cmd.min.js
+++ b/build/cmd/hilo-cmd.min.js
@@ -1,8 +1,8 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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.5.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,_=p.y;m===r.maskX&&_===r.maskY||(r.maskX=m,r.maskY=_,i[n+"MaskPosition"]=m+a+" "+_+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="Anonymous"),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 _=t.align;if(_){var g=t.getAlignPosition();c=g.x,u=g.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 _=c.copy({},i);_.type=m,_.eventTarget=p,p._fireMouseEvent(_)}i.lastEventTarget=p,this._eventTarget=null}if(d&&d.pointerEnabled&&"mouseout"!==e&&(i.eventTarget=this._eventTarget=d,d._fireMouseEvent(i)),!r){var g=d&&d.pointerEnabled&&d.useHandCursor?"pointer":"";f.style.cursor=g}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,i){return this.drawable.init({image:t,rect:e,crossOrigin:i}),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="",_=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<_&&(l=_),c+=u,m=v):(_=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 g=0;switch(e.textVAlign){case"middle":g=e.height-e.textHeight>>1;break;case"bottom":g=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,g+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,isComplete:!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._reverseFlag=1,e._repeatCount=0,e.paused=!1,e.isStart=!1,e.isComplete=!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){if(r.isComplete)return!0;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.isStart&&(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):r.isComplete=!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)):r.isComplete&&(u<0||u>e)&&c.start()}return r.isComplete?((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}),_=t({o:1.70158,s:2.59491,config:function(t){_.o=t,_.s=1.525*t}},function(t){return t*t*((_.o+1)*t-_.o)},function(t){return(t-=1)*t*((_.o+1)*t+_.o)+1},function(t){return(t*=2)<1?.5*(t*t*((_.s+1)*t-_.s)):.5*((t-=2)*t*((_.s+1)*t+_.s)+2)}),g=t(null,function(t){return 1-g.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*g.EaseIn(2*t):.5*g.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:_,Bounce:g}}();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="Anonymous"),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=null;try{var e=window.AudioContext||window.webkitAudioContext;e&&(t=new e)}catch(i){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=t,this._gainNode=t.createGain?t.createGain():t.createGainNode(),this._gainNode.connect(t.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&&t){var e=t.createBufferSource();return e.buffer=t.createBuffer(1,1,22050),e.connect(t.destination),e.start?e.start(0,0,0):e.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,_=r.z-this.z,g=i(v,m,_,f,p);g=e(g.x,g.y,g.z,u,d),g=t(g.x,g.y,g.z,l,c),this.tx&&(g.x-=this.tx),this.ty&&(g.y-=this.ty),this.tz&&(g.z-=this.tz);var x=this.fv/(this.fv+g.z),y=g.x*x,w=-g.y*x,T={x:y+this.fx,y:w+this.fy,z:-g.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
+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.6.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,_=p.y;m===r.maskX&&_===r.maskY||(r.maskX=m,r.maskY=_,i[n+"MaskPosition"]=m+a+" "+_+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="Anonymous"),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 _=t.align;if(_){var g=t.getAlignPosition();c=g.x,u=g.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 _=c.copy({},i);_.type=m,_.eventTarget=p,p._fireMouseEvent(_)}i.lastEventTarget=p,this._eventTarget=null}if(d&&d.pointerEnabled&&"mouseout"!==e&&(i.eventTarget=this._eventTarget=d,d._fireMouseEvent(i)),!r){var g=d&&d.pointerEnabled&&d.useHandCursor?"pointer":"";f.style.cursor=g}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,i){return this.drawable.init({image:t,rect:e,crossOrigin:i}),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="",_=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<_&&(l=_),c+=u,m=v):(_=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 g=0;switch(e.textVAlign){case"middle":g=e.height-e.textHeight>>1;break;case"bottom":g=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,g+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,isComplete:!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._reverseFlag=1,e._repeatCount=0,e.paused=!1,e.isStart=!1,e.isComplete=!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){if(r.isComplete)return!0;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.isStart&&(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):r.isComplete=!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)):r.isComplete&&(u<0||u>e)&&c.start()}return r.isComplete?((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}),_=t({o:1.70158,s:2.59491,config:function(t){_.o=t,_.s=1.525*t}},function(t){return t*t*((_.o+1)*t-_.o)},function(t){return(t-=1)*t*((_.o+1)*t+_.o)+1},function(t){return(t*=2)<1?.5*(t*t*((_.s+1)*t-_.s)):.5*((t-=2)*t*((_.s+1)*t+_.s)+2)}),g=t(null,function(t){return 1-g.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*g.EaseIn(2*t):.5*g.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:_,Bounce:g}}();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="Anonymous"),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},removeContent: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 void e.splice(i,1)}},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=null;try{var e=window.AudioContext||window.webkitAudioContext;e&&(t=new e)}catch(i){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=t,this._gainNode=t.createGain?t.createGain():t.createGainNode(),this._gainNode.connect(t.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&&t){var e=t.createBufferSource();return e.buffer=t.createBuffer(1,1,22050),e.connect(t.destination),e.start?e.start(0,0,0):e.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,_=r.z-this.z,g=i(v,m,_,f,p);g=e(g.x,g.y,g.z,u,d),g=t(g.x,g.y,g.z,l,c),this.tx&&(g.x-=this.tx),this.ty&&(g.y-=this.ty),this.tz&&(g.z-=this.tz);var x=this.fv/(this.fv+g.z),y=g.x*x,w=-g.y*x,T={x:y+this.fx,y:w+this.fy,z:-g.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 91e468c6..524e0c26 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 fb4ed9d6..6397ae7e 100644
--- a/build/cmd/hilo/core/Class.js
+++ b/build/cmd/hilo/core/Class.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 5ae47d52..b1f32a1f 100644
--- a/build/cmd/hilo/core/Class.min.js
+++ b/build/cmd/hilo/core/Class.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 f8d77bd2..4cc08f7f 100644
--- a/build/cmd/hilo/core/Hilo.js
+++ b/build/cmd/hilo/core/Hilo.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -30,7 +30,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.5.0',
+    version: '1.6.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 d48de1fd..599c8c28 100644
--- a/build/cmd/hilo/core/Hilo.min.js
+++ b/build/cmd/hilo/core/Hilo.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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.5.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.6.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 190a627b..b61759b1 100644
--- a/build/cmd/hilo/event/EventMixin.js
+++ b/build/cmd/hilo/event/EventMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 a620ef80..1742d5e9 100644
--- a/build/cmd/hilo/event/EventMixin.min.js
+++ b/build/cmd/hilo/event/EventMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 4237862c..2205f6ce 100644
--- a/build/cmd/hilo/game/Camera.js
+++ b/build/cmd/hilo/game/Camera.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 5bc69138..b7559976 100644
--- a/build/cmd/hilo/game/Camera.min.js
+++ b/build/cmd/hilo/game/Camera.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 ae959693..0a2e2e61 100644
--- a/build/cmd/hilo/game/Camera3d.js
+++ b/build/cmd/hilo/game/Camera3d.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 187736d8..d3c702e6 100644
--- a/build/cmd/hilo/game/Camera3d.min.js
+++ b/build/cmd/hilo/game/Camera3d.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 5f4f4c7f..863eb9c7 100644
--- a/build/cmd/hilo/game/ParticleSystem.js
+++ b/build/cmd/hilo/game/ParticleSystem.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 1e5fcdea..d4ebb7f1 100644
--- a/build/cmd/hilo/game/ParticleSystem.min.js
+++ b/build/cmd/hilo/game/ParticleSystem.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 46aa7f22..4af45e01 100644
--- a/build/cmd/hilo/geom/Matrix.js
+++ b/build/cmd/hilo/geom/Matrix.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 f55f77f4..fd9c5169 100644
--- a/build/cmd/hilo/geom/Matrix.min.js
+++ b/build/cmd/hilo/geom/Matrix.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 4722a943..055a1146 100644
--- a/build/cmd/hilo/loader/ImageLoader.js
+++ b/build/cmd/hilo/loader/ImageLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 0c6c5196..016c01d7 100644
--- a/build/cmd/hilo/loader/ImageLoader.min.js
+++ b/build/cmd/hilo/loader/ImageLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 129999fd..f59eec51 100644
--- a/build/cmd/hilo/loader/LoadQueue.js
+++ b/build/cmd/hilo/loader/LoadQueue.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -96,6 +96,23 @@ var LoadQueue = Class.create(/** @lends LoadQueue.prototype */{
         var item = this.get(id);
         return item && item.content;
     },
+    /**
+     * @language=en
+     * remove resource object content  by id or src
+     * @param {String} specified id or src
+     */
+    removeContent: function(id){
+        if(id){
+            var source = this._source;
+            for(var i = 0; i < source.length; i++){
+                var item = source[i];
+                if(item.id === id || item.src === id){
+                    source.splice(i, 1);
+                    return;
+                }
+            }
+        }
+    },
 
     /**
      * @language=en
diff --git a/build/cmd/hilo/loader/LoadQueue.min.js b/build/cmd/hilo/loader/LoadQueue.min.js
index d02ee6f0..9936e1d4 100644
--- a/build/cmd/hilo/loader/LoadQueue.min.js
+++ b/build/cmd/hilo/loader/LoadQueue.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-define(function(e,n,o){function r(e){var n,o,r=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(n=e.match(r))&&(o=n[1].toLowerCase()),o||null}var t=e("hilo/core/Class"),a=e("hilo/event/EventMixin"),c=e("hilo/loader/ImageLoader"),i=e("hilo/loader/ScriptLoader"),s=t.create({Mixes:a,constructor:function(e){this._source=[],this.add(e)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(e){var n=this;return e&&(e=e instanceof Array?e:[e],n._source=n._source.concat(e)),n},get:function(e){if(e)for(var n=this._source,o=0;o<n.length;o++){var r=n[o];if(r.id===e||r.src===e)return r}return null},getContent:function(e){var n=this.get(e);return n&&n.content},start:function(){var e=this;return e._loadNext(),e},_loadNext:function(){var e=this,n=e._source,o=n.length;if(e._loaded>=o)return void e.fire("complete");if(e._currentIndex<o-1&&e._connections<e.maxConnections){var r=++e._currentIndex,t=n[r],a=e._getLoader(t);if(a){var c=a.onLoad,i=a.onError;a.onLoad=function(n){a.onLoad=c,a.onError=i;var o=c&&c.call(a,n)||n.target;e._onItemLoad(r,o)},a.onError=function(n){a.onLoad=c,a.onError=i,i&&i.call(a,n),e._onItemError(r,n)},e._connections++}e._loadNext(),a&&a.load(t)}},_getLoader:function(e){var n=e.loader;if(n)return n;var o=e.type||r(e.src);switch(o){case"png":case"jpg":case"jpeg":case"gif":case"webp":n=new c;break;case"js":case"jsonp":n=new i}return n},_onItemLoad:function(e,n){var o=this,r=o._source[e];r.loaded=!0,r.content=n,o._connections--,o._loaded++,o.fire("load",r),o._loadNext()},_onItemError:function(e,n){var o=this,r=o._source[e];r.error=n,o._connections--,o._loaded++,o.fire("error",r),o._loadNext()},getSize:function(e){for(var n=0,o=this._source,r=0;r<o.length;r++){var t=o[r];n+=(e?t.loaded&&t.size:t.size)||0}return n},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});return s});
\ No newline at end of file
+define(function(e,r,n){function o(e){var r,n,o=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(r=e.match(o))&&(n=r[1].toLowerCase()),n||null}var t=e("hilo/core/Class"),a=e("hilo/event/EventMixin"),c=e("hilo/loader/ImageLoader"),i=e("hilo/loader/ScriptLoader"),s=t.create({Mixes:a,constructor:function(e){this._source=[],this.add(e)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(e){var r=this;return e&&(e=e instanceof Array?e:[e],r._source=r._source.concat(e)),r},get:function(e){if(e)for(var r=this._source,n=0;n<r.length;n++){var o=r[n];if(o.id===e||o.src===e)return o}return null},getContent:function(e){var r=this.get(e);return r&&r.content},removeContent:function(e){if(e)for(var r=this._source,n=0;n<r.length;n++){var o=r[n];if(o.id===e||o.src===e)return void r.splice(n,1)}},start:function(){var e=this;return e._loadNext(),e},_loadNext:function(){var e=this,r=e._source,n=r.length;if(e._loaded>=n)return void e.fire("complete");if(e._currentIndex<n-1&&e._connections<e.maxConnections){var o=++e._currentIndex,t=r[o],a=e._getLoader(t);if(a){var c=a.onLoad,i=a.onError;a.onLoad=function(r){a.onLoad=c,a.onError=i;var n=c&&c.call(a,r)||r.target;e._onItemLoad(o,n)},a.onError=function(r){a.onLoad=c,a.onError=i,i&&i.call(a,r),e._onItemError(o,r)},e._connections++}e._loadNext(),a&&a.load(t)}},_getLoader:function(e){var r=e.loader;if(r)return r;var n=e.type||o(e.src);switch(n){case"png":case"jpg":case"jpeg":case"gif":case"webp":r=new c;break;case"js":case"jsonp":r=new i}return r},_onItemLoad:function(e,r){var n=this,o=n._source[e];o.loaded=!0,o.content=r,n._connections--,n._loaded++,n.fire("load",o),n._loadNext()},_onItemError:function(e,r){var n=this,o=n._source[e];o.error=r,n._connections--,n._loaded++,n.fire("error",o),n._loadNext()},getSize:function(e){for(var r=0,n=this._source,o=0;o<n.length;o++){var t=n[o];r+=(e?t.loaded&&t.size:t.size)||0}return r},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});return s});
\ No newline at end of file
diff --git a/build/cmd/hilo/loader/ScriptLoader.js b/build/cmd/hilo/loader/ScriptLoader.js
index 8fcc971c..c5b14f76 100644
--- a/build/cmd/hilo/loader/ScriptLoader.js
+++ b/build/cmd/hilo/loader/ScriptLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 d09eb892..4a5391a9 100644
--- a/build/cmd/hilo/loader/ScriptLoader.min.js
+++ b/build/cmd/hilo/loader/ScriptLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 4cb13643..73f35dae 100644
--- a/build/cmd/hilo/media/HTMLAudio.js
+++ b/build/cmd/hilo/media/HTMLAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 be8a6c2e..de0d970e 100644
--- a/build/cmd/hilo/media/HTMLAudio.min.js
+++ b/build/cmd/hilo/media/HTMLAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 1c1a5557..50533acc 100644
--- a/build/cmd/hilo/media/WebAudio.js
+++ b/build/cmd/hilo/media/WebAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 563abe16..c16c54e9 100644
--- a/build/cmd/hilo/media/WebAudio.min.js
+++ b/build/cmd/hilo/media/WebAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 12c638e6..5a33a52d 100644
--- a/build/cmd/hilo/media/WebSound.js
+++ b/build/cmd/hilo/media/WebSound.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 a35a8d18..8bd53036 100644
--- a/build/cmd/hilo/media/WebSound.min.js
+++ b/build/cmd/hilo/media/WebSound.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 c7dd4328..827f495e 100644
--- a/build/cmd/hilo/renderer/CanvasRenderer.js
+++ b/build/cmd/hilo/renderer/CanvasRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 57515d5e..af7b2528 100644
--- a/build/cmd/hilo/renderer/CanvasRenderer.min.js
+++ b/build/cmd/hilo/renderer/CanvasRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 f5d3749d..6fd48565 100644
--- a/build/cmd/hilo/renderer/DOMRenderer.js
+++ b/build/cmd/hilo/renderer/DOMRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 f78dcf1a..60cff98e 100644
--- a/build/cmd/hilo/renderer/DOMRenderer.min.js
+++ b/build/cmd/hilo/renderer/DOMRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 52aad616..c2e3dd41 100644
--- a/build/cmd/hilo/renderer/Renderer.js
+++ b/build/cmd/hilo/renderer/Renderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 1f248cf9..f1b38287 100644
--- a/build/cmd/hilo/renderer/Renderer.min.js
+++ b/build/cmd/hilo/renderer/Renderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 b5ecf9e8..2367b3a2 100644
--- a/build/cmd/hilo/renderer/WebGLRenderer.js
+++ b/build/cmd/hilo/renderer/WebGLRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/renderer/WebGLRenderer.min.js b/build/cmd/hilo/renderer/WebGLRenderer.min.js
index 99aeb19c..b0c24e7c 100644
--- a/build/cmd/hilo/renderer/WebGLRenderer.min.js
+++ b/build/cmd/hilo/renderer/WebGLRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/tween/Ease.js b/build/cmd/hilo/tween/Ease.js
index c4a254cf..0e7f33d6 100644
--- a/build/cmd/hilo/tween/Ease.js
+++ b/build/cmd/hilo/tween/Ease.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 2197370a..1ec8fa36 100644
--- a/build/cmd/hilo/tween/Ease.min.js
+++ b/build/cmd/hilo/tween/Ease.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 d511745c..90da97c5 100644
--- a/build/cmd/hilo/tween/Tween.js
+++ b/build/cmd/hilo/tween/Tween.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 96b42430..a52f59ee 100644
--- a/build/cmd/hilo/tween/Tween.min.js
+++ b/build/cmd/hilo/tween/Tween.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 23209e49..e75041a5 100644
--- a/build/cmd/hilo/util/TextureAtlas.js
+++ b/build/cmd/hilo/util/TextureAtlas.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 6be245a3..2f342bde 100644
--- a/build/cmd/hilo/util/TextureAtlas.min.js
+++ b/build/cmd/hilo/util/TextureAtlas.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 a2f74969..56c34a4c 100644
--- a/build/cmd/hilo/util/Ticker.js
+++ b/build/cmd/hilo/util/Ticker.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 cab2ac72..0c2fe01c 100644
--- a/build/cmd/hilo/util/Ticker.min.js
+++ b/build/cmd/hilo/util/Ticker.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 37a88766..15489091 100644
--- a/build/cmd/hilo/util/browser.js
+++ b/build/cmd/hilo/util/browser.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 060ffb09..a2c4908a 100644
--- a/build/cmd/hilo/util/browser.min.js
+++ b/build/cmd/hilo/util/browser.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 c8c3722f..717e0a77 100644
--- a/build/cmd/hilo/util/drag.js
+++ b/build/cmd/hilo/util/drag.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 6531bc70..6290a448 100644
--- a/build/cmd/hilo/util/drag.min.js
+++ b/build/cmd/hilo/util/drag.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 b0d044c5..37bc8f5c 100644
--- a/build/cmd/hilo/util/polyfill.js
+++ b/build/cmd/hilo/util/polyfill.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 388ce3f4..558a61b3 100644
--- a/build/cmd/hilo/util/polyfill.min.js
+++ b/build/cmd/hilo/util/polyfill.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 48d3db10..4515cdf2 100644
--- a/build/cmd/hilo/util/util.js
+++ b/build/cmd/hilo/util/util.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 68aefb72..324f2f5a 100644
--- a/build/cmd/hilo/util/util.min.js
+++ b/build/cmd/hilo/util/util.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 82e56e99..83a4d7f6 100644
--- a/build/cmd/hilo/view/Bitmap.js
+++ b/build/cmd/hilo/view/Bitmap.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -59,7 +59,7 @@ var Drawable = require('hilo/view/Drawable');
      * set the image。
      * @param {Image|String} Image Object or URL.
      * @param {Array} rect the range of bitmap in the image, option.
-     * @param {Boolean} Whether cross-domain is needed, default is false.
+     * @param {Boolean} crossOrigin Whether cross-domain is needed, default is false.
      * @returns {Bitmap} self。
      */
     setImage: function(image, rect, crossOrigin){
diff --git a/build/cmd/hilo/view/Bitmap.min.js b/build/cmd/hilo/view/Bitmap.min.js
index c4f1c14a..89d7be13 100644
--- a/build/cmd/hilo/view/Bitmap.min.js
+++ b/build/cmd/hilo/view/Bitmap.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 0b57b766..d6ad4ba8 100644
--- a/build/cmd/hilo/view/BitmapText.js
+++ b/build/cmd/hilo/view/BitmapText.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 8ff882be..15b6008d 100644
--- a/build/cmd/hilo/view/BitmapText.min.js
+++ b/build/cmd/hilo/view/BitmapText.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 ce8c3b79..bbd01138 100644
--- a/build/cmd/hilo/view/Button.js
+++ b/build/cmd/hilo/view/Button.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 2fe6ee41..0276beb1 100644
--- a/build/cmd/hilo/view/Button.min.js
+++ b/build/cmd/hilo/view/Button.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 66809564..d32531ba 100644
--- a/build/cmd/hilo/view/CacheMixin.js
+++ b/build/cmd/hilo/view/CacheMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 4db318d3..aa655fe2 100644
--- a/build/cmd/hilo/view/CacheMixin.min.js
+++ b/build/cmd/hilo/view/CacheMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 6d9d45a0..2302ee03 100644
--- a/build/cmd/hilo/view/Container.js
+++ b/build/cmd/hilo/view/Container.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 6751fbbf..286f4a25 100644
--- a/build/cmd/hilo/view/Container.min.js
+++ b/build/cmd/hilo/view/Container.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 165eae31..39000b2f 100644
--- a/build/cmd/hilo/view/DOMElement.js
+++ b/build/cmd/hilo/view/DOMElement.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 a1f0585b..9a963650 100644
--- a/build/cmd/hilo/view/DOMElement.min.js
+++ b/build/cmd/hilo/view/DOMElement.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 a065b7f6..a9cfe05b 100644
--- a/build/cmd/hilo/view/Drawable.js
+++ b/build/cmd/hilo/view/Drawable.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 396dd017..699ffc01 100644
--- a/build/cmd/hilo/view/Drawable.min.js
+++ b/build/cmd/hilo/view/Drawable.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 40871724..cb0d83c9 100644
--- a/build/cmd/hilo/view/Graphics.js
+++ b/build/cmd/hilo/view/Graphics.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Graphics.min.js b/build/cmd/hilo/view/Graphics.min.js
index 0b7ba75e..2fc542ad 100644
--- a/build/cmd/hilo/view/Graphics.min.js
+++ b/build/cmd/hilo/view/Graphics.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 bf49dfd3..858d5d0c 100644
--- a/build/cmd/hilo/view/Sprite.js
+++ b/build/cmd/hilo/view/Sprite.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 a6f7d899..c0576cf1 100644
--- a/build/cmd/hilo/view/Sprite.min.js
+++ b/build/cmd/hilo/view/Sprite.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 122a6afd..92465918 100644
--- a/build/cmd/hilo/view/Stage.js
+++ b/build/cmd/hilo/view/Stage.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 8af7defb..eb2dd65b 100644
--- a/build/cmd/hilo/view/Stage.min.js
+++ b/build/cmd/hilo/view/Stage.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 089c0c6e..f20fe0f3 100644
--- a/build/cmd/hilo/view/Text.js
+++ b/build/cmd/hilo/view/Text.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/Text.min.js b/build/cmd/hilo/view/Text.min.js
index 2dbcdd8a..6f1e968a 100644
--- a/build/cmd/hilo/view/Text.min.js
+++ b/build/cmd/hilo/view/Text.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.0 for cmd
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/cmd/hilo/view/View.js b/build/cmd/hilo/view/View.js
index dfe16726..43b524fc 100644
--- a/build/cmd/hilo/view/View.js
+++ b/build/cmd/hilo/view/View.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 306332e8..77f1c417 100644
--- a/build/cmd/hilo/view/View.min.js
+++ b/build/cmd/hilo/view/View.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for cmd
+ * Hilo 1.6.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 3775348c..b6b15417 100644
--- a/build/commonjs/core/Class.js
+++ b/build/commonjs/core/Class.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 91c76591..6b345032 100644
--- a/build/commonjs/core/Class.min.js
+++ b/build/commonjs/core/Class.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 89f69dbe..abda70a9 100644
--- a/build/commonjs/core/Hilo.js
+++ b/build/commonjs/core/Hilo.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -28,7 +28,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.5.0',
+    version: '1.6.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 300f90ce..b0cf067e 100644
--- a/build/commonjs/core/Hilo.min.js
+++ b/build/commonjs/core/Hilo.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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.5.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.6.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 e778aca2..c81ffc23 100644
--- a/build/commonjs/event/EventMixin.js
+++ b/build/commonjs/event/EventMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 f6bc982c..e19609b9 100644
--- a/build/commonjs/event/EventMixin.min.js
+++ b/build/commonjs/event/EventMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 ef7c9306..a6742d25 100644
--- a/build/commonjs/game/Camera.js
+++ b/build/commonjs/game/Camera.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 6218c246..5b5ef266 100644
--- a/build/commonjs/game/Camera.min.js
+++ b/build/commonjs/game/Camera.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 e250a4d1..62ebca9a 100644
--- a/build/commonjs/game/Camera3d.js
+++ b/build/commonjs/game/Camera3d.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 fbeaa3b7..c9f96f0a 100644
--- a/build/commonjs/game/Camera3d.min.js
+++ b/build/commonjs/game/Camera3d.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 744aa53f..95276dd9 100644
--- a/build/commonjs/game/ParticleSystem.js
+++ b/build/commonjs/game/ParticleSystem.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 6bfc5b41..0144cf6e 100644
--- a/build/commonjs/game/ParticleSystem.min.js
+++ b/build/commonjs/game/ParticleSystem.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 f2e9c7aa..4aec6517 100644
--- a/build/commonjs/geom/Matrix.js
+++ b/build/commonjs/geom/Matrix.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 86f3e678..1e4246a8 100644
--- a/build/commonjs/geom/Matrix.min.js
+++ b/build/commonjs/geom/Matrix.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 d516d80d..2b1d5389 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 718dc80f..ddcb45f4 100644
--- a/build/commonjs/loader/ImageLoader.js
+++ b/build/commonjs/loader/ImageLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 d9cf689d..880596d5 100644
--- a/build/commonjs/loader/ImageLoader.min.js
+++ b/build/commonjs/loader/ImageLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 3029dd7d..a1c5e387 100644
--- a/build/commonjs/loader/LoadQueue.js
+++ b/build/commonjs/loader/LoadQueue.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -94,6 +94,23 @@ var LoadQueue = Class.create(/** @lends LoadQueue.prototype */{
         var item = this.get(id);
         return item && item.content;
     },
+    /**
+     * @language=en
+     * remove resource object content  by id or src
+     * @param {String} specified id or src
+     */
+    removeContent: function(id){
+        if(id){
+            var source = this._source;
+            for(var i = 0; i < source.length; i++){
+                var item = source[i];
+                if(item.id === id || item.src === id){
+                    source.splice(i, 1);
+                    return;
+                }
+            }
+        }
+    },
 
     /**
      * @language=en
diff --git a/build/commonjs/loader/LoadQueue.min.js b/build/commonjs/loader/LoadQueue.min.js
index d9731135..7a231dd3 100644
--- a/build/commonjs/loader/LoadQueue.min.js
+++ b/build/commonjs/loader/LoadQueue.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-function getExtension(e){var r,n,o=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(r=e.match(o))&&(n=r[1].toLowerCase()),n||null}var Class=require("../core/Class"),EventMixin=require("../event/EventMixin"),ImageLoader=require("./ImageLoader"),ScriptLoader=require("./ScriptLoader"),LoadQueue=Class.create({Mixes:EventMixin,constructor:function(e){this._source=[],this.add(e)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(e){var r=this;return e&&(e=e instanceof Array?e:[e],r._source=r._source.concat(e)),r},get:function(e){if(e)for(var r=this._source,n=0;n<r.length;n++){var o=r[n];if(o.id===e||o.src===e)return o}return null},getContent:function(e){var r=this.get(e);return r&&r.content},start:function(){var e=this;return e._loadNext(),e},_loadNext:function(){var e=this,r=e._source,n=r.length;if(e._loaded>=n)return void e.fire("complete");if(e._currentIndex<n-1&&e._connections<e.maxConnections){var o=++e._currentIndex,t=r[o],a=e._getLoader(t);if(a){var i=a.onLoad,c=a.onError;a.onLoad=function(r){a.onLoad=i,a.onError=c;var n=i&&i.call(a,r)||r.target;e._onItemLoad(o,n)},a.onError=function(r){a.onLoad=i,a.onError=c,c&&c.call(a,r),e._onItemError(o,r)},e._connections++}e._loadNext(),a&&a.load(t)}},_getLoader:function(e){var r=e.loader;if(r)return r;var n=e.type||getExtension(e.src);switch(n){case"png":case"jpg":case"jpeg":case"gif":case"webp":r=new ImageLoader;break;case"js":case"jsonp":r=new ScriptLoader}return r},_onItemLoad:function(e,r){var n=this,o=n._source[e];o.loaded=!0,o.content=r,n._connections--,n._loaded++,n.fire("load",o),n._loadNext()},_onItemError:function(e,r){var n=this,o=n._source[e];o.error=r,n._connections--,n._loaded++,n.fire("error",o),n._loadNext()},getSize:function(e){for(var r=0,n=this._source,o=0;o<n.length;o++){var t=n[o];r+=(e?t.loaded&&t.size:t.size)||0}return r},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});module.exports=LoadQueue;
\ No newline at end of file
+function getExtension(e){var r,n,o=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(r=e.match(o))&&(n=r[1].toLowerCase()),n||null}var Class=require("../core/Class"),EventMixin=require("../event/EventMixin"),ImageLoader=require("./ImageLoader"),ScriptLoader=require("./ScriptLoader"),LoadQueue=Class.create({Mixes:EventMixin,constructor:function(e){this._source=[],this.add(e)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(e){var r=this;return e&&(e=e instanceof Array?e:[e],r._source=r._source.concat(e)),r},get:function(e){if(e)for(var r=this._source,n=0;n<r.length;n++){var o=r[n];if(o.id===e||o.src===e)return o}return null},getContent:function(e){var r=this.get(e);return r&&r.content},removeContent:function(e){if(e)for(var r=this._source,n=0;n<r.length;n++){var o=r[n];if(o.id===e||o.src===e)return void r.splice(n,1)}},start:function(){var e=this;return e._loadNext(),e},_loadNext:function(){var e=this,r=e._source,n=r.length;if(e._loaded>=n)return void e.fire("complete");if(e._currentIndex<n-1&&e._connections<e.maxConnections){var o=++e._currentIndex,t=r[o],a=e._getLoader(t);if(a){var i=a.onLoad,c=a.onError;a.onLoad=function(r){a.onLoad=i,a.onError=c;var n=i&&i.call(a,r)||r.target;e._onItemLoad(o,n)},a.onError=function(r){a.onLoad=i,a.onError=c,c&&c.call(a,r),e._onItemError(o,r)},e._connections++}e._loadNext(),a&&a.load(t)}},_getLoader:function(e){var r=e.loader;if(r)return r;var n=e.type||getExtension(e.src);switch(n){case"png":case"jpg":case"jpeg":case"gif":case"webp":r=new ImageLoader;break;case"js":case"jsonp":r=new ScriptLoader}return r},_onItemLoad:function(e,r){var n=this,o=n._source[e];o.loaded=!0,o.content=r,n._connections--,n._loaded++,n.fire("load",o),n._loadNext()},_onItemError:function(e,r){var n=this,o=n._source[e];o.error=r,n._connections--,n._loaded++,n.fire("error",o),n._loadNext()},getSize:function(e){for(var r=0,n=this._source,o=0;o<n.length;o++){var t=n[o];r+=(e?t.loaded&&t.size:t.size)||0}return r},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});module.exports=LoadQueue;
\ No newline at end of file
diff --git a/build/commonjs/loader/ScriptLoader.js b/build/commonjs/loader/ScriptLoader.js
index f12001fe..8bb8f515 100644
--- a/build/commonjs/loader/ScriptLoader.js
+++ b/build/commonjs/loader/ScriptLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 371bcdff..429536d3 100644
--- a/build/commonjs/loader/ScriptLoader.min.js
+++ b/build/commonjs/loader/ScriptLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 c8ea66af..fbd95340 100644
--- a/build/commonjs/media/HTMLAudio.js
+++ b/build/commonjs/media/HTMLAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 328fe21a..9432bcde 100644
--- a/build/commonjs/media/HTMLAudio.min.js
+++ b/build/commonjs/media/HTMLAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 eb4e5c44..ec817602 100644
--- a/build/commonjs/media/WebAudio.js
+++ b/build/commonjs/media/WebAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 e8f91f40..6949ca76 100644
--- a/build/commonjs/media/WebAudio.min.js
+++ b/build/commonjs/media/WebAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 d38e10d2..ecf4a66f 100644
--- a/build/commonjs/media/WebSound.js
+++ b/build/commonjs/media/WebSound.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 2721361f..6515d2f3 100644
--- a/build/commonjs/media/WebSound.min.js
+++ b/build/commonjs/media/WebSound.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 aa38082b..ee69b111 100644
--- a/build/commonjs/renderer/CanvasRenderer.js
+++ b/build/commonjs/renderer/CanvasRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 ed11e657..16c8138a 100644
--- a/build/commonjs/renderer/CanvasRenderer.min.js
+++ b/build/commonjs/renderer/CanvasRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 d37926f9..fe6e5ccf 100644
--- a/build/commonjs/renderer/DOMRenderer.js
+++ b/build/commonjs/renderer/DOMRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 ff51b9bd..9b772107 100644
--- a/build/commonjs/renderer/DOMRenderer.min.js
+++ b/build/commonjs/renderer/DOMRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 05c25456..8092a43f 100644
--- a/build/commonjs/renderer/Renderer.js
+++ b/build/commonjs/renderer/Renderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 e3bb3e34..d64a9530 100644
--- a/build/commonjs/renderer/Renderer.min.js
+++ b/build/commonjs/renderer/Renderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 80d0ab7f..ca79e821 100644
--- a/build/commonjs/renderer/WebGLRenderer.js
+++ b/build/commonjs/renderer/WebGLRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/renderer/WebGLRenderer.min.js b/build/commonjs/renderer/WebGLRenderer.min.js
index e57b6c4b..530b8133 100644
--- a/build/commonjs/renderer/WebGLRenderer.min.js
+++ b/build/commonjs/renderer/WebGLRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/tween/Ease.js b/build/commonjs/tween/Ease.js
index 74b7b658..3eb55d3d 100644
--- a/build/commonjs/tween/Ease.js
+++ b/build/commonjs/tween/Ease.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 97273c26..a6ac80ed 100644
--- a/build/commonjs/tween/Ease.min.js
+++ b/build/commonjs/tween/Ease.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 b25c4443..8ac9da5d 100644
--- a/build/commonjs/tween/Tween.js
+++ b/build/commonjs/tween/Tween.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 61231be4..45c6ae0c 100644
--- a/build/commonjs/tween/Tween.min.js
+++ b/build/commonjs/tween/Tween.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 d3ba8ee6..db474c1f 100644
--- a/build/commonjs/util/TextureAtlas.js
+++ b/build/commonjs/util/TextureAtlas.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 55a1a7c9..435cb25a 100644
--- a/build/commonjs/util/TextureAtlas.min.js
+++ b/build/commonjs/util/TextureAtlas.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 3d9d8b40..1623153a 100644
--- a/build/commonjs/util/Ticker.js
+++ b/build/commonjs/util/Ticker.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 eb96a712..3e413a8a 100644
--- a/build/commonjs/util/Ticker.min.js
+++ b/build/commonjs/util/Ticker.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 68ce269c..95d2b117 100644
--- a/build/commonjs/util/browser.js
+++ b/build/commonjs/util/browser.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 e1d57dd8..b11997e1 100644
--- a/build/commonjs/util/browser.min.js
+++ b/build/commonjs/util/browser.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 53b21777..b9715e17 100644
--- a/build/commonjs/util/drag.js
+++ b/build/commonjs/util/drag.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 aec6520d..30093199 100644
--- a/build/commonjs/util/drag.min.js
+++ b/build/commonjs/util/drag.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 6af37daf..20d904b1 100644
--- a/build/commonjs/util/polyfill.js
+++ b/build/commonjs/util/polyfill.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 7519c7aa..20b7aacd 100644
--- a/build/commonjs/util/polyfill.min.js
+++ b/build/commonjs/util/polyfill.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 03de1c29..00b81b6c 100644
--- a/build/commonjs/util/util.js
+++ b/build/commonjs/util/util.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 ccf196b7..79ecd004 100644
--- a/build/commonjs/util/util.min.js
+++ b/build/commonjs/util/util.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 190d5db1..b6feb984 100644
--- a/build/commonjs/view/Bitmap.js
+++ b/build/commonjs/view/Bitmap.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -57,7 +57,7 @@ var Drawable = require('./Drawable');
      * set the image。
      * @param {Image|String} Image Object or URL.
      * @param {Array} rect the range of bitmap in the image, option.
-     * @param {Boolean} Whether cross-domain is needed, default is false.
+     * @param {Boolean} crossOrigin Whether cross-domain is needed, default is false.
      * @returns {Bitmap} self。
      */
     setImage: function(image, rect, crossOrigin){
diff --git a/build/commonjs/view/Bitmap.min.js b/build/commonjs/view/Bitmap.min.js
index fb36eb78..c7bfa97e 100644
--- a/build/commonjs/view/Bitmap.min.js
+++ b/build/commonjs/view/Bitmap.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 48a460d8..8881b27c 100644
--- a/build/commonjs/view/BitmapText.js
+++ b/build/commonjs/view/BitmapText.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 b644cca9..45319481 100644
--- a/build/commonjs/view/BitmapText.min.js
+++ b/build/commonjs/view/BitmapText.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 a2c776a3..54a34f87 100644
--- a/build/commonjs/view/Button.js
+++ b/build/commonjs/view/Button.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 82af2311..c14e0150 100644
--- a/build/commonjs/view/Button.min.js
+++ b/build/commonjs/view/Button.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 12270094..5dd9bf46 100644
--- a/build/commonjs/view/CacheMixin.js
+++ b/build/commonjs/view/CacheMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 2b342caa..235b45e8 100644
--- a/build/commonjs/view/CacheMixin.min.js
+++ b/build/commonjs/view/CacheMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 172a929b..344309ef 100644
--- a/build/commonjs/view/Container.js
+++ b/build/commonjs/view/Container.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 80adcc76..1f84d4d5 100644
--- a/build/commonjs/view/Container.min.js
+++ b/build/commonjs/view/Container.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 2f069742..36814800 100644
--- a/build/commonjs/view/DOMElement.js
+++ b/build/commonjs/view/DOMElement.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 c8aede9e..17c62613 100644
--- a/build/commonjs/view/DOMElement.min.js
+++ b/build/commonjs/view/DOMElement.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 dd14d3ef..f75800a9 100644
--- a/build/commonjs/view/Drawable.js
+++ b/build/commonjs/view/Drawable.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 e57a9894..e59bd5c9 100644
--- a/build/commonjs/view/Drawable.min.js
+++ b/build/commonjs/view/Drawable.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 18bd809a..c4c62184 100644
--- a/build/commonjs/view/Graphics.js
+++ b/build/commonjs/view/Graphics.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Graphics.min.js b/build/commonjs/view/Graphics.min.js
index 0ccafb0d..22315aef 100644
--- a/build/commonjs/view/Graphics.min.js
+++ b/build/commonjs/view/Graphics.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 c3e07354..1d06e8fa 100644
--- a/build/commonjs/view/Sprite.js
+++ b/build/commonjs/view/Sprite.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 8037f27c..d466ef32 100644
--- a/build/commonjs/view/Sprite.min.js
+++ b/build/commonjs/view/Sprite.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 10b2308e..82235042 100644
--- a/build/commonjs/view/Stage.js
+++ b/build/commonjs/view/Stage.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 a632a6f1..546cfa78 100644
--- a/build/commonjs/view/Stage.min.js
+++ b/build/commonjs/view/Stage.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 001247de..cc8be638 100644
--- a/build/commonjs/view/Text.js
+++ b/build/commonjs/view/Text.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/Text.min.js b/build/commonjs/view/Text.min.js
index 16021f1a..8216e26d 100644
--- a/build/commonjs/view/Text.min.js
+++ b/build/commonjs/view/Text.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.0 for commonjs
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/commonjs/view/View.js b/build/commonjs/view/View.js
index e9943d24..18c89d43 100644
--- a/build/commonjs/view/View.js
+++ b/build/commonjs/view/View.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 c59a9584..783aadba 100644
--- a/build/commonjs/view/View.min.js
+++ b/build/commonjs/view/View.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for commonjs
+ * Hilo 1.6.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 96c74686..b35d61ff 100644
--- a/build/dragonbones/dragonbones.js
+++ b/build/dragonbones/dragonbones.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for dragonbones
+ * Hilo 1.6.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 8e5e7c5d..12316e2b 100644
--- a/build/dragonbones/dragonbones.min.js
+++ b/build/dragonbones/dragonbones.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for dragonbones
+ * Hilo 1.6.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 9cf54529..fb258117 100644
--- a/build/flash/hilo-flash.js
+++ b/build/flash/hilo-flash.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for flashAdaptor
+ * Hilo 1.6.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 3e2faa2c..65d88101 100644
--- a/build/flash/hilo-flash.min.js
+++ b/build/flash/hilo-flash.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for flashAdaptor
+ * Hilo 1.6.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 79ea2063..8d4232d0 100644
--- a/build/kissy/hilo-kissy.js
+++ b/build/kissy/hilo-kissy.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -192,7 +192,7 @@ return browser;
 
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -229,7 +229,7 @@ return util;
 
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -257,7 +257,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.5.0',
+    version: '1.6.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.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -750,7 +750,7 @@ return Class;
 
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -976,7 +976,7 @@ return Matrix;
     requires: ['hilo/core/Class']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -1131,7 +1131,7 @@ return EventMixin;
     requires: ['hilo/core/Class']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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.5.0 for kissy
+ * Hilo 1.6.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.5.0 for kissy
+ * Hilo 1.6.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.5.0 for kissy
+ * Hilo 1.6.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.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2293,7 +2293,7 @@ return WebGLRenderer;
     requires: ['hilo/core/Class', 'hilo/core/Hilo', 'hilo/renderer/Renderer', 'hilo/geom/Matrix']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2792,7 +2792,7 @@ return View;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/event/EventMixin', 'hilo/geom/Matrix', 'hilo/util/util']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2860,7 +2860,7 @@ return CacheMixin;
     requires: ['hilo/view/Drawable', 'hilo/util/browser']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3236,7 +3236,7 @@ return Container;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3505,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.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3560,7 +3560,7 @@ KISSY.add('hilo/view/Bitmap', function(S, Hilo, Class, View, Drawable){
      * set the image。
      * @param {Image|String} Image Object or URL.
      * @param {Array} rect the range of bitmap in the image, option.
-     * @param {Boolean} Whether cross-domain is needed, default is false.
+     * @param {Boolean} crossOrigin Whether cross-domain is needed, default is false.
      * @returns {Bitmap} self。
      */
     setImage: function(image, rect, crossOrigin){
@@ -3587,7 +3587,7 @@ return Bitmap;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View', 'hilo/view/Drawable']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3860,7 +3860,7 @@ return Sprite;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View', 'hilo/view/Drawable']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3977,7 +3977,7 @@ return DOMElement;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View', 'hilo/view/Drawable']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4541,7 +4541,7 @@ return Graphics;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View', 'hilo/view/CacheMixin']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4796,7 +4796,7 @@ return Text;
     requires: ['hilo/core/Class', 'hilo/core/Hilo', 'hilo/view/View', 'hilo/view/CacheMixin']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4982,7 +4982,7 @@ return BitmapText;
     requires: ['hilo/core/Class', 'hilo/core/Hilo', 'hilo/view/Container', 'hilo/view/Bitmap']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5163,7 +5163,7 @@ return Button;
     requires: ['hilo/core/Hilo', 'hilo/core/Class', 'hilo/view/View', 'hilo/view/Drawable', 'hilo/util/util']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5402,7 +5402,7 @@ return TextureAtlas;
     requires: ['hilo/core/Class']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5633,7 +5633,7 @@ return Ticker;
     requires: ['hilo/core/Class', 'hilo/util/browser']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5681,7 +5681,7 @@ if (!fnProto.bind) {
 
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5822,7 +5822,7 @@ return drag;
     requires: ['hilo/core/Hilo']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6280,7 +6280,7 @@ return Tween;
     requires: ['hilo/core/Class']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6552,7 +6552,7 @@ return Ease;
 
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6602,7 +6602,7 @@ return ImageLoader;
     requires: ['hilo/core/Class']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6671,7 +6671,7 @@ return ScriptLoader;
     requires: ['hilo/core/Class']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6763,6 +6763,23 @@ var LoadQueue = Class.create(/** @lends LoadQueue.prototype */{
         var item = this.get(id);
         return item && item.content;
     },
+    /**
+     * @language=en
+     * remove resource object content  by id or src
+     * @param {String} specified id or src
+     */
+    removeContent: function(id){
+        if(id){
+            var source = this._source;
+            for(var i = 0; i < source.length; i++){
+                var item = source[i];
+                if(item.id === id || item.src === id){
+                    source.splice(i, 1);
+                    return;
+                }
+            }
+        }
+    },
 
     /**
      * @language=en
@@ -6923,7 +6940,7 @@ return LoadQueue;
     requires: ['hilo/core/Class', 'hilo/event/EventMixin', 'hilo/loader/ImageLoader', 'hilo/loader/ScriptLoader']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7128,7 +7145,7 @@ return HTMLAudio;
     requires: ['hilo/core/Class', 'hilo/util/util', 'hilo/event/EventMixin']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7454,7 +7471,7 @@ return WebAudio;
     requires: ['hilo/core/Class', 'hilo/util/util', 'hilo/event/EventMixin']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7559,7 +7576,7 @@ return WebSound;
     requires: ['hilo/media/HTMLAudio', 'hilo/media/WebAudio', 'hilo/util/util']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7654,7 +7671,7 @@ return Camera;
     requires: ['hilo/core/Class', 'hilo/util/util']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7843,7 +7860,7 @@ return Camera3d;
     requires: ['hilo/core/Class', 'hilo/util/util']
 });
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 db5353e0..1c36e0c7 100644
--- a/build/kissy/hilo-kissy.min.js
+++ b/build/kissy/hilo-kissy.min.js
@@ -1,8 +1,8 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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.5.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="Anonymous"),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,i){return this.drawable.init({image:t,rect:e,crossOrigin:i}),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,isComplete:!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._reverseFlag=1,e._repeatCount=0,e.paused=!1,e.isStart=!1,e.isComplete=!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){if(n.isComplete)return!0;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.isStart&&(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):n.isComplete=!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)):n.isComplete&&(u<0||u>e)&&c.start()}return n.isComplete?((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="Anonymous"),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=null;try{var a=window.AudioContext||window.webkitAudioContext;a&&(t=new a)}catch(o){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=t,this._gainNode=t.createGain?t.createGain():t.createGainNode(),this._gainNode.connect(t.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&&t){var e=t.createBufferSource();return e.buffer=t.createBuffer(1,1,22050),e.connect(t.destination),e.start?e.start(0,0,0):e.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
+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.6.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="Anonymous"),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,i){return this.drawable.init({image:t,rect:e,crossOrigin:i}),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,isComplete:!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._reverseFlag=1,e._repeatCount=0,e.paused=!1,e.isStart=!1,e.isComplete=!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){if(n.isComplete)return!0;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.isStart&&(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):n.isComplete=!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)):n.isComplete&&(u<0||u>e)&&c.start()}return n.isComplete?((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="Anonymous"),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},removeContent: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 void e.splice(i,1)}},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=null;try{var a=window.AudioContext||window.webkitAudioContext;a&&(t=new a)}catch(o){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=t,this._gainNode=t.createGain?t.createGain():t.createGainNode(),this._gainNode.connect(t.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&&t){var e=t.createBufferSource();return e.buffer=t.createBuffer(1,1,22050),e.connect(t.destination),e.start?e.start(0,0,0):e.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 f8fb04e2..61ae6721 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 58217569..fe09b328 100644
--- a/build/kissy/hilo/core/Class.js
+++ b/build/kissy/hilo/core/Class.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 38083b73..c629628a 100644
--- a/build/kissy/hilo/core/Class.min.js
+++ b/build/kissy/hilo/core/Class.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 7d49336f..dfb15d20 100644
--- a/build/kissy/hilo/core/Hilo.js
+++ b/build/kissy/hilo/core/Hilo.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -27,7 +27,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.5.0',
+    version: '1.6.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 41b4957a..b17e2515 100644
--- a/build/kissy/hilo/core/Hilo.min.js
+++ b/build/kissy/hilo/core/Hilo.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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.5.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.6.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 a05ce4fa..47f7a246 100644
--- a/build/kissy/hilo/event/EventMixin.js
+++ b/build/kissy/hilo/event/EventMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 cb6eeff7..f0e37809 100644
--- a/build/kissy/hilo/event/EventMixin.min.js
+++ b/build/kissy/hilo/event/EventMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 af03f831..402e0432 100644
--- a/build/kissy/hilo/game/Camera.js
+++ b/build/kissy/hilo/game/Camera.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 522b0322..eaf5b6d1 100644
--- a/build/kissy/hilo/game/Camera.min.js
+++ b/build/kissy/hilo/game/Camera.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 1e2fbe1f..ae5d8ecb 100644
--- a/build/kissy/hilo/game/Camera3d.js
+++ b/build/kissy/hilo/game/Camera3d.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 07ba20c9..25429df7 100644
--- a/build/kissy/hilo/game/Camera3d.min.js
+++ b/build/kissy/hilo/game/Camera3d.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 890bbbb3..48d51875 100644
--- a/build/kissy/hilo/game/ParticleSystem.js
+++ b/build/kissy/hilo/game/ParticleSystem.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 f9477dcf..f854140d 100644
--- a/build/kissy/hilo/game/ParticleSystem.min.js
+++ b/build/kissy/hilo/game/ParticleSystem.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 2767a998..413f7bc5 100644
--- a/build/kissy/hilo/geom/Matrix.js
+++ b/build/kissy/hilo/geom/Matrix.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 4ca6de31..193924d6 100644
--- a/build/kissy/hilo/geom/Matrix.min.js
+++ b/build/kissy/hilo/geom/Matrix.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 6a02bc14..6b7f8d36 100644
--- a/build/kissy/hilo/loader/ImageLoader.js
+++ b/build/kissy/hilo/loader/ImageLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 b50b4fb6..f6b248bb 100644
--- a/build/kissy/hilo/loader/ImageLoader.min.js
+++ b/build/kissy/hilo/loader/ImageLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 6a10a3ec..479c121f 100644
--- a/build/kissy/hilo/loader/LoadQueue.js
+++ b/build/kissy/hilo/loader/LoadQueue.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -91,6 +91,23 @@ var LoadQueue = Class.create(/** @lends LoadQueue.prototype */{
         var item = this.get(id);
         return item && item.content;
     },
+    /**
+     * @language=en
+     * remove resource object content  by id or src
+     * @param {String} specified id or src
+     */
+    removeContent: function(id){
+        if(id){
+            var source = this._source;
+            for(var i = 0; i < source.length; i++){
+                var item = source[i];
+                if(item.id === id || item.src === id){
+                    source.splice(i, 1);
+                    return;
+                }
+            }
+        }
+    },
 
     /**
      * @language=en
diff --git a/build/kissy/hilo/loader/LoadQueue.min.js b/build/kissy/hilo/loader/LoadQueue.min.js
index 9a46507e..53255f43 100644
--- a/build/kissy/hilo/loader/LoadQueue.min.js
+++ b/build/kissy/hilo/loader/LoadQueue.min.js
@@ -1,6 +1,6 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-KISSY.add("hilo/loader/LoadQueue",function(e,o,r,n,t){function a(e){var o,r,n=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(o=e.match(n))&&(r=o[1].toLowerCase()),r||null}var c=o.create({Mixes:r,constructor:function(e){this._source=[],this.add(e)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(e){var o=this;return e&&(e=e instanceof Array?e:[e],o._source=o._source.concat(e)),o},get:function(e){if(e)for(var o=this._source,r=0;r<o.length;r++){var n=o[r];if(n.id===e||n.src===e)return n}return null},getContent:function(e){var o=this.get(e);return o&&o.content},start:function(){var e=this;return e._loadNext(),e},_loadNext:function(){var e=this,o=e._source,r=o.length;if(e._loaded>=r)return void e.fire("complete");if(e._currentIndex<r-1&&e._connections<e.maxConnections){var n=++e._currentIndex,t=o[n],a=e._getLoader(t);if(a){var c=a.onLoad,i=a.onError;a.onLoad=function(o){a.onLoad=c,a.onError=i;var r=c&&c.call(a,o)||o.target;e._onItemLoad(n,r)},a.onError=function(o){a.onLoad=c,a.onError=i,i&&i.call(a,o),e._onItemError(n,o)},e._connections++}e._loadNext(),a&&a.load(t)}},_getLoader:function(e){var o=e.loader;if(o)return o;var r=e.type||a(e.src);switch(r){case"png":case"jpg":case"jpeg":case"gif":case"webp":o=new n;break;case"js":case"jsonp":o=new t}return o},_onItemLoad:function(e,o){var r=this,n=r._source[e];n.loaded=!0,n.content=o,r._connections--,r._loaded++,r.fire("load",n),r._loadNext()},_onItemError:function(e,o){var r=this,n=r._source[e];n.error=o,r._connections--,r._loaded++,r.fire("error",n),r._loadNext()},getSize:function(e){for(var o=0,r=this._source,n=0;n<r.length;n++){var t=r[n];o+=(e?t.loaded&&t.size:t.size)||0}return o},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});return c},{requires:["hilo/core/Class","hilo/event/EventMixin","hilo/loader/ImageLoader","hilo/loader/ScriptLoader"]});
\ No newline at end of file
+KISSY.add("hilo/loader/LoadQueue",function(e,r,o,n,t){function a(e){var r,o,n=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(r=e.match(n))&&(o=r[1].toLowerCase()),o||null}var i=r.create({Mixes:o,constructor:function(e){this._source=[],this.add(e)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(e){var r=this;return e&&(e=e instanceof Array?e:[e],r._source=r._source.concat(e)),r},get:function(e){if(e)for(var r=this._source,o=0;o<r.length;o++){var n=r[o];if(n.id===e||n.src===e)return n}return null},getContent:function(e){var r=this.get(e);return r&&r.content},removeContent:function(e){if(e)for(var r=this._source,o=0;o<r.length;o++){var n=r[o];if(n.id===e||n.src===e)return void r.splice(o,1)}},start:function(){var e=this;return e._loadNext(),e},_loadNext:function(){var e=this,r=e._source,o=r.length;if(e._loaded>=o)return void e.fire("complete");if(e._currentIndex<o-1&&e._connections<e.maxConnections){var n=++e._currentIndex,t=r[n],a=e._getLoader(t);if(a){var i=a.onLoad,c=a.onError;a.onLoad=function(r){a.onLoad=i,a.onError=c;var o=i&&i.call(a,r)||r.target;e._onItemLoad(n,o)},a.onError=function(r){a.onLoad=i,a.onError=c,c&&c.call(a,r),e._onItemError(n,r)},e._connections++}e._loadNext(),a&&a.load(t)}},_getLoader:function(e){var r=e.loader;if(r)return r;var o=e.type||a(e.src);switch(o){case"png":case"jpg":case"jpeg":case"gif":case"webp":r=new n;break;case"js":case"jsonp":r=new t}return r},_onItemLoad:function(e,r){var o=this,n=o._source[e];n.loaded=!0,n.content=r,o._connections--,o._loaded++,o.fire("load",n),o._loadNext()},_onItemError:function(e,r){var o=this,n=o._source[e];n.error=r,o._connections--,o._loaded++,o.fire("error",n),o._loadNext()},getSize:function(e){for(var r=0,o=this._source,n=0;n<o.length;n++){var t=o[n];r+=(e?t.loaded&&t.size:t.size)||0}return r},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});return i},{requires:["hilo/core/Class","hilo/event/EventMixin","hilo/loader/ImageLoader","hilo/loader/ScriptLoader"]});
\ No newline at end of file
diff --git a/build/kissy/hilo/loader/ScriptLoader.js b/build/kissy/hilo/loader/ScriptLoader.js
index 99dc59c3..d219a6fd 100644
--- a/build/kissy/hilo/loader/ScriptLoader.js
+++ b/build/kissy/hilo/loader/ScriptLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 719b726b..1d96eaeb 100644
--- a/build/kissy/hilo/loader/ScriptLoader.min.js
+++ b/build/kissy/hilo/loader/ScriptLoader.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 3604cebd..5d1b4d4f 100644
--- a/build/kissy/hilo/media/HTMLAudio.js
+++ b/build/kissy/hilo/media/HTMLAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 250b65a1..546f1a46 100644
--- a/build/kissy/hilo/media/HTMLAudio.min.js
+++ b/build/kissy/hilo/media/HTMLAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 0ac623e0..4041f616 100644
--- a/build/kissy/hilo/media/WebAudio.js
+++ b/build/kissy/hilo/media/WebAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 2a48c77d..344c0e94 100644
--- a/build/kissy/hilo/media/WebAudio.min.js
+++ b/build/kissy/hilo/media/WebAudio.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 1e184ccf..61fb66bd 100644
--- a/build/kissy/hilo/media/WebSound.js
+++ b/build/kissy/hilo/media/WebSound.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 cf7cffaf..349a9614 100644
--- a/build/kissy/hilo/media/WebSound.min.js
+++ b/build/kissy/hilo/media/WebSound.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 93667065..ae793295 100644
--- a/build/kissy/hilo/renderer/CanvasRenderer.js
+++ b/build/kissy/hilo/renderer/CanvasRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 1e5d751c..9d6c910c 100644
--- a/build/kissy/hilo/renderer/CanvasRenderer.min.js
+++ b/build/kissy/hilo/renderer/CanvasRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 8ba0b015..c53a593c 100644
--- a/build/kissy/hilo/renderer/DOMRenderer.js
+++ b/build/kissy/hilo/renderer/DOMRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 9766cd30..af158c11 100644
--- a/build/kissy/hilo/renderer/DOMRenderer.min.js
+++ b/build/kissy/hilo/renderer/DOMRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 becc6083..bd552c24 100644
--- a/build/kissy/hilo/renderer/Renderer.js
+++ b/build/kissy/hilo/renderer/Renderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 94a22e78..035c8857 100644
--- a/build/kissy/hilo/renderer/Renderer.min.js
+++ b/build/kissy/hilo/renderer/Renderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 f50cf788..b97ee494 100644
--- a/build/kissy/hilo/renderer/WebGLRenderer.js
+++ b/build/kissy/hilo/renderer/WebGLRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/renderer/WebGLRenderer.min.js b/build/kissy/hilo/renderer/WebGLRenderer.min.js
index 35e73a06..ef66419d 100644
--- a/build/kissy/hilo/renderer/WebGLRenderer.min.js
+++ b/build/kissy/hilo/renderer/WebGLRenderer.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/tween/Ease.js b/build/kissy/hilo/tween/Ease.js
index e2e830c4..4e4d3c1f 100644
--- a/build/kissy/hilo/tween/Ease.js
+++ b/build/kissy/hilo/tween/Ease.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 f526fbda..77edba10 100644
--- a/build/kissy/hilo/tween/Ease.min.js
+++ b/build/kissy/hilo/tween/Ease.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 00afc238..099453d0 100644
--- a/build/kissy/hilo/tween/Tween.js
+++ b/build/kissy/hilo/tween/Tween.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 9f2f07b8..dcae5cf9 100644
--- a/build/kissy/hilo/tween/Tween.min.js
+++ b/build/kissy/hilo/tween/Tween.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 b85c8625..fffaafb6 100644
--- a/build/kissy/hilo/util/TextureAtlas.js
+++ b/build/kissy/hilo/util/TextureAtlas.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 170ed5d1..c98a16b1 100644
--- a/build/kissy/hilo/util/TextureAtlas.min.js
+++ b/build/kissy/hilo/util/TextureAtlas.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 b25f585d..e7cb4bfc 100644
--- a/build/kissy/hilo/util/Ticker.js
+++ b/build/kissy/hilo/util/Ticker.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 5bb18bc8..69063e5f 100644
--- a/build/kissy/hilo/util/Ticker.min.js
+++ b/build/kissy/hilo/util/Ticker.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 3c467281..6e87fb9d 100644
--- a/build/kissy/hilo/util/browser.js
+++ b/build/kissy/hilo/util/browser.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 4cee9902..27172e6e 100644
--- a/build/kissy/hilo/util/browser.min.js
+++ b/build/kissy/hilo/util/browser.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 63fcb900..bb2864f2 100644
--- a/build/kissy/hilo/util/drag.js
+++ b/build/kissy/hilo/util/drag.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 24650a55..2c3e5e91 100644
--- a/build/kissy/hilo/util/drag.min.js
+++ b/build/kissy/hilo/util/drag.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 735ad9b8..4a5d55d1 100644
--- a/build/kissy/hilo/util/polyfill.js
+++ b/build/kissy/hilo/util/polyfill.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 3857f003..ece27e4f 100644
--- a/build/kissy/hilo/util/polyfill.min.js
+++ b/build/kissy/hilo/util/polyfill.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 7bdc3e3b..f7c4b5cf 100644
--- a/build/kissy/hilo/util/util.js
+++ b/build/kissy/hilo/util/util.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 3a495a24..ca5c9b1a 100644
--- a/build/kissy/hilo/util/util.min.js
+++ b/build/kissy/hilo/util/util.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 f155dce9..15f4c0f2 100644
--- a/build/kissy/hilo/view/Bitmap.js
+++ b/build/kissy/hilo/view/Bitmap.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -54,7 +54,7 @@ KISSY.add('hilo/view/Bitmap', function(S, Hilo, Class, View, Drawable){
      * set the image。
      * @param {Image|String} Image Object or URL.
      * @param {Array} rect the range of bitmap in the image, option.
-     * @param {Boolean} Whether cross-domain is needed, default is false.
+     * @param {Boolean} crossOrigin Whether cross-domain is needed, default is false.
      * @returns {Bitmap} self。
      */
     setImage: function(image, rect, crossOrigin){
diff --git a/build/kissy/hilo/view/Bitmap.min.js b/build/kissy/hilo/view/Bitmap.min.js
index 2c10de39..e48bd2f3 100644
--- a/build/kissy/hilo/view/Bitmap.min.js
+++ b/build/kissy/hilo/view/Bitmap.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 3189aa13..dbecc771 100644
--- a/build/kissy/hilo/view/BitmapText.js
+++ b/build/kissy/hilo/view/BitmapText.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 ff8a8b72..7ea5d144 100644
--- a/build/kissy/hilo/view/BitmapText.min.js
+++ b/build/kissy/hilo/view/BitmapText.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 ff8c626e..3099ed61 100644
--- a/build/kissy/hilo/view/Button.js
+++ b/build/kissy/hilo/view/Button.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 ef997aeb..3f785d8d 100644
--- a/build/kissy/hilo/view/Button.min.js
+++ b/build/kissy/hilo/view/Button.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 f254d1ef..cf2c0639 100644
--- a/build/kissy/hilo/view/CacheMixin.js
+++ b/build/kissy/hilo/view/CacheMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 3bdf690e..a18efc6f 100644
--- a/build/kissy/hilo/view/CacheMixin.min.js
+++ b/build/kissy/hilo/view/CacheMixin.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 e3c38463..b8c3a887 100644
--- a/build/kissy/hilo/view/Container.js
+++ b/build/kissy/hilo/view/Container.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 ba9b6b76..e7f69f44 100644
--- a/build/kissy/hilo/view/Container.min.js
+++ b/build/kissy/hilo/view/Container.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 35ac1391..79ebcfd4 100644
--- a/build/kissy/hilo/view/DOMElement.js
+++ b/build/kissy/hilo/view/DOMElement.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 dd3dca0a..11751a8a 100644
--- a/build/kissy/hilo/view/DOMElement.min.js
+++ b/build/kissy/hilo/view/DOMElement.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 7dcbc87c..3e531e10 100644
--- a/build/kissy/hilo/view/Drawable.js
+++ b/build/kissy/hilo/view/Drawable.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 65ad476b..27ede4ad 100644
--- a/build/kissy/hilo/view/Drawable.min.js
+++ b/build/kissy/hilo/view/Drawable.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 82eb72a2..f2943fa0 100644
--- a/build/kissy/hilo/view/Graphics.js
+++ b/build/kissy/hilo/view/Graphics.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Graphics.min.js b/build/kissy/hilo/view/Graphics.min.js
index f5014e49..b5b9b3f5 100644
--- a/build/kissy/hilo/view/Graphics.min.js
+++ b/build/kissy/hilo/view/Graphics.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 8a359407..6f32cba0 100644
--- a/build/kissy/hilo/view/Sprite.js
+++ b/build/kissy/hilo/view/Sprite.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 15fbad28..da8f7b1e 100644
--- a/build/kissy/hilo/view/Sprite.min.js
+++ b/build/kissy/hilo/view/Sprite.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 789b3090..10ca331f 100644
--- a/build/kissy/hilo/view/Stage.js
+++ b/build/kissy/hilo/view/Stage.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 5fee3669..240606cc 100644
--- a/build/kissy/hilo/view/Stage.min.js
+++ b/build/kissy/hilo/view/Stage.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 c2fcf0f0..edc16d3b 100644
--- a/build/kissy/hilo/view/Text.js
+++ b/build/kissy/hilo/view/Text.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/Text.min.js b/build/kissy/hilo/view/Text.min.js
index 53c3465a..016ec738 100644
--- a/build/kissy/hilo/view/Text.min.js
+++ b/build/kissy/hilo/view/Text.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.0 for kissy
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/kissy/hilo/view/View.js b/build/kissy/hilo/view/View.js
index 444b86cd..5187d2b3 100644
--- a/build/kissy/hilo/view/View.js
+++ b/build/kissy/hilo/view/View.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 0e424b3e..f23cbaab 100644
--- a/build/kissy/hilo/view/View.min.js
+++ b/build/kissy/hilo/view/View.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for kissy
+ * Hilo 1.6.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 8c035d67..13f9d1f7 100644
--- a/build/physics/physics.js
+++ b/build/physics/physics.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for physics
+ * Hilo 1.6.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 876eb5b6..11586e8c 100644
--- a/build/physics/physics.min.js
+++ b/build/physics/physics.min.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for physics
+ * Hilo 1.6.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 69b57524..0938a763 100644
--- a/build/standalone/hilo-standalone.js
+++ b/build/standalone/hilo-standalone.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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.5.0 for standalone
+ * Hilo 1.6.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.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -255,7 +255,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.5.0',
+    version: '1.6.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.5.0 for standalone
+ * Hilo 1.6.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.5.0 for standalone
+ * Hilo 1.6.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.5.0 for standalone
+ * Hilo 1.6.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.5.0 for standalone
+ * Hilo 1.6.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.5.0 for standalone
+ * Hilo 1.6.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.5.0 for standalone
+ * Hilo 1.6.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.5.0 for standalone
+ * Hilo 1.6.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.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2271,7 +2271,7 @@ Shader.prototype = {
 window.Hilo.WebGLRenderer = WebGLRenderer;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2770,7 +2770,7 @@ function doSATCheck(poly1, poly2, result){
 window.Hilo.View = View;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -2836,7 +2836,7 @@ var CacheMixin = /** @lends CacheMixin# */ {
 window.Hilo.CacheMixin = CacheMixin;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3210,7 +3210,7 @@ var Container = Class.create(/** @lends Container.prototype */{
 window.Hilo.Container = Container;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3482,7 +3482,7 @@ var Stage = Class.create(/** @lends Stage.prototype */{
 window.Hilo.Stage = Stage;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3540,7 +3540,7 @@ var Drawable = window.Hilo.Drawable;
      * set the image。
      * @param {Image|String} Image Object or URL.
      * @param {Array} rect the range of bitmap in the image, option.
-     * @param {Boolean} Whether cross-domain is needed, default is false.
+     * @param {Boolean} crossOrigin Whether cross-domain is needed, default is false.
      * @returns {Bitmap} self。
      */
     setImage: function(image, rect, crossOrigin){
@@ -3563,7 +3563,7 @@ var Drawable = window.Hilo.Drawable;
 window.Hilo.Bitmap = Bitmap;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3835,7 +3835,7 @@ var Sprite = Class.create(/** @lends Sprite.prototype */{
 window.Hilo.Sprite = Sprite;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -3951,7 +3951,7 @@ var DOMElement = Class.create(/** @lends DOMElement.prototype */{
 window.Hilo.DOMElement = DOMElement;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4514,7 +4514,7 @@ return Class.create(/** @lends Graphics.prototype */{
 window.Hilo.Graphics = Graphics;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4768,7 +4768,7 @@ var Text = Class.create(/** @lends Text.prototype */{
 window.Hilo.Text = Text;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -4953,7 +4953,7 @@ var BitmapText = Class.create(/** @lends BitmapText.prototype */{
 window.Hilo.BitmapText = BitmapText;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5134,7 +5134,7 @@ var util = window.Hilo.util;
 window.Hilo.Button = Button;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5370,7 +5370,7 @@ function isNumber(value){
 window.Hilo.TextureAtlas = TextureAtlas;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5599,7 +5599,7 @@ var Ticker = Class.create(/** @lends Ticker.prototype */{
 window.Hilo.Ticker = Ticker;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5647,7 +5647,7 @@ if (!fnProto.bind) {
 window.Hilo.undefined = undefined;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -5784,7 +5784,7 @@ var drag = {
 window.Hilo.drag = drag;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6239,7 +6239,7 @@ return Class.create(/** @lends Tween.prototype */{
 window.Hilo.Tween = Tween;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6509,7 +6509,7 @@ return {
 window.Hilo.Ease = Ease;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6556,7 +6556,7 @@ var ImageLoader = Class.create({
 window.Hilo.ImageLoader = ImageLoader;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6622,7 +6622,7 @@ var ScriptLoader = Class.create({
 window.Hilo.ScriptLoader = ScriptLoader;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -6718,6 +6718,23 @@ var LoadQueue = Class.create(/** @lends LoadQueue.prototype */{
         var item = this.get(id);
         return item && item.content;
     },
+    /**
+     * @language=en
+     * remove resource object content  by id or src
+     * @param {String} specified id or src
+     */
+    removeContent: function(id){
+        if(id){
+            var source = this._source;
+            for(var i = 0; i < source.length; i++){
+                var item = source[i];
+                if(item.id === id || item.src === id){
+                    source.splice(i, 1);
+                    return;
+                }
+            }
+        }
+    },
 
     /**
      * @language=en
@@ -6874,7 +6891,7 @@ function getExtension(src){
 window.Hilo.LoadQueue = LoadQueue;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7078,7 +7095,7 @@ var HTMLAudio = Class.create(/** @lends HTMLAudio.prototype */{
 window.Hilo.HTMLAudio = HTMLAudio;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7403,7 +7420,7 @@ return Class.create(/** @lends WebAudio.prototype */{
 window.Hilo.WebAudio = WebAudio;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7507,7 +7524,7 @@ var WebSound = {
 window.Hilo.WebSound = WebSound;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7600,7 +7617,7 @@ var Camera = Class.create(/** @lends Camera.prototype */{
 window.Hilo.Camera = Camera;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -7787,7 +7804,7 @@ var Camera3d = (function(){
 window.Hilo.Camera3d = Camera3d;
 })(window);
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 1c76d456..f43deb8e 100644
--- a/build/standalone/hilo-standalone.min.js
+++ b/build/standalone/hilo-standalone.min.js
@@ -1,8111 +1,8 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-
-
-/**
- * @language=en
- * @class Browser feature set
- * @static
- * @module hilo/util/browser
- */
-var browser = (function(){
-    var ua = navigator.userAgent;
-    var doc = document;
-    var win = window;
-    var docElem = doc.documentElement;
-
-    var data = /** @lends browser */ {
-        /**
-         * 是否是iphone
-         * @type {Boolean}
-         */
-        iphone: /iphone/i.test(ua),
-
-        /**
-         * 是否是ipad
-         * @type {Boolean}
-         */
-        ipad: /ipad/i.test(ua),
-
-        /**
-         * 是否是ipod
-         * @type {Boolean}
-         */
-        ipod: /ipod/i.test(ua),
-
-        /**
-         * 是否是ios
-         * @type {Boolean}
-         */
-        ios: /iphone|ipad|ipod/i.test(ua),
-
-        /**
-         * 是否是android
-         * @type {Boolean}
-         */
-        android: /android/i.test(ua),
-
-        /**
-         * 是否是webkit
-         * @type {Boolean}
-         */
-        webkit: /webkit/i.test(ua),
-
-        /**
-         * 是否是chrome
-         * @type {Boolean}
-         */
-        chrome: /chrome/i.test(ua),
-
-        /**
-         * 是否是safari
-         * @type {Boolean}
-         */
-        safari: /safari/i.test(ua),
-
-        /**
-         * 是否是firefox
-         * @type {Boolean}
-         */
-        firefox: /firefox/i.test(ua),
-
-        /**
-         * 是否是ie
-         * @type {Boolean}
-         */
-        ie: /msie/i.test(ua),
-
-        /**
-         * 是否是opera
-         * @type {Boolean}
-         */
-        opera: /opera/i.test(ua),
-        /**
-         * 是否支持触碰事件。
-         * @type {String}
-         */
-        supportTouch: 'ontouchstart' in win,
-
-        /**
-         * 是否支持canvas元素。
-         * @type {Boolean}
-         */
-        supportCanvas: doc.createElement('canvas').getContext != null,
-        /**
-         * 是否支持本地存储localStorage。
-         * @type {Boolean}
-         */
-        supportStorage: false,
-
-        /**
-         * 是否支持检测设备方向orientation。
-         * @type {Boolean}
-         */
-        supportOrientation: 'orientation' in win || 'orientation' in win.screen,
-
-        /**
-         * 是否支持检测加速度devicemotion。
-         * @type {Boolean}
-         */
-        supportDeviceMotion: 'ondevicemotion' in win
-    };
-
-    //`localStorage` is null or `localStorage.setItem` throws error in some cases (e.g. localStorage is disabled)
-    try{
-        var value = 'hilo';
-        localStorage.setItem(value, value);
-        localStorage.removeItem(value);
-        data.supportStorage = true;
-    }catch(e){}
-
-    /**
-     * 浏览器厂商CSS前缀的js值。比如：webkit。
-     * @type {String}
-     */
-    var jsVendor = data.jsVendor = data.webkit ? 'webkit' : data.firefox ? 'webkit' : data.opera ? 'o' : data.ie ? 'ms' : '';
-    /**
-     * 浏览器厂商CSS前缀的css值。比如：-webkit-。
-     * @type {String}
-     */
-    var cssVendor = data.cssVendor = '-' + jsVendor + '-';
-
-    //css transform/3d feature dectection
-    var testElem = doc.createElement('div'), style = testElem.style;
-    /**
-     * 是否支持CSS Transform变换。
-     * @type {Boolean}
-     */
-    var supportTransform = style[jsVendor + 'Transform'] != undefined;
-
-    /**
-     * 是否支持CSS Transform 3D变换。
-     * @type {Boolean}
-     */
-    var supportTransform3D = style[jsVendor + 'Perspective'] != undefined;
-    if(supportTransform3D){
-        testElem.id = 'test3d';
-        style = doc.createElement('style');
-        style.textContent = '@media ('+ cssVendor +'transform-3d){#test3d{height:3px}}';
-        doc.head.appendChild(style);
-
-        docElem.appendChild(testElem);
-        supportTransform3D = testElem.offsetHeight == 3;
-        doc.head.removeChild(style);
-        docElem.removeChild(testElem);
-    }
-    data.supportTransform = supportTransform;
-    data.supportTransform3D = supportTransform3D;
-
-    var supportTouch = data.supportTouch;
-    
-    /**
-     * 鼠标或触碰开始事件。对应touchstart或mousedown。
-     * @type {String}
-     */
-    var POINTER_START = supportTouch ? 'touchstart' : 'mousedown';
-
-    /**
-     * 鼠标或触碰移动事件。对应touchmove或mousemove。
-     * @type {String}
-     */
-    var POINTER_MOVE = supportTouch ? 'touchmove' : 'mousemove';
-
-    /**
-     * 鼠标或触碰结束事件。对应touchend或mouseup。
-     * @type {String}
-     */
-    var POINTER_END = supportTouch ? 'touchend' : 'mouseup';
-
-    data.POINTER_START = POINTER_START;
-    data.POINTER_MOVE = POINTER_MOVE;
-    data.POINTER_END = POINTER_END;
-    
-    return data;
-})();
-window.Hilo.browser = browser;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-
-
-/**
- * @language=en
- * @class util method set
- * @static
- * @module hilo/util/util
- */
-var util = {
-    /**
-     * @language=en
-     * Simple shallow copy objects.
-     * @param {Object} target Target object to copy to.
-     * @param {Object} source Source object to copy.
-     * @param {Boolean} strict Indicates whether replication is undefined property, default is false, i.e., undefined attributes are not copied.
-     * @returns {Object} Object after copying.
-     */
-    copy: function(target, source, strict){
-        for(var key in source){
-            if(!strict || target.hasOwnProperty(key) || target[key] !== undefined){
-                target[key] = source[key];
-            }
-        }
-        return target;
-    }
-};
-window.Hilo.util = util;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var browser = window.Hilo.browser;
-var util = window.Hilo.util;
-
-
-var win = window,
-    doc = document,
-    docElem = doc.documentElement,
-    uid = 0;
-
-var hasWarnedDict = {};
-
-/**
- * @language=en
- * @namespace Hilo The underlying core set of methods.
- * @static
- * @module hilo/core/Hilo
- * @requires hilo/util/browser
- * @requires hilo/util/util
- */
-var Hilo = {
-    /**
-     * Hilo version
-     * @type String
-     */
-    version: '1.5.0',
-    /**
-     * @language=en
-     * Gets a globally unique id. Such as Stage1, Bitmap2 etc.
-     * @param {String} prefix Generated id's prefix.
-     * @returns {String} Globally unique id.
-     */
-    getUid: function(prefix) {
-        var id = ++uid;
-        if (prefix) {
-            var charCode = prefix.charCodeAt(prefix.length - 1);
-            if (charCode >= 48 && charCode <= 57) prefix += "_"; //0至9之间添加下划线
-            return prefix + id;
-        }
-        return id;
-    },
-
-    /**
-     * @language=en
-     * Generates a string representation that contains a path to the specified visual object. Such as Stage1.Container2.Bitmap3.
-     * @param {View} view Specified visual object.
-     * @returns {String} String representation of the visual object.
-     */
-    viewToString: function(view) {
-        var result, obj = view;
-        while (obj) {
-            result = result ? (obj.id + '.' + result) : obj.id;
-            obj = obj.parent;
-        }
-        return result;
-    },
-
-    /**
-     * @language=en
-     * Simple shallow copy objects.
-     * @deprecated use Hilo.util.copy instead
-     * @param {Object} target Target object to copy to.
-     * @param {Object} source Source object to copy.
-     * @param {Boolean} strict Indicates whether replication is undefined property, default is false, i.e., undefined attributes are not copied.
-     * @returns {Object} Object after copying.
-     */
-    copy: function(target, source, strict) {
-        util.copy(target, source, strict);
-        if (!hasWarnedDict.copy) {
-            hasWarnedDict.copy = true;
-            console.warn('Hilo.copy has been Deprecated! Use Hilo.util.copy instead.');
-        }
-        return target;
-    },
-
-    /**
-     * @language=en
-     * Browser feature set includes:
-     * @see browser
-     */
-    browser: browser,
-
-    /**
-     * @language=en
-     * Event enumeration objects include:
-     * <ul>
-     * <li><b>POINTER_START</b> - Mouse or touch start event. Corresponds to touchstart or mousedown.</li>
-     * <li><b>POINTER_MOVE</b> - Mouse or touch move event. Corresponds to touchmove or mousemove.</li>
-     * <li><b>POINTER_END</b> - Mouse or touch end event. Corresponds to touchend or mouseup.</li>
-     * </ul>
-     */
-    event: {
-        POINTER_START: browser.POINTER_START,
-        POINTER_MOVE: browser.POINTER_MOVE,
-        POINTER_END: browser.POINTER_END
-    },
-
-    /**
-     * @language=en
-     * Visual object alinment enumeration objects include:
-     * <ul>
-     * <li><b>TOP_LEFT</b> - Align the top left corner.</li>
-     * <li><b>TOP</b> - Top center alignment.</li>
-     * <li><b>TOP_RIGHT</b> - Align the top right corner.</li>
-     * <li><b>LEFT</b> - Left center alignment.</li>
-     * <li><b>CENTER</b> - Align center.</li>
-     * <li><b>RIGHT</b> - Right center alignment.</li>
-     * <li><b>BOTTOM_LEFT</b> - Align the bottom left corner.</li>
-     * <li><b>BOTTOM</b> - Bottom center alignment.</li>
-     * <li><b>BOTTOM_RIGHT</b> - Align the bottom right corner.</li>
-     * </ul>
-     */
-    align: {
-        TOP_LEFT: 'TL', //top & left
-        TOP: 'T', //top & center
-        TOP_RIGHT: 'TR', //top & right
-        LEFT: 'L', //left & center
-        CENTER: 'C', //center
-        RIGHT: 'R', //right & center
-        BOTTOM_LEFT: 'BL', //bottom & left
-        BOTTOM: 'B', //bottom & center
-        BOTTOM_RIGHT: 'BR' //bottom & right
-    },
-
-    /**
-     * @language=en
-     * Get DOM element content in the page display area.
-     * @param {HTMLElement} elem DOM elements.
-     * @returns {Object} Viewable area DOM elements. Format is: {left:0, top:0, width:100, height:100}.
-     */
-    getElementRect: function(elem) {
-        var bounds;
-        try {
-            //this fails if it's a disconnected DOM node
-            bounds = elem.getBoundingClientRect();
-        } catch (e) {
-            bounds = {
-                top: elem.offsetTop,
-                left: elem.offsetLeft,
-                right: elem.offsetLeft + elem.offsetWidth,
-                bottom: elem.offsetTop + elem.offsetHeight
-            };
-        }
-
-        var offsetX = ((win.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || 0)) || 0;
-        var offsetY = ((win.pageYOffset || docElem.scrollTop) - (docElem.clientTop || 0)) || 0;
-        var styles = win.getComputedStyle ? getComputedStyle(elem) : elem.currentStyle;
-        var parseIntFn = parseInt;
-
-        var padLeft = (parseIntFn(styles.paddingLeft) + parseIntFn(styles.borderLeftWidth)) || 0;
-        var padTop = (parseIntFn(styles.paddingTop) + parseIntFn(styles.borderTopWidth)) || 0;
-        var padRight = (parseIntFn(styles.paddingRight) + parseIntFn(styles.borderRightWidth)) || 0;
-        var padBottom = (parseIntFn(styles.paddingBottom) + parseIntFn(styles.borderBottomWidth)) || 0;
-
-        var top = bounds.top || 0;
-        var left = bounds.left || 0;
-        var right = bounds.right || 0;
-        var bottom = bounds.bottom || 0;
-
-        return {
-            left: left + offsetX + padLeft,
-            top: top + offsetY + padTop,
-            width: right - padRight - left - padLeft,
-            height: bottom - padBottom - top - padTop
-        };
-    },
-
-    /**
-     * @language=en
-     * Create a DOM element. You can specify properties and styles.
-     * @param {String} type DOM element type to be created. Such as: 'div'.
-     * @param {Object} properties Properties and styles for DOM element.
-     * @returns {HTMLElement} A DOM element.
-     */
-    createElement: function(type, properties) {
-        var elem = doc.createElement(type),
-            p, val, s;
-        for (p in properties) {
-            val = properties[p];
-            if (p === 'style') {
-                for (s in val) elem.style[s] = val[s];
-            } else {
-                elem[p] = val;
-            }
-        }
-        return elem;
-    },
-
-    /**
-     * @language=en
-     * Gets a DOM element according to the parameter id. This method is equivalent to document.getElementById(id).
-     * @param {String} id id of the DOM element you want to get.
-     * @returns {HTMLElement} A DOM element.
-     */
-    getElement: function(id) {
-        return doc.getElementById(id);
-    },
-
-    /**
-     * @language=en
-     * Set visual object DOM element CSS style.
-     * @param {View} obj Specifies the CSS style to set the visual object.
-     * @private
-     */
-    setElementStyleByView: function(obj) {
-        var drawable = obj.drawable,
-            style = drawable.domElement.style,
-            stateCache = obj._stateCache || (obj._stateCache = {}),
-            prefix = Hilo.browser.jsVendor,
-            px = 'px',
-            flag = false;
-
-        if (this.cacheStateIfChanged(obj, ['visible'], stateCache)) {
-            style.display = !obj.visible ? 'none' : '';
-        }
-        if (this.cacheStateIfChanged(obj, ['alpha'], stateCache)) {
-            style.opacity = obj.alpha;
-        }
-        if (!obj.visible || obj.alpha <= 0) return;
-
-        if (this.cacheStateIfChanged(obj, ['width'], stateCache)) {
-            style.width = obj.width + px;
-        }
-        if (this.cacheStateIfChanged(obj, ['height'], stateCache)) {
-            style.height = obj.height + px;
-        }
-        if (this.cacheStateIfChanged(obj, ['depth'], stateCache)) {
-            style.zIndex = obj.depth + 1;
-        }
-        if (obj.transform){
-            var transform = obj.transform;
-            if (flag = this.cacheStateIfChanged(obj, ['pivotX', 'pivotY'], stateCache)) {
-                style[prefix + 'TransformOrigin'] = '0 0';
-            }
-            style[prefix + 'Transform'] = 'matrix3d(' + transform.a + ', '+ transform.b + ', 0, 0, '+ transform.c + ', '+ transform.d + ', 0, 0, 0, 0, 1, 0, '+ transform.tx + ', '+ transform.ty + ', 0, 1)';
-        }
-        else{
-            if (flag = this.cacheStateIfChanged(obj, ['pivotX', 'pivotY'], stateCache)) {
-                style[prefix + 'TransformOrigin'] = obj.pivotX + px + ' ' + obj.pivotY + px;
-            }
-
-            if (this.cacheStateIfChanged(obj, ['x', 'y', 'rotation', 'scaleX', 'scaleY'], stateCache) || flag) {
-                style[prefix + 'Transform'] = this.getTransformCSS(obj);
-            }
-        }
-        
-        if (this.cacheStateIfChanged(obj, ['background'], stateCache)) {
-            style.backgroundColor = obj.background;
-        }
-        if (!style.pointerEvents) {
-            style.pointerEvents = 'none';
-        }
-
-        //render image as background
-        var image = drawable.image;
-        if (image) {
-            var src = image.src;
-            if (src !== stateCache.image) {
-                stateCache.image = src;
-                style.backgroundImage = 'url(' + src + ')';
-            }
-
-            var rect = drawable.rect;
-            if (rect) {
-                var sx = rect[0],
-                    sy = rect[1];
-                if (sx !== stateCache.sx) {
-                    stateCache.sx = sx;
-                    style.backgroundPositionX = -sx + px;
-                }
-                if (sy !== stateCache.sy) {
-                    stateCache.sy = sy;
-                    style.backgroundPositionY = -sy + px;
-                }
-            }
-        }
-
-        //render mask
-        var mask = obj.mask;
-        if (mask) {
-            var maskImage = mask.drawable.domElement.style.backgroundImage;
-            if (maskImage !== stateCache.maskImage) {
-                stateCache.maskImage = maskImage;
-                style[prefix + 'MaskImage'] = maskImage;
-                style[prefix + 'MaskRepeat'] = 'no-repeat';
-            }
-
-            var maskX = mask.x,
-                maskY = mask.y;
-            if (maskX !== stateCache.maskX || maskY !== stateCache.maskY) {
-                stateCache.maskX = maskX;
-                stateCache.maskY = maskY;
-                style[prefix + 'MaskPosition'] = maskX + px + ' ' + maskY + px;
-            }
-        }
-    },
-
-    /**
-     * @private
-     */
-    cacheStateIfChanged: function(obj, propNames, stateCache) {
-        var i, len, name, value, changed = false;
-        for (i = 0, len = propNames.length; i < len; i++) {
-            name = propNames[i];
-            value = obj[name];
-            if (value != stateCache[name]) {
-                stateCache[name] = value;
-                changed = true;
-            }
-        }
-        return changed;
-    },
-
-    /**
-     * @language=en
-     * Generated visual object CSS style transformation.
-     * @param {View} obj Specifies visual object whose CSS style must be got.
-     * @returns {String} String representation of the CSS style.
-     */
-    getTransformCSS: function(obj) {
-        var use3d = this.browser.supportTransform3D,
-            str3d = use3d ? '3d' : '';
-
-        return 'translate' + str3d + '(' + (obj.x - obj.pivotX) + 'px, ' + (obj.y - obj.pivotY) + (use3d ? 'px, 0px)' : 'px)') +
-            'rotate' + str3d + (use3d ? '(0, 0, 1, ' : '(') + obj.rotation + 'deg)' +
-            'scale' + str3d + '(' + obj.scaleX + ', ' + obj.scaleY + (use3d ? ', 1)' : ')');
-    }
-};
-for(var i in Hilo){window.Hilo[i] = Hilo[i];}
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-
-
-/**
- * @language=en
- * Create Example Class:
- * <pre>
- * var Bird = Hilo.Class.create({
- *     Extends: Animal,
- *     Mixes: EventMixin,
- *     constructor: function(name){
- *         this.name = name;
- *     },
- *     fly: function(){
- *         console.log('I am flying');
- *     },
- *     Statics: {
- *         isBird: function(bird){
- *             return bird instanceof Bird;
- *         }
- *     }
- * });
- *
- * var swallow = new Bird('swallow');
- * swallow.fly();
- * Bird.isBird(swallow);
- * </pre>
- * @namespace Class Class is created to aid the developer.
- * @static
- * @module hilo/core/Class
- */
-var Class = (function(){
-
-/**
- * @language=en
- * Create a class based on the parameters, properties and methods specified.
- * @param {Object} properties Properties and methods to create the class.
- * <ul>
- * <li><b>Extends</b> - Designed to inherit the parent class.</li>
- * <li><b>Mixes</b> - Specifies mixed member collection object.</li>
- * <li><b>Statics</b> - Static property or method specified class.</li>
- * <li><b>constructor</b> -  The constructor of specified class.</li>
- * <li>Other members of the property or method to create the class.</li>
- * </ul>
- * @returns {Object} Create classes.
- */
-var create = function(properties){
-    properties = properties || {};
-    var clazz = properties.hasOwnProperty('constructor') ? properties.constructor : function(){};
-    implement.call(clazz, properties);
-    return clazz;
-};
-
-/**
- * @language=en
- * @private
- */
-var implement = function(properties){
-    var proto = {}, key, value;
-    for(key in properties){
-        value = properties[key];
-        if(classMutators.hasOwnProperty(key)){
-            classMutators[key].call(this, value);
-        }else{
-            proto[key] = value;
-        }
-    }
-
-    mix(this.prototype, proto);
-};
-
-var classMutators = /** @ignore */{
-    Extends: function(parent){
-        var existed = this.prototype, proto = createProto(parent.prototype);
-        //inherit static properites
-        mix(this, parent);
-        //keep existed properties
-        mix(proto, existed);
-        //correct constructor
-        proto.constructor = this;
-        //prototype chaining
-        this.prototype = proto;
-        //shortcut to parent's prototype
-        this.superclass = parent.prototype;
-    },
-
-    Mixes: function(items){
-        items instanceof Array || (items = [items]);
-        var proto = this.prototype, item;
-
-        while(item = items.shift()){
-            mix(proto, item.prototype || item);
-        }
-    },
-
-    Statics: function(properties){
-        mix(this, properties);
-    }
-};
-
-/**
- * @language=en
- * @private
- */
-var createProto = (function(){
-    if(Object.__proto__){
-        return function(proto){
-            return {__proto__: proto};
-        };
-    }else{
-        var Ctor = function(){};
-        return function(proto){
-            Ctor.prototype = proto;
-            return new Ctor();
-        };
-    }
-})();
-
-/**
- * @language=en
- * Mixed property or method.
- * @param {Object} target Mixed audiences.
- * @param {Object} source The source whose methods and properties are to be mixed. It can support multiple source parameters.
- * @returns {Object} Mixed audiences.
- */
-var mix = function(target){
-    for(var i = 1, len = arguments.length; i < len; i++){
-        var source  = arguments[i], defineProps;
-        for(var key in source){
-            var prop = source[key];
-            if(prop && typeof prop === 'object'){
-                if(prop.value !== undefined || typeof prop.get === 'function' || typeof prop.set === 'function'){
-                    defineProps = defineProps || {};
-                    defineProps[key] = prop;
-                    continue;
-                }
-            }
-            target[key] = prop;
-        }
-        if(defineProps) defineProperties(target, defineProps);
-    }
-
-    return target;
-};
-
-var defineProperty, defineProperties;
-try{
-    defineProperty = Object.defineProperty;
-    defineProperties = Object.defineProperties;
-    defineProperty({}, '$', {value:0});
-}catch(e){
-    if('__defineGetter__' in Object){
-        defineProperty = function(obj, prop, desc){
-            if('value' in desc) obj[prop] = desc.value;
-            if('get' in desc) obj.__defineGetter__(prop, desc.get);
-            if('set' in desc) obj.__defineSetter__(prop, desc.set);
-            return obj;
-        };
-        defineProperties = function(obj, props){
-            for(var prop in props){
-                if(props.hasOwnProperty(prop)){
-                    defineProperty(obj, prop, props[prop]);
-                }
-            }
-            return obj;
-        };
-    }
-}
-
-return {create:create, mix:mix};
-
-})();
-
-window.Hilo.Class = Class;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-
-
-/**
- * @language=en
- * @class Matrix class is a transforming matrix, which declare how points in one coordinate maped to another coordinate.
- * @param {Number} a The value affects pixel positioning alongside the x axis when Scale or rotate images.
- * @param {Number} b The value affects pixel positioning alongside the y axis when rotate or skew images.
- * @param {Number} c The value affects pixel positioning alongside the x axis when rotate or skew images.
- * @param {Number} d The value affects pixel positioning alongside the y axis when Scale or rotate images.
- * @param {Number} tx The distance to move every point alongside the x axis.
- * @param {Number} ty The distance to move every point alongside the y axis.
- * @module hilo/geom/Matrix
- * @requires hilo/core/Class
- */
-var Matrix = Class.create(/** @lends Matrix.prototype */{
-    constructor: function(a, b, c, d, tx, ty){
-        this.a = a;
-        this.b = b;
-        this.c = c;
-        this.d = d;
-        this.tx = tx;
-        this.ty = ty;
-    },
-
-    /**
-     * set
-     * @param {Number} a 
-     * @param {Number} b 
-     * @param {Number} c 
-     * @param {Number} d 
-     * @param {Number} tx
-     * @param {Number} ty
-     */
-    set: function(a, b, c, d, tx, ty){
-        this.a = a;
-        this.b = b;
-        this.c = c;
-        this.d = d;
-        this.tx = tx;
-        this.ty = ty;
-	
-	return this;
-    },
-
-    /**
-     * copy
-     * @param  {Matrix} mat
-     * @return {Matrix}  this
-     */
-    copy: function(mat){
-        this.a = mat.a;
-        this.b = mat.b;
-        this.c = mat.c;
-        this.d = mat.d;
-        this.tx = mat.tx;
-        this.ty = mat.ty;
-
-        return this;
-    },
-
-    /**
-     * clone
-     * @return {Matrix}
-     */
-    clone: function(){
-        return new Matrix().copy(this);
-    },
-
-    /**
-     * @language=en
-     * Link a Matrix to current Matrix, in order to make geometry effects on these two composed more effective.
-     * @param {Matrix} mtx Matrix that link to the source matrix.
-     * @returns {Matrix} A Matrix Object.
-     */
-    concat: function(mtx){
-        var args = arguments,
-            a = this.a, b = this.b, c = this.c, d = this.d,
-            tx = this.tx, ty = this.ty;
-
-        var ma, mb, mc, md, mx, my;
-        if(args.length >= 6){
-            ma = args[0];
-            mb = args[1];
-            mc = args[2];
-            md = args[3];
-            mx = args[4];
-            my = args[5];
-        }
-        else{
-            ma = mtx.a;
-            mb = mtx.b;
-            mc = mtx.c;
-            md = mtx.d;
-            mx = mtx.tx;
-            my = mtx.ty;
-        }
-
-        this.a = a * ma + b * mc;
-        this.b = a * mb + b * md;
-        this.c = c * ma + d * mc;
-        this.d = c * mb + d * md;
-        this.tx = tx * ma + ty * mc + mx;
-        this.ty = tx * mb + ty * md + my;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Rotate the Matrix Object.
-     * @param {Number} angle The angle to rotate.
-     * @returns {Matrix} A Matrix object.
-     */
-    rotate: function(angle){
-        var sin = Math.sin(angle), cos = Math.cos(angle),
-            a = this.a, b = this.b, c = this.c, d = this.d,
-            tx = this.tx, ty = this.ty;
-
-        this.a = a * cos - b * sin;
-        this.b = a * sin + b * cos;
-        this.c = c * cos - d * sin;
-        this.d = c * sin + d * cos;
-        this.tx = tx * cos - ty * sin;
-        this.ty = tx * sin + ty * cos;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Scale the Matrix.
-     * @param {Number} sx The value to multiply those object scale alongside the x axis.
-     * @param {Number} sy The value to multiply those object scale alongside the y axis.
-     * @returns {Matrix} A Matrix object.
-     */
-    scale: function(sx, sy){
-        this.a *= sx;
-        this.d *= sy;
-        this.c *= sx;
-        this.b *= sy;
-        this.tx *= sx;
-        this.ty *= sy;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Translate the Matrix alongside x axis and y axis by dx and dy.
-     * @param {Number} dx Translate Matrix alongside the x axis to the right (measured in px).
-     * @param {Number} dy Translate Matrix alongside the y axis to the right (measured in px).
-     * @returns {Matrix} A Matrix object.
-     */
-    translate: function(dx, dy){
-        this.tx += dx;
-        this.ty += dy;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set each Matrix property a value to trigger null transform. The Matrix after applying identity matrix transformation will be exactly the same as original.
-     * @returns {Matrix} A Matrix object.
-     */
-    identity: function(){
-        this.a = this.d = 1;
-        this.b = this.c = this.tx = this.ty = 0;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Apply an invert transformation of original Matrix. Using this invert transformation, you can reset a Matrix to a state before it had been apply some Matrix.
-     * @returns {Matrix} A Matrix object.
-     */
-    invert: function(){
-        var a = this.a;
-        var b = this.b;
-        var c = this.c;
-        var d = this.d;
-        var tx = this.tx;
-        var i = a * d - b * c;
-
-        this.a = d / i;
-        this.b = -b / i;
-        this.c = -c / i;
-        this.d = a / i;
-        this.tx = (c * this.ty - d * tx) / i;
-        this.ty = -(a * this.ty - b * tx) / i;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Return the result after apply a Matrix displaying transform on the point.
-     * @param {Object} point Point need to transform.
-     * @param {Boolean} round Whether ceil the coordinate values of the point.
-     * @param {Boolean} returnNew Whether return a new point.
-     * @returns {Object} 由应用矩阵转换所产生的点。
-     */
-    transformPoint: function(point, round, returnNew){
-        var x = point.x * this.a + point.y * this.c + this.tx,
-            y = point.x * this.b + point.y * this.d + this.ty;
-
-        if(round){
-            x = x + 0.5 >> 0;
-            y = y + 0.5 >> 0;
-        }
-        if(returnNew) return {x:x, y:y};
-        point.x = x;
-        point.y = y;
-        return point;
-    }
-
-});
-
-window.Hilo.Matrix = Matrix;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-
-
-/**
- * @language=en
- * @class EventMixin is a mixin on event related functions. Use Class.mix(target, EventMixin) to add event function onto target.
- * @static
- * @mixin
- * @module hilo/event/EventMixin
- * @requires hilo/core/Class
- */
-var EventMixin = /** @lends EventMixin# */{
-    _listeners: null,
-
-    /**
-     * @language=en
-     * Add an event listenser.
-     * @param {String} type Event type to listen.
-     * @param {Function} listener Callback function of event listening.
-     * @param {Boolean} once Listen on event only once and no more response after the first response?
-     * @returns {Object} The Event itself. Functions chain call supported.
-     */
-    on: function(type, listener, once){
-        var listeners = (this._listeners = this._listeners || {});
-        var eventListeners = (listeners[type] = listeners[type] || []);
-        for(var i = 0, len = eventListeners.length; i < len; i++){
-            var el = eventListeners[i];
-            if(el.listener === listener) return;
-        }
-        eventListeners.push({listener:listener, once:once});
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Remove one event listener. Remove all event listeners if no parameter provided, and remove all event listeners on one type which is provided as the only parameter.
-     * @param {String} type The type of event listener that want to remove.
-     * @param {Function} listener Event listener callback function to be removed.
-     * @returns {Object} The Event itself. Functions chain call supported.
-     */
-    off: function(type, listener){
-        //remove all event listeners
-        if(arguments.length == 0){
-            this._listeners = null;
-            return this;
-        }
-
-        var eventListeners = this._listeners && this._listeners[type];
-        if(eventListeners){
-            //remove event listeners by specified type
-            if(arguments.length == 1){
-                delete this._listeners[type];
-                return this;
-            }
-
-            for(var i = 0, len = eventListeners.length; i < len; i++){
-                var el = eventListeners[i];
-                if(el.listener === listener){
-                    eventListeners.splice(i, 1);
-                    if(eventListeners.length === 0) delete this._listeners[type];
-                    break;
-                }
-            }
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Send events. If the first parameter is an Object, take it  as an Event Object.
-     * @param {String} type Event type to send.
-     * @param {Object} detail The detail (parameters go with the event) of Event to send.
-     * @returns {Boolean} Whether Event call successfully.
-     */
-    fire: function(type, detail){
-        var event, eventType;
-        if(typeof type === 'string'){
-            eventType = type;
-        }else{
-            event = type;
-            eventType = type.type;
-        }
-
-        var listeners = this._listeners;
-        if(!listeners) return false;
-
-        var eventListeners = listeners[eventType];
-        if(eventListeners){
-            var eventListenersCopy = eventListeners.slice(0);
-            event = event || new EventObject(eventType, this, detail);
-            if(event._stopped) return false;
-
-            for(var i = 0; i < eventListenersCopy.length; i++){
-                var el = eventListenersCopy[i];
-                el.listener.call(this, event);
-                if(el.once) {
-                    var index = eventListeners.indexOf(el);
-                    if(index > -1){
-                        eventListeners.splice(index, 1);
-                    }
-                }
-            }
-
-            if(eventListeners.length == 0) delete listeners[eventType];
-            return true;
-        }
-        return false;
-    }
-};
-
-/**
- * @language=en
- * Event Object class. It's an private class now, but maybe will become a public class if needed.
- */
-var EventObject = Class.create({
-    constructor: function EventObject(type, target, detail){
-        this.type = type;
-        this.target = target;
-        this.detail = detail;
-        this.timeStamp = +new Date();
-    },
-
-    type: null,
-    target: null,
-    detail: null,
-    timeStamp: 0,
-
-    stopImmediatePropagation: function(){
-        this._stopped = true;
-    }
-});
-
-//Trick: `stopImmediatePropagation` compatibility
-var RawEvent = window.Event;
-if(RawEvent){
-    var proto = RawEvent.prototype,
-        stop = proto.stopImmediatePropagation;
-    proto.stopImmediatePropagation = function(){
-        stop && stop.call(this);
-        this._stopped = true;
-    };
-}
-
-window.Hilo.EventMixin = EventMixin;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * @class Drawable is a wrapper of drawable images.
- * @param {Object} properties create Objects properties, contains all writable properties.
- * @module hilo/view/Drawable
- * @requires hilo/core/Class
- * @requires hilo/util/util
- * @property {Object} image Image to be drawed, can used by CanvasRenderingContext2D.drawImage，like HTMLImageElement、HTMLCanvasElement、HTMLVideoElement。
- * @property {array} rect The retangle area that image will be drawed.
- */
-var Drawable = Class.create(/** @lends Drawable.prototype */{
-    constructor: function(properties){
-        this.init(properties);
-    },
-
-    image: null,
-    rect: null,
-
-    /**
-     * @language=en
-     * Initialize drawable elements.
-     * @param {Object} properties Properties need to be initialized.
-     */
-    init: function(properties){
-        var me = this, oldImage = me.image;
-        if(Drawable.isDrawable(properties)){
-            me.image = properties;
-        }else{
-            util.copy(me, properties, true);
-        }
-
-        var image = me.image;
-        if(typeof image === 'string'){
-            if(oldImage && image === oldImage.getAttribute('src')){
-                image = me.image = oldImage;
-            }else{
-                me.image = null;
-                //load image dynamically
-                var img = new Image();
-                if(properties.crossOrigin){
-                    img.crossOrigin = "Anonymous";
-                }
-                img.onload = function(){
-                    img.onload = null;
-                    me.init(img);
-                };
-                img.src = image;
-                return;
-            }
-        }
-
-        if(image && !me.rect) me.rect = [0, 0, image.width, image.height];
-    },
-
-    Statics: /** @lends Drawable */{
-        /**
-         * @language=en
-         * Check whether the given 'elem' and be wrapped into Drawable object.
-         * @param {Object} elem Element to be tested.
-         * @return {Boolean} Return true if element can be wrapped into Drawable element, otherwises return false.
-         */
-        isDrawable: function(elem){
-            if(!elem || !elem.tagName) return false;
-            var tagName = elem.tagName.toLowerCase();
-            return tagName === "img" || tagName === "canvas" || tagName === "video";
-        }
-    }
-});
-window.Hilo.Drawable = Drawable;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * @class Renderer Renderer is the base class of renderer.
- * @param {Object} properties The properties to create a renderer, contains all writeable props of this class.
- * @module hilo/renderer/Renderer
- * @requires hilo/core/Class
- * @requires hilo/util/util
- * @property {Object} canvas The canvas of renderer. It can be a dom element, such as a div element, or a canvas element. readonly.
- * @property {Object} stage The stage of renderer, readonly.
- * @property {String} renderType The render type of renderer, readonly.
- */
-var Renderer = Class.create(/** @lends Renderer.prototype */{
-    constructor: function(properties){
-        properties = properties || {};
-        util.copy(this, properties, true);
-    },
-
-    renderType:null,
-    canvas: null,
-    stage: null,
-    blendMode:'source-over',
-
-    /**
-     * @language=en
-     * Prepare for draw visual object. The subclass need to implement it.
-     * @param {View} target The visual target to draw.
-     */
-    startDraw: function(target){ },
-
-    /**
-     * @language=en
-     * Draw the visual object. The subclass need to implement it.
-     * @param {View} target The visual target to draw.
-     */
-    draw: function(target){ },
-
-    /**
-     * @language=en
-     * The handling method after draw the visual object. The subclass need to implement it.
-     * @param {View} target The visual target to draw.
-     */
-    endDraw: function(target){ },
-
-    /**
-     * @language=en
-     * Transfrom the visual object. The subclass need to implement it.
-     */
-    transform: function(){ },
-
-    /**
-     * @language=en
-     * Hide the visual object. The subclass need to implement it.
-     */
-    hide: function(){ },
-
-    /**
-     * @language=en
-     * Remove the visual object from canvas. Notice that it dosen't remove the object from stage. The subclass need to implement it.
-     * @param {View} target The visual target to remove.
-     */
-    remove: function(target){ },
-
-    /**
-     * @language=en
-     * Clear the given region of canvas. The subclass need to implement it.
-     * @param {Number} x The position on the x axis of the given region.
-     * @param {Number} y The position on the y axis of the given region.
-     * @param {Number} width The width of the given region.
-     * @param {Number} height The height of the given region.
-     */
-    clear: function(x, y, width, height){ },
-
-    /**
-     * @language=en
-     * Resize the renderer's canvas.
-     * @param {Number} width The width of renderer's canvas.
-     * @param {Number} height The height of the renderer's canvas.
-     */
-    resize: function(width, height){ }
-
-});
-window.Hilo.Renderer = Renderer;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var Hilo = window.Hilo;var Renderer = window.Hilo.Renderer;
-
-
-/**
- * @language=en
- * @class CanvasRenderer CanvasRenderer, all the visual object is drawing on the canvas element.The stage will create different renderer depend on the canvas and renderType properties, developer need not use this class directly.
- * @augments Renderer
- * @param {Object} properties The properties to create a renderer, contains all writeable props of this class.
- * @module hilo/renderer/CanvasRenderer
- * @requires hilo/core/Class
- * @requires hilo/core/Hilo
- * @requires hilo/renderer/Renderer
- * @property {CanvasRenderingContext2D} context The context of the canvas element, readonly.
- */
-var CanvasRenderer = Class.create( /** @lends CanvasRenderer.prototype */ {
-    Extends: Renderer,
-    constructor: function(properties) {
-        CanvasRenderer.superclass.constructor.call(this, properties);
-
-        this.context = this.canvas.getContext("2d");
-    },
-    renderType: 'canvas',
-    context: null,
-
-    /**
-     * @private
-     * @see Renderer#startDraw
-     */
-    startDraw: function(target) {
-        if (target.visible && target.alpha > 0) {
-            if (target === this.stage) {
-                this.context.clearRect(0, 0, target.width, target.height);
-            }
-            if (target.blendMode !== this.blendMode) {
-                this.context.globalCompositeOperation = this.blendMode = target.blendMode;
-            }
-            this.context.save();
-            return true;
-        }
-        return false;
-    },
-
-    /**
-     * @private
-     * @see Renderer#draw
-     */
-    draw: function(target) {
-        var ctx = this.context,
-            w = target.width,
-            h = target.height;
-
-        //draw background
-        var bg = target.background;
-        if (bg) {
-            ctx.fillStyle = bg;
-            ctx.fillRect(0, 0, w, h);
-        }
-
-        //draw image
-        var drawable = target.drawable,
-            image = drawable && drawable.image;
-        if (image) {
-            var rect = drawable.rect,
-                sw = rect[2],
-                sh = rect[3],
-                offsetX = rect[4],
-                offsetY = rect[5];
-            //ie9+浏览器宽高为0时会报错 fixed ie9 bug.
-            if (!sw || !sh) {
-                return;
-            }
-            if (!w && !h) {
-                //fix width/height TODO: how to get rid of this?
-                w = target.width = sw;
-                h = target.height = sh;
-            }
-            //the pivot is the center of frame if has offset, otherwise is (0, 0)
-            if (offsetX || offsetY) ctx.translate(offsetX - sw * 0.5, offsetY - sh * 0.5);
-            ctx.drawImage(image, rect[0], rect[1], sw, sh, 0, 0, w, h);
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#endDraw
-     */
-    endDraw: function(target) {
-        this.context.restore();
-    },
-
-    /**
-     * @private
-     * @see Renderer#transform
-     */
-    transform: function(target) {
-        var drawable = target.drawable;
-        if (drawable && drawable.domElement) {
-            Hilo.setElementStyleByView(target);
-            return;
-        }
-
-        var ctx = this.context,
-            scaleX = target.scaleX,
-            scaleY = target.scaleY;
-
-        if (target === this.stage) {
-            var style = this.canvas.style,
-                oldScaleX = target._scaleX,
-                oldScaleY = target._scaleY,
-                isStyleChange = false;
-
-            if ((!oldScaleX && scaleX != 1) || (oldScaleX && oldScaleX != scaleX)) {
-                target._scaleX = scaleX;
-                style.width = scaleX * target.width + "px";
-                isStyleChange = true;
-            }
-            if ((!oldScaleY && scaleY != 1) || (oldScaleY && oldScaleY != scaleY)) {
-                target._scaleY = scaleY;
-                style.height = scaleY * target.height + "px";
-                isStyleChange = true;
-            }
-            if (isStyleChange) {
-                target.updateViewport();
-            }
-        } else {
-            var x = target.x,
-                y = target.y,
-                pivotX = target.pivotX,
-                pivotY = target.pivotY,
-                rotation = target.rotation % 360,
-                transform = target.transform,
-                mask = target.mask;
-
-            if (mask) {
-                mask._render(this);
-                ctx.clip();
-            }
-
-            //alignment
-            var align = target.align;
-            if (align) {
-                var pos = target.getAlignPosition();
-                x = pos.x;
-                y = pos.y;
-            }
-            
-            if (transform) {
-                ctx.transform(transform.a, transform.b, transform.c, transform.d, transform.tx, transform.ty);
-            } else {
-                if (x != 0 || y != 0) ctx.translate(x, y);
-                if (rotation != 0) ctx.rotate(rotation * Math.PI / 180);
-                if (scaleX != 1 || scaleY != 1) ctx.scale(scaleX, scaleY);
-                if (pivotX != 0 || pivotY != 0) ctx.translate(-pivotX, -pivotY);
-            }
-
-        }
-
-        if (target.alpha > 0) ctx.globalAlpha *= target.alpha;
-    },
-
-    /**
-     * @private
-     * @see Renderer#remove
-     */
-    remove: function(target) {
-        var drawable = target.drawable;
-        var elem = drawable && drawable.domElement;
-
-        if (elem) {
-            var parentElem = elem.parentNode;
-            if (parentElem) {
-                parentElem.removeChild(elem);
-            }
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#clear
-     */
-    clear: function(x, y, width, height) {
-        this.context.clearRect(x, y, width, height);
-    },
-
-    /**
-     * @private
-     * @see Renderer#resize
-     */
-    resize: function(width, height) {
-        var canvas = this.canvas;
-        var stage = this.stage;
-        var style = canvas.style;
-
-        canvas.width = width;
-        canvas.height = height;
-
-        style.width = stage.width * stage.scaleX + 'px';
-        style.height = stage.height * stage.scaleY + 'px';
-    }
-
-});
-window.Hilo.CanvasRenderer = CanvasRenderer;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var Hilo = window.Hilo;var Renderer = window.Hilo.Renderer;
-var Drawable = window.Hilo.Drawable;
-
-
-/**
- * @language=en
- * @class DomRenderer The DomRenderer, all the visual object is drawing using dom element.The stage will create different renderer depend on the canvas and renderType properties, developer need not use this class directly.
- * @augments Renderer
- * @param {Object} properties The properties to create a renderer, contains all writeable props of this class.
- * @module hilo/renderer/DOMRenderer
- * @requires hilo/core/Class
- * @requires hilo/core/Hilo
- * @requires hilo/renderer/Renderer
- * @requires hilo/view/Drawable
- */
-var DOMRenderer = (function(){
-
-return Class.create({
-    Extends: Renderer,
-    constructor: function(properties){
-        DOMRenderer.superclass.constructor.call(this, properties);
-    },
-    renderType:'dom',
-    /**
-     * @private
-     * @see Renderer#startDraw
-     */
-    startDraw: function(target){
-        //prepare drawable
-        var drawable = (target.drawable = target.drawable || new Drawable());
-        drawable.domElement = drawable.domElement || createDOMDrawable(target, drawable);
-        return true;
-    },
-
-    /**
-     * @private
-     * @see Renderer#draw
-     */
-    draw: function(target){
-        var parent = target.parent,
-            targetElem = target.drawable.domElement,
-            currentParent = targetElem.parentNode;
-
-        if(parent){
-            var parentElem = parent.drawable.domElement;
-            if(parentElem != currentParent){
-                parentElem.appendChild(targetElem);
-            }
-            //fix image load bug
-            if(!target.width && !target.height){
-                var rect = target.drawable.rect;
-                if(rect && (rect[2] || rect[3])){
-                    target.width = rect[2];
-                    target.height = rect[3];
-                }
-            }
-        }
-        else if(target === this.stage && !currentParent){
-            targetElem.style.overflow = 'hidden';
-            this.canvas.appendChild(targetElem);
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#transform
-     */
-    transform: function(target){
-        Hilo.setElementStyleByView(target);
-        if(target === this.stage){
-            var style = this.canvas.style,
-                oldScaleX = target._scaleX,
-                oldScaleY = target._scaleY,
-                scaleX = target.scaleX,
-                scaleY = target.scaleY;
-
-            if((!oldScaleX && scaleX != 1) || (oldScaleX && oldScaleX != scaleX)){
-                target._scaleX = scaleX;
-                style.width = scaleX * target.width + "px";
-            }
-            if((!oldScaleY && scaleY != 1) || (oldScaleY && oldScaleY != scaleY)){
-                target._scaleY = scaleY;
-                style.height = scaleY * target.height + "px";
-            }
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#remove
-     */
-    remove: function(target){
-        var drawable = target.drawable;
-        var elem = drawable && drawable.domElement;
-
-        if(elem){
-            var parentElem = elem.parentNode;
-            if(parentElem){
-                parentElem.removeChild(elem);
-            }
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#hide
-     */
-    hide: function(target){
-        var elem = target.drawable && target.drawable.domElement;
-        if(elem) elem.style.display = 'none';
-    },
-
-    /**
-     * @private
-     * @see Renderer#resize
-     */
-    resize: function(width, height){
-        var style = this.canvas.style;
-        style.width = width + 'px';
-        style.height = height + 'px';
-        if(style.position != "absolute") {
-          style.position = "relative";
-        }
-    }
-});
-
-/**
- * @language=en
- * Create a dom element, you can set the tagName property，such as canvas and div.
- * @param {Object} view A visual object.
- * @param {Object} imageObj The image object to render, include the image propertiy and other associated properties, such as rect.
- * @return {HTMLElement} The created dom element.
- * @private
- */
-function createDOMDrawable(view, imageObj){
-    var tag = view.tagName || "div",
-        img = imageObj.image,
-        w = view.width || (img && img.width),
-        h =  view.height || (img && img.height),
-        elem = Hilo.createElement(tag), style = elem.style;
-
-    if(view.id) elem.id = view.id;
-    style.position = "absolute";
-    style.left = (view.left || 0) + "px";
-    style.top = (view.top || 0) + "px";
-    style.width = w + "px";
-    style.height = h + "px";
-
-    if(tag == "canvas"){
-        elem.width = w;
-        elem.height = h;
-        if(img){
-            var ctx = elem.getContext("2d");
-            var rect = imageObj.rect || [0, 0, w, h];
-            ctx.drawImage(img, rect[0], rect[1], rect[2], rect[3],
-                         (view.x || 0), (view.y || 0),
-                         (view.width || rect[2]),
-                         (view.height || rect[3]));
-        }
-    }else{
-        style.opacity = view.alpha != undefined ? view.alpha : 1;
-        if(view === this.stage || view.clipChildren) style.overflow = "hidden";
-        if(img && img.src){
-            style.backgroundImage = "url(" + img.src + ")";
-            var bgX = view.rectX || 0, bgY = view.rectY || 0;
-            style.backgroundPosition = (-bgX) + "px " + (-bgY) + "px";
-        }
-    }
-    return elem;
-}
-
-})();
-
-window.Hilo.DOMRenderer = DOMRenderer;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var Hilo = window.Hilo;var Renderer = window.Hilo.Renderer;
-var Matrix = window.Hilo.Matrix;
-
-
-/**
- * Heavily inspired by PIXI's SpriteRenderer:
- * https://github.com/pixijs/pixi.js/blob/v3.0.9/src/core/sprites/webgl/SpriteRenderer.js
- */
-
-var DEG2RAD = Math.PI / 180;
-/**
- * @language=en
- * @class WebGLRenderer The WebGLRenderer, all the visual object is drawing on the canvas using WebGL.The stage will create different renderer depend on the canvas and renderType properties, developer need not use this class directly.
- * @augments Renderer
- * @param {Object} properties The properties to create a renderer, contains all writeable props of this class.
- * @module hilo/renderer/WebGLRenderer
- * @requires hilo/core/Class
- * @requires hilo/core/Hilo
- * @requires hilo/renderer/Renderer
- * @requires  hilo/geom/Matrix
- * @property {WebGLRenderingContext} gl The WebGL context of the renderer, readonly.
- */
-var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
-    Extends: Renderer,
-    Statics:/** @lends WebGLRenderer */{
-        /**
-         * @language=en
-         * The max num of batch draw, default is 2000.
-         * @type {Number}
-         */
-        MAX_BATCH_NUM:2000,
-        /**
-         * @language=en
-         * The num of vertex attributes, readonly.
-         * @type {Number}
-         */
-        ATTRIBUTE_NUM:5,
-        /**
-         * @language=en
-         * is WebGL supported, readonly.
-         * @type {Boolean}
-         */
-        isSupport:function(){
-            if(this._isSupported == undefined){
-                var canvas = document.createElement('canvas');
-                if(canvas.getContext && (canvas.getContext('webgl')||canvas.getContext('experimental-webgl'))){
-                    this._isSupported = true;
-                }
-                else{
-                    this._isSupported = false;
-                }
-            }
-            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,
-    _isContextLost:false,
-    _cacheTexture:{},
-    constructor: function(properties){
-        WebGLRenderer.superclass.constructor.call(this, properties);
-        var that = this;
-        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;
-        var vertexNum = this.maxBatchNum * WebGLRenderer.ATTRIBUTE_NUM * 4;
-        var indexNum = this.maxBatchNum * 6;
-        this.arrayBuffer = new ArrayBuffer(vertexNum * 4);
-        this.float32Array = new Float32Array(this.arrayBuffer);
-        this.uint32Array = new Uint32Array(this.arrayBuffer);
-        this.indexs = new Uint16Array(indexNum);
-        for (var i=0, j=0; i < indexNum; i += 6, j += 4)
-        {
-            this.indexs[i + 0] = j + 0;
-            this.indexs[i + 1] = j + 1;
-            this.indexs[i + 2] = j + 2;
-            this.indexs[i + 3] = j + 1;
-            this.indexs[i + 4] = j + 2;
-            this.indexs[i + 5] = j + 3;
-        }
-        this.batchIndex = 0;
-        this.sprites = [];
-
-        this.canvas.addEventListener('webglcontextlost', function(e){
-            that._isContextLost = true;
-            e.preventDefault();
-        }, false);
-
-        this.canvas.addEventListener('webglcontextrestored', function(e){
-            that._isContextLost = false;
-            that.setupWebGLStateAndResource();
-        }, false);
-
-        this.setupWebGLStateAndResource();
-    },
-    setupWebGLStateAndResource:function(){
-        var gl = this.gl;
-        gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-        gl.clearColor(0, 0, 0, 0);
-        gl.disable(gl.DEPTH_TEST);
-        gl.disable(gl.CULL_FACE);
-        gl.enable(gl.BLEND);
-
-        this._cacheTexture = {};
-        this._initShaders();
-        this.defaultShader.active();
-
-        this.positionBuffer = gl.createBuffer();
-        this.indexBuffer = gl.createBuffer();
-
-        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-        gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, this.indexs, gl.STATIC_DRAW);
-
-        gl.bindBuffer(gl.ARRAY_BUFFER, this.positionBuffer);
-        gl.bufferData(gl.ARRAY_BUFFER, this.arrayBuffer, gl.DYNAMIC_DRAW);
-
-        gl.vertexAttribPointer(this.a_position, 2, gl.FLOAT, false, this.positionStride, 0);//x, y
-        gl.vertexAttribPointer(this.a_TexCoord, 2, gl.FLOAT, false, this.positionStride, 2 * 4);//x, y
-        gl.vertexAttribPointer(this.a_tint, 4, gl.UNSIGNED_BYTE, true, this.positionStride, 4 * 4);//alpha
-    },
-
-    context: null,
-
-    /**
-     * @private
-     * @see Renderer#startDraw
-     */
-    startDraw: function(target){
-        if(target.visible && target.alpha > 0){
-            if(target === this.stage){
-                this.clear();
-            }
-            return true;
-        }
-        return false;
-    },
-    /**
-     * @private
-     * @see Renderer#draw
-     */
-    draw: function(target){
-        var w = target.width,
-            h = target.height;
-
-        //TODO:draw background
-        var bg = target.background; // jshint ignore:line
-
-        //draw image
-        var drawable = target.drawable, image = drawable && drawable.image;
-        if(image){
-            var rect = drawable.rect, sw = rect[2], sh = rect[3];
-            if(!w && !h){
-                //fix width/height TODO: how to get rid of this?
-                w = target.width = sw;
-                h = target.height = sh;
-            }
-
-            if(this.batchIndex >= this.maxBatchNum){
-                this._renderBatches();
-            }
-
-            var vertexs = this._createVertexs(image, rect[0], rect[1], sw, sh, 0, 0, w, h);
-            var index = this.batchIndex * this.positionStride;
-            var float32Array = this.float32Array;
-            var uint32Array = this.uint32Array;
-
-            var tint = (target.tint >> 16) + (target.tint & 0xff00) + ((target.tint & 0xff) << 16) + (target.__webglRenderAlpha * 255 << 24);
-
-            float32Array[index + 0] = vertexs[0];//x
-            float32Array[index + 1] = vertexs[1];//y
-            float32Array[index + 2] = vertexs[2];//uvx
-            float32Array[index + 3] = vertexs[3];//uvy
-            uint32Array[index + 4] = tint;//tint
-
-            float32Array[index + 5] = vertexs[4];
-            float32Array[index + 6] = vertexs[5];
-            float32Array[index + 7] = vertexs[6];
-            float32Array[index + 8] = vertexs[7];
-            uint32Array[index + 9] = tint;
-
-            float32Array[index + 10] = vertexs[8];
-            float32Array[index + 11] = vertexs[9];
-            float32Array[index + 12] = vertexs[10];
-            float32Array[index + 13] = vertexs[11];
-            uint32Array[index + 14] = tint;
-
-            float32Array[index + 15] = vertexs[12];
-            float32Array[index + 16] = vertexs[13];
-            float32Array[index + 17] = vertexs[14];
-            float32Array[index + 18] = vertexs[15];
-            uint32Array[index + 19] = tint;
-
-            var matrix = target.__webglWorldMatrix;
-            for(var i = 0;i < 4;i ++){
-                var x = float32Array[index + i*5];
-                var y = float32Array[index + i*5 + 1];
-
-                float32Array[index + i*5] = matrix.a*x + matrix.c*y + matrix.tx;
-                float32Array[index + i*5 + 1] = matrix.b*x + matrix.d*y + matrix.ty;
-            }
-
-            target.__textureImage = image;
-            this.sprites[this.batchIndex++] = target;
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#endDraw
-     */
-    endDraw: function(target){
-        if(target === this.stage){
-            this._renderBatches();
-        }
-    },
-    /**
-     * @private
-     * @see Renderer#transform
-     */
-    transform: function(target){
-        var drawable = target.drawable;
-        if(drawable && drawable.domElement){
-            Hilo.setElementStyleByView(target);
-            return;
-        }
-
-        var scaleX = target.scaleX,
-            scaleY = target.scaleY;
-
-        if(target === this.stage){
-            var style = this.canvas.style,
-                oldScaleX = target._scaleX,
-                oldScaleY = target._scaleY,
-                isStyleChange = false;
-
-            if((!oldScaleX && scaleX != 1) || (oldScaleX && oldScaleX != scaleX)){
-                target._scaleX = scaleX;
-                style.width = scaleX * target.width + "px";
-                isStyleChange = true;
-            }
-            if((!oldScaleY && scaleY != 1) || (oldScaleY && oldScaleY != scaleY)){
-                target._scaleY = scaleY;
-                style.height = scaleY * target.height + "px";
-                isStyleChange = true;
-            }
-            if(isStyleChange){
-                target.updateViewport();
-            }
-            target.__webglWorldMatrix = target.__webglWorldMatrix||new Matrix(1, 0, 0, 1, 0, 0);
-        }
-        else if(target.parent){
-            target.__webglWorldMatrix = target.__webglWorldMatrix||new Matrix(1, 0, 0, 1, 0, 0);
-            this._setConcatenatedMatrix(target, target.parent);
-        }
-
-        if(target.alpha > 0) {
-            if(target.parent && target.parent.__webglRenderAlpha){
-                target.__webglRenderAlpha = target.alpha * target.parent.__webglRenderAlpha;
-            }
-            else{
-                target.__webglRenderAlpha = target.alpha;
-            }
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#remove
-     */
-    remove: function(target){
-        var drawable = target.drawable;
-        var elem = drawable && drawable.domElement;
-
-        if(elem){
-            var parentElem = elem.parentNode;
-            if(parentElem){
-                parentElem.removeChild(elem);
-            }
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#clear
-     */
-    clear: function(x, y, width, height){
-        this.gl.clear(this.gl.COLOR_BUFFER_BIT);
-    },
-
-    /**
-     * @private
-     * @see Renderer#resize
-     */
-    resize: function(width, height){
-        if(this.width !== width || this.height !== height){
-            var canvas = this.canvas;
-            var stage = this.stage;
-            var style = canvas.style;
-
-            this.width = canvas.width = width;
-            this.height = canvas.height = height;
-
-            style.width = stage.width * stage.scaleX + 'px';
-            style.height = stage.height * stage.scaleY + 'px';
-
-            this.gl.viewport(0, 0, width, height);
-
-            this.canvasHalfWidth = width * .5;
-            this.canvasHalfHeight = height * .5;
-
-            this._uploadProjectionTransform(true);
-        }
-    },
-    _renderBatches:function(){
-        var gl = this.gl;
-        gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.uint32Array.subarray(0, this.batchIndex * this.positionStride));
-        var startIndex = 0;
-        var batchNum = 0;
-        var preTextureImage = null;
-        for(var i = 0;i < this.batchIndex;i ++){
-            var sprite = this.sprites[i];
-            if(preTextureImage && preTextureImage !== sprite.__textureImage){
-                this._renderBatch(startIndex, i);
-                startIndex = i;
-                batchNum = 1;
-            }
-            preTextureImage = sprite.__textureImage;
-        }
-        this._renderBatch(startIndex, this.batchIndex);
-        this.batchIndex = 0;
-    },
-    _renderBatch:function(start, end){
-        var gl = this.gl;
-        var num = end - start;
-        if(num > 0){
-            gl.bindTexture(gl.TEXTURE_2D, this._getTexture(this.sprites[start]));
-            gl.drawElements(gl.TRIANGLES, num * 6, gl.UNSIGNED_SHORT, start * 6 * 2);
-        }
-    },
-    _uploadProjectionTransform:function(force){
-        if(!this._projectionTransformElements||force){
-            this._projectionTransformElements = new Float32Array([
-                1/this.canvasHalfWidth, 0, 0,
-                0, -1/this.canvasHalfHeight, 0,
-                -1, 1, 1,
-            ]);
-        }
-
-        this.gl.uniformMatrix3fv(this.u_projectionTransform, false, this._projectionTransformElements);
-    },
-    _initShaders:function(){
-        var VSHADER_SOURCE ='\
-            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\
-        ';
-
-        var FSHADER_SOURCE = '\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:VSHADER_SOURCE,
-            f:FSHADER_SOURCE
-        },{
-            attributes:["a_position", "a_TexCoord", "a_tint"],
-            uniforms:["u_projectionTransform", "u_Sampler"]
-        });
-    },
-    _createVertexs:function(img, tx, ty, tw, th, x, y, w, h){
-        var tempVertexs = this.__tempVertexs||[];
-        var width = img.width;
-        var height = img.height;
-
-        tw = tw/width;
-        th = th/height;
-        tx = tx/width;
-        ty = ty/height;
-
-        w = w;
-        h = h;
-        x = x;
-        y = y;
-
-        if(tw + tx > 1){
-            tw = 1 - tx;
-        }
-
-        if(th + ty > 1){
-            th = 1 - ty;
-        }
-
-        var index = 0;
-        tempVertexs[index++] = x; tempVertexs[index++] = y; tempVertexs[index++] = tx; tempVertexs[index++] = ty;
-        tempVertexs[index++] = x+w;tempVertexs[index++] = y; tempVertexs[index++] = tx+tw; tempVertexs[index++] = ty;
-        tempVertexs[index++] = x; tempVertexs[index++] = y+h; tempVertexs[index++] = tx;tempVertexs[index++] = ty+th;
-        tempVertexs[index++] = x+w;tempVertexs[index++] = y+h;tempVertexs[index++] = tx+tw;tempVertexs[index++] = ty+th;
-
-        return tempVertexs;
-    },
-    _setConcatenatedMatrix:function(view, ancestor){
-        var mtx = view.__webglWorldMatrix;
-        var cos = 1, sin = 0,
-            rotation = view.rotation % 360,
-            pivotX = view.pivotX, pivotY = view.pivotY,
-            scaleX = view.scaleX, scaleY = view.scaleY,
-            transform = view.transform;
-
-        if (transform) {
-            mtx.copy(transform);
-        }
-        else {
-            if(rotation){
-                var r = rotation * DEG2RAD;
-                cos = Math.cos(r);
-                sin = Math.sin(r);
-            }
-
-            var pos = view.getAlignPosition();
-
-            mtx.a = cos*scaleX;
-            mtx.b = sin*scaleX;
-            mtx.c = -sin*scaleY;
-            mtx.d = cos*scaleY;
-            mtx.tx =  pos.x - mtx.a * pivotX - mtx.c * pivotY;
-            mtx.ty =  pos.y - mtx.b * pivotX - mtx.d * pivotY;
-        }
-
-        mtx.concat(ancestor.__webglWorldMatrix);
-    },
-    _getTexture:function(sprite){
-        var image = sprite.__textureImage;
-        var texture = this._cacheTexture[image.src];
-        if(!texture){
-            texture = this.activeShader.uploadTexture(image);
-        }
-        return texture;
-    }
-});
-
-/**
- * @language=en
- * shader
- * @param {WebGLRenderer} renderer [description]
- * @param {Object} source
- * @param {String} source.v 顶点shader
- * @param {String} source.f 片段shader
- * @param {Object} attr
- * @param {Array} attr.attributes attribute数组
- * @param {Array} attr.uniforms uniform数组
- */
-var Shader = function(renderer, source, attr){
-    this.renderer = renderer;
-    this.gl = renderer.gl;
-    this.program = this._createProgram(this.gl, source.v, source.f);
-
-    attr = attr||{};
-    this.attributes = attr.attributes||[];
-    this.uniforms = attr.uniforms||[];
-};
-
-Shader.prototype = {
-    active:function(){
-        var that = this;
-        var renderer = that.renderer;
-        var gl = that.gl;
-        var program = that.program;
-
-        if(program && gl){
-            renderer.activeShader = that;
-            gl.useProgram(program);
-            that.attributes.forEach(function(attribute){
-                renderer[attribute] = gl.getAttribLocation(program, attribute);
-                gl.enableVertexAttribArray(renderer[attribute]);
-            });
-
-            that.uniforms.forEach(function(uniform){
-                renderer[uniform] = gl.getUniformLocation(program, uniform);
-            });
-
-            if(that.width !== renderer.width || that.height !== renderer.height){
-                that.width = renderer.width;
-                that.height = renderer.height;
-                renderer._uploadProjectionTransform();
-            }
-        }
-    },
-    uploadTexture:function(image){
-        var gl = this.gl;
-        var renderer = this.renderer;
-        var texture = gl.createTexture();
-        var u_Sampler = renderer.u_Sampler;
-
-        gl.activeTexture(gl.TEXTURE0);
-        gl.bindTexture(gl.TEXTURE_2D, texture);
-
-        // gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 1);
-        gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 1);
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
-
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-        gl.uniform1i(u_Sampler, 0);
-        gl.bindTexture(gl.TEXTURE_2D, null);
-
-        this.renderer._cacheTexture[image.src] = texture;
-        return texture;
-    },
-    _createProgram:function(gl, vshader, fshader){
-        var vertexShader = this._createShader(gl, gl.VERTEX_SHADER, vshader);
-        var fragmentShader = this._createShader(gl, gl.FRAGMENT_SHADER, fshader);
-        if (!vertexShader || !fragmentShader) {
-            return null;
-        }
-
-        var program = gl.createProgram();
-        if (program) {
-            gl.attachShader(program, vertexShader);
-            gl.attachShader(program, fragmentShader);
-
-            gl.linkProgram(program);
-
-            gl.deleteShader(fragmentShader);
-            gl.deleteShader(vertexShader);
-            var linked = gl.getProgramParameter(program, gl.LINK_STATUS);
-            if (!linked) {
-                var error = gl.getProgramInfoLog(program);
-                console.log('Failed to link program: ' + error);
-                gl.deleteProgram(program);
-                return null;
-            }
-        }
-        return program;
-    },
-    _createShader:function(gl, type, source){
-        var shader = gl.createShader(type);
-        if(shader){
-            gl.shaderSource(shader, source);
-            gl.compileShader(shader);
-
-            var compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
-            if (!compiled) {
-                var error = gl.getShaderInfoLog(shader);
-                console.log('Failed to compile shader: ' + error);
-                gl.deleteShader(shader);
-                return null;
-            }
-        }
-        return shader;
-    }
-};
-window.Hilo.WebGLRenderer = WebGLRenderer;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var EventMixin = window.Hilo.EventMixin;
-var Matrix = window.Hilo.Matrix;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * @class View View is the base class of all display objects
- * @mixes EventMixin
- * @borrows EventMixin#on as #on
- * @borrows EventMixin#off as #off
- * @borrows EventMixin#fire as #fire
- * @param {Object} properties The properties to create a view object, contains all writeable props of this class
- * @module hilo/view/View
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/event/EventMixin
- * @requires hilo/geom/Matrix
- * @requires hilo/util/util
- * @property {String} id The identifier for the view.
- * @property {Number} x The position of the view on the x axis relative to the local coordinates of the parent, default value is 0.
- * @property {Number} y The position of the view on the y axis relative to the local coordinates of the parent, default value is 0.
- * @property {Number} width The width of the view, default value is 0.
- * @property {Number} height The height of the view, default value is 0.
- * @property {Number} alpha The opacity of the view, default value is 1.
- * @property {Number} rotation The rotation of the view in angles, default value is 0.
- * @property {Boolean} visible The visibility of the view. If false the vew will not be drawn, default value is true.
- * @property {Number} pivotX Position of the center point on the x axis of the view, default value is 0.
- * @property {Number} pivotY Position of the center point on the y axis of the view, default value is 0.
- * @property {Number} scaleX The x axis scale factor of the view, default value is 1.
- * @property {Number} scaleY The y axis scale factor of the view, default value is 1.
- * @property {Matrix} transform The transform of the view.If set the transform, x, y, scaleX, scaleY, rotation, pivotX, pivotY will be ignored.default is null.
- * @property {Boolean} pointerEnabled Is the view can receive DOM events, default value is true.
- * @property {Object} background The background style to fill the view, can be css color, gradient or pattern of canvas
- * @property {Graphics} mask Sets a mask for the view. A mask is an object that limits the visibility of an object to the shape of the mask applied to it. A regular mask must be a Hilo.Graphics object. This allows for much faster masking in canvas as it utilises shape clipping. To remove a mask, set this property to null.
- * @property {Number} tint The tint applied to the view，default is 0xFFFFFF.Only support in WebGL mode.
- * @property {String|Function} align The alignment of the view, the value must be one of Hilo.align enum.
- * @property {Container} parent The parent view of this view, readonly!
- * @property {Number} depth The z index of the view, readonly!
- * @property {Drawable} drawable The drawable object of the view. Only for advanced develop.
- * @property {Array} boundsArea The vertex points of the view, the points are relative to the center point. This is a example: [{x:10, y:10}, {x:20, y:20}].
- */
-var View = (function(){
-
-return Class.create(/** @lends View.prototype */{
-    Mixes: EventMixin,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid("View");
-        util.copy(this, properties, true);
-    },
-
-    tint:0xffffff,
-    id: null,
-    x: 0,
-    y: 0,
-    width: 0,
-    height: 0,
-    alpha: 1,
-    rotation: 0,
-    visible: true,
-    pivotX: 0,
-    pivotY: 0,
-    scaleX: 1,
-    scaleY: 1,
-    pointerEnabled: true,
-    background: null,
-    mask: null,
-    align: null,
-    drawable: null,
-    boundsArea: null,
-    parent: null,
-    depth: -1,
-    transform: null,
-    blendMode:'source-over',
-
-    /**
-     * @language=en
-     * Get the stage object of the view. If the view doesn't add to any stage, null will be returned.
-     * @returns {Stage} The stage object of the view.
-     */
-    getStage: function(){
-        var obj = this, parent;
-        while(parent = obj.parent) obj = parent;
-        //NOTE: don't use `instanceof` to prevent circular module requirement.
-        //But it's not a very reliable way to check it's a stage instance.
-        if(obj.canvas) return obj;
-        return null;
-    },
-
-    /**
-     * @language=en
-     * Get the scaled width of the view.
-     * @returns {Number} scaled width of the view.
-     */
-    getScaledWidth: function(){
-        return this.width * this.scaleX;
-    },
-
-    /**
-     * @language=en
-     * Get the scaled height of the view.
-     * @returns {Number} scaled height of the view.
-     */
-    getScaledHeight: function(){
-        return this.height * this.scaleY;
-    },
-
-    /**
-     * @language=en
-     * Add current view to a Contaner.
-     * @param {Container} container Container object.
-     * @param {Uint} index The index of the view in container.
-     * @returns {View} Current view.
-     */
-    addTo: function(container, index){
-        if(typeof index === 'number') container.addChildAt(this, index);
-        else container.addChild(this);
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Remove current view from it's parent container
-     * @returns {View} Current view.
-     */
-    removeFromParent: function(){
-        var parent = this.parent;
-        if(parent) parent.removeChild(this);
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Get the bounds of the view as a circumscribed rectangle and all vertex points relative to the coordinates of the stage.
-     * @returns {Array} The vertex points array, and the array contains the following properties:
-     * <ul>
-     * <li><b>x</b> - The position of the view on the x axis relative to the coordinates of the stage.</li>
-     * <li><b>y</b> - The position of the view on the y axis relative to the coordinates of the stage.</li>
-     * <li><b>width</b> - The width of circumscribed rectangle of the view.</li>
-     * <li><b>height</b> - The height of circumscribed rectangle of the view</li>
-     * </ul>
-     */
-    getBounds: function(){
-        var w = this.width, h = this.height,
-            mtx = this.getConcatenatedMatrix(),
-            poly = this.boundsArea || [{x:0, y:0}, {x:w, y:0}, {x:w, y:h}, {x:0, y:h}],
-            vertexs = [], point, x, y, minX, maxX, minY, maxY;
-
-        for(var i = 0, len = poly.length; i < len; i++){
-            point = mtx.transformPoint(poly[i], true, true);
-            x = point.x;
-            y = point.y;
-
-            if(i == 0){
-                minX = maxX = x;
-                minY = maxY = y;
-            }else{
-                if(minX > x) minX = x;
-                else if(maxX < x) maxX = x;
-                if(minY > y) minY = y;
-                else if(maxY < y) maxY = y;
-            }
-            vertexs[i] = point;
-        }
-
-        vertexs.x = minX;
-        vertexs.y = minY;
-        vertexs.width = maxX - minX;
-        vertexs.height = maxY - minY;
-        return vertexs;
-    },
-
-    /**
-     * @language=en
-     * Get the matrix that can transform points from current view coordinates to the ancestor container coordinates.
-     * @param {View} ancestor The ancestor of current view, default value is the top container.
-     * @private
-     */
-    getConcatenatedMatrix: function(ancestor){
-        var mtx = new Matrix(1, 0, 0, 1, 0, 0);
-
-        for(var o = this; o != ancestor && o.parent; o = o.parent){
-            var cos = 1, sin = 0,
-                rotation = o.rotation % 360,
-                pivotX = o.pivotX, pivotY = o.pivotY,
-                scaleX = o.scaleX, scaleY = o.scaleY,
-                transform = o.transform;
-
-            if(transform) {
-                mtx.concat(transform);
-            }
-            else{
-                if(rotation){
-                    var r = rotation * Math.PI / 180;
-                    cos = Math.cos(r);
-                    sin = Math.sin(r);
-                }
-
-                if(pivotX != 0) mtx.tx -= pivotX;
-                if(pivotY != 0) mtx.ty -= pivotY;
-
-                var pos = o.getAlignPosition();
-                mtx.concat(cos*scaleX, sin*scaleX, -sin*scaleY, cos*scaleY, pos.x, pos.y);
-            }
-            
-        }
-        return mtx;
-    },
-
-    getAlignPosition: function(){
-        var parent = this.parent;
-        var align = this.align;
-        var x = this.x;
-        var y = this.y;
-
-        if(parent && this.align){
-            if(typeof align === 'function'){
-                return this.align();
-            }
-
-            var w = this.width, h = this.height,
-                pw = parent.width, ph = parent.height;
-            switch(align){
-                case 'TL':
-                    x = 0;
-                    y = 0;
-                    break;
-                case 'T':
-                    x = pw - w >> 1;
-                    y = 0;
-                    break;
-                case 'TR':
-                    x = pw - w;
-                    y = 0;
-                    break;
-                case 'L':
-                    x = 0;
-                    y = ph - h >> 1;
-                    break;
-                case 'C':
-                    x = pw - w >> 1;
-                    y = ph - h >> 1;
-                    break;
-                case 'R':
-                    x = pw - w;
-                    y = ph - h >> 1;
-                    break;
-                case 'BL':
-                    x = 0;
-                    y = ph - h;
-                    break;
-                case 'B':
-                    x = pw - w >> 1;
-                    y = ph - h;
-                    break;
-                case 'BR':
-                    x = pw - w;
-                    y = ph - h;
-                    break;
-            }
-        }
-
-        return {
-            x:x,
-            y:y
-        };
-    },
-
-    /**
-     * @language=en
-     * Determining whether a point is in the circumscribed rectangle of current view.
-     * @param {Number} x The x axis relative to the stage coordinates.
-     * @param {Number} y The y axis relative to the stage coordinates.
-     * @param {Boolean} usePolyCollision Is use polygon collision, default value is false.
-     * @returns {Boolean} the point is in the circumscribed rectangle of current view.
-     */
-    hitTestPoint: function(x, y, usePolyCollision){
-        var bound = this.getBounds(),
-            hit = x >= bound.x && x <= bound.x + bound.width &&
-                  y >= bound.y && y <= bound.y + bound.height;
-
-        if(hit && usePolyCollision){
-            hit = pointInPolygon(x, y, bound);
-        }
-        return hit;
-    },
-
-    /**
-     * @language=en
-     * Determining whether an object is in the circumscribed rectangle of current view.
-     * @param {View} object The object need to determining.
-     * @param {Boolean} usePolyCollision Is use polygon collision, default value is false.
-     */
-    hitTestObject: function(object, usePolyCollision){
-        var b1 = this.getBounds(),
-            b2 = object.getBounds(),
-            hit = b1.x <= b2.x + b2.width && b2.x <= b1.x + b1.width &&
-                  b1.y <= b2.y + b2.height && b2.y <= b1.y + b1.height;
-
-        if(hit && usePolyCollision){
-            hit = polygonCollision(b1, b2);
-        }
-        return !!hit;
-    },
-
-    /**
-     * @language=en
-     * The method to render current display object. Only for advanced develop.
-     * @param {Renderer} renderer Renderer object.
-     * @param {Number} delta The delta time of render.
-     * @protected
-     */
-    _render: function(renderer, delta){
-        if((!this.onUpdate || this.onUpdate(delta) !== false) && renderer.startDraw(this)){
-            renderer.transform(this);
-            this.render(renderer, delta);
-            renderer.endDraw(this);
-        }
-    },
-    /**
-     * @language=en
-     * Mouse event
-    */
-    _fireMouseEvent:function(e){
-        e.eventCurrentTarget = this;
-        this.fire(e);
-
-        // 处理mouseover事件 mouseover不需要阻止冒泡
-        // handle mouseover event, mouseover needn't stop propagation.
-        if(e.type == "mousemove"){
-            if(!this.__mouseOver){
-                this.__mouseOver = true;
-                var overEvent = util.copy({}, e);
-                overEvent.type = "mouseover";
-                this.fire(overEvent);
-            }
-        }
-        else if(e.type == "mouseout"){
-            this.__mouseOver = false;
-        }
-
-        // 向上冒泡
-        // handle event propagation
-        var parent = this.parent;
-        if(!e._stopped && !e._stopPropagationed && parent){
-            if(e.type == "mouseout" || e.type == "touchout"){
-                if(!parent.hitTestPoint(e.stageX, e.stageY, true)){
-                    parent._fireMouseEvent(e);
-                }
-            }
-            else{
-                parent._fireMouseEvent(e);
-            }
-        }
-    },
-
-    /**
-     * @language=en
-     * This method will call while the view need update(usually caused by ticker update). This method can return a Boolean value, if return false, the view will not be drawn.
-     * Limit: If you change the index in it's parent, it will not be drawn correct in current frame but next frame is correct.
-     * @type Function
-     * @default null
-     */
-    onUpdate: null,
-
-    /**
-     * @language=en
-     * The render method of current view. The subclass can implement it's own render logic by rewrite this function.
-     * @param {Renderer} renderer Renderer object.
-     * @param {Number} delta The delta time of render.
-     */
-    render: function(renderer, delta){
-        renderer.draw(this);
-    },
-
-    /**
-     * @language=en
-     * Get a string representing current view.
-     * @returns {String} string representing current view.
-     */
-    toString: function(){
-        return Hilo.viewToString(this);
-    }
-});
-
-/**
- * @language=en
- * @private
- */
-function pointInPolygon(x, y, poly){
-    var cross = 0, onBorder = false, minX, maxX, minY, maxY;
-
-    for(var i = 0, len = poly.length; i < len; i++){
-        var p1 = poly[i], p2 = poly[(i+1)%len];
-
-        if(p1.y == p2.y && y == p1.y){
-            p1.x > p2.x ? (minX = p2.x, maxX = p1.x) : (minX = p1.x, maxX = p2.x);
-            if(x >= minX && x <= maxX){
-                onBorder = true;
-                continue;
-            }
-        }
-
-        p1.y > p2.y ? (minY = p2.y, maxY = p1.y) : (minY = p1.y, maxY = p2.y);
-        if(y < minY || y > maxY) continue;
-
-        var nx = (y - p1.y)*(p2.x - p1.x) / (p2.y - p1.y) + p1.x;
-        if(nx > x) cross++;
-        else if(nx == x) onBorder = true;
-
-        //当射线和多边形相交
-        if(p1.x > x && p1.y == y){
-            var p0 = poly[(len+i-1)%len];
-            //当交点的两边在射线两旁
-            if(p0.y < y && p2.y > y || p0.y > y && p2.y < y){
-                cross ++;
-            }
-        }
-    }
-
-    return onBorder || (cross % 2 == 1);
-}
-
-/**
- * @language=en
- * @private
- */
-function polygonCollision(poly1, poly2){
-    var result = doSATCheck(poly1, poly2, {overlap:-Infinity, normal:{x:0, y:0}});
-    if(result) return doSATCheck(poly2, poly1, result);
-    return false;
-}
-
-/**
- * @language=en
- * @private
- */
-function doSATCheck(poly1, poly2, result){
-    var len1 = poly1.length, len2 = poly2.length,
-        currentPoint, nextPoint, distance,
-        min1, max1, min2, max2, dot, overlap, normal = {x:0, y:0};
-
-    for(var i = 0; i < len1; i++){
-        currentPoint = poly1[i];
-        nextPoint = poly1[(i < len1-1 ? i+1 : 0)];
-
-        normal.x = currentPoint.y - nextPoint.y;
-        normal.y = nextPoint.x - currentPoint.x;
-
-        distance = Math.sqrt(normal.x * normal.x + normal.y * normal.y);
-        normal.x /= distance;
-        normal.y /= distance;
-
-        min1 = max1 = poly1[0].x * normal.x + poly1[0].y * normal.y;
-        for(var j = 1; j < len1; j++){
-            dot = poly1[j].x * normal.x + poly1[j].y * normal.y;
-            if(dot > max1) max1 = dot;
-            else if(dot < min1) min1 = dot;
-        }
-
-        min2 = max2 = poly2[0].x * normal.x + poly2[0].y * normal.y;
-        for(j = 1; j < len2; j++){
-            dot = poly2[j].x * normal.x + poly2[j].y * normal.y;
-            if(dot > max2) max2 = dot;
-            else if(dot < min2) min2 = dot;
-        }
-
-        if(min1 < min2){
-            overlap = min2 - max1;
-            normal.x = -normal.x;
-            normal.y = -normal.y;
-        }else{
-            overlap = min1 - max2;
-        }
-
-        if(overlap >= 0){
-            return false;
-        }else if(overlap > result.overlap){
-            result.overlap = overlap;
-            result.normal.x = normal.x;
-            result.normal.y = normal.y;
-        }
-    }
-
-    return result;
-}
-
-})();
-window.Hilo.View = View;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Drawable = window.Hilo.Drawable;
-var browser = window.Hilo.browser;
-
-
-var _cacheCanvas, _cacheContext;
-/**
- * @language=en
- * @class CacheMixin A mixin that contains cache method.You can mix cache method to the target by use Class.mix(target, CacheMixin).
- * @static
- * @mixin
- * @module hilo/view/CacheMixin
- * @requires hilo/view/Drawable
- * @requires hilo/util/browser
- */
-var CacheMixin = /** @lends CacheMixin# */ {
-    _cacheDirty:true,
-    /**
-     * @language=en
-     * Cache the view.
-     * @param {Boolean} forceUpdate is force update cache.
-     */
-    cache: function(forceUpdate){
-        if(forceUpdate || this._cacheDirty || !this.drawable){
-            this.updateCache();
-        }
-    },
-    /**
-     * @language=en
-     * Update the cache.
-     */
-    updateCache:function(){
-        if(browser.supportCanvas){
-            if(!_cacheCanvas){
-                _cacheCanvas = document.createElement('canvas');
-                _cacheContext = _cacheCanvas.getContext('2d');
-            }
-
-            //TODO:width, height自动判断
-            _cacheCanvas.width = this.width;
-            _cacheCanvas.height = this.height;
-            this._draw(_cacheContext);
-            this.drawable = this.drawable||new Drawable();
-            this.drawable.init({
-                image:_cacheCanvas.toDataURL()
-            });
-            this._cacheDirty = false;
-        }
-    },
-    /**
-     * @language=en
-     * set the cache state diry.
-     * @param {Boolean} dirty is cache dirty
-     */
-    setCacheDirty:function(dirty){
-        this._cacheDirty = dirty;
-    }
-};
-window.Hilo.CacheMixin = CacheMixin;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-
-
-/**
- * @language=en
- * @class Container is the base class to all container classes. Each Container can add other view object as children.
- * @augments View
- * @param {Object} properties Properties parameters of the object to create. Contains all writable properties of this class.
- * @module hilo/view/Container
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @property {Array} children List of children elements of the container, readonly!
- * @property {Boolean} pointerChildren Whether children elements of the container can response to user interactive events, default value is true.
- * @property {Boolean} clipChildren Whether clip children elements which are out of the container, default value is false.
- */
-var Container = Class.create(/** @lends Container.prototype */{
-    Extends: View,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid("Container");
-        Container.superclass.constructor.call(this, properties);
-
-        if(this.children) this._updateChildren();
-        else this.children = [];
-    },
-
-    children: null,
-    pointerChildren: true,
-    clipChildren: false,
-
-    /**
-     * @language=en
-     * Return the amount of the children elements of the container.
-     * @returns {Uint} The amount of the children elements of the container.
-     */
-    getNumChildren: function(){
-        return this.children.length;
-    },
-
-    /**
-     * @language=en
-     * Add child element at given index.
-     * @param {View} child Element to add.
-     * @param {Number} index The given index position, range from 0.
-     */
-    addChildAt: function(child, index){
-        var children = this.children,
-            len = children.length,
-            parent = child.parent;
-
-        index = index < 0 ? 0 : index > len ? len : index;
-        var childIndex = this.getChildIndex(child);
-        if(childIndex == index){
-            return this;
-        }else if(childIndex >= 0){
-            children.splice(childIndex, 1);
-            index = index == len ? len - 1 : index;
-        }else if(parent){
-            parent.removeChild(child);
-        }
-
-        children.splice(index, 0, child);
-
-        //直接插入，影响插入位置之后的深度
-        //Insert directly, this will affect depth of elements after the index.
-        if(childIndex < 0){
-            this._updateChildren(index);
-        }
-        //只是移动时影响中间段的深度
-        //Will affect depth of elements in the middle during moving
-        else{
-            var startIndex = childIndex < index ? childIndex : index;
-            var endIndex = childIndex < index ? index : childIndex;
-            this._updateChildren(startIndex, endIndex + 1);
-        }
-
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Add child element at the top.
-     * @param {View} child Elements to add.
-     */
-    addChild: function(child){
-        var total = this.children.length,
-            args = arguments;
-
-        for(var i = 0, len = args.length; i < len; i++){
-            this.addChildAt(args[i], total + i);
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Remove element at the index.
-     * @param {Int} index Index of the element to remove, range from 0.
-     * @returns {View} Element had been removed.
-     */
-    removeChildAt: function(index){
-        var children = this.children;
-        if(index < 0 || index >= children.length) return null;
-
-        var child = children[index];
-        if(child){
-            //NOTE: use `__renderer` for fixing child removal (DOMRenderer and FlashRenderer only).
-            //Do `not` use it in any other case.
-            if(!child.__renderer){
-                var obj = child;
-                while(obj = obj.parent){
-                    //obj is stage
-                    if(obj.renderer){
-                        child.__renderer = obj.renderer;
-                        break;
-                    }
-                    else if(obj.__renderer){
-                        child.__renderer = obj.__renderer;
-                        break;
-                    }
-                }
-            }
-
-            if(child.__renderer){
-                child.__renderer.remove(child);
-            }
-
-            child.parent = null;
-            child.depth = -1;
-        }
-
-        children.splice(index, 1);
-        this._updateChildren(index);
-
-        return child;
-    },
-
-    /**
-     * @language=en
-     * Remove the given child element.
-     * @param {View} child The child element to remove.
-     * @returns {View} Element had been removed.
-     */
-    removeChild: function(child){
-        return this.removeChildAt(this.getChildIndex(child));
-    },
-
-    /**
-     * @language=en
-     * Remove child element by its id.
-     * @param {String} id The id of element to remove.
-     * @returns {View} Element had been removed.
-     */
-    removeChildById: function(id){
-        var children = this.children, child;
-        for(var i = 0, len = children.length; i < len; i++){
-            child = children[i];
-            if(child.id === id){
-                this.removeChildAt(i);
-                return child;
-            }
-        }
-        return null;
-    },
-
-    /**
-     * @language=en
-     * Remove all children elements.
-     * @returns {Container} Container itself.
-     */
-    removeAllChildren: function(){
-        while(this.children.length) this.removeChildAt(0);
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Return child element at the given index.
-     * @param {Number} index The index of the element, range from 0.
-     */
-    getChildAt: function(index){
-        var children = this.children;
-        if(index < 0 || index >= children.length) return null;
-        return children[index];
-    },
-
-    /**
-     * @language=en
-     * Return child element at the given id.
-     * @param {String} id The id of child element to return.
-     */
-    getChildById: function(id){
-        var children = this.children, child;
-        for(var i = 0, len = children.length; i < len; i++){
-            child = children[i];
-            if(child.id === id) return child;
-        }
-        return null;
-    },
-
-    /**
-     * @language=en
-     * Return index value of the given child element.
-     * @param {View} child The child element need to get its index.
-     */
-    getChildIndex: function(child){
-        return this.children.indexOf(child);
-    },
-
-    /**
-     * @language=en
-     * Set the index of child element.
-     * @param {View} child The child element need to set index.
-     * @param {Number} index The index to set to the element.
-     */
-    setChildIndex: function(child, index){
-        var children = this.children,
-            oldIndex = children.indexOf(child);
-
-        if(oldIndex >= 0 && oldIndex != index){
-            var len = children.length;
-            index = index < 0 ? 0 : index >= len ? len - 1 : index;
-            children.splice(oldIndex, 1);
-            children.splice(index, 0, child);
-            this._updateChildren();
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Swap index between two child elements.
-     * @param {View} child1 Child element A.
-     * @param {View} child2 Child element B.
-     */
-    swapChildren: function(child1, child2){
-        var children = this.children,
-            index1 = this.getChildIndex(child1),
-            index2 = this.getChildIndex(child2);
-
-        child1.depth = index2;
-        children[index2] = child1;
-        child2.depth = index1;
-        children[index1] = child2;
-    },
-
-    /**
-     * @language=en
-     * Swap two children elements at given indexes.
-     * @param {Number} index1 Given index A.
-     * @param {Number} index2 Given index B.
-     */
-    swapChildrenAt: function(index1, index2){
-        var children = this.children,
-            child1 = this.getChildAt(index1),
-            child2 = this.getChildAt(index2);
-
-        child1.depth = index2;
-        children[index2] = child1;
-        child2.depth = index1;
-        children[index1] = child2;
-    },
-
-    /**
-     * @language=en
-     * Sort children elements by the given key or function.
-     * @param {Object} keyOrFunction If is String, sort children elements by the given property string; If is Function, sort by the function.
-     */
-    sortChildren: function(keyOrFunction){
-        var fn = keyOrFunction,
-            children = this.children;
-        if(typeof fn == "string"){
-            var key = fn;
-            fn = function(a, b){
-                return b[key] - a[key];
-            };
-        }
-        children.sort(fn);
-        this._updateChildren();
-    },
-
-    /**
-     * @language=en
-     * Update children elements.
-     * @private
-     */
-    _updateChildren: function(start, end){
-        var children = this.children, child;
-        start = start || 0;
-        end = end || children.length;
-        for(var i = start; i < end; i++){
-            child = children[i];
-            child.depth = i + 1;
-            child.parent = this;
-        }
-    },
-
-    /**
-     * @language=en
-     * Return whether this container contains the parameter described child element.
-     * @param {View} child The child element to test.
-     */
-    contains: function(child){
-        while(child = child.parent){
-            if(child === this){
-                return true;
-            }
-        }
-        return false;
-    },
-
-    /**
-     * @language=en
-     * Return object at the point positioned by given values on x axis and y axis.
-     * @param {Number} x The point's value on the coordinate's x axis.
-     * @param {Number} y The point's value on the coordinate's y asix.
-     * @param {Boolean} usePolyCollision Whether use polygon collision detection, default value is false.
-     * @param {Boolean} global Whether return all elements that match the condition, default value is false.
-     * @param {Boolean} eventMode Whether find elements under event mode, default value is false.
-     */
-    getViewAtPoint: function(x, y, usePolyCollision, global, eventMode){
-        var result = global ? [] : null,
-            children = this.children, child, obj;
-
-        for(var i = children.length - 1; i >= 0; i--){
-            child = children[i];
-            //skip child which is not shown or pointer enabled
-            if(!child || !child.visible || child.alpha <= 0 || (eventMode && !child.pointerEnabled)) continue;
-            //find child recursively
-            if(child.children && child.children.length && !(eventMode && !child.pointerChildren)){
-                obj = child.getViewAtPoint(x, y, usePolyCollision, global, eventMode);
-            }
-
-            if(obj){
-                if(!global) return obj;
-                else if(obj.length) result = result.concat(obj);
-            }else if(child.hitTestPoint(x, y, usePolyCollision)){
-                if(!global) return child;
-                else result.push(child);
-            }
-        }
-
-        return global && result.length ? result : null;
-    },
-
-    /**
-     * @language=en
-     * Rewrite render method.
-     * @private
-     */
-    render: function(renderer, delta){
-        Container.superclass.render.call(this, renderer, delta);
-
-        var children = this.children.slice(0), i, len, child;
-        for(i = 0, len = children.length; i < len; i++){
-            child = children[i];
-            //NOTE: the child could remove or change it's parent
-            if(child.parent === this) child._render(renderer, delta);
-        }
-    }
-
-});
-
-window.Hilo.Container = Container;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var Container = window.Hilo.Container;
-var CanvasRenderer = window.Hilo.CanvasRenderer;
-var DOMRenderer = window.Hilo.DOMRenderer;
-var WebGLRenderer = window.Hilo.WebGLRenderer;
-var browser = window.Hilo.browser;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * Demo:
- * <pre>
- * var stage = new Hilo.Stage({
- *     renderType:'canvas',
- *     container: containerElement,
- *     width: 320,
- *     height: 480
- * });
- * </pre>
- * @class Stage is the root of all visual object tree, any visual object will be render only after being added to Stage or any children elements of Stage. Normally, every hilo application start with an stage instance.
- * @augments Container
- * @param {Object} properties Properties parameters for the object. Includes all writable properties of this class. Some important like:
- * <ul>
- * <li><b>container</b>:String|HTMLElement - Assign the parent container element of the Stage in the page. It should be a dom container or an id. If this parameter is not given and canvas isn't in the dom tree, you should add the stage vanvas into the dom tree yourself, otherwise Stage will not render. optional.</li>
- * <li><b>renderType</b>:String - Renering way: canvas|dom|webgl，default value is canvas, optional.</li>
- * <li><b>canvas</b>:String|HTMLCanvasElement|HTMLElement - 指定舞台所对应的画布元素。它是一个canvas或普通的div，也可以传入元素的id。若为canvas，则使用canvas来渲染所有对象，否则使用dom+css来渲染。可选。</li>
- * <li><b>width</b>:Number</li> - The width of the Stage, default value is the width of canvas, optional.
- * <li><b>height</b>:Number</li> - The height of the Stage, default value is the height of canvas, optional.
- * <li><b>paused</b>:Boolean</li> - Whether stop rendering the Stage, default value is false, optional.
- * </ul>
- * @module hilo/view/Stage
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/Container
- * @requires hilo/renderer/CanvasRenderer
- * @requires hilo/renderer/DOMRenderer
- * @requires hilo/renderer/WebGLRenderer
- * @requires hilo/util/browser
- * @requires hilo/util/util
- * @property {HTMLCanvasElement|HTMLElement} canvas The canvas the Stage is related to. It can be a canvas or a div element, readonly!
- * @property {Renderer} renderer Stage renderer, readonly!
- * @property {Boolean} paused Paused Stage rendering.
- * @property {Object} viewport Rendering area of the Stage. Including properties like: left, top, width, height. readonly!
- */
-var Stage = Class.create(/** @lends Stage.prototype */{
-    Extends: Container,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid('Stage');
-        Stage.superclass.constructor.call(this, properties);
-
-        this._initRenderer(properties);
-
-        //init size
-        var width = this.width, height = this.height,
-            viewport = this.updateViewport();
-        if(!properties.width) width = (viewport && viewport.width) || 320;
-        if(!properties.height) height = (viewport && viewport.height) || 480;
-        this.resize(width, height, true);
-    },
-
-    canvas: null,
-    renderer: null,
-    paused: false,
-    viewport: null,
-
-    /**
-     * @language=en
-     * @private
-     */
-    _initRenderer: function(properties){
-        var canvas = properties.canvas;
-        var container = properties.container;
-        var renderType = properties.renderType||'canvas';
-
-        if(typeof canvas === 'string') canvas = Hilo.getElement(canvas);
-        if(typeof container === 'string') container = Hilo.getElement(container);
-
-        if(!canvas){
-            var canvasTagName = renderType === 'dom'?'div':'canvas';
-            canvas = Hilo.createElement(canvasTagName, {
-                style: {
-                    position: 'absolute'
-                }
-            });
-        }
-        else if(!canvas.getContext){
-            renderType = 'dom';
-        }
-
-        this.canvas = canvas;
-        if(container) container.appendChild(canvas);
-
-        var props = {canvas:canvas, stage:this};
-        switch(renderType){
-            case 'dom':
-                this.renderer = new DOMRenderer(props);
-                break;
-            case 'webgl':
-                if(WebGLRenderer.isSupport()){
-                    this.renderer = new WebGLRenderer(props);
-                }
-                else{
-                    this.renderer = new CanvasRenderer(props);
-                }
-                break;
-            case 'canvas':
-	        /* falls through */
-            default:
-                this.renderer = new CanvasRenderer(props);
-                break;
-        }
-    },
-
-    /**
-     * @language=en
-     * Add Stage canvas to DOM container. Note: this function overwrite View.addTo function.
-     * @param {HTMLElement} domElement An dom element.
-     * @returns {Stage} The Stage Object, chained call supported.
-     */
-    addTo: function(domElement){
-        var canvas = this.canvas;
-        if(canvas.parentNode !== domElement){
-            domElement.appendChild(canvas);
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Invoke tick function and Stage will update and render. Developer may not need to use this funciton.
-     * @param {Number} delta The time had pass between this tick invoke and last tick invoke.
-     */
-    tick: function(delta){
-        if(!this.paused){
-            this._render(this.renderer, delta);
-        }
-    },
-
-    /**
-     * @language=en
-     * Turn on/off Stage response to DOM event. To make visual objects on the Stage interactive, use this function to turn on Stage's responses to events.
-     * @param {String|Array} type The event name or array that need to turn on/off.
-     * @param {Boolean} enabled Whether turn on or off the response method of stage DOM event. If not provided, default value is true.
-     * @returns {Stage} The Stage Object, chained call supported.
-     */
-    enableDOMEvent: function(types, enabled){
-        var me = this,
-            canvas = me.canvas,
-            handler = me._domListener || (me._domListener = function(e){me._onDOMEvent(e);});
-
-        types = typeof types === 'string' ? [types] : types;
-        enabled = enabled !== false;
-
-        for(var i = 0; i < types.length; i++){
-            var type = types[i];
-
-            if(enabled){
-                canvas.addEventListener(type, handler, false);
-            }else{
-                canvas.removeEventListener(type, handler);
-            }
-        }
-
-        return me;
-    },
-
-    /**
-     * @language=en
-     * DOM events handler function. This funciton will invoke events onto the visual object, which is on the position of the coordinate where the events is invoked.
-     * @private
-     */
-    _onDOMEvent: function(e){
-        var type = e.type, event = e, isTouch = type.indexOf('touch') == 0;
-
-        //calculate stageX/stageY
-        var posObj = e;
-        if(isTouch){
-            var touches = e.touches, changedTouches = e.changedTouches;
-            posObj = (touches && touches.length) ? touches[0] :
-                     (changedTouches && changedTouches.length) ? changedTouches[0] : null;
-        }
-
-        var x = posObj.pageX || posObj.clientX, y = posObj.pageY || posObj.clientY,
-            viewport = this.viewport || this.updateViewport();
-
-        event.stageX = x = (x - viewport.left) / this.scaleX;
-        event.stageY = y = (y - viewport.top) / this.scaleY;
-
-        //鼠标事件需要阻止冒泡方法 Prevent bubbling on mouse events.
-        event.stopPropagation = function(){
-            this._stopPropagationed = true;
-        };
-
-        var obj = this.getViewAtPoint(x, y, true, false, true)||this,
-            canvas = this.canvas, target = this._eventTarget;
-
-        //fire mouseout/touchout event for last event target
-        var leave = type === 'mouseout';
-        //当obj和target不同 且obj不是target的子元素时才触发out事件 fire out event when obj and target isn't the same as well as obj is not a child element to target.
-        if(target && (target != obj && (!target.contains || !target.contains(obj))|| leave)){
-            var out = (type === 'touchmove') ? 'touchout' :
-                      (type === 'mousemove' || leave || !obj) ? 'mouseout' : null;
-            if(out) {
-                var outEvent = util.copy({}, event);
-                outEvent.type = out;
-                outEvent.eventTarget = target;
-                target._fireMouseEvent(outEvent);
-            }
-            event.lastEventTarget = target;
-            this._eventTarget = null;
-        }
-
-        //fire event for current view
-        if(obj && obj.pointerEnabled && type !== 'mouseout'){
-            event.eventTarget = this._eventTarget = obj;
-            obj._fireMouseEvent(event);
-        }
-
-        //set cursor for current view
-        if(!isTouch){
-            var cursor = (obj && obj.pointerEnabled && obj.useHandCursor) ? 'pointer' : '';
-            canvas.style.cursor = cursor;
-        }
-
-        //fix android: `touchmove` fires only once
-        if(browser.android && type === 'touchmove'){
-            e.preventDefault();
-        }
-    },
-
-    /**
-     * @language=en
-     * Update the viewport (rendering area) which Stage show on the page. Invoke this function to update viewport when Stage canvas changes border, margin or padding properties.
-     * @returns {Object} The visible area of the Stage (the viewport property).
-     */
-    updateViewport: function(){
-        var canvas = this.canvas, viewport = null;
-        if(canvas.parentNode){
-            viewport = this.viewport = Hilo.getElementRect(canvas);
-        }
-        return viewport;
-    },
-
-    /**
-     * @language=en
-     * Resize the Stage.
-     * @param {Number} width The width of the new Stage.
-     * @param {Number} height The height of the new Stage.
-     * @param {Boolean} forceResize Whether forced to resize the Stage, means no matter the size of the Stage, force to change the size to keep Stage, canvas and window act at the same time.
-     */
-    resize: function(width, height, forceResize){
-        if(forceResize || this.width !== width || this.height !== height){
-            this.width = width;
-            this.height = height;
-            this.renderer.resize(width, height);
-            this.updateViewport();
-        }
-    }
-
-});
-
-window.Hilo.Stage = Stage;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-var Drawable = window.Hilo.Drawable;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/Bitmap.html?noHeader' width = '300' height = '200' scrolling='no'></iframe>
- * <br/>
- * Example:
- * <pre>
- * var bmp = new Hilo.Bitmap({image:imgElem, rect:[0, 0, 100, 100]});
- * stage.addChild(bmp);
- * </pre>
- * @class Bitmap
- * @augments View
- * @param {Object} properties the options of create Instance.It can contains all writable property and Moreover：
- * <ul>
- * <li><b>image</b> - the image of bitmap which contained, required.</li>
- * <li><b>rect</b> - the range of bitmap in the image, option</li>
- * <li><b>crossOrigin</b> - Whether cross-domain is needed, default is false</li>
- * </ul>
- * @module hilo/view/Bitmap
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @requires hilo/view/Drawable
- */
- var Bitmap = Class.create(/** @lends Bitmap.prototype */{
-    Extends: View,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid("Bitmap");
-        Bitmap.superclass.constructor.call(this, properties);
-
-        this.drawable = new Drawable(properties);
-
-        //init width and height
-        if(!this.width || !this.height){
-            var rect = this.drawable.rect;
-            if(rect){
-                this.width = rect[2];
-                this.height = rect[3];
-            }
-        }
-    },
-
-    /**
-     * @language=en
-     * set the image。
-     * @param {Image|String} Image Object or URL.
-     * @param {Array} rect the range of bitmap in the image, option.
-     * @param {Boolean} Whether cross-domain is needed, default is false.
-     * @returns {Bitmap} self。
-     */
-    setImage: function(image, rect, crossOrigin){
-        this.drawable.init({image:image, rect:rect, crossOrigin:crossOrigin});
-        if(rect){
-            this.width = rect[2];
-            this.height = rect[3];
-        }
-        else if(!this.width && !this.height){
-            rect = this.drawable.rect;
-            if(rect){
-                this.width = rect[2];
-                this.height = rect[3];
-            }
-        }
-        return this;
-    }
- });
-
-window.Hilo.Bitmap = Bitmap;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-var Drawable = window.Hilo.Drawable;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/Sprite.html?noHeader' width = '550' height = '400' scrolling='no'></iframe>
- * <br/>
- * @class Sprite animation class.
- * @augments View
- * @module hilo/view/Sprite
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @requires hilo/view/Drawable
- * @param properties Properties parameters for creating object, include all writable properties of this class, also include:
- * <ul>
- * <li><b>frames</b> - Sprite animation frames data object.</li>
- * </ul>
- * @property {number} currentFrame Current showing frame index, range from 0, readoly!
- * @property {boolean} paused Is sprite paused, default value is false.
- * @property {boolean} loop Is sprite play in loop, default value is false.
- * @property {boolean} timeBased Is sprite animate base on time, default value is false (base on frame).
- * @property {number} interval Interval between sprite animation frames. If timeBased is true, measured in ms, otherwise, measured in frames.
- */
-var Sprite = Class.create(/** @lends Sprite.prototype */{
-    Extends: View,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid("Sprite");
-        Sprite.superclass.constructor.call(this, properties);
-
-        this._frames = [];
-        this._frameNames = {};
-        this.drawable = new Drawable();
-        if(properties.frames) this.addFrame(properties.frames);
-    },
-
-    _frames: null, //所有帧的集合 Collection of all frames
-    _frameNames: null, //带名字name的帧的集合 Collection of frames that with name
-    _frameElapsed: 0, //当前帧持续的时间或帧数 Elapsed time of current frame.
-    _firstRender: true, //标记是否是第一次渲染 Is the first render.
-
-    paused: false,
-    loop: true,
-    timeBased: false,
-    interval: 1,
-    currentFrame: 0, //当前帧的索引 Index of current frame
-
-    /**
-     * @language=en
-     * Return the total amount of sprite animation frames.
-     * @returns {Uint} The total amount of frames.
-     */
-    getNumFrames: function(){
-        return this._frames ? this._frames.length : 0;
-    },
-
-    /**
-     * @language=en
-     * Add frame into sprite.
-     * @param {Object} frame Frames to add into.
-     * @param {Int} startIndex The index to start adding frame, if is not given, add at the end of sprite.
-     * @returns {Sprite} Sprite itself.
-     */
-    addFrame: function(frame, startIndex){
-        var start = startIndex != null ? startIndex : this._frames.length;
-        if(frame instanceof Array){
-            for(var i = 0, len = frame.length; i < len; i++){
-                this.setFrame(frame[i], start + i);
-            }
-        }else{
-            this.setFrame(frame, start);
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set the frame on the given index.
-     * @param {Object} frame The frame data to set on that index.
-     * @param {Int} index Index of the frame to set.
-     * @returns {Sprite} Sprite itself.
-     */
-    setFrame: function(frame, index){
-        var frames = this._frames,
-            total = frames.length;
-        index = index < 0 ? 0 : index > total ? total : index;
-        frames[index] = frame;
-        if(frame.name) this._frameNames[frame.name] = frame;
-        if(index == 0 && !this.width || !this.height){
-            this.width = frame.rect[2];
-            this.height = frame.rect[3];
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Get the frame of given parameter from sprite.
-     * @param {Object} indexOrName The index or name of the frame.
-     * @returns {Object} The sprite object.
-     */
-    getFrame: function(indexOrName){
-        if(typeof indexOrName === 'number'){
-            var frames = this._frames;
-            if(indexOrName < 0 || indexOrName >= frames.length) return null;
-            return frames[indexOrName];
-        }
-        return this._frameNames[indexOrName];
-    },
-
-    /**
-     * @language=en
-     * Get frame index from sprite.
-     * @param {Object} frameValue Index or name of the frame.
-     * @returns {Object} Sprite frame object.
-     */
-    getFrameIndex: function(frameValue){
-        var frames = this._frames,
-            total = frames.length,
-            index = -1;
-        if(typeof frameValue === 'number'){
-            index = frameValue;
-        }else{
-            var frame = typeof frameValue === 'string' ? this._frameNames[frameValue] : frameValue;
-            if(frame){
-                for(var i = 0; i < total; i++){
-                    if(frame === frames[i]){
-                        index = i;
-                        break;
-                    }
-                }
-            }
-        }
-        return index;
-    },
-
-    /**
-     * @language=en
-     * Play sprite.
-     * @returns {Sprite} The Sprite object.
-     */
-    play: function(){
-        this.paused = false;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Pause playing sprite.
-     * @returns {Sprite} The Sprite object.
-     */
-    stop: function(){
-        this.paused = true;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Jump to an assigned frame.
-     * @param {Object} indexOrName Index or name of an frame to jump to.
-     * @param {Boolean} pause Does pause after jumping to the new index.
-     * @returns {Sprite} The Sprite object.
-     */
-    goto: function(indexOrName, pause){
-        var total = this._frames.length,
-            index = this.getFrameIndex(indexOrName);
-
-        this.currentFrame = index < 0 ? 0 : index >= total ? total - 1 : index;
-        this.paused = pause;
-        this._firstRender = true;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Render function.
-     * @private
-     */
-    _render: function(renderer, delta){
-        var lastFrameIndex = this.currentFrame, frameIndex;
-
-        if(this._firstRender){
-            frameIndex = lastFrameIndex;
-            this._firstRender = false;
-        }else{
-            frameIndex = this._nextFrame(delta);
-        }
-
-        if(frameIndex != lastFrameIndex){
-            this.currentFrame = frameIndex;
-            var callback = this._frames[frameIndex].callback;
-            callback && callback.call(this);
-        }
-
-        //NOTE: it will be deprecated, don't use it.
-        if(this.onEnterFrame) this.onEnterFrame(frameIndex);
-
-        this.drawable.init(this._frames[frameIndex]);
-        Sprite.superclass._render.call(this, renderer, delta);
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _nextFrame: function(delta){
-        var frames = this._frames,
-            total = frames.length,
-            frameIndex = this.currentFrame,
-            frame = frames[frameIndex],
-            duration = frame.duration || this.interval,
-            elapsed = this._frameElapsed;
-
-        //calculate the current frame elapsed frames/time
-        var value = (frameIndex == 0 && !this.drawable) ? 0 : elapsed + (this.timeBased ? delta : 1);
-        elapsed = this._frameElapsed = value < duration ? value : 0;
-
-        if(frame.stop || !this.loop && frameIndex >= total - 1){
-            this.stop();
-        }
-
-        if(!this.paused && elapsed == 0){
-            if(frame.next != null){
-                //jump to the specified frame
-                frameIndex = this.getFrameIndex(frame.next);
-            }else if(frameIndex >= total - 1){
-                //at the end of the frames, go back to first frame
-                frameIndex = 0;
-            }else if(this.drawable){
-                //normal go forward to next frame
-                frameIndex++;
-            }
-        }
-
-        return frameIndex;
-    },
-
-    /**
-     * @language=en
-     * Set a callback on an assigned frame. Every time assigned frame is played, invoke the callback function. If callback is empty, callback function will be removed.
-     * @param {Int|String} frame Index or name of the assigned frame.
-     * @param {Function} callback Callback function.
-     * @returns {Sprite} The Sprite object.
-     */
-    setFrameCallback: function(frame, callback){
-        frame = this.getFrame(frame);
-        if(frame) frame.callback = callback;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Callback function on when sprite enter a new frame. default value is null. Note: this function is obsolete, use addFrameCallback funciton instead.
-     * @type Function
-     * @deprecated
-     */
-    onEnterFrame: null
-
-});
-
-window.Hilo.Sprite = Sprite;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-var Drawable = window.Hilo.Drawable;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/DOMElement.html?noHeader' width = '330' height = '250' scrolling='no'></iframe>
- * <br/>
- * demo:
- * <pre>
- * var domView = new Hilo.DOMElement({
- *     element: Hilo.createElement('div', {
- *         style: {
- *             backgroundColor: '#004eff',
- *             position: 'absolute'
- *         }
- *     }),
- *     width: 100,
- *     height: 100,
- *     x: 50,
- *     y: 70
- * }).addTo(stage);
- * </pre>
- * @name DOMElement
- * @class DOMElement is a wrapper of dom element.（The DOMElement's parent must be stage）
- * @augments View
- * @param {Object} properties create Objects properties. Contains all writable properties in this class. Special properties include:
- * <ul>
- * <li><b>element</b> - dom element to wrap, required! </li>
- * </ul>
- * @module hilo/view/DOMElement
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @requires hilo/view/Drawable
- */
-var DOMElement = Class.create(/** @lends DOMElement.prototype */{
-    Extends: View,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid("DOMElement");
-        DOMElement.superclass.constructor.call(this, properties);
-
-        this.drawable = new Drawable();
-        var elem = this.drawable.domElement = properties.element || Hilo.createElement('div');
-        elem.id = this.id;
-
-        if(this.pointerEnabled && !elem.style.pointerEvents){
-            elem.style.pointerEvents = 'visible';
-        }
-    },
-
-    /**
-     * @language=en
-     * Overwrite render method.
-     * @private
-     */
-    _render: function(renderer, delta){
-        if(!this.onUpdate || this.onUpdate(delta) !== false){
-            renderer.transform(this);
-            if(this.visible && this.alpha > 0){
-                this.render(renderer, delta);
-            }
-        }
-    },
-
-    /**
-     * @language=en
-     * Overwrite render method.
-     * @private
-     */
-    render: function(renderer, delta){
-        if(renderer.renderType !== 'dom'){
-            var canvas = renderer.canvas;
-            var stage = this.parent;
-            var domElementContainer = renderer._domElementContainer;
-            if(!renderer._domElementContainer){
-                domElementContainer = renderer._domElementContainer = Hilo.createElement('div', {
-                    style:{
-                        'position':'absolute',
-                        'transform':'scale3d(' + stage.scaleX + ',' + stage.scaleY + ', 1)',
-                        'transformOrigin':'0 0',
-                        'zIndex':'1'
-                    }
-                });
-                canvas.parentNode.insertBefore(renderer._domElementContainer, canvas.nextSibling);
-            }
-
-            var elem = this.drawable.domElement, depth = this.depth,
-                nextElement = domElementContainer.childNodes[0], nextDepth;
-            if(elem.parentNode) return;
-
-            //draw dom element just after stage canvas
-            while(nextElement && nextElement.nodeType != 3){
-                nextDepth = parseInt(nextElement.style.zIndex) || 0;
-                if(nextDepth <= 0 || nextDepth > depth){
-                    break;
-                }
-                nextElement = nextElement.nextSibling;
-            }
-            domElementContainer.insertBefore(this.drawable.domElement, nextElement);
-        }else{
-            renderer.draw(this);
-        }
-    }
-});
-window.Hilo.DOMElement = DOMElement;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-var CacheMixin = window.Hilo.CacheMixin;
-
-
-/**
- * @language=en
- * <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
- * @mixes CacheMixin
- * @borrows CacheMixin#cache as #cache
- * @borrows CacheMixin#updateCache as #updateCache
- * @borrows CacheMixin#setCacheDirty as #setCacheDirty
- * @param {Object} properties Properties parameters of the object to create. Contains all writable properties of this class.
- * @module hilo/view/Graphics
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @requires hilo/view/CacheMixin
- * @property {Number} lineWidth The thickness of lines in space units, default value is 1, readonly!
- * @property {Number} lineAlpha The alpha value (transparency) of line, default value is 1, readonly!
- * @property {String} lineCap The style of how every end point of line are drawn, value options: butt, round, square. default value is null, readonly!
- * @property {String} lineJoin The joint style of two lines. value options: miter, round, bevel. default value is null, readonly!
- * @property {Number} miterLimit The miter limit ratio in space units, works only when lineJoin value is miter. default value is 10, readonly!
- * @property {String} strokeStyle The color or style to use for lines around shapes, default value is 0 (the black color), readonly!
- * @property {String} fillStyle The color or style to use inside shapes, default value is 0 (the black color), readonly!
- * @property {Number} fillAlpha The transparency of color or style inside shapes, default value is 0, readonly!
- */
-var Graphics = (function(){
-
-var canvas = document.createElement('canvas');
-var helpContext = canvas.getContext && canvas.getContext('2d');
-
-return Class.create(/** @lends Graphics.prototype */{
-    Extends: View,
-    Mixes:CacheMixin,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid('Graphics');
-        Graphics.superclass.constructor.call(this, properties);
-
-        this._actions = [];
-    },
-
-    lineWidth: 1,
-    lineAlpha: 1,
-    lineCap: null, //'butt', 'round', 'square'
-    lineJoin: null, //'miter', 'round', 'bevel'
-    miterLimit: 10,
-    hasStroke: false,
-    strokeStyle: '0',
-    hasFill: false,
-    fillStyle: '0',
-    fillAlpha: 0,
-
-    /**
-     * @language=en
-     * Set the lines style for drawing shapes.
-     * @param {Number} thickness The thickness of lines, default value is 1.
-     * @param {String} lineColor The CSS color value of lines, default value is 0 (the black color).
-     * @param {Number} lineAlpha The transparency of lines, default value is 1 (fully opaque).
-     * @param {String} lineCap The style of how every end point of line are drawn, value options: butt, round, square. default value is null.
-     * @param {String} lineJoin The joint style of two lines. value options: miter, round, bevel. default value is null.
-     * @param {Number} miterLimit The miter limit ratio in space units, works only when lineJoin value is miter. default value is 10.
-     * @returns {Graphics} The Graphics Object.
-     */
-    lineStyle: function(thickness, lineColor, lineAlpha, lineCap, lineJoin, miterLimit){
-        var me = this, addAction = me._addAction;
-
-        addAction.call(me, ['lineWidth', (me.lineWidth = thickness || 1)]);
-        addAction.call(me, ['strokeStyle', (me.strokeStyle = lineColor || '0')]);
-        addAction.call(me, ['lineAlpha', (me.lineAlpha = lineAlpha || 1)]);
-        if(lineCap != undefined) addAction.call(me, ['lineCap', (me.lineCap = lineCap)]);
-        if(lineJoin != undefined) addAction.call(me, ['lineJoin', (me.lineJoin = lineJoin)]);
-        if(miterLimit != undefined) addAction.call(me, ['miterLimit', (me.miterLimit = miterLimit)]);
-        me.hasStroke = true;
-        return me;
-    },
-
-    /**
-     * 设置虚线样式
-     * @param {Number[]} segments 一组描述交替绘制线段和间距（坐标空间单位）长度的数字
-     * @see https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/setLineDash
-     */
-    setLineDash: function(segments){
-        return this._addAction(['setLineDash', segments]);
-    },
-
-    /**
-     * @language=en
-     * Set how to fill shapes and the transparency.
-     * @param {String} fill Filling style. this can be color, gradient or pattern.
-     * @param {Number} alpha Transparency.
-     * @returns {Graphics} The Graphics Object.
-     */
-    beginFill: function(fill, alpha){
-        var me = this, addAction = me._addAction;
-
-        addAction.call(me, ['fillStyle', (me.fillStyle = fill)]);
-        addAction.call(me, ['fillAlpha', (me.fillAlpha = alpha || 1)]);
-        me.hasFill = true;
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Apply and end lines-drawing and shapes-filling.
-     * @returns {Graphics} The Graphics Object.
-     */
-    endFill: function(){
-        var me = this, addAction = me._addAction;
-
-        if(me.hasStroke) addAction.call(me, ['stroke']);
-        if(me.hasFill) addAction.call(me, ['fill']);
-        me.setCacheDirty(true);
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Set linear gradient filling style to draw shapes.
-     * @param {Number} x0 The x-coordinate value of the linear gradient start point.
-     * @param {Number} y0 The y-coordinate value of the linear gradient start point.
-     * @param {Number} x1 The x-coordinate value of the linear gradient end point.
-     * @param {Number} y1 The y-coordinate value of the linear gradient end point.
-     * @param {Array} colors An array of CSS colors used in the linear gradient.
-     * @param {Array} ratios An array of position between start point and end point, should be one-to-one to colors in the colors array. each value range between 0.0 to 1.0.
-     * @returns {Graphics} The Graphics Object.
-     */
-    beginLinearGradientFill: function(x0, y0, x1, y1, colors, ratios){
-        var me = this, gradient = helpContext.createLinearGradient(x0, y0, x1, y1);
-
-        for (var i = 0, len = colors.length; i < len; i++){
-            gradient.addColorStop(ratios[i], colors[i]);
-        }
-        me.hasFill = true;
-        return me._addAction(['fillStyle', (me.fillStyle = gradient)]);
-    },
-
-    /**
-     * @language=en
-     * Set radial gradient filling style to draw shapes.
-     * @param {Number} x0 The x-coordinate value of the radial gradient start circle.
-     * @param {Number} y0 The y-coordinate value of the radial gradient start circle.
-     * @param {Number} r0 The diameter of the radial gradient start circle.
-     * @param {Number} x1 The x-coordinate value of the radial gradient end circle.
-     * @param {Number} y1 The y-coordinate value of the radial gradient end circle.
-     * @param {Number} r1 The radius of the radial gradient end circle.
-     * @param {Array} colors An array of CSS colors used in the radial gradient.
-     * @param {Array} ratios An array of position between start circle and end circle, should be one-to-one to colors in the colors array. each value range between 0.0 to 1.0.
-     * @returns {Graphics} The Graphics Object.
-     */
-    beginRadialGradientFill: function(x0, y0, r0, x1, y1, r1, colors, ratios){
-        var me = this, gradient = helpContext.createRadialGradient(x0, y0, r0, x1, y1, r1);
-        for (var i = 0, len = colors.length; i < len; i++)
-        {
-            gradient.addColorStop(ratios[i], colors[i]);
-        }
-        me.hasFill = true;
-        return me._addAction(['fillStyle', (me.fillStyle = gradient)]);
-    },
-
-    /**
-     * @language=en
-     * Begin an image filling pattern.
-     * @param {HTMLImageElement} image The Image to fill.
-     * @param {String} repetition The fill repetition style, can be one of valus:repeat, repeat-x, repeat-y, no-repeat. default valus is ''.
-     * @returns {Graphics} The Graphics Object.
-     */
-    beginBitmapFill: function(image, repetition){
-        var me = this, pattern = helpContext.createPattern(image, repetition || '');
-        me.hasFill = true;
-        return me._addAction(['fillStyle', (me.fillStyle = pattern)]);
-    },
-
-    /**
-     * @language=en
-     * Begin a new path.
-     * @returns {Graphics} The Graphics Object.
-     */
-    beginPath: function(){
-        return this._addAction(['beginPath']);
-    },
-
-    /**
-     * @language=en
-     * Close current path.
-     * @returns {Graphics} The Graphics Object.
-     */
-    closePath: function(){
-        return this._addAction(['closePath']);
-    },
-
-    /**
-     * @language=en
-     * Move current drawing point to a new point on coordinate values (x, y).
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @returns {Graphics} The Graphics Object.
-     */
-    moveTo: function(x, y){
-        return this._addAction(['moveTo', x, y]);
-    },
-
-    /**
-     * @language=en
-     * Draw a line from current point to the point on the coordinate value (x, y).
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @returns {Graphics} The Graphics Object.
-     */
-    lineTo: function(x, y){
-        return this._addAction(['lineTo', x, y]);
-    },
-
-    /**
-     * @language=en
-     * Draw a quadratic Bézier curve from current point to the point on coordinate (x, y).
-     * @param {Number} cpx The x-coordinate value of the Bézier curve control point cp.
-     * @param {Number} cpy The y-coordinate value of the Bézier curve control point cp.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @returns {Graphics} The Graphics Object.
-     */
-    quadraticCurveTo: function(cpx, cpy, x, y){
-        return this._addAction(['quadraticCurveTo', cpx, cpy, x, y]);
-    },
-
-    /**
-     * @language=en
-     * Draw a Bézier curve from current point to the point on coordinate (x, y).
-     * @param {Number} cp1x The x-coordinate value of the Bézier curve control point cp1.
-     * @param {Number} cp1y The y-coordinate value of the Bézier curve control point cp1.
-     * @param {Number} cp2x The x-coordinate value of the Bézier curve control point cp2.
-     * @param {Number} cp2y The y-coordinate value of the Bézier curve control point cp2.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @returns {Graphics} The Graphics Object.
-     */
-    bezierCurveTo: function(cp1x, cp1y, cp2x, cp2y, x, y){
-        return this._addAction(['bezierCurveTo', cp1x, cp1y, cp2x, cp2y, x, y]);
-    },
-
-    /**
-     * @language=en
-     * Draw a rectangle.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @param {Number} width The width of the rectangle.
-     * @param {Number} height The height of the rectangle.
-     * @returns {Graphics} The Graphics Object.
-     */
-    drawRect: function(x, y, width, height){
-        return this._addAction(['rect', x, y, width, height]);
-    },
-
-    /**
-     * @language=en
-     * Draw a complex rounded rectangle.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @param {Number} width The width of rounded rectangle.
-     * @param {Number} height The height of rounded rectangle.
-     * @param {Number} cornerTL The size of the rounded corner on the top-left of the rounded rectangle.
-     * @param {Number} cornerTR The size of the rounded corner on the top-right of the rounded rectangle.
-     * @param {Number} cornerBR The size of the rounded corner on the bottom-left of the rounded rectangle.
-     * @param {Number} cornerBL The size of the rounded corner on the bottom-right of the rounded rectangle.
-     * @returns {Graphics} The Graphics Object.
-     */
-    drawRoundRectComplex: function(x, y, width, height, cornerTL, cornerTR, cornerBR, cornerBL){
-        var me = this, addAction = me._addAction;
-        addAction.call(me, ['moveTo', x + cornerTL, y]);
-        addAction.call(me, ['lineTo', x + width - cornerTR, y]);
-        addAction.call(me, ['arc', x + width - cornerTR, y + cornerTR, cornerTR, -Math.PI/2, 0, false]);
-        addAction.call(me, ['lineTo', x + width, y + height - cornerBR]);
-        addAction.call(me, ['arc', x + width - cornerBR, y + height - cornerBR, cornerBR, 0, Math.PI/2, false]);
-        addAction.call(me, ['lineTo', x + cornerBL, y + height]);
-        addAction.call(me, ['arc', x + cornerBL, y + height - cornerBL, cornerBL, Math.PI/2, Math.PI, false]);
-        addAction.call(me, ['lineTo', x, y + cornerTL]);
-        addAction.call(me, ['arc', x + cornerTL, y + cornerTL, cornerTL, Math.PI, Math.PI*3/2, false]);
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Draw a rounded rectangle.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @param {Number} width The width of rounded rectangle.
-     * @param {Number} height The height of rounded rectangle.
-     * @param {Number} cornerSize The size of all rounded corners.
-     * @returns {Graphics} The Graphics Object.
-     */
-    drawRoundRect: function(x, y, width, height, cornerSize){
-        return this.drawRoundRectComplex(x, y, width, height, cornerSize, cornerSize, cornerSize, cornerSize);
-    },
-
-    /**
-     * @language=en
-     * Draw a circle.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @param {Number} radius The radius of the circle.
-     * @returns {Graphics} The Graphics Object.
-     */
-    drawCircle: function(x, y, radius){
-        return this._addAction(['arc', x + radius, y + radius, radius, 0, Math.PI * 2, 0]);
-    },
-
-    /**
-     * @language=en
-     * Draw an ellipse.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @param {Number} width The width of the ellipse.
-     * @param {Number} height The height of the ellipse.
-     * @returns {Graphics} The Graphics Object.
-     */
-    drawEllipse: function(x, y, width, height){
-        var me = this;
-        if(width == height) return me.drawCircle(x, y, width);
-
-        var addAction = me._addAction;
-        var w = width / 2, h = height / 2, C = 0.5522847498307933, cx = C * w, cy = C * h;
-        x = x + w;
-        y = y + h;
-
-        addAction.call(me, ['moveTo', x + w, y]);
-        addAction.call(me, ['bezierCurveTo', x + w, y - cy, x + cx, y - h, x, y - h]);
-        addAction.call(me, ['bezierCurveTo', x - cx, y - h, x - w, y - cy, x - w, y]);
-        addAction.call(me, ['bezierCurveTo', x - w, y + cy, x - cx, y + h, x, y + h]);
-        addAction.call(me, ['bezierCurveTo', x + cx, y + h, x + w, y + cy, x + w, y]);
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Draw a path from the SVG data given by parameters. Not support Arcs.
-     * Demo:
-     * <p>var path = 'M250 150 L150 350 L350 350 Z';</p>
-     * <p>var shape = new Hilo.Graphics({width:500, height:500});</p>
-     * <p>shape.drawSVGPath(path).beginFill('#0ff').endFill();</p>
-     * @param {String} pathData The SVG path data to draw.
-     * @returns {Graphics} The Graphics Object.
-     */
-    drawSVGPath: function(pathData){
-        var me = this, addAction = me._addAction,
-            path = pathData.replace(/,/g, ' ').replace(/-/g, ' -').split(/(?=[a-zA-Z])/);
-        addAction.call(me, ['beginPath']);
-        var currentPoint = {x:0, y:0};
-        var lastControlPoint = {x:0, y:0};
-        var lastCmd;
-        for(var i = 0, len = path.length; i < len; i++){
-            var str = path[i];
-            if(!str.length){
-                continue;
-            }
-            var realCmd = str[0];
-            var cmd = realCmd.toUpperCase();
-            var p = this._getSVGParams(str);
-            var useRelative = cmd !== realCmd;
-
-            switch(cmd){
-                case 'M':
-                    if(useRelative){
-                        this._convertToAbsolute(currentPoint, p);
-                    }
-                    addAction.call(me, ['moveTo', p[0], p[1]]);
-                    this._setCurrentPoint(currentPoint, p[0], p[1]);
-                    break;
-                case 'L':
-                    if(useRelative){
-                        this._convertToAbsolute(currentPoint, p);
-                    }
-                    addAction.call(me, ['lineTo', p[0], p[1]]);
-                    this._setCurrentPoint(currentPoint, p[0], p[1]);
-                    break;
-                case 'H':
-                    if(useRelative){
-                        p[0] += currentPoint.x;
-                    }
-                    addAction.call(me, ['lineTo', p[0], currentPoint.y]);
-                    currentPoint.x = p[0];
-                    break;
-                case 'V':
-                    if(useRelative){
-                        p[0] += currentPoint.y;
-                    }
-                    addAction.call(me, ['lineTo', currentPoint.x, p[0]]);
-                    currentPoint.y = p[0];
-                    break;
-                case 'Z':
-                    addAction.call(me, ['closePath']);
-                    break;
-                case 'C':
-                    if(useRelative){
-                        this._convertToAbsolute(currentPoint, p);
-                    }
-                    addAction.call(me, ['bezierCurveTo', p[0], p[1], p[2], p[3], p[4], p[5]]);
-                    lastControlPoint.x = p[2];
-                    lastControlPoint.y = p[3];
-                    this._setCurrentPoint(currentPoint, p[4], p[5]);
-                    break;
-                case 'S':
-                    if(useRelative){
-                        this._convertToAbsolute(currentPoint, p);
-                    }
-                    if(lastCmd === 'C' || lastCmd === 'S'){
-                        controlPoint = this._getReflectionPoint(currentPoint, lastControlPoint);
-                    }
-                    else{
-                        controlPoint = currentPoint;
-                    }
-                    addAction.call(me, ['bezierCurveTo', controlPoint.x, controlPoint.y, p[0], p[1], p[2], p[3]]);
-                    lastControlPoint.x = p[0];
-                    lastControlPoint.y = p[1];
-                    this._setCurrentPoint(currentPoint, p[2], p[3]);
-                    break;
-                case 'Q':
-                    if(useRelative){
-                        this._convertToAbsolute(currentPoint, p);
-                    }
-                    addAction.call(me, ['quadraticCurveTo', p[0], p[1], p[2], p[3]]);
-                    lastControlPoint.x = p[0];
-                    lastControlPoint.y = p[1];
-                    this._setCurrentPoint(currentPoint, p[2], p[3]);
-                    break;
-                case 'T':
-                    if(useRelative){
-                        this._convertToAbsolute(currentPoint, p);
-                    }
-                    var controlPoint;
-                    if(lastCmd === 'Q' || lastCmd === 'T'){
-                        controlPoint = this._getReflectionPoint(currentPoint, lastControlPoint);
-                    }
-                    else{
-                        controlPoint = currentPoint;
-                    }
-                    addAction.call(me, ['quadraticCurveTo', controlPoint.x, controlPoint.y, p[0], p[1]]);
-                    lastControlPoint = controlPoint;
-                    this._setCurrentPoint(currentPoint, p[0], p[1]);
-                    break;                
-            }
-            lastCmd = cmd;
-            
-        }
-        return me;
-    },
-    _getSVGParams:function(str){
-        var p = str.substring(1).replace(/[\s]+$|^[\s]+/g, '').split(/[\s]+/);
-        if(p[0].length == 0) {
-            p.shift();
-        }
-        for(var i = 0, l = p.length;i < l;i ++){
-            p[i] = parseFloat(p[i]);
-        }
-        return p;
-    },
-    _convertToAbsolute:function(currentPoint, data){
-        for(var i = 0, l = data.length;i < l;i ++){
-            if(i%2 === 0){
-                data[i] += currentPoint.x;
-            }
-            else{
-                data[i] += currentPoint.y;
-            }
-        }
-    },
-    _setCurrentPoint:function(currentPoint, x, y){
-        currentPoint.x = x;
-        currentPoint.y = y;
-    },
-    _getReflectionPoint:function(centerPoint, point){
-        return {
-            x:centerPoint.x * 2 - point.x,
-            y:centerPoint.y * 2 - point.y
-        };
-    },
-
-    /**
-     * @language=en
-     * Apply all draw actions. private function.
-     * @private
-     */
-    _draw: function(context){
-        var me = this, actions = me._actions, len = actions.length, i;
-
-        context.beginPath();
-        for(i = 0; i < len; i++){
-            var action = actions[i],
-                f = action[0],
-                args = action.length > 1 ? action.slice(1) : null;
-
-            if(typeof(context[f]) == 'function') context[f].apply(context, args);
-            else context[f] = action[1];
-        }
-    },
-
-    /**
-     * @language=en
-     * Overwrite render function.
-     * @private
-     */
-    render: function(renderer, delta){
-        var me = this;
-        if(renderer.renderType === 'canvas'){
-            me._draw(renderer.context);
-        }else{
-            me.cache();
-            renderer.draw(me);
-        }
-    },
-
-    /**
-     * @language=en
-     * Clear all draw actions and reset to the initial state.
-     * @returns {Graphics} The Graphics Object.
-     */
-    clear: function(){
-        var me = this;
-
-        me._actions.length = 0;
-        me.lineWidth = 1;
-        me.lineAlpha = 1;
-        me.lineCap = null;
-        me.lineJoin = null;
-        me.miterLimit = 10;
-        me.hasStroke = false;
-        me.strokeStyle = '0';
-        me.hasFill = false;
-        me.fillStyle = '0';
-        me.fillAlpha = 1;
-
-        me.setCacheDirty(true);
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Add a draw action, this is a private function.
-     * @private
-     */
-    _addAction: function(action){
-        var me = this;
-        me._actions.push(action);
-        return me;
-    }
-
-});
-
-})();
-
-window.Hilo.Graphics = Graphics;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var Hilo = window.Hilo;var View = window.Hilo.View;
-var CacheMixin = window.Hilo.CacheMixin;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/Text.html?noHeader' width = '320' height = '240' scrolling='no'></iframe>
- * <br/>
- * @class Text class provide basic text-display function, use DOMElement for complex text-display.
- * @augments View
- * @mixes CacheMixin
- * @borrows CacheMixin#cache as #cache
- * @borrows CacheMixin#updateCache as #updateCache
- * @borrows CacheMixin#setCacheDirty as #setCacheDirty
- * @param {Object} properties Properties parameters for the object. Includes all writable properties.
- * @module hilo/view/Text
- * @requires hilo/core/Class
- * @requires hilo/core/Hilo
- * @requires hilo/view/View
- * @requires hilo/view/CacheMixin
- * @property {String} text Text to display.
- * @property {String} color Color of the text.
- * @property {String} textAlign Horizontal alignment way of the text. May be one of the following value:'start', 'end', 'left', 'right', and 'center'. Note:Need to specify the width property of the text to take effect
- * @property {String} textVAlign Vertical alignment way of the text. May be one of the following value:'top', 'middle', 'bottom'. Note:Need to specify the height property of the text to take effect.
- * @property {Boolean} outline Draw the outline of the text or fill the text.
- * @property {Number} lineSpacing The spacing between lines. Measured in px, default value is 0.
- * @property {Number} maxWidth The max length of the text, default value is 200.
- * @property {String} font Text's CSS font style, readonly! Use setFont function to set text font.
- * @property {Number} textWidth Width of the text, readonly! Works only on canvas mode.
- * @property {Number} textHeight Height of the text, readonly! Works only on canvas mode.
- */
-var Text = Class.create(/** @lends Text.prototype */{
-    Extends: View,
-    Mixes:CacheMixin,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid('Text');
-        Text.superclass.constructor.call(this, properties);
-
-        // if(!properties.width) this.width = 200; //default width
-        if(!properties.font) this.font = '12px arial'; //default font style
-        this._fontHeight = Text.measureFontHeight(this.font);
-    },
-
-    text: '',
-    color: '#000',
-    textAlign: null,
-    textVAlign: null,
-    outline: false,
-    lineSpacing: 0,
-    maxWidth: 200,
-    font: null, //ready-only
-    textWidth: 0, //read-only
-    textHeight: 0, //read-only
-
-    /**
-     * @language=en
-     * Set text CSS font style.
-     * @param {String} font Text CSS font style to set.
-     * @returns {Text} the Text object, chained call supported.
-     */
-    setFont: function(font){
-        var me = this;
-        if(me.font !== font){
-            me.font = font;
-            me._fontHeight = Text.measureFontHeight(font);
-        }
-
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Overwrite render function.
-     * @private
-     */
-    render: function(renderer, delta){
-        var me = this;
-
-        if(renderer.renderType === 'canvas'){
-            if(this.drawable){
-                renderer.draw(me);
-            }
-            else{
-                me._draw(renderer.context);
-            }
-        }
-        else if(renderer.renderType === 'dom'){
-            var drawable = me.drawable;
-            var domElement = drawable.domElement;
-            var style = domElement.style;
-
-            style.font = me.font;
-            style.textAlign = me.textAlign;
-            style.color = me.color;
-            style.width = me.width + 'px';
-            style.height = me.height + 'px';
-            style.lineHeight = (me._fontHeight + me.lineSpacing) + 'px';
-
-            domElement.innerHTML = me.text;
-            renderer.draw(this);
-        }
-        else{
-            //TODO:自动更新cache  TODO:auto update cache
-            me.cache();
-            renderer.draw(me);
-        }
-    },
-
-    /**
-     * @language=en
-     * Draw text under the assigned render context.
-     * @private
-     */
-    _draw: function(context){
-        var me = this, text = me.text.toString();
-        if(!text) return;
-
-        //set drawing style
-        context.font = me.font;
-        context.textAlign = me.textAlign;
-        context.textBaseline = 'top';
-
-        //find and draw all explicit lines
-        var lines = text.split(/\r\n|\r|\n|<br(?:[ \/])*>/);
-        var width = 0, height = 0;
-        var lineHeight = me._fontHeight + me.lineSpacing;
-        var i, line, w, len, wlen;
-        var drawLines = [];
-
-        for(i = 0, len = lines.length; i < len; i++){
-            line = lines[i];
-            w = context.measureText(line).width;
-
-            //check if the line need to split
-            if(w <= me.maxWidth){
-                drawLines.push({text:line, y:height});
-                // me._drawTextLine(context, line, height);
-                if(width < w) width = w;
-                height += lineHeight;
-                continue;
-            }
-
-            var str = '', oldWidth = 0, newWidth, j, word;
-
-            for(j = 0, wlen = line.length; j < wlen; j++){
-                word = line[j];
-                newWidth = context.measureText(str + word).width;
-
-                if(newWidth > me.maxWidth){
-                    drawLines.push({text:str, y:height});
-                    // me._drawTextLine(context, str, height);
-                    if(width < oldWidth) width = oldWidth;
-                    height += lineHeight;
-                    str = word;
-                }else{
-                    oldWidth = newWidth;
-                    str += word;
-                }
-
-                if(j == wlen - 1){
-                    drawLines.push({text:str, y:height});
-                    // me._drawTextLine(context, str, height);
-                    if(str !== word && width < newWidth) width = newWidth;
-                    height += lineHeight;
-                }
-            }
-        }
-
-        me.textWidth = width;
-        me.textHeight = height;
-        if(!me.width) me.width = width;
-        if(!me.height) me.height = height;
-
-        //vertical alignment
-        var startY = 0;
-        switch(me.textVAlign){
-            case 'middle':
-                startY = me.height - me.textHeight >> 1;
-                break;
-            case 'bottom':
-                startY = me.height - me.textHeight;
-                break;
-        }
-
-        //draw background
-        var bg = me.background;
-        if(bg){
-            context.fillStyle = bg;
-            context.fillRect(0, 0, me.width, me.height);
-        }
-
-        if(me.outline) context.strokeStyle = me.color;
-        else context.fillStyle = me.color;
-
-        //draw text lines
-        for(i = 0; i < drawLines.length; i++){
-            line = drawLines[i];
-            me._drawTextLine(context, line.text, startY + line.y);
-        }
-    },
-
-    /**
-     * @language=en
-     * Draw a line of text under the assigned render context.
-     * @private
-     */
-    _drawTextLine: function(context, text, y){
-        var me = this, x = 0, width = me.width;
-
-        switch(me.textAlign){
-            case 'center':
-                x = width >> 1;
-                break;
-            case 'right':
-            case 'end':
-                x = width;
-                break;
-        }
-
-        if(me.outline) context.strokeText(text, x, y);
-        else context.fillText(text, x, y);
-    },
-
-    Statics: /** @lends Text */{
-        /**
-         * @language=en
-         * Measure the line height of the assigned text font style.
-         * @param {String} font Font style to measure.
-         * @return {Number} Return line height of the assigned font style.
-         */
-        measureFontHeight: function(font){
-            var docElement = document.documentElement, fontHeight;
-            var elem = Hilo.createElement('div', {style:{font:font, position:'absolute'}, innerHTML:'M'});
-
-            docElement.appendChild(elem);
-            fontHeight = elem.offsetHeight;
-            docElement.removeChild(elem);
-            return fontHeight;
-        }
-    }
-
-});
-
-window.Hilo.Text = Text;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var Hilo = window.Hilo;var Container = window.Hilo.Container;
-var Bitmap = window.Hilo.Bitmap;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/BitmapText.html?noHeader' width = '550' height = '80' scrolling='no'></iframe>
- * <br/>
- * @class BitmapText  support bitmap text function ,but only support single-line text
- * @augments Container
- * @param {Object} properties the options of create Instance.It can contains all writable property
- * @module hilo/view/BitmapText
- * @requires hilo/core/Class
- * @requires hilo/core/Hilo
- * @requires hilo/view/Container
- * @requires hilo/view/Bitmap
- * @property {Object} glyphs font glyph set of bitmap. format:{letter:{image:img, rect:[0,0,100,100]}}
- * @property {Number} letterSpacing spacing of letter. default:0
- * @property {String} text content of bitmap text. Not writable,set this value by 'setText'
- * @property {String} textAlign property values:left、center、right, default:left,Not writable,set this property by 'setTextAlign'
- */
-var BitmapText = Class.create(/** @lends BitmapText.prototype */{
-    Extends: Container,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid('BitmapText');
-        BitmapText.superclass.constructor.call(this, properties);
-
-        var text = properties.text + '';
-        if(text){
-            this.text = '';
-            this.setText(text);
-        }
-
-        this.pointerChildren = false; //disable user events for single letters
-    },
-
-    glyphs: null,
-    letterSpacing: 0,
-    text: '',
-    textAlign:'left',
-
-    /**
-     * @language=en
-     * set the content of bitmap text
-     * @param {String} text content
-     * @returns {BitmapText} BitmapText Instance,support chained calls
-     */
-    setText: function(text){
-        var me = this, str = text.toString(), len = str.length;
-        if(me.text == str) return;
-        me.text = str;
-
-        var i, charStr, charGlyph, charObj, width = 0, height = 0, left = 0;
-        for(i = 0; i < len; i++){
-            charStr = str.charAt(i);
-            charGlyph = me.glyphs[charStr];
-            if(charGlyph){
-                left = width + (width > 0 ? me.letterSpacing : 0);
-                if(me.children[i]){
-                    charObj = me.children[i];
-                    charObj.setImage(charGlyph.image, charGlyph.rect);
-                }
-                else{
-                    charObj = me._createBitmap(charGlyph);
-                    me.addChild(charObj);
-                }
-                charObj.x = left;
-                width = left + charGlyph.rect[2];
-                height = Math.max(height, charGlyph.rect[3]);
-            }
-        }
-
-        for(i = me.children.length - 1;i >= len;i --){
-            me._releaseBitmap(me.children[i]);
-            me.children[i].removeFromParent();
-        }
-
-        me.width = width;
-        me.height = height;
-        this.setTextAlign();
-        return me;
-    },
-    _createBitmap:function(cfg){
-        var bmp;
-        if(BitmapText._pool.length){
-            bmp = BitmapText._pool.pop();
-            bmp.setImage(cfg.image, cfg.rect);
-        }
-        else{
-            bmp = new Bitmap({
-                image:cfg.image,
-                rect:cfg.rect
-            });
-        }
-        return bmp;
-    },
-    _releaseBitmap:function(bmp){
-        BitmapText._pool.push(bmp);
-    },
-
-     /**
-      * @language=en
-      * set the textAlign of text。
-     * @param textAlign value of textAlign:left、center、right
-     * @returns {BitmapText} itmapText Instance,support chained calls
-     */
-    setTextAlign:function(textAlign){
-        this.textAlign = textAlign||this.textAlign;
-        switch(this.textAlign){
-            case "center":
-                this.pivotX = this.width * .5;
-                break;
-            case "right":
-                this.pivotX = this.width;
-                break;
-            case "left":
-                /* falls through */
-            default:
-                this.pivotX = 0;
-                break;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * detect whether can display the string by the currently assigned font provided
-     * @param {String} str to detect string
-     * @returns {Boolean} whether can display the string
-     */
-    hasGlyphs: function(str){
-        var glyphs = this.glyphs;
-        if(!glyphs) return false;
-
-        str = str.toString();
-        var len = str.length, i;
-        for(i = 0; i < len; i++){
-            if(!glyphs[str.charAt(i)]) return false;
-        }
-        return true;
-    },
-
-    Statics:/** @lends BitmapText */{
-        _pool:[],
-        /**
-         * @language=en
-         * easy way to generate a collection of glyphs
-         * @static
-         * @param {String} text character text.
-         * @param {Image} image character image.
-         * @param {Number} col default:the length of string
-         * @param {Number} row default:1
-         * @returns {BitmapText} BitmapText对象本身。链式调用支持。
-         */
-        createGlyphs:function(text, image, col, row){
-            var str = text.toString();
-            col = col||str.length;
-            row = row||1;
-            var w = image.width/col;
-            var h = image.height/row;
-            var glyphs = {};
-            for(var i = 0, l = text.length;i < l;i ++){
-                var charStr = str.charAt(i);
-                glyphs[charStr] = {
-                    image:image,
-                    rect:[w * (i % col), h * Math.floor(i / col), w, h]
-                };
-            }
-            return glyphs;
-        }
-    }
-
-});
-
-window.Hilo.BitmapText = BitmapText;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-var Drawable = window.Hilo.Drawable;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/Button.html?noHeader' width = '320' height = '170' scrolling='no'></iframe>
- * <br/>
- * demo:
- * <pre>
- * var btn = new Hilo.Button({
- *     image: buttonImage,
- *     upState: {rect:[0, 0, 64, 64]},
- *     overState: {rect:[64, 0, 64, 64]},
- *     downState: {rect:[128, 0, 64, 64]},
- *     disabledState: {rect:[192, 0, 64, 64]}
- * });
- * </pre>
- * @class Button class is a simple button class, contains four kinds of state: 'up', 'over', 'down', 'disabled'
- * @augments View
- * @param {Object} properties create object properties. Contains all writable properties. Also contains:
- * <ul>
- * <li><b>image</b> - the image element that button image is in</li>
- * </ul>
- * @module hilo/view/Button
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @requires hilo/view/Drawable
- * @requires hilo/util/util
- * @property {Object} upState The property of button 'up' state or collections of its drawable properties.
- * @property {Object} overState The property of button 'over' state or collections of its drawable properties.
- * @property {Object} downState The property of button 'down' state or collections of its drawable properties.
- * @property {Object} disabledState The property of button 'disabled' state or collections of its drawable properties.
- * @property {String} state the state name of button, could be one of Button.UP|OVER|DOWN|DISABLED, readonly!
- * @property {Boolean} enabled Is button enabled. default value is true, readonly!
- * @property {Boolean} useHandCursor If true, cursor over the button will become a pointer cursor, default value is true.
- */
- var Button = Class.create(/** @lends Button.prototype */{
-    Extends: View,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid("Button");
-        Button.superclass.constructor.call(this, properties);
-
-        this.drawable = new Drawable(properties);
-        this.setState(Button.UP);
-    },
-
-    upState: null,
-    overState: null,
-    downState: null,
-    disabledState: null,
-
-    state: null,
-    enabled: true,
-    useHandCursor: true,
-
-    /**
-     * @language=en
-     * Set whether the button is enabled.
-     * @param {Boolean} enabled Show whether the button is enabled.
-     * @returns {Button} Return the button itself.
-     */
-    setEnabled: function(enabled){
-        if(this.enabled != enabled){
-            if(!enabled){
-                this.setState(Button.DISABLED);
-            }else{
-                this.setState(Button.UP);
-            }
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set the state of the button. Invoke inside the Button and may not be used.
-     * @param {String} state New state of the button.
-     * @returns {Button} Return the button itself.
-     */
-    setState: function(state){
-        if(this.state !== state){
-            this.state = state;
-            this.pointerEnabled = this.enabled = state !== Button.DISABLED;
-
-            var stateObj;
-            switch(state){
-                case Button.UP:
-                    stateObj = this.upState;
-                    break;
-                case Button.OVER:
-                    stateObj = this.overState;
-                    break;
-                case Button.DOWN:
-                    stateObj = this.downState;
-                    break;
-                case Button.DISABLED:
-                    stateObj = this.disabledState;
-                    break;
-            }
-
-            if(stateObj){
-                this.drawable.init(stateObj);
-                util.copy(this, stateObj, true);
-            }
-        }
-
-        return this;
-    },
-
-    /**
-     * @language=en
-     * overwrite
-     * @private
-     */
-    fire: function(type, detail){
-        if(!this.enabled) return;
-
-        var evtType = typeof type === 'string' ? type : type.type;
-        switch(evtType){
-            case 'mousedown':
-            case 'touchstart':
-            case 'touchmove':
-                this.setState(Button.DOWN);
-                break;
-            case "mouseover":
-                this.setState(Button.OVER);
-                break;
-            case 'mouseup':
-                if(this.overState) this.setState(Button.OVER);
-                else if(this.upState) this.setState(Button.UP);
-                break;
-            case 'touchend':
-            case 'touchout':
-            case 'mouseout':
-                this.setState(Button.UP);
-                break;
-        }
-
-        return Button.superclass.fire.call(this, type, detail);
-    },
-
-    Statics: /** @lends Button */ {
-        /**
-         * @language=en
-         * Statics value of Button's 'up' state.
-         * @type String
-         */
-        UP: 'up',
-        /**
-         * @language=en
-         * Statics value of Button's 'over' state.
-         * @type String
-         */
-        OVER: 'over',
-        /**
-         * @language=en
-         * Statics value of Button's 'down' state.
-         * @type String
-         */
-        DOWN: 'down',
-        /**
-         * @language=en
-         * Statics value of Button's 'disabled' state.
-         * @type String
-         */
-        DISABLED: 'disabled'
-    }
- });
-window.Hilo.Button = Button;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-
-
-/**
- * @language=en
- * @class TextureAtlas纹理集是将许多小的纹理图片整合到一起的一张大图。这个类可根据一个纹理集数据读取纹理小图、精灵动画等。
- * @param {Object} atlasData 纹理集数据。它可包含如下数据：
- * <ul>
- * <li><b>image</b> - 纹理集图片。必需。</li>
- * <li><b>width</b> - 纹理集图片宽度。若frames数据为Object时，此属性必需。</li>
- * <li><b>height</b> - 纹理集图片高度。若frames数据为Object时，此属性必需。</li>
- * <li><b>frames</b> - 纹理集帧数据，可以是Array或Object。必需。
- * <ul>
- * <li>若为Array，则每项均为一个纹理图片帧数据，如：[[0, 0, 50, 50], [0, 50, 50, 50]。</li>
- * <li>若为Object，则需包含frameWidth(帧宽)、frameHeight(帧高)、numFrames(帧数) 属性。</li>
- * </ul>
- * </li>
- * <li><b>sprites</b> - 纹理集精灵动画定义，其每个值均定义一个精灵。为Object对象。可选。
- * <ul>
- * <li>若为Number，即此精灵只包含一帧，此帧为帧数据中索引为当前值的帧。如：sprites:{'foo':1}。</li>
- * <li>若为Array，则每项均为一个帧的索引值。如：sprites:{'foo':[0, 1, 2, 3]}。</li>
- * <li>若为Object，则需包含from(起始帧索引值)、to(末帧索引值) 属性。</li>
- * </ul>
- * </li>
- * </ul>
- * @module hilo/util/TextureAtlas
- * @requires hilo/core/Class
- */
-var TextureAtlas = (function(){
-
-return Class.create(/** @lends TextureAtlas.prototype */{
-    constructor: function(atlasData){
-        this._frames = parseTextureFrames(atlasData);
-        this._sprites = parseTextureSprites(atlasData, this._frames);
-    },
-
-    _frames: null,
-    _sprites: null,
-
-    /**
-     * @language=en
-     * 获取指定索引位置index的帧数据。
-     * @param {Int} index 要获取帧的索引位置。
-     * @returns {Object} 帧数据。
-     */
-    getFrame: function(index){
-        var frames = this._frames;
-        return frames && frames[index];
-    },
-
-    /**
-     * @language=en
-     * 获取指定id的精灵数据。
-     * @param {String} id 要获取精灵的id。
-     * @returns {Object} 精灵数据。
-     */
-    getSprite: function(id){
-        var sprites = this._sprites;
-        return sprites && sprites[id];
-    },
-
-    Statics: /** @lends TextureAtlas */ {
-        /**
-         * @language=en
-         * Shorthand method to create spirte frames
-         * @param {String|Array} name Name of one animation|a group of animation
-         * @param {String} frames Frames message, eg:"0-5" means frame 0 to frame 5.
-         * @param {Number} w The width of each frame.
-         * @param {Number} h The height of each frame.
-         * @param {Boolean} loop Is play in loop.
-         * @param {Number} duration The time between each frame. default value is 1 (Frame), but if timeBased is true, default value will be duration(milli-second).
-         * @example
-         *  //demo1 make one animation
-         *  createSpriteFrames("walk", "0-5,8,9", meImg, 55, 88, true, 1);
-         *  //demo2 make a group of animation
-         *  createSpriteFrames([
-         *    ["walk", "0-5,8,9", meImg, 55, 88, true, 1],
-         *    ["jump", "0-5", meImg, 55, 88, false, 1]
-         *  ]);
-        */
-        createSpriteFrames:function(name, frames, img, w, h, loop, duration){
-            var i, l;
-            if(Object.prototype.toString.call(name) === "[object Array]"){
-                var res = [];
-                for(i = 0, l = name.length;i < l;i ++){
-                    res = res.concat(this.createSpriteFrames.apply(this, name[i]));
-                }
-                return res;
-            }
-            else{
-                if(typeof(frames) === "string"){
-                    var all = frames.split(",");
-                    frames = [];
-                    for(var j = 0, jl = all.length;j < jl;j ++){
-                        var temp = all[j].split("-");
-                        if(temp.length == 1){
-                            frames.push(parseInt(temp[0]));
-                        }
-                        else{
-                            for(i = parseInt(temp[0]), l = parseInt(temp[1]);i <= l;i ++){
-                                frames.push(i);
-                            }
-                        }
-                    }
-                }
-
-                var col = Math.floor(img.width/w);
-                for(i = 0;i < frames.length;i ++){
-                    var n = frames[i];
-                    frames[i] = {
-                        rect:[w*(n%col), h*Math.floor(n/col), w, h],
-                        image:img,
-                        duration:duration
-                    };
-                }
-                frames[0].name = name;
-                if(loop){
-                    frames[frames.length-1].next = name;
-                }
-                else{
-                    frames[frames.length-1].stop = true;
-                }
-                return frames;
-            }
-        }
-    }
-});
-
-/**
- * @language=en
- * Parse texture frames
- * @private
- */
-function parseTextureFrames(atlasData){
-    var i, len;
-    var frameData = atlasData.frames;
-    if(!frameData) return null;
-
-    var frames = [], obj;
-
-    if(frameData instanceof Array){ //frames by array
-        for(i = 0, len = frameData.length; i < len; i++){
-            obj = frameData[i];
-            frames[i] = {
-                image: atlasData.image,
-                rect: obj
-            };
-        }
-    }else{ //frames by object
-        var frameWidth = frameData.frameWidth;
-        var frameHeight = frameData.frameHeight;
-        var cols = atlasData.width / frameWidth | 0;
-        var rows = atlasData.height / frameHeight | 0;
-        var numFrames = frameData.numFrames || cols * rows;
-        for(i = 0; i < numFrames; i++){
-            frames[i] = {
-                image: atlasData.image,
-                rect: [i%cols*frameWidth, (i/cols|0)*frameHeight, frameWidth, frameHeight]
-            };
-        }
-    }
-
-    return frames;
-}
-
-/**
- * @language=en
- * Parse texture sprites
- * @private
- */
-function parseTextureSprites(atlasData, frames){
-    var i, len;
-    var spriteData = atlasData.sprites;
-    if(!spriteData) return null;
-
-    var sprites = {}, sprite, spriteFrames, spriteFrame;
-
-    for(var s in spriteData){
-        sprite = spriteData[s];
-        if(isNumber(sprite)){ //single frame
-            spriteFrames = translateSpriteFrame(frames[sprite]);
-        }else if(sprite instanceof Array){ //frames by array
-            spriteFrames = [];
-            for(i = 0, len = sprite.length; i < len; i++){
-                var spriteObj = sprite[i], frameObj;
-                if(isNumber(spriteObj)){
-                    spriteFrame = translateSpriteFrame(frames[spriteObj]);
-                }else{
-                    frameObj = spriteObj.rect;
-                    if(isNumber(frameObj)) frameObj = frames[spriteObj.rect];
-                    spriteFrame = translateSpriteFrame(frameObj, spriteObj);
-                }
-                spriteFrames[i] = spriteFrame;
-            }
-        }else{ //frames by object
-            spriteFrames = [];
-            for(i = sprite.from; i <= sprite.to; i++){
-                spriteFrames[i - sprite.from] = translateSpriteFrame(frames[i], sprite[i]);
-            }
-        }
-        sprites[s] = spriteFrames;
-    }
-
-    return sprites;
-}
-
-function translateSpriteFrame(frameObj, spriteObj){
-    var spriteFrame = {
-        image: frameObj.image,
-        rect: frameObj.rect
-    };
-
-    if(spriteObj){
-        spriteFrame.name = spriteObj.name || null;
-        spriteFrame.duration = spriteObj.duration || 0;
-        spriteFrame.stop = !!spriteObj.stop;
-        spriteFrame.next = spriteObj.next || null;
-    }
-
-    return spriteFrame;
-}
-
-function isNumber(value){
-    return typeof value === 'number';
-}
-
-})();
-window.Hilo.TextureAtlas = TextureAtlas;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var browser = window.Hilo.browser;
-
-
-/**
- * @language=en
- * @class Ticker is a Timer. It can run the code at specified framerate.
- * @param {Number} fps The fps of ticker.Default is 60.
- * @module hilo/util/Ticker
- * @requires hilo/core/Class
- * @requires hilo/util/browser
- */
-var Ticker = Class.create(/** @lends Ticker.prototype */{
-    constructor: function(fps){
-        this._targetFPS = fps || 60;
-        this._interval = 1000 / this._targetFPS;
-        this._tickers = [];
-    },
-
-    _paused: false,
-    _targetFPS: 0,
-    _interval: 0,
-    _intervalId: null,
-    _tickers: null,
-    _lastTime: 0,
-    _tickCount: 0,
-    _tickTime: 0,
-    _measuredFPS: 0,
-
-    /**
-     * @language=en
-     * Start the ticker.
-     * @param {Boolean} userRAF Whether or not use requestAnimationFrame, default is true.
-     */
-    start: function(useRAF){
-        if(useRAF === undefined){
-            useRAF = true;
-        }
-        
-        if(this._intervalId) return;
-        this._lastTime = +new Date();
-
-        var self = this, interval = this._interval,
-            raf = window.requestAnimationFrame ||
-                  window[browser.jsVendor + 'RequestAnimationFrame'];
-
-        var runLoop;
-        if(useRAF && raf && interval < 17){
-            this._useRAF = true;
-            runLoop = function(){
-                self._intervalId = raf(runLoop);
-                self._tick();
-            };
-        }else{
-            runLoop = function(){
-                self._intervalId = setTimeout(runLoop, interval);
-                self._tick();
-            };
-        }
-
-        this._paused = false;
-        runLoop();
-    },
-
-    /**
-     * @language=en
-     * Stop the ticker.
-     */
-    stop: function(){
-        if(this._useRAF){
-            var cancelRAF = window.cancelAnimationFrame ||
-                  window[browser.jsVendor + 'CancelAnimationFrame'];
-            cancelRAF(this._intervalId);
-        }
-        else{
-            clearTimeout(this._intervalId);
-        }
-        this._intervalId = null;
-        this._lastTime = 0;
-        this._paused = true;
-    },
-
-    /**
-     * @language=en
-     * Pause the ticker.
-     */
-    pause: function(){
-        this._paused = true;
-    },
-
-    /**
-     * @language=en
-     * Resume the ticker.
-     */
-    resume: function(){
-        this._paused = false;
-    },
-
-    /**
-     * @private
-     */
-    _tick: function(){
-        if(this._paused) return;
-        var startTime = +new Date(),
-            deltaTime = startTime - this._lastTime,
-            tickers = this._tickers;
-
-        //calculates the real fps
-        if(++this._tickCount >= this._targetFPS){
-            this._measuredFPS = 1000 / (this._tickTime / this._tickCount) + 0.5 >> 0;
-            this._tickCount = 0;
-            this._tickTime = 0;
-        }else{
-            this._tickTime += startTime - this._lastTime;
-        }
-        this._lastTime = startTime;
-
-        var tickersCopy = tickers.slice(0);
-        for(var i = 0, len = tickersCopy.length; i < len; i++){
-            tickersCopy[i].tick(deltaTime);
-        }
-    },
-
-    /**
-     * @language=en
-     * Get the fps.
-     */
-    getMeasuredFPS: function(){
-        return Math.min(this._measuredFPS, this._targetFPS);
-    },
-
-    /**
-     * @language=en
-     * Add tickObject. The tickObject must implement the tick method.
-     * @param {Object} tickObject The tickObject to add.It must implement the tick method.
-     */
-    addTick: function(tickObject){
-        if(!tickObject || typeof(tickObject.tick) != 'function'){
-            throw new Error('Ticker: The tick object must implement the tick method.');
-        }
-        this._tickers.push(tickObject);
-    },
-
-    /**
-     * @language=en
-     * Remove the tickObject
-     * @param {Object} tickObject The tickObject to remove.
-     */
-    removeTick: function(tickObject){
-        var tickers = this._tickers,
-            index = tickers.indexOf(tickObject);
-        if(index >= 0){
-            tickers.splice(index, 1);
-        }
-    },
-    /**
-     * 下次tick时回调
-     * @param  {Function} callback
-     * @return {tickObj}
-     */
-    nextTick:function(callback){
-        var that = this;
-        var tickObj = {
-            tick:function(dt){
-                that.removeTick(tickObj);
-                callback();
-            }
-        };
-
-        that.addTick(tickObj);
-        return tickObj;
-    },
-    /**
-     * 延迟指定的时间后调用回调, 类似setTimeout
-     * @param  {Function} callback
-     * @param  {Number}   duration 延迟的毫秒数
-     * @return {tickObj}
-     */
-    timeout:function(callback, duration){
-        var that = this;
-        var targetTime = new Date().getTime() + duration;
-        var tickObj = {
-            tick:function(){
-                var nowTime = new Date().getTime();
-                var dt = nowTime - targetTime;
-                if(dt >= 0){
-                    that.removeTick(tickObj);
-                    callback();
-                }
-            }
-        };
-        that.addTick(tickObj);
-        return tickObj;
-    },
-    /**
-     * 指定的时间周期来调用函数, 类似setInterval
-     * @param  {Function} callback
-     * @param  {Number}   duration 时间周期，单位毫秒
-     * @return {tickObj}
-     */
-    interval:function(callback, duration){
-        var that = this;
-        var targetTime = new Date().getTime() + duration;
-        var tickObj = {
-            tick:function(){
-                var nowTime = new Date().getTime();
-                var dt = nowTime - targetTime;
-                if(dt >= 0){
-                    if(dt < duration){
-                        nowTime -= dt;
-                    }
-                    targetTime = nowTime + duration;
-                    callback();
-                }
-            }
-        };
-        that.addTick(tickObj);
-        return tickObj;
-    }
-});
-window.Hilo.Ticker = Ticker;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-
-
-var arrayProto = Array.prototype,
-    slice = arrayProto.slice;
-
-//polyfiil for Array.prototype.indexOf
-if (!arrayProto.indexOf) {
-    arrayProto.indexOf = function(elem, fromIndex){
-        fromIndex = fromIndex || 0;
-        var len = this.length, i;
-        if(len == 0 || fromIndex >= len) return -1;
-        if(fromIndex < 0) fromIndex = len + fromIndex;
-        for(i = fromIndex; i < len; i++){
-            if(this[i] === elem) return i;
-        }
-        return -1;
-    };
-}
-
-var fnProto = Function.prototype;
-
-//polyfill for Function.prototype.bind
-if (!fnProto.bind) {
-    fnProto.bind = function(thisArg){
-        var target = this,
-            boundArgs = slice.call(arguments, 1),
-            F = function(){};
-
-        function bound(){
-            var args = boundArgs.concat(slice.call(arguments));
-            return target.apply(this instanceof bound ? this : thisArg, args);
-        }
-
-        F.prototype = target.prototype;
-        bound.prototype = new F();
-
-        return bound;
-    };
-}
-window.Hilo.undefined = undefined;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;
-
-/**
- * @language=en
- * <iframe src='../../../examples/drag.html?noHeader' width = '550' height = '250' scrolling='no'></iframe>
- * <br/>
- * example:
- * <pre>
- * var bmp = new Bitmap({image:img});
- * Hilo.util.copy(bmp, Hilo.drag);
- * bmp.startDrag([0, 0, 550, 400]);
- * </pre>
- * @class drag A mixin that contains drag method.You can mix drag method to the visual target by use Class.mix(target, drag) or Hilo.util.copy(target, drag).
- * @mixin
- * @static
- * @module hilo/util/drag
- * @requires hilo/core/Hilo
- */
-var drag = {
-    _isDragStart:false,
-    /**
-     * 是否需要 transform，父元素有 transform 时需要设置为true
-     * @default false
-     * @type {Boolean}
-     */
-    dragNeedTransform:false,
-    /**
-     * @language=en
-     * start drag.
-      * @param {Array} bounds The bounds area that the view can move, relative to the coordinates of the view's parent, [x, y, width, height]， default is no limit.
-    */
-    startDrag:function(bounds){
-        var that = this;
-        
-        if(that._isDragStart){
-            that.stopDrag();
-        }
-        that._isDragStart = true;
-
-        var stage;
-        bounds = bounds||[-Infinity, -Infinity, Infinity, Infinity];
-        var mouse = {
-            x:0,
-            y:0,
-            preX:0,
-            preY:0
-        };
-        var minX = bounds[0];
-        var minY = bounds[1];
-        var maxX = bounds[2] == Infinity?Infinity:minX + bounds[2];
-        var maxY = bounds[3] == Infinity?Infinity:minY + bounds[3];
-
-        var worldPoint = {
-            x:0, 
-            y:0
-        };
-
-        function onStart(e){
-            e.stopPropagation();
-            updateMouse(e);
-            that.off(Hilo.event.POINTER_START, onStart);
-
-            worldPoint.x = that.x;
-            worldPoint.y = that.y;
-            
-            if(that.dragNeedTransform && that.parent){
-                that.parent.getConcatenatedMatrix().transformPoint(worldPoint);
-            }
-
-            that.__dragX = worldPoint.x - mouse.x;
-            that.__dragY = worldPoint.y - mouse.y;
-
-            if(!stage){
-                stage = that.getStage();
-            }
-            stage.on(Hilo.event.POINTER_MOVE, onMove);
-            document.addEventListener(Hilo.event.POINTER_END, onStop);
-            that.fire("dragStart", mouse);
-        }
-
-        function onStop(e){
-            document.removeEventListener(Hilo.event.POINTER_END, onStop);
-            stage && stage.off(Hilo.event.POINTER_MOVE, onMove);
-
-            that.on(Hilo.event.POINTER_START, onStart);
-            that.fire("dragEnd", mouse);
-        }
-
-        function onMove(e){
-            updateMouse(e);
-
-            worldPoint.x = mouse.x + that.__dragX;
-            worldPoint.y = mouse.y + that.__dragY;
-
-            if(that.dragNeedTransform && that.parent){
-                that.parent.getConcatenatedMatrix().invert().transformPoint(worldPoint);
-            }
-
-            that.x = Math.max(minX, Math.min(maxX, worldPoint.x));
-            that.y = Math.max(minY, Math.min(maxY, worldPoint.y));
-            that.fire("dragMove", mouse);
-        }
-
-        function updateMouse(e){
-            mouse.preX = mouse.x;
-            mouse.preY = mouse.y;
-            mouse.x = e.stageX;
-            mouse.y = e.stageY;
-        }
-
-        function stopDrag(){
-            that._isDragStart = false;
-            document.removeEventListener(Hilo.event.POINTER_END, onStop);
-            stage && stage.off(Hilo.event.POINTER_MOVE, onMove);
-            that.off(Hilo.event.POINTER_START, onStart);
-        }
-        that.on(Hilo.event.POINTER_START, onStart);
-
-        that.stopDrag = stopDrag;
-    },
-    /**
-     * @language=en
-     * stop drag.
-    */
-    stopDrag:function(){
-        this._isDragStart = false;
-    }
-};
-window.Hilo.drag = drag;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/Tween.html?noHeader' width = '550' height = '130' scrolling='no'></iframe>
- * <br/>
- * Demo:
- * <pre>
- * ticker.addTick(Hilo.Tween);//Tween works after being added to ticker
- *
- * var view = new View({x:5, y:10});
- * Hilo.Tween.to(view, {
- *     x:100,
- *     y:20,
- *     alpha:0
- * }, {
- *     duration:1000,
- *     delay:500,
- *     ease:Hilo.Ease.Quad.EaseIn,
- *     onComplete:function(){
- *         console.log('complete');
- *     }
- * });
- * </pre>
- * @class Tween class makes tweening (easing, slow motion).
- * @param {Object} target Tween target object.
- * @param {Object} fromProps Beginning properties of target tweening object.
- * @param {Object} toProps Ending properties of target tweening object.
- * @param {Object} params Tweening parameters, include all writable Tween class properties.
- * @module hilo/tween/Tween
- * @requires hilo/core/Class
- * @property {Object} target Tween target object, readonly!
- * @property {Int} duration Tweening duration, measure in ms.
- * @property {Int} delay Tweenning delay time, measure in ms.
- * @property {Boolean} paused Is tweening paused, default value is false.
- * @property {Boolean} loop Does tweening loop, default value is false.
- * @property {Boolean} reverse Does tweening reverse, default value is false.
- * @property {Int} repeat Repeat times of tweening, default value is 0.
- * @property {Int} repeatDelay Delay time of repeating tweening, measure in ms.
- * @property {Function} ease Tweening transform function, default value is null.
- * @property {Int} time Time that tweening taken, measure in ms, readonly!
- * @property {Function} onStart Function invoked on the beginning of tweening. Require 1 parameter: tween. default value is null.
- * @property {Function} onUpdate Function invoked on tweening update. Require 2 parameters: ratio, tween.  default value is null.
- * @property {Function} onComplete Function invoked on the end of tweening. Require 1 parameter: tween.  default value is null.
- */
-var Tween = (function(){
-
-function now(){
-    return +new Date();
-}
-
-return Class.create(/** @lends Tween.prototype */{
-    constructor: function(target, fromProps, toProps, params){
-        var me = this;
-
-        me.target = target;
-        me._startTime = 0;
-        me._seekTime = 0;
-        me._pausedTime = 0;
-        me._pausedStartTime = 0;
-        me._reverseFlag = 1;
-        me._repeatCount = 0;
-
-        //no fromProps if pass 3 arguments
-        if(arguments.length == 3){
-            params = toProps;
-            toProps = fromProps;
-            fromProps = null;
-        }
-
-        for(var p in params) me[p] = params[p];
-        me._fromProps = fromProps;
-        me._toProps = toProps;
-
-        //for old version compatiblity
-        if(!params.duration && params.time){
-            me.duration = params.time || 0;
-            me.time = 0;
-        }
-    },
-
-    target: null,
-    duration: 1000,
-    delay: 0,
-    paused: false,
-    loop: false,
-    reverse: false,
-    repeat: 0,
-    repeatDelay: 0,
-    ease: null,
-    time: 0, //ready only
-
-    isStart:false,
-    isComplete:false,
-    onStart: null,
-    onUpdate: null,
-    onComplete: null,
-
-    /**
-     * @language=en
-     * Set beginning properties and ending properties of tweening object.
-     * @param {Object} fromProps Beginning properties of target tweening object.
-     * @param {Object} toProps Ending properties of target tweening object.
-     * @returns {Tween} Current Tween, for chain calls.
-     */
-    setProps: function(fromProps, toProps){
-        var me = this, target = me.target,
-            propNames = fromProps || toProps,
-            from = me._fromProps = {}, to = me._toProps = {};
-
-        fromProps = fromProps || target;
-        toProps = toProps || target;
-
-        for(var p in propNames){
-            to[p] = toProps[p] || 0;
-            target[p] = from[p] = fromProps[p] || 0;
-        }
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Starting the tweening.
-     * @returns {Tween} Current Tween, for chain calls.
-     */
-    start: function(){
-        var me = this;
-        me._startTime = now() + me.delay;
-        me._seekTime = 0;
-        me._pausedTime = 0;
-        me._reverseFlag = 1;
-        me._repeatCount = 0;
-        me.paused = false;
-        me.isStart = false;
-        me.isComplete = false;
-        Tween.add(me);
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Stop the tweening.
-     * @returns {Tween} Current Tween, for chain calls.
-     */
-    stop: function(){
-        Tween.remove(this);
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Pause the tweening.
-     * @returns {Tween} Current Tween, for chain calls.
-     */
-    pause: function(){
-        var me = this;
-        me.paused = true;
-        me._pausedStartTime = now();
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Continue to play the tweening.
-     * @returns {Tween} Current Tween, for chain calls.
-     */
-    resume: function(){
-        var me = this;
-        me.paused = false;
-        if(me._pausedStartTime) me._pausedTime += now() - me._pausedStartTime;
-        me._pausedStartTime = 0;
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Tween jumps to some point.
-     * @param {Number} time The time to jump to, range from 0 to duration.
-     * @param {Boolean} pause Is paused.
-     * @returns {Tween} Current Tween, for chain calls.
-     */
-    seek: function(time, pause){
-        var me = this, current = now();
-        me._startTime = current;
-        me._seekTime = time;
-        me._pausedTime = 0;
-        if(pause !== undefined) me.paused = pause;
-        me._update(current, true);
-        Tween.add(me);
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Link next Tween. The beginning time of next Tween depends on the delay value. If delay is a string that begins with '+' or '-', next Tween will begin at (delay) ms after or before the current tween is ended. If delay is out of previous situation, next Tween will begin at (delay) ms after the beginning point of current Tween.
-     * @param {Tween} tween Tween to link.
-     * @returns {Tween} next Tween, for chain calls.
-     */
-    link: function(tween){
-        var me = this, delay = tween.delay, startTime = me._startTime;
-
-        var plus, minus;
-        if(typeof delay === 'string'){
-            plus = delay.indexOf('+') == 0;
-            minus = delay.indexOf('-') == 0;
-            delay = plus || minus ? Number(delay.substr(1)) * (plus ? 1 : -1) : Number(delay);
-        }
-        tween.delay = delay;
-        tween._startTime = plus || minus ? startTime + me.duration + delay : startTime + delay;
-
-        me._next = tween;
-        Tween.remove(tween);
-        return tween;
-    },
-
-    /**
-     * @language=en
-     * Private render method inside Tween class.
-     * @private
-     */
-    _render: function(ratio){
-        var me = this, target = me.target, fromProps = me._fromProps, p;
-        for(p in fromProps) target[p] = fromProps[p] + (me._toProps[p] - fromProps[p]) * ratio;
-    },
-
-    /**
-     * @language=en
-     * Private update method inside Tween class.
-     * @private
-     */
-    _update: function(time, forceUpdate){
-        var me = this;
-        if(me.paused && !forceUpdate) return;
-        if(me.isComplete) return true;
-
-        //elapsed time
-        var elapsed = time - me._startTime - me._pausedTime + me._seekTime;
-        if(elapsed < 0) return;
-
-        //elapsed ratio
-        var ratio = elapsed / me.duration, complete = false, callback;
-        ratio = ratio <= 0 ? 0 : ratio >= 1 ? 1 : ratio;
-        var easeRatio = me.ease ? me.ease(ratio) : ratio;
-
-        if(me.reverse && me.isStart){
-            //backward
-            if(me._reverseFlag < 0) {
-                ratio = 1 - ratio;
-                easeRatio = 1 - easeRatio;
-            }
-            //forward
-            if(ratio < 1e-7){
-                //repeat complete or not loop
-                if((me.repeat > 0 && me._repeatCount++ >= me.repeat) || (me.repeat == 0 && !me.loop)){
-                    complete = true;
-                }else{
-                    me._startTime = now();
-                    me._pausedTime = 0;
-                    me._reverseFlag *= -1;
-                }
-            }
-        }
-
-        //start callback
-        if(!me.isStart) {
-            me.setProps(me._fromProps, me._toProps);
-            me.isStart = true;
-            if(me.onStart){
-                me.onStart.call(me, me);
-            }
-        }
-        me.time = elapsed;
-
-        //render & update callback
-        me._render(easeRatio);
-        (callback = me.onUpdate) && callback.call(me, ratio, me);
-
-        //check if complete
-        if(ratio >= 1){
-            if(me.reverse){
-                me._startTime = now();
-                me._pausedTime = 0;
-                me._reverseFlag *= -1;
-            }else if(me.loop || me.repeat > 0 && me._repeatCount++ < me.repeat){
-                me._startTime = now() + me.repeatDelay;
-                me._pausedTime = 0;
-            }else{
-                me.isComplete = true;
-            }
-        }
-
-        //next tween
-        var next = me._next;
-        if(next && next.time <= 0){
-            var nextStartTime = next._startTime;
-            if(nextStartTime > 0 && nextStartTime <= time){
-                //parallel tween
-                next._render(ratio);
-                next.time = elapsed;
-                Tween.add(next);
-            }else if(me.isComplete && (nextStartTime < 0 || nextStartTime > time)){
-                //next tween
-                next.start();
-            }
-        }
-
-        //complete
-        if(me.isComplete){
-            (callback = me.onComplete) && callback.call(me, me);
-            return true;
-        }
-    },
-
-    Statics: /** @lends Tween */ {
-        /**
-         * @language=en
-         * @private
-         */
-        _tweens: [],
-
-        /**
-         * @language=en
-         * Update all Tween instances.
-         * @returns {Object} Tween。
-         */
-        tick: function(){
-            var tweens = Tween._tweens, tween, i, len = tweens.length;
-
-            for(i = 0; i < len; i++){
-                tween = tweens[i];
-                if(tween && tween._update(now())){
-                    tweens.splice(i, 1);
-                    i--;
-                }
-            }
-            return Tween;
-        },
-
-        /**
-         * @language=en
-         * Add a Tween instance.
-         * @param {Tween} tween Tween object to add.
-         * @returns {Object} Tween。
-         */
-        add: function(tween){
-            var tweens = Tween._tweens;
-            if(tweens.indexOf(tween) == -1) tweens.push(tween);
-            return Tween;
-        },
-
-        /**
-         * @language=en
-         * Remove one Tween target.
-         * @param {Tween|Object|Array} tweenOrTarget Tween object, target object or an array of object to remove
-         * @returns {Object} Tween。
-         */
-        remove: function(tweenOrTarget){
-            var i, l;
-            if(tweenOrTarget instanceof Array){
-                for(i = 0, l = tweenOrTarget.length;i < l;i ++){
-                    Tween.remove(tweenOrTarget[i]);
-                }
-                return Tween;
-            }
-
-            var tweens = Tween._tweens;
-            if(tweenOrTarget instanceof Tween){
-                i = tweens.indexOf(tweenOrTarget);
-                if(i > -1) tweens.splice(i, 1);
-            }else{
-                for(i = 0; i < tweens.length; i++){
-                    if(tweens[i].target === tweenOrTarget){
-                        tweens.splice(i, 1);
-                        i--;
-                    }
-                }
-            }
-
-            return Tween;
-        },
-
-        /**
-         * @language=en
-         * Remove all Tween instances.
-         * @returns {Object} Tween。
-         */
-        removeAll: function(){
-            Tween._tweens.length = 0;
-            return Tween;
-        },
-
-        /**
-         * @language=en
-         * Create a tween, make target object easing from beginning properties to ending properties.
-         * @param {Object|Array} target Tweening target or tweening target array.
-         * @param fromProps Beginning properties of target tweening object.
-         * @param toProps Ending properties of target tweening object.
-         * @param params Tweening parameters.
-         * @returns {Tween|Array} An tween instance or an array of tween instance.
-         */
-        fromTo: function(target, fromProps, toProps, params){
-            params = params || {};
-            var isArray = target instanceof Array;
-            target = isArray ? target : [target];
-
-            var tween, i, stagger = params.stagger, tweens = [];
-            for(i = 0; i < target.length; i++){
-                tween = new Tween(target[i], fromProps, toProps, params);
-                if(stagger) tween.delay = (params.delay || 0) + (i * stagger || 0);
-                tween.start();
-                tweens.push(tween);
-            }
-
-            return isArray?tweens:tween;
-        },
-
-        /**
-         * @language=en
-         * Create a tween, make target object easing from current properties to ending properties.
-         * @param {Object|Array} target Tweening target or tweening target array.
-         * @param toProps Ending properties of target tweening object.
-         * @param params Tweening parameters.
-         * @returns {Tween|Array} An tween instance or an array of tween instance.
-         */
-        to: function(target, toProps, params){
-            return Tween.fromTo(target, null, toProps, params);
-        },
-
-        /**
-         * @language=en
-         * Create a tween, make target object easing from beginning properties to current properties.
-         * @param {Object|Array} target Tweening target or tweening target array.
-         * @param fromProps Beginning properties of target tweening object.
-         * @param params Tweening parameters.
-         * @returns {Tween|Array} An tween instance or an array of tween instance.
-         */
-        from: function(target, fromProps, params){
-            return Tween.fromTo(target, fromProps, null, params);
-        }
-    }
-
-});
-
-})();
-
-window.Hilo.Tween = Tween;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-
-
-/**
- * @language=en
- * @class Ease class provides multiple easing functions for Tween.
- * @module hilo/tween/Ease
- * @static
- */
-var Ease = (function(){
-
-function createEase(obj, easeInFn, easeOutFn, easeInOutFn, easeNoneFn){
-    obj = obj || {};
-    easeInFn && (obj.EaseIn = easeInFn);
-    easeOutFn && (obj.EaseOut = easeOutFn);
-    easeInOutFn && (obj.EaseInOut = easeInOutFn);
-    easeNoneFn && (obj.EaseNone = easeNoneFn);
-    return obj;
-}
-
-/**
- * @language=en
- * Linear easing function.Include EaseNone.
- */
-var Linear = createEase(null, null, null, null, function(k){
-    return k;
-});
-
-/**
- * @language=en
- * Quad easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Quad = createEase(null,
-    function(k){
-        return k * k;
-    },
-
-    function(k){
-        return - k * (k - 2);
-    },
-
-    function(k){
-        return ((k *= 2) < 1) ? 0.5 * k * k : -0.5 * (--k * (k - 2) - 1);
-    }
-);
-
-/**
- * @language=en
- * Cubic easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Cubic = createEase(null,
-    function(k){
-        return k * k * k;
-    },
-
-    function(k){
-        return --k * k * k + 1;
-    },
-
-    function(k){
-        return ((k *= 2) < 1) ? 0.5 * k * k * k : 0.5 * ((k -= 2) * k * k + 2);
-    }
-);
-
-/**
- * @language=en
- * Quart easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Quart = createEase(null,
-    function(k){
-        return k * k * k * k;
-    },
-
-    function(k){
-        return -(--k * k * k * k - 1);
-    },
-
-    function(k){
-        return ((k *= 2) < 1) ? 0.5 * k * k * k * k : - 0.5 * ((k -= 2) * k * k * k - 2);
-    }
-);
-
-/**
- * @language=en
- * Quint easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Quint = createEase(null,
-    function(k){
-        return k * k * k * k * k;
-    },
-
-    function(k){
-        return (k = k - 1) * k * k * k * k + 1;
-    },
-
-    function(k){
-        return ((k *= 2) < 1) ? 0.5 * k * k * k * k * k : 0.5 * ((k -= 2) * k * k * k * k + 2);
-    }
-);
-
-var math = Math,
-    PI = math.PI, HALF_PI = PI * 0.5,
-    sin = math.sin, cos = math.cos,
-    pow = math.pow, sqrt = math.sqrt;
-
-/**
- * @language=en
- * Sine easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Sine = createEase(null,
-    function(k){
-        return -cos(k * HALF_PI) + 1;
-    },
-
-    function(k){
-        return sin(k * HALF_PI);
-    },
-
-    function(k){
-        return -0.5 * (cos(PI * k) - 1);
-    }
-);
-
-/**
- * @language=en
- * Expo easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Expo = createEase(null,
-    function(k){
-        return k == 0 ? 0 : pow(2, 10 * (k - 1));
-    },
-
-    function(k){
-        return k == 1 ? 1 : -pow(2, -10 * k) + 1;
-    },
-
-    function(k){
-        if(k == 0 || k == 1) return k;
-        if((k *= 2) < 1) return 0.5 * pow(2, 10 * (k - 1));
-        return 0.5 * (-pow(2, - 10 * (k - 1)) + 2);
-    }
-);
-
-/**
- * @language=en
- * Circ easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Circ = createEase(null,
-    function(k){
-        return -(sqrt(1 - k * k) - 1);
-    },
-
-    function(k){
-        return sqrt(1 - (--k * k));
-    },
-
-    function(k){
-        if((k /= 0.5) < 1) return - 0.5 * (sqrt(1 - k * k) - 1);
-        return 0.5 * (sqrt(1 - (k -= 2) * k) + 1);
-    }
-);
-
-/**
- * @language=en
- * Elastic easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Elastic = createEase(
-    {
-        a: 1,
-        p: 0.4,
-        s: 0.1,
-
-        config: function(amplitude, period){
-            Elastic.a = amplitude;
-            Elastic.p = period;
-            Elastic.s = period / (2 * PI) * Math.asin(1 / amplitude) || 0;
-        }
-    },
-
-    function(k){
-        return -(Elastic.a * pow(2, 10 * (k -= 1)) * sin((k - Elastic.s) * (2 * PI) / Elastic.p));
-    },
-
-    function(k){
-        return (Elastic.a * pow(2, -10 * k) * sin((k - Elastic.s) * (2 * PI) / Elastic.p) + 1);
-    },
-
-    function(k){
-        return ((k *= 2) < 1) ? -0.5 * (Elastic.a * pow(2, 10 * (k -= 1)) * sin((k - Elastic.s) * (2 * PI) / Elastic.p)) :
-               Elastic.a * pow(2, -10 * (k -= 1)) * sin((k - Elastic.s) * (2 * PI) / Elastic.p) * 0.5 + 1;
-    }
-);
-
-/**
- * @language=en
- * Back easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Back = createEase(
-    {
-        o: 1.70158,
-        s: 2.59491,
-
-        config: function(overshoot){
-            Back.o = overshoot;
-            Back.s = overshoot * 1.525;
-        }
-    },
-
-    function(k){
-        return k * k * ((Back.o + 1) * k - Back.o);
-    },
-
-    function(k){
-        return (k = k - 1) * k * ((Back.o + 1) * k + Back.o) + 1;
-    },
-
-    function(k){
-        return ((k *= 2) < 1) ? 0.5 * (k * k * ((Back.s + 1) * k - Back.s)) : 0.5 * ((k -= 2) * k * ((Back.s + 1) * k + Back.s) + 2);
-    }
-);
-
-/**
- * @language=en
- * Bounce easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Bounce = createEase(null,
-    function(k){
-        return 1 - Bounce.EaseOut(1 - k);
-    },
-
-    function(k){
-        if((k /= 1) < 0.36364){
-            return 7.5625 * k * k;
-        }else if(k < 0.72727){
-            return 7.5625 * (k -= 0.54545) * k + 0.75;
-        }else if(k < 0.90909){
-            return 7.5625 * (k -= 0.81818) * k + 0.9375;
-        }else{
-            return 7.5625 * (k -= 0.95455) * k + 0.984375;
-        }
-    },
-
-    function(k){
-        return k < 0.5 ? Bounce.EaseIn(k * 2) * 0.5 : Bounce.EaseOut(k * 2 - 1) * 0.5 + 0.5;
-    }
-);
-
-return {
-    Linear: Linear,
-    Quad: Quad,
-    Cubic: Cubic,
-    Quart: Quart,
-    Quint: Quint,
-    Sine: Sine,
-    Expo: Expo,
-    Circ: Circ,
-    Elastic: Elastic,
-    Back: Back,
-    Bounce: Bounce
-};
-
-})();
-window.Hilo.Ease = Ease;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-
-
-/**
- * @language=en
- * @private
- * @class image resources loader.
- * @module hilo/loader/ImageLoader
- * @requires hilo/core/Class
- */
-var ImageLoader = Class.create({
-    load: function(data){
-        var me = this;
-
-        var image = new Image();
-        if(data.crossOrigin){
-            image.crossOrigin = "Anonymous";
-        }
-
-        image.onload = function(){
-            me.onLoad(image);
-        };
-        image.onerror = image.onabort = me.onError.bind(image);
-        image.src = data.src + (data.noCache ? (data.src.indexOf('?') == -1 ? '?' : '&') + 't=' + (+new Date()) : '');
-    },
-
-    onLoad: function(image){
-        image.onload = image.onerror = image.onabort = null;
-        return image;
-    },
-
-    onError: function(e){
-        var image = e.target;
-        image.onload = image.onerror = image.onabort = null;
-        return e;
-    }
-
-});
-window.Hilo.ImageLoader = ImageLoader;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-
-
-/**
- * @language=en
- * @private
- * @class javascript or JSONP loader
- * @module hilo/loader/ScriptLoader
- * @requires hilo/core/Class
- */
-var ScriptLoader = Class.create({
-    load: function(data){
-        var me = this, src = data.src, isJSONP = data.type == 'jsonp';
-
-        if(isJSONP){
-            var callbackName = data.callbackName || 'callback';
-            var callback = data.callback || 'jsonp' + (++ScriptLoader._count);
-            var win = window;
-
-            if(!win[callback]){
-                win[callback] = function(result){
-                    delete win[callback];
-                };
-            }
-
-            src += (src.indexOf('?') == -1 ? '?' : '&') + callbackName + '=' + callback;
-        }
-
-        if(data.noCache) src += (src.indexOf('?') == -1 ? '?' : '&') + 't=' + (+new Date());
-
-        var script = document.createElement('script');
-        script.type = 'text/javascript';
-        script.async = true;
-        script.onload = me.onLoad.bind(me);
-        script.onerror = me.onError.bind(me);
-        script.src = src;
-        if(data.id) script.id = data.id;
-        document.getElementsByTagName('head')[0].appendChild(script);
-    },
-
-    onLoad: function(e){
-        var script = e.target;
-        script.onload = script.onerror = null;
-        return script;
-    },
-
-    onError: function(e){
-        var script = e.target;
-        script.onload = script.onerror = null;
-        return e;
-    },
-
-    Statics: {
-        _count: 0
-    }
-
-});
-window.Hilo.ScriptLoader = ScriptLoader;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var EventMixin = window.Hilo.EventMixin;
-var ImageLoader = window.Hilo.ImageLoader;
-var ScriptLoader = window.Hilo.ScriptLoader;
-
-
-//TODO: 超时timeout，失败重连次数maxTries，更多的下载器Loader，队列暂停恢复等。
-
-/**
- * @language=en
- * @class LoadQueue is a queue-like loader.
- * @mixes EventMixin
- * @borrows EventMixin#on as #on
- * @borrows EventMixin#off as #off
- * @borrows EventMixin#fire as #fire
- * @param {Object} source resource that need to be loaded,could be a single object or array resource.
- * @module hilo/loader/LoadQueue
- * @requires hilo/core/Class
- * @requires hilo/event/EventMixin
- * @requires hilo/loader/ImageLoader
- * @requires hilo/loader/ScriptLoader
- * @property {Int} maxConnections the limited concurrent connections. default value  2.
- */
-var LoadQueue = Class.create(/** @lends LoadQueue.prototype */{
-    Mixes: EventMixin,
-    constructor: function(source){
-        this._source = [];
-        this.add(source);
-    },
-
-    maxConnections: 2, //TODO: 应该是每个host的最大连接数。
-
-    _source: null,
-    _loaded: 0,
-    _connections: 0,
-    _currentIndex: -1,
-
-    /**
-     * @language=en
-     * Add desired resource,could be a single object or array resource.
-     * @param {Object|Array} source ,a single object or array resource. Each resource contains properties like below:
-     * <ul>
-     * <li><b>id</b> - resource identifier</li>
-     * <li><b>src</b> - resource url</li>
-     * <li><b>type</b> - resource type. By default, we automatically identify resource by file suffix and choose the relevant loader for you</li>
-     * <li><b>loader</b> - specified resource loader. If you specify this,we abandon choosing loader inside</li>
-     * <li><b>noCache</b> - a tag that set on or off to prevent cache,implemented by adding timestamp inside</li>
-     * <li><b>size</b> - predicted resource size, help calculating loading progress</li>
-     * <li><b>crossOrigin</b> - Whether cross-domain is needed, default is false</li>
-     * </ul>
-     * @returns {LoadQueue} 下载队列实例本身。
-     */
-    add: function(source){
-        var me = this;
-        if(source){
-            source = source instanceof Array ? source : [source];
-            me._source = me._source.concat(source);
-        }
-        return me;
-    },
-
-    /**
-     * @language=en
-     * get resource object by id or src
-     * @param {String}  specified id or src
-     * @returns {Object} resource object
-     */
-    get: function(id){
-        if(id){
-            var source = this._source;
-            for(var i = 0; i < source.length; i++){
-                var item = source[i];
-                if(item.id === id || item.src === id){
-                    return item;
-                }
-            }
-        }
-        return null;
-    },
-
-    /**
-     * @language=en
-     * get resource object content  by id or src
-     * @param {String} specified id or src
-     * @returns {Object} resource object content
-     */
-    getContent: function(id){
-        var item = this.get(id);
-        return item && item.content;
-    },
-
-    /**
-     * @language=en
-     * start loading
-     * @returns {LoadQueue} the loading instance
-     */
-    start: function(){
-        var me = this;
-        me._loadNext();
-        return me;
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _loadNext: function(){
-        var me = this, source = me._source, len = source.length;
-
-        //all items loaded
-        if(me._loaded >= len){
-            me.fire('complete');
-            return;
-        }
-
-        if(me._currentIndex < len - 1 && me._connections < me.maxConnections){
-            var index = ++me._currentIndex;
-            var item = source[index];
-            var loader = me._getLoader(item);
-
-            if(loader){
-                var onLoad = loader.onLoad, onError = loader.onError;
-
-                loader.onLoad = function(e){
-                    loader.onLoad = onLoad;
-                    loader.onError = onError;
-                    var content = onLoad && onLoad.call(loader, e) || e.target;
-                    me._onItemLoad(index, content);
-                };
-                loader.onError = function(e){
-                    loader.onLoad = onLoad;
-                    loader.onError = onError;
-                    onError && onError.call(loader, e);
-                    me._onItemError(index, e);
-                };
-                me._connections++;
-            }
-
-            me._loadNext();
-            loader && loader.load(item);
-        }
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _getLoader: function(item){
-        var loader = item.loader;
-        if(loader) return loader;
-
-        var type = item.type || getExtension(item.src);
-
-        switch(type){
-            case 'png':
-            case 'jpg':
-            case 'jpeg':
-            case 'gif':
-            case 'webp':
-                loader = new ImageLoader();
-                break;
-            case 'js':
-            case 'jsonp':
-                loader = new ScriptLoader();
-                break;
-        }
-
-        return loader;
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _onItemLoad: function(index, content){
-        var me = this, item = me._source[index];
-        item.loaded = true;
-        item.content = content;
-        me._connections--;
-        me._loaded++;
-        me.fire('load', item);
-        me._loadNext();
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _onItemError: function(index, e){
-        var me = this, item = me._source[index];
-        item.error = e;
-        me._connections--;
-        me._loaded++;
-        me.fire('error', item);
-        me._loadNext();
-    },
-
-    /**
-     * @language=en
-     *  get resource size, loaded or all.
-     * @param {Boolean} identify loaded or all resource. default is false, return all resource size. when set true, return loaded resource size.
-     * @returns {Number} resource size.
-     */
-    getSize: function(loaded){
-        var size = 0, source = this._source;
-        for(var i = 0; i < source.length; i++){
-            var item = source[i];
-            size += (loaded ? item.loaded && item.size : item.size) || 0;
-        }
-        return size;
-    },
-
-    /**
-     * @language=en
-     * get loaded resource count
-     * @returns {Uint} loaded resource count
-     */
-    getLoaded: function(){
-        return this._loaded;
-    },
-
-    /**
-     * @language=en
-     * get all resource count
-     * @returns {Uint} all resource count
-     */
-    getTotal: function(){
-        return this._source.length;
-    }
-
-});
-
-/**
- * @language=en
- * @private
- */
-function getExtension(src){
-    var extRegExp = /\/?[^/]+\.(\w+)(\?\S+)?$/i, match, extension;
-    if(match = src.match(extRegExp)){
-        extension = match[1].toLowerCase();
-    }
-    return extension || null;
-}
-window.Hilo.LoadQueue = LoadQueue;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var util = window.Hilo.util;
-var EventMixin = window.Hilo.EventMixin;
-
-
-/**
- * @language=en
- * @class HTMLAudio is an audio playing module, which uses HTMLAudioElement to play audio.
- * Limits: iOS platform requires user action events to start playing, and many Android browser can only play one audio at a time.
- * @param {Object} properties create object properties, include all writable properties of this class.
- * @module hilo/media/HTMLAudio
- * @requires hilo/core/Class
- * @requires hilo/util/util
- * @requires hilo/event/EventMixin
- * @property {String} src The source of the playing audio.
- * @property {Boolean} loop Is loop playback, default value is false.
- * @property {Boolean} autoPlay Is the audio autoplay, default value is false.
- * @property {Boolean} loaded Is the audio resource loaded, readonly!
- * @property {Boolean} playing Is the audio playing, readonly!
- * @property {Number} duration The duration of the audio, readonly!
- * @property {Number} volume The volume of the audio, value between 0 to 1.
- * @property {Boolean} muted Is the audio muted, default value is false.
- */
-var HTMLAudio = Class.create(/** @lends HTMLAudio.prototype */{
-    Mixes: EventMixin,
-    constructor: function(properties){
-        util.copy(this, properties, true);
-
-        this._onAudioEvent = this._onAudioEvent.bind(this);
-    },
-
-    src: null,
-    loop: false,
-    autoPlay: false,
-    loaded: false,
-    playing: false,
-    duration: 0,
-    volume: 1,
-    muted: false,
-
-    _element: null, //HTMLAudioElement对象
-
-    /**
-     * @language=en
-     * Load audio file.
-     */
-    load: function(){
-        if(!this._element){
-            var elem;
-            try{
-                elem = this._element = new Audio();
-                elem.addEventListener('canplaythrough', this._onAudioEvent, false);
-                elem.addEventListener('ended', this._onAudioEvent, false);
-                elem.addEventListener('error', this._onAudioEvent, false);
-                elem.src = this.src;
-                elem.volume = this.volume;
-                elem.load();
-            }
-            catch(err){
-                //ie9 某些版本有Audio对象，但是执行play,pause会报错！
-                elem = this._element = {};
-                elem.play = elem.pause = function(){
-
-                };
-            }
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _onAudioEvent: function(e){
-        // console.log('onAudioEvent:', e.type);
-        var type = e.type;
-
-        switch(type){
-            case 'canplaythrough':
-                e.target.removeEventListener(type, this._onAudioEvent);
-                this.loaded = true;
-                this.duration = this._element.duration;
-                this.fire('load');
-                if(this.autoPlay) this._doPlay();
-                break;
-            case 'ended':
-                this.playing = false;
-                this.fire('end');
-                if(this.loop) this._doPlay();
-                break;
-            case 'error':
-                this.fire('error');
-                break;
-        }
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _doPlay: function(){
-        if(!this.playing){
-            this._element.volume = this.muted ? 0 : this.volume;
-            this._element.play();
-            this.playing = true;
-        }
-    },
-
-    /**
-     * @language=en
-     * Start playing the audio. And play the audio from the beginning if the audio is already playing.
-     * Note: To prevent failing to play at the first time, play when the audio is loaded.
-     */
-    play: function(){
-        if(this.playing) this.stop();
-
-        if(!this._element){
-            this.autoPlay = true;
-            this.load();
-        }else if(this.loaded){
-            this._doPlay();
-        }
-
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Pause (halt) the currently playing audio.
-     */
-    pause: function(){
-        if(this.playing){
-            this._element.pause();
-            this.playing = false;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Continue to play the audio.
-     */
-    resume: function(){
-        if(!this.playing){
-            this._doPlay();
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Stop playing the audio.
-     */
-    stop: function(){
-        if(this.playing){
-            this._element.pause();
-            this._element.currentTime = 0;
-            this.playing = false;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set the volume. Note: iOS devices cannot set volume.
-     */
-    setVolume: function(volume){
-        if(this.volume != volume){
-            this.volume = volume;
-            this._element.volume = volume;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set mute mode. Note: iOS devices cannot set mute mode.
-     */
-    setMute: function(muted){
-        if(this.muted != muted){
-            this.muted = muted;
-            this._element.volume = muted ? 0 : this.volume;
-        }
-        return this;
-    },
-
-    Statics: /** @lends HTMLAudio */ {
-        /**
-         * @language=en
-         * Does the browser supports HTMLAudio.
-         */
-        isSupported: window.Audio !== null
-    }
-
-});
-window.Hilo.HTMLAudio = HTMLAudio;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var util = window.Hilo.util;
-var EventMixin = window.Hilo.EventMixin;
-
-
-/**
- * @language=en
- * @class WebAudio audio playing module. It provides a better way to play and control audio, use on iOS6+ platform.
- * Compatibility：iOS6+、Chrome33+、Firefox28+ supported，but all Android browsers do not support.
- * @param {Object} properties create object properties, include all writable properties of this class.
- * @module hilo/media/WebAudio
- * @requires hilo/core/Class
- * @requires hilo/util/util
- * @requires hilo/event/EventMixin
- * @property {String} src The source of the playing audio.
- * @property {Boolean} loop Is loop playback, default value is false.
- * @property {Boolean} autoPlay Is the audio autoplay, default value is false.
- * @property {Boolean} loaded Is the audio resource loaded, readonly!
- * @property {Boolean} playing Is the audio playing, readonly!
- * @property {Number} duration The duration of the audio, readonly!
- * @property {Number} volume The volume of the audio, value between 0 to 1.
- * @property {Boolean} muted Is the audio muted, default value is false.
- */
-var WebAudio = (function(){
-
-var context = null;
-try {
-    var AudioContext = window.AudioContext || window.webkitAudioContext;
-    if (AudioContext) {
-        context = new AudioContext();
-    }
-} catch(e) {
-    context = null;
-}
-
-return Class.create(/** @lends WebAudio.prototype */{
-    Mixes: EventMixin,
-    constructor: function(properties){
-        util.copy(this, properties, true);
-
-        this._init();
-    },
-
-    src: null,
-    loop: false,
-    autoPlay: false,
-    loaded: false,
-    playing: false,
-    duration: 0,
-    volume: 1,
-    muted: false,
-
-    _context: null, //WebAudio上下文 the WebAudio Context
-    _gainNode: null, //音量控制器 the volume controller
-    _buffer: null, //音频缓冲文件 the audio file buffer
-    _audioNode: null, //音频播放器 the audio playing node
-    _startTime: 0, //开始播放时间戳 the start time to play the audio
-    _offset: 0, //播放偏移量 the offset of current playing audio
-
-    /**
-     * @language=en
-     * @private Initialize.
-     */
-    _init:function(){
-        this._context = context;
-        this._gainNode = context.createGain ? context.createGain() : context.createGainNode();
-        this._gainNode.connect(context.destination);
-
-        this._onAudioEvent = this._onAudioEvent.bind(this);
-        this._onDecodeComplete = this._onDecodeComplete.bind(this);
-        this._onDecodeError = this._onDecodeError.bind(this);
-    },
-    /**
-     * @language=en
-     * Load audio file. Note: use XMLHttpRequest to load the audio, should pay attention to cross-origin problem.
-     */
-    load: function(){
-        if(!this._buffer){
-            var buffer = WebAudio._bufferCache[this.src];
-            if(buffer){
-                this._onDecodeComplete(buffer);
-            }
-            else{
-                var request = new XMLHttpRequest();
-                request.src = this.src;
-                request.open('GET', this.src, true);
-                request.responseType = 'arraybuffer';
-                request.onload = this._onAudioEvent;
-                request.onprogress = this._onAudioEvent;
-                request.onerror = this._onAudioEvent;
-                request.send();
-            }
-            this._buffer = true;
-        }
-        return this;
-    },
-
-    /**
-     * @private
-     */
-    _onAudioEvent: function(e){
-        // console.log('onAudioEvent:', e.type);
-        var type = e.type;
-
-        switch(type){
-            case 'load':
-                var request = e.target;
-                request.onload = request.onprogress = request.onerror = null;
-                this._context.decodeAudioData(request.response, this._onDecodeComplete, this._onDecodeError);
-                request = null;
-                break;
-            case 'ended':
-                this.playing = false;
-                this.fire('end');
-                if(this.loop) this._doPlay();
-                break;
-            case 'progress':
-                this.fire(e);
-                break;
-            case 'error':
-                this.fire(e);
-                break;
-        }
-    },
-
-    /**
-     * @private
-     */
-    _onDecodeComplete: function(audioBuffer){
-        if(!WebAudio._bufferCache[this.src]){
-            WebAudio._bufferCache[this.src] = audioBuffer;
-        }
-
-        this._buffer = audioBuffer;
-        this.loaded = true;
-        this.duration = audioBuffer.duration;
-
-        this.fire('load');
-        if(this.autoPlay) this._doPlay();
-    },
-
-    /**
-     * @private
-     */
-    _onDecodeError: function(){
-        this.fire('error');
-    },
-
-    /**
-     * @private
-     */
-    _doPlay: function(){
-        this._clearAudioNode();
-
-        var audioNode = this._context.createBufferSource();
-
-        //some old browser are noteOn/noteOff -> start/stop
-        if(!audioNode.start){
-            audioNode.start = audioNode.noteOn;
-            audioNode.stop = audioNode.noteOff;
-        }
-
-        audioNode.buffer = this._buffer;
-        audioNode.onended = this._onAudioEvent;
-        this._gainNode.gain.value = this.muted ? 0 : this.volume;
-        audioNode.connect(this._gainNode);
-        audioNode.start(0, this._offset);
-
-        this._audioNode = audioNode;
-        this._startTime = this._context.currentTime;
-        this.playing = true;
-    },
-
-    /**
-     * @private
-     */
-    _clearAudioNode: function(){
-        var audioNode = this._audioNode;
-        if(audioNode){
-            audioNode.onended = null;
-            // audioNode.disconnect(this._gainNode);
-            audioNode.disconnect(0);
-            this._audioNode = null;
-        }
-    },
-
-    /**
-     * @language=en
-     * Play the audio. Restart playing the audio from the beginning if already playing.
-     */
-    play: function(){
-        if(this.playing) this.stop();
-
-        if(this.loaded){
-            this._doPlay();
-        }else if(!this._buffer){
-            this.autoPlay = true;
-            this.load();
-        }
-
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Pause (halt) playing the audio.
-     */
-    pause: function(){
-        if(this.playing){
-            this._audioNode.stop(0);
-            this._offset += this._context.currentTime - this._startTime;
-            this.playing = false;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Continue to play the audio.
-     */
-    resume: function(){
-        if(!this.playing){
-            this._doPlay();
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Stop playing the audio.
-     */
-    stop: function(){
-        if(this.playing){
-            this._audioNode.stop(0);
-            this._audioNode.disconnect();
-            this._offset = 0;
-            this.playing = false;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set the volume.
-     */
-    setVolume: function(volume){
-        if(this.volume != volume){
-            this.volume = volume;
-            this._gainNode.gain.value = volume;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set mute mode.
-     */
-    setMute: function(muted){
-        if(this.muted != muted){
-            this.muted = muted;
-            this._gainNode.gain.value = muted ? 0 : this.volume;
-        }
-        return this;
-    },
-
-    Statics: /** @lends WebAudio */ {
-        /**
-         * @language=en
-         * Does the browser support WebAudio.
-         */
-        isSupported: context !== null,
-
-        /**
-         * @language=en
-         * Does browser activate WebAudio already.
-         */
-        enabled: false,
-
-        /**
-         * @language=en
-         * Activate WebAudio. Note: Require user action events to activate. Once activated, can play audio without user action events.
-         */
-        enable: function(){
-            if(!this.enabled && context){
-                var source = context.createBufferSource();
-                source.buffer = context.createBuffer(1, 1, 22050);
-                source.connect(context.destination);
-                source.start ? source.start(0, 0, 0) : source.noteOn(0, 0, 0);
-                this.enabled = true;
-                return true;
-            }
-            return this.enabled;
-        },
-        /**
-         * The audio buffer caches.
-         * @private
-         * @type {Object}
-         */
-        _bufferCache:{},
-        /**
-         * @language=en
-         * Clear the audio buffer cache.
-         * @param  {String} url audio's url. if url is none, it will clear all buffer.
-         */
-        clearBufferCache:function(url){
-            if(url){
-                this._bufferCache[url] = null;
-            }
-            else{
-                this._bufferCache = {};
-            }
-        }
-    }
-});
-
-})();
-window.Hilo.WebAudio = WebAudio;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var HTMLAudio = window.Hilo.HTMLAudio;
-var WebAudio = window.Hilo.WebAudio;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/WebSound.html?noHeader' width = '320' height = '310' scrolling='no'></iframe>
- * <br/>
- * demo:
- * <pre>
- * var audio = WebSound.getAudio({
- *     src: 'test.mp3',
- *     loop: false,
- *     volume: 1
- * }).on('load', function(e){
- *     console.log('load');
- * }).on('end', function(e){
- *     console.log('end');
- * }).play();
- * </pre>
- * @class Audio playing manager.
- * @static
- * @module hilo/media/WebSound
- * @requires hilo/media/HTMLAudio
- * @requires hilo/media/WebAudio
- * @requires hilo/util/util
- */
-var WebSound = {
-    _audios: {},
-
-    /**
-     * @language=en
-     * Activate audio function. Note: Require user action events to activate. Currently support WebAudio.
-     */
-    enableAudio: function(){
-        if(WebAudio.isSupported){
-            WebAudio.enable();
-        }
-    },
-
-    /**
-     * @language=en
-     * Get audio element. Default use WebAudio if supported.
-     * @param {String|Object} source If String, it's the source of the audio; If Object, it should contains a src property.
-     * @param {Boolean} [preferWebAudio=true] Whether or not to use WebAudio first, default is true.
-     * @returns {WebAudio|HTMLAudio} Audio playing instance.
-     */
-    getAudio: function(source, preferWebAudio){
-        if(preferWebAudio === undefined){
-            preferWebAudio = true;
-        }
-
-        source = this._normalizeSource(source);
-        var audio = this._audios[source.src];
-        if(!audio){
-            if(preferWebAudio && WebAudio.isSupported){
-                audio = new WebAudio(source);
-            }else if(HTMLAudio.isSupported){
-                audio = new HTMLAudio(source);
-            }
-            this._audios[source.src] = audio;
-        }
-
-        return audio;
-    },
-
-    /**
-     * @language=en
-     * Remove audio element.
-     * @param {String|Object} source If String, it's the source of the audio; If Object, it should contains a src property.
-     */
-    removeAudio: function(source){
-        var src = typeof source === 'string' ? source : source.src;
-        var audio = this._audios[src];
-        if(audio){
-            audio.stop();
-            audio.off();
-            this._audios[src] = null;
-            delete this._audios[src];
-        }
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _normalizeSource: function(source){
-        var result = {};
-        if(typeof source === 'string') result = {src:source};
-        else util.copy(result, source);
-        return result;
-    }
-
-};
-window.Hilo.WebSound = WebSound;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * @class Camera.
- * @param {Object} properties The properties to create a view object, contains all writeable props of this class
- * @module hilo/game/Camera
- * @requires hilo/core/Class
- * @requires hilo/util/util
- * @property {Number} width The width of the camera.
- * @property {Number} height The height of the camera.
- * @property {Object} scroll The scrolling value of the camera {x:0, y:0}.
- * @property {View} target The target that the camera follow.
- * @property {Array} bounds The rect area where camera is allowed to move [x, y, width, height].
- * @property {Array} deadzone The rect area where camera isn't allowed to move[ x, y, width, height].
- */
-var Camera = Class.create(/** @lends Camera.prototype */{
-    constructor:function(properties){
-        this.width = 0;
-        this.height = 0;
-
-        this.target = null;
-        this.deadzone = null;
-        this.bounds = null;
-
-        this.scroll = {
-            x:0,
-            y:0
-        };
-
-        util.copy(this, properties);
-    },
-    /**
-     * @language=en
-     * update.
-     * @param {Number} deltaTime
-    */
-    tick:function(deltaTime){
-        var target = this.target;
-        var scroll = this.scroll;
-        var bounds = this.bounds;
-        var deadzone = this.deadzone;
-
-        if(target){
-            var viewX, viewY;
-            if(deadzone){
-                viewX = Math.min(Math.max(target.x - scroll.x, deadzone[0]), deadzone[0] + deadzone[2]);
-                viewY = Math.min(Math.max(target.y - scroll.y, deadzone[1]), deadzone[1] + deadzone[3]);
-            }
-            else{
-                viewX = this.width * .5;
-                viewY = this.height * .5;
-            }
-
-            scroll.x = target.x - viewX;
-            scroll.y = target.y - viewY;
-
-            if(bounds){
-                scroll.x = Math.min(Math.max(scroll.x, bounds[0]), bounds[0] + bounds[2]);
-                scroll.y = Math.min(Math.max(scroll.y, bounds[1]), bounds[1] + bounds[3]);
-            }
-        }
-        else{
-            scroll.x = 0;
-            scroll.y = 0;
-        }
-    },
-    /**
-     * @language=en
-     * Follow the target.
-     * @param {Object} target The target that the camera follow. It must has x and y properties.
-     * @param {Array} deadzone The rect area where camera isn't allowed to move[ x, y, width, height].
-    */
-    follow:function(target, deadzone){
-        this.target = target;
-        if(deadzone !== undefined){
-            this.deadzone = deadzone;
-        }
-        this.tick();
-    }
-});
-
-window.Hilo.Camera = Camera;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * @class Camera3d is a pseudo-3d camera.
- * @module hilo/game/Camera3d
- * @requires hilo/core/Class
- * @requires hilo/util/util
- * @property {Number} fv The distance of the fov(The distance between eyes and the Z plane，it determines the scale ratio of the 3d object).
- * @property {Number} fx The x position of the screen viewpoint(The distance between the screen viewpoint and the screen left top corner on the x axis).
- * @property {Number} fy The y position of the screen viewpoint(The distance between the screen viewpoint and the screen left top corner on the y axis).
- * @property {Object} stage The 3d object's container, it can be stage or container.It is required if you need to sort the 3d object by z axis.
- * @property {Number} x The x position.
- * @property {Number} y The y position.
- * @property {Number} z The z position.
- * @property {Number} rotationX The x rotation.
- * @property {Number} rotationY The y rotation.
- * @property {Number} rotationZ The z rotation.
- */
-var Camera3d = (function(){
-
-	var degtorad = Math.PI / 180;
-
-	//Rotate the axis.
-	function rotateX(x, y, z, ca, sa) {//rotate x
-		return {
-			x: x,
-			y: y * ca - z * sa,
-			z: y * sa + z * ca
-		};
-	}
-	function rotateY(x, y, z, ca, sa) {//rotate y
-		return {
-			x: x * ca - z * sa,
-			y: y,
-			z: x * sa + z * ca
-		};
-	}
-	function rotateZ(x, y, z, ca, sa) {//rotate z
-		return {
-			x: x * ca - y * sa,
-			y: x * sa + y * ca,
-			z: z
-		};
-	}
-
-	var Camera3d = Class.create(/** @lends Camera3d.prototype */{
-
-		constructor: function(properties){
-			properties.x = properties.x || 0;
-			properties.y = properties.y || 0;
-			properties.z = properties.z || 0;
-			properties.rotationX = properties.rotationX || 0;
-			properties.rotationY = properties.rotationY || 0;
-			properties.rotationZ = properties.rotationZ || 0;
-
-        	util.copy(this, properties);
-		},
-
-	    /**
-         * @language=en
-         * Translate the camera，used for Zoomin/out feature.
-	     * @param {Number} x The x position.
-	     * @param {Number} y The y position.
-	     * @param {Number} z The z position.
-	     */
-		translate : function(x,y,z){
-			this.tx = x;
-			this.ty = y;
-			this.tz = z;
-		},
-
-	    /**
-         * @language=en
-         * Rotate by the x axis.
-	     * @param {Number} angle The rotate degree.
-	     */
-		rotateX : function(angle){
-			this.rotationX = angle;
-		},
-
-	    /**
-         * @language=en
-         * Rotate by the y axis.
-	     * @param {Number} angle The rotate degree.
-	     */
-		rotateY : function(angle){
-			this.rotationY = angle;
-		},
-
-	    /**
-         * @language=en
-         * Rotate by the z axis.
-	     * @param {Number} angle The rotate degree.
-	     */
-		rotateZ : function(angle){
-			this.rotationZ = angle;
-		},
-
-	    /**
-         * @language=en
-         * Project the 3d point to 2d point.
-	     * @param {object} vector3D The 3d position, it must have x, y and z properties.
-	     * @param {View} view The view related to the 3d position.It'll be auto translated by the 3d position.
-         * @returns {Object} The 2d object include z and scale properties, e.g.:{x:x, y:y, z:z, scale}
-	     */
-		project : function(vector3D, view){
-
-			var rx = this.rotationX * degtorad,
-				ry = this.rotationY * degtorad,
-				rz = this.rotationZ * degtorad,
-
-				cosX = Math.cos(rx), sinX = Math.sin(rx),
-				cosY = Math.cos(ry), sinY = Math.sin(ry),
-				cosZ = Math.cos(rz), sinZ = Math.sin(rz),
-
-				// 旋转变换前的 仿射矩阵位移，
-				dx = vector3D.x - this.x,
-				dy = vector3D.y - this.y,
-				dz = vector3D.z - this.z;
-
-			// 旋转矩阵变换
-			var vector = rotateZ(dx, dy, dz, cosZ, sinZ);
-			vector = rotateY(vector.x, vector.y, vector.z, cosY, sinY);
-			vector = rotateX(vector.x, vector.y, vector.z, cosX, sinX);
-
-			// 最后的仿射矩阵变换
-			if(this.tx) vector.x -= this.tx;
-			if(this.ty) vector.y -= this.ty;
-			if(this.tz) vector.z -= this.tz;
-
-			var	perspective = this.fv / (this.fv + vector.z),
-				_x = vector.x * perspective,
-				_y = -vector.y * perspective;
-
-            var result = {
-                x : _x + this.fx,
-                y : _y + this.fy,
-                z : -vector.z,
-                scale : perspective
-            };
-
-			if(view){
-                view.x = result.x;
-                view.y = result.y;
-                view.z = result.z;
-                view.scaleX = result.scale;
-                view.scaleY = result.scale;
-			}
-
-            return result;
-		},
-
-	    /**
-         * @language=en
-         * Sort by z axis.
-	     */
-		sortZ : function(){
-			this.stage.children.sort(function(view_a, view_b){
-                return view_a.z > view_b.z;
-            });
-		},
-
-	    /**
-         * @language=en
-         * Used for the ticker.
-	     */
-		tick : function(){
-			this.sortZ();
-		}
-
-	});
-
-	return Camera3d;
-
-})();
-window.Hilo.Camera3d = Camera3d;
-})(window);
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-var Container = window.Hilo.Container;
-var Drawable = window.Hilo.Drawable;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/ParticleSystem.html?noHeader' width = '550' height = '400' scrolling='no'></iframe>
- * <br/>
- * @class ParticleSystem A particle system.
- * @augments Container
- * @module hilo/game/ParticleSystem
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @requires hilo/view/Container
- * @requires hilo/view/Drawable
- * @requires hilo/util/util
- * @property {Number} [emitTime=0.2] Emit time interval(in second).
- * @property {Number} [emitTimeVar=0] Emit time interval variances.
- * @property {Number} [emitNum=10] Emit number.
- * @property {Number} [emitNumVar=0] Emit number variances.
- * @property {Number} [emitterX=0] The emitter x position.
- * @property {Number} [emitterY=0] The emitter y position.
- * @property {Number} [totalTime=Infinity] Total time.
- * @property {Number} [gx=0] The gravity x value.
- * @property {Number} [gy=0] The gravity y value.
- * @param {Object} properties properties The properties to create a view object, contains all writeable props of this class
- * @param {Object} properties.particle The config of particle.
- * @param {Number} [properties.particle.x=0] The x position.
- * @param {Number} [properties.particle.y=0] The y position
- * @param {Number} [properties.particle.vx=0] The x velocity.
- * @param {Number} [properties.particle.vy=0] The y velocity.
- * @param {Number} [properties.particle.ax=0] The x acceleration.
- * @param {Number} [properties.particle.ay=0] The y acceleration.
- * @param {Number} [properties.particle.life=1] The time particle lives(in second).
- * @param {Number} [properties.particle.alpha=1] The alpha.
- * @param {Number} [properties.particle.alphaV=0] The alpha decline rate.
- * @param {Number} [properties.particle.scale=1] The scale.
- * @param {Number} [properties.particle.scaleV=0] The scale decline rate.
-*/
-var ParticleSystem = (function(){
-    //粒子属性
-    var props = ['x', 'y', 'vx', 'vy', 'ax', 'ay', 'rotation', 'rotationV', 'scale', 'scaleV', 'alpha', 'alphaV', 'life'];
-    var PROPS = [];
-    for(var i = 0, l = props.length;i < l;i ++){
-        var p = props[i];
-        PROPS.push(p);
-        PROPS.push(p + "Var");
-    }
-
-    //粒子默认值
-    var PROPS_DEFAULT = {
-        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
-    };
-
-    var diedParticles = [];
-
-    var ParticleSystem = Class.create(/** @lends ParticleSystem.prototype */{
-        Extends:Container,
-        constructor:function(properties){
-            this.id = this.id || properties.id || Hilo.getUid("ParticleSystem");
-
-            this.emitterX = 0;
-            this.emitterY = 0;
-
-            this.gx = 0;
-            this.gy = 0;
-            this.totalTime = Infinity;
-
-            this.emitNum = 10;
-            this.emitNumVar = 0;
-
-            this.emitTime = .2;
-            this.emitTimeVar = 0;
-
-            this.particle = {};
-
-            ParticleSystem.superclass.constructor.call(this, properties);
-
-            this.reset(properties);
-        },
-        Statics:{
-            PROPS:PROPS,
-            PROPS_DEFAULT:PROPS_DEFAULT,
-            diedParticles:diedParticles
-        },
-        /**
-         * @language=en
-         * Reset the properties.
-         * @param {Object} cfg
-        */
-        reset: function(cfg) {
-            util.copy(this, cfg);
-            this.particle.system = this;
-            if(this.totalTime <= 0){
-                this.totalTime = Infinity;
-            }
-        },
-        /**
-         * @language=en
-         * 更新
-         * @param {Number} dt delta time(in milliseconds)
-        */
-        onUpdate: function(dt) {
-            dt *= .001;
-            if (this._isRun) {
-                this._totalRunTime += dt;
-                this._currentRunTime += dt;
-                if (this._currentRunTime >= this._emitTime) {
-                    this._currentRunTime = 0;
-                    this._emitTime = getRandomValue(this.emitTime, this.emitTimeVar);
-                    this._emit();
-                }
-
-                if (this._totalRunTime >= this.totalTime) {
-                    this.stop();
-                }
-            }
-        },
-        /**
-         * @language=en
-         * Emit particles.
-        */
-        _emit: function() {
-            var num = getRandomValue(this.emitNum, this.emitNumVar)>>0;
-            for (var i = 0; i < num; i++) {
-                this.addChild(Particle.create(this.particle));
-            }
-        },
-        /**
-         * @language=en
-         * Start emit particles.
-        */
-        start: function() {
-            this.stop(true);
-            this._currentRunTime = 0;
-            this._totalRunTime = 0;
-            this._isRun = true;
-            this._emitTime = getRandomValue(this.emitTime, this.emitTimeVar);
-        },
-        /**
-         * @language=en
-         * Stop emit particles.
-         * @param {Boolean} clear Whether or not clear all the particles.
-        */
-        stop: function(clear) {
-            this._isRun = false;
-            if (clear) {
-                for (var i = this.children.length - 1; i >= 0; i--) {
-                    this.children[i].destroy();
-                }
-            }
-        }
-    });
-
-    /**
-     * @language=en
-     * @class 粒子
-     * @inner
-     * @param {Number} vx The x velocity.
-     * @param {Number} vy The y velocity.
-     * @param {Number} ax The x acceleration.
-     * @param {Number} ay The y acceleration.
-     * @param {Number} scaleV The scale decline rate.
-     * @param {Number} alphaV The alpha decline rate.
-     * @param {Number} rotationV The rotate speed.
-     * @param {Number} life The time particle lives(in seconds)
-    */
-    var Particle = Class.create({
-        Extends:View,
-        constructor:function(properties){
-            this.id = this.id || properties.id || Hilo.getUid("Particle");
-            Particle.superclass.constructor.call(this, properties);
-            this.init(properties);
-        },
-        /**
-         * @language=en
-         * Update the particle.
-        */
-        onUpdate: function(dt) {
-            dt *= .001;
-            if(this._died){
-                return false;
-            }
-            var ax = this.ax + this.system.gx;
-            var ay = this.ay + this.system.gy;
-
-            this.vx += ax * dt;
-            this.vy += ay * dt;
-            this.x += this.vx * dt;
-            this.y += this.vy * dt;
-
-            this.rotation += this.rotationV;
-
-            if (this._time > .1) {
-                this.alpha += this.alphaV;
-            }
-
-            this.scale += this.scaleV;
-            this.scaleX = this.scaleY = this.scale;
-
-            this._time += dt;
-            if (this._time >= this.life || this.alpha <= 0) {
-                this.destroy();
-                return false;
-            }
-        },
-        /**
-         * @language=en
-         * Set the image of particle.
-        */
-        setImage: function(img, frame) {
-            this.drawable = this.drawable||new Drawable();
-            frame = frame || [0, 0, img.width, img.height];
-
-            this.width = frame[2];
-            this.height = frame[3];
-            this.drawable.rect = frame;
-            this.drawable.image = img;
-        },
-        /**
-         * @language=en
-         * Destroy the particle.
-        */
-        destroy: function() {
-            this._died = true;
-            this.alpha = 0;
-            this.removeFromParent();
-            diedParticles.push(this);
-        },
-        /**
-         * @language=en
-         * Init the particle.
-        */
-        init: function(cfg) {
-            this.system = cfg.system;
-            this._died = false;
-            this._time = 0;
-            this.alpha = 1;
-            for (var i = 0, l = PROPS.length; i < l; i++) {
-                var p = PROPS[i];
-                var v = cfg[p] === undefined ? PROPS_DEFAULT[p] : cfg[p];
-                this[p] = getRandomValue(v, cfg[p + 'Var']);
-            }
-
-            this.x += this.system.emitterX;
-            this.y += this.system.emitterY;
-
-            if (cfg.image) {
-                var frame = cfg.frame;
-                if(frame && frame[0].length){
-                    frame = frame[(Math.random() * frame.length) >> 0];
-                }
-                this.setImage(cfg.image, frame);
-                if(cfg.pivotX !== undefined){
-                    this.pivotX = cfg.pivotX * frame[2];
-                }
-                if(cfg.pivotY !== undefined){
-                    this.pivotY = cfg.pivotY * frame[3];
-                }
-            }
-        },
-        Statics:{
-            /**
-             * @language=en
-             * Create the particle.
-             * @param {Object} cfg The config of particle.
-            */
-            create:function(cfg) {
-                if (diedParticles.length > 0) {
-                    var particle = diedParticles.pop();
-                    particle.init(cfg);
-                    return particle;
-                } else {
-                    return new Particle(cfg);
-                }
-            }
-        }
-
-    });
-
-    /**
-     * Get the random value.
-     * @private
-     * @param  {Number} value     The value.
-     * @param  {Number} variances The variances.
-     * @return {Number}
-     */
-    function getRandomValue(value, variances){
-        return variances ? value + (Math.random() - .5) * 2 * variances : value;
-    }
-
-    return ParticleSystem;
-})();
-window.Hilo.ParticleSystem = ParticleSystem;
-})(window);
\ No newline at end of file
+!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",_=p?"touchend":"mouseup";return a.POINTER_START=v,a.POINTER_MOVE=m,a.POINTER_END=_,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.6.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,_=p.y;m===n.maskX&&_===n.maskY||(n.maskX=m,n.maskY=_,i[r+"MaskPosition"]=m+a+" "+_+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="Anonymous"),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 _=t.align;if(_){var g=t.getAlignPosition();c=g.x,u=g.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 _=l.copy({},i);_.type=m,_.eventTarget=p,p._fireMouseEvent(_)}i.lastEventTarget=p,this._eventTarget=null}if(d&&d.pointerEnabled&&"mouseout"!==e&&(i.eventTarget=this._eventTarget=d,d._fireMouseEvent(i)),!n){var g=d&&d.pointerEnabled&&d.useHandCursor?"pointer":"";f.style.cursor=g}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,i){return this.drawable.init({image:t,rect:e,crossOrigin:i}),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="",_=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<_&&(h=_),c+=u,m=v):(_=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 g=0;switch(e.textVAlign){case"middle":g=e.height-e.textHeight>>1;break;case"bottom":g=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,g+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,isComplete:!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._reverseFlag=1,e._repeatCount=0,e.paused=!1,e.isStart=!1,e.isComplete=!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){if(r.isComplete)return!0;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.isStart&&(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):r.isComplete=!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)):r.isComplete&&(u<0||u>e)&&c.start()}return r.isComplete?((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}),_=t({o:1.70158,s:2.59491,config:function(t){_.o=t,_.s=1.525*t}},function(t){return t*t*((_.o+1)*t-_.o)},function(t){return(t-=1)*t*((_.o+1)*t+_.o)+1},function(t){return(t*=2)<1?.5*(t*t*((_.s+1)*t-_.s)):.5*((t-=2)*t*((_.s+1)*t+_.s)+2)}),g=t(null,function(t){return 1-g.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*g.EaseIn(2*t):.5*g.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:_,Bounce:g}}();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="Anonymous"),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},removeContent: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 void e.splice(i,1)}},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=null;try{var o=t.AudioContext||t.webkitAudioContext;o&&(a=new o)}catch(s){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=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!==a,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={}}}})}();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,_=e.z-this.z,g=r(v,m,_,f,p);g=n(g.x,g.y,g.z,u,d),g=t(g.x,g.y,g.z,h,c),this.tx&&(g.x-=this.tx),this.ty&&(g.y-=this.ty),this.tz&&(g.z-=this.tz);var x=this.fv/(this.fv+g.z),y=g.x*x,w=-g.y*x,T={x:y+this.fx,y:w+this.fy,z:-g.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
new file mode 100644
index 00000000..b0f5fe97
Binary files /dev/null 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 4ed43289..acd6c6de 100644
--- a/build/standalone/hilo/core/Class.js
+++ b/build/standalone/hilo/core/Class.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 58a9ee05..9b509865 100644
--- a/build/standalone/hilo/core/Class.min.js
+++ b/build/standalone/hilo/core/Class.min.js
@@ -1,186 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-
-
-/**
- * @language=en
- * Create Example Class:
- * <pre>
- * var Bird = Hilo.Class.create({
- *     Extends: Animal,
- *     Mixes: EventMixin,
- *     constructor: function(name){
- *         this.name = name;
- *     },
- *     fly: function(){
- *         console.log('I am flying');
- *     },
- *     Statics: {
- *         isBird: function(bird){
- *             return bird instanceof Bird;
- *         }
- *     }
- * });
- *
- * var swallow = new Bird('swallow');
- * swallow.fly();
- * Bird.isBird(swallow);
- * </pre>
- * @namespace Class Class is created to aid the developer.
- * @static
- * @module hilo/core/Class
- */
-var Class = (function(){
-
-/**
- * @language=en
- * Create a class based on the parameters, properties and methods specified.
- * @param {Object} properties Properties and methods to create the class.
- * <ul>
- * <li><b>Extends</b> - Designed to inherit the parent class.</li>
- * <li><b>Mixes</b> - Specifies mixed member collection object.</li>
- * <li><b>Statics</b> - Static property or method specified class.</li>
- * <li><b>constructor</b> -  The constructor of specified class.</li>
- * <li>Other members of the property or method to create the class.</li>
- * </ul>
- * @returns {Object} Create classes.
- */
-var create = function(properties){
-    properties = properties || {};
-    var clazz = properties.hasOwnProperty('constructor') ? properties.constructor : function(){};
-    implement.call(clazz, properties);
-    return clazz;
-};
-
-/**
- * @language=en
- * @private
- */
-var implement = function(properties){
-    var proto = {}, key, value;
-    for(key in properties){
-        value = properties[key];
-        if(classMutators.hasOwnProperty(key)){
-            classMutators[key].call(this, value);
-        }else{
-            proto[key] = value;
-        }
-    }
-
-    mix(this.prototype, proto);
-};
-
-var classMutators = /** @ignore */{
-    Extends: function(parent){
-        var existed = this.prototype, proto = createProto(parent.prototype);
-        //inherit static properites
-        mix(this, parent);
-        //keep existed properties
-        mix(proto, existed);
-        //correct constructor
-        proto.constructor = this;
-        //prototype chaining
-        this.prototype = proto;
-        //shortcut to parent's prototype
-        this.superclass = parent.prototype;
-    },
-
-    Mixes: function(items){
-        items instanceof Array || (items = [items]);
-        var proto = this.prototype, item;
-
-        while(item = items.shift()){
-            mix(proto, item.prototype || item);
-        }
-    },
-
-    Statics: function(properties){
-        mix(this, properties);
-    }
-};
-
-/**
- * @language=en
- * @private
- */
-var createProto = (function(){
-    if(Object.__proto__){
-        return function(proto){
-            return {__proto__: proto};
-        };
-    }else{
-        var Ctor = function(){};
-        return function(proto){
-            Ctor.prototype = proto;
-            return new Ctor();
-        };
-    }
-})();
-
-/**
- * @language=en
- * Mixed property or method.
- * @param {Object} target Mixed audiences.
- * @param {Object} source The source whose methods and properties are to be mixed. It can support multiple source parameters.
- * @returns {Object} Mixed audiences.
- */
-var mix = function(target){
-    for(var i = 1, len = arguments.length; i < len; i++){
-        var source  = arguments[i], defineProps;
-        for(var key in source){
-            var prop = source[key];
-            if(prop && typeof prop === 'object'){
-                if(prop.value !== undefined || typeof prop.get === 'function' || typeof prop.set === 'function'){
-                    defineProps = defineProps || {};
-                    defineProps[key] = prop;
-                    continue;
-                }
-            }
-            target[key] = prop;
-        }
-        if(defineProps) defineProperties(target, defineProps);
-    }
-
-    return target;
-};
-
-var defineProperty, defineProperties;
-try{
-    defineProperty = Object.defineProperty;
-    defineProperties = Object.defineProperties;
-    defineProperty({}, '$', {value:0});
-}catch(e){
-    if('__defineGetter__' in Object){
-        defineProperty = function(obj, prop, desc){
-            if('value' in desc) obj[prop] = desc.value;
-            if('get' in desc) obj.__defineGetter__(prop, desc.get);
-            if('set' in desc) obj.__defineSetter__(prop, desc.set);
-            return obj;
-        };
-        defineProperties = function(obj, props){
-            for(var prop in props){
-                if(props.hasOwnProperty(prop)){
-                    defineProperty(obj, prop, props[prop]);
-                }
-            }
-            return obj;
-        };
-    }
-}
-
-return {create:create, mix:mix};
-
-})();
-
-window.Hilo.Class = Class;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var r=function(){var t,r,n=function(t){t=t||{};var r=t.hasOwnProperty("constructor")?t.constructor:function(){};return e.call(r,t),r},e=function(t){var r,n,e={};for(r in t)n=t[r],o.hasOwnProperty(r)?o[r].call(this,n):e[r]=n;c(this.prototype,e)},o={Extends:function(t){var r=this.prototype,n=i(t.prototype);c(this,t),c(n,r),n.constructor=this,this.prototype=n,this.superclass=t.prototype},Mixes:function(t){t instanceof Array||(t=[t]);for(var r,n=this.prototype;r=t.shift();)c(n,r.prototype||r)},Statics:function(t){c(this,t)}},i=function(){if(Object.__proto__)return function(t){return{__proto__:t}};var t=function(){};return function(r){return t.prototype=r,new t}}(),c=function(t){for(var n=1,e=arguments.length;n<e;n++){var o,i=arguments[n];for(var c in i){var u=i[c];!u||"object"!=typeof u||void 0===u.value&&"function"!=typeof u.get&&"function"!=typeof u.set?t[c]=u:(o=o||{},o[c]=u)}o&&r(t,o)}return t};try{t=Object.defineProperty,r=Object.defineProperties,t({},"$",{value:0})}catch(u){"__defineGetter__"in Object&&(t=function(t,r,n){return"value"in n&&(t[r]=n.value),"get"in n&&t.__defineGetter__(r,n.get),"set"in n&&t.__defineSetter__(r,n.set),t},r=function(r,n){for(var e in n)n.hasOwnProperty(e)&&t(r,e,n[e]);return r})}return{create:n,mix:c}}();t.Hilo.Class=r}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/core/Hilo.js b/build/standalone/hilo/core/Hilo.js
index e0ff4d5c..1e49b71e 100644
--- a/build/standalone/hilo/core/Hilo.js
+++ b/build/standalone/hilo/core/Hilo.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -29,7 +29,7 @@ var Hilo = {
      * Hilo version
      * @type String
      */
-    version: '1.5.0',
+    version: '1.6.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 9784f7ba..4569f3c1 100644
--- a/build/standalone/hilo/core/Hilo.min.js
+++ b/build/standalone/hilo/core/Hilo.min.js
@@ -1,341 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var browser = window.Hilo.browser;
-var util = window.Hilo.util;
-
-
-var win = window,
-    doc = document,
-    docElem = doc.documentElement,
-    uid = 0;
-
-var hasWarnedDict = {};
-
-/**
- * @language=en
- * @namespace Hilo The underlying core set of methods.
- * @static
- * @module hilo/core/Hilo
- * @requires hilo/util/browser
- * @requires hilo/util/util
- */
-var Hilo = {
-    /**
-     * Hilo version
-     * @type String
-     */
-    version: '1.5.0',
-    /**
-     * @language=en
-     * Gets a globally unique id. Such as Stage1, Bitmap2 etc.
-     * @param {String} prefix Generated id's prefix.
-     * @returns {String} Globally unique id.
-     */
-    getUid: function(prefix) {
-        var id = ++uid;
-        if (prefix) {
-            var charCode = prefix.charCodeAt(prefix.length - 1);
-            if (charCode >= 48 && charCode <= 57) prefix += "_"; //0至9之间添加下划线
-            return prefix + id;
-        }
-        return id;
-    },
-
-    /**
-     * @language=en
-     * Generates a string representation that contains a path to the specified visual object. Such as Stage1.Container2.Bitmap3.
-     * @param {View} view Specified visual object.
-     * @returns {String} String representation of the visual object.
-     */
-    viewToString: function(view) {
-        var result, obj = view;
-        while (obj) {
-            result = result ? (obj.id + '.' + result) : obj.id;
-            obj = obj.parent;
-        }
-        return result;
-    },
-
-    /**
-     * @language=en
-     * Simple shallow copy objects.
-     * @deprecated use Hilo.util.copy instead
-     * @param {Object} target Target object to copy to.
-     * @param {Object} source Source object to copy.
-     * @param {Boolean} strict Indicates whether replication is undefined property, default is false, i.e., undefined attributes are not copied.
-     * @returns {Object} Object after copying.
-     */
-    copy: function(target, source, strict) {
-        util.copy(target, source, strict);
-        if (!hasWarnedDict.copy) {
-            hasWarnedDict.copy = true;
-            console.warn('Hilo.copy has been Deprecated! Use Hilo.util.copy instead.');
-        }
-        return target;
-    },
-
-    /**
-     * @language=en
-     * Browser feature set includes:
-     * @see browser
-     */
-    browser: browser,
-
-    /**
-     * @language=en
-     * Event enumeration objects include:
-     * <ul>
-     * <li><b>POINTER_START</b> - Mouse or touch start event. Corresponds to touchstart or mousedown.</li>
-     * <li><b>POINTER_MOVE</b> - Mouse or touch move event. Corresponds to touchmove or mousemove.</li>
-     * <li><b>POINTER_END</b> - Mouse or touch end event. Corresponds to touchend or mouseup.</li>
-     * </ul>
-     */
-    event: {
-        POINTER_START: browser.POINTER_START,
-        POINTER_MOVE: browser.POINTER_MOVE,
-        POINTER_END: browser.POINTER_END
-    },
-
-    /**
-     * @language=en
-     * Visual object alinment enumeration objects include:
-     * <ul>
-     * <li><b>TOP_LEFT</b> - Align the top left corner.</li>
-     * <li><b>TOP</b> - Top center alignment.</li>
-     * <li><b>TOP_RIGHT</b> - Align the top right corner.</li>
-     * <li><b>LEFT</b> - Left center alignment.</li>
-     * <li><b>CENTER</b> - Align center.</li>
-     * <li><b>RIGHT</b> - Right center alignment.</li>
-     * <li><b>BOTTOM_LEFT</b> - Align the bottom left corner.</li>
-     * <li><b>BOTTOM</b> - Bottom center alignment.</li>
-     * <li><b>BOTTOM_RIGHT</b> - Align the bottom right corner.</li>
-     * </ul>
-     */
-    align: {
-        TOP_LEFT: 'TL', //top & left
-        TOP: 'T', //top & center
-        TOP_RIGHT: 'TR', //top & right
-        LEFT: 'L', //left & center
-        CENTER: 'C', //center
-        RIGHT: 'R', //right & center
-        BOTTOM_LEFT: 'BL', //bottom & left
-        BOTTOM: 'B', //bottom & center
-        BOTTOM_RIGHT: 'BR' //bottom & right
-    },
-
-    /**
-     * @language=en
-     * Get DOM element content in the page display area.
-     * @param {HTMLElement} elem DOM elements.
-     * @returns {Object} Viewable area DOM elements. Format is: {left:0, top:0, width:100, height:100}.
-     */
-    getElementRect: function(elem) {
-        var bounds;
-        try {
-            //this fails if it's a disconnected DOM node
-            bounds = elem.getBoundingClientRect();
-        } catch (e) {
-            bounds = {
-                top: elem.offsetTop,
-                left: elem.offsetLeft,
-                right: elem.offsetLeft + elem.offsetWidth,
-                bottom: elem.offsetTop + elem.offsetHeight
-            };
-        }
-
-        var offsetX = ((win.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || 0)) || 0;
-        var offsetY = ((win.pageYOffset || docElem.scrollTop) - (docElem.clientTop || 0)) || 0;
-        var styles = win.getComputedStyle ? getComputedStyle(elem) : elem.currentStyle;
-        var parseIntFn = parseInt;
-
-        var padLeft = (parseIntFn(styles.paddingLeft) + parseIntFn(styles.borderLeftWidth)) || 0;
-        var padTop = (parseIntFn(styles.paddingTop) + parseIntFn(styles.borderTopWidth)) || 0;
-        var padRight = (parseIntFn(styles.paddingRight) + parseIntFn(styles.borderRightWidth)) || 0;
-        var padBottom = (parseIntFn(styles.paddingBottom) + parseIntFn(styles.borderBottomWidth)) || 0;
-
-        var top = bounds.top || 0;
-        var left = bounds.left || 0;
-        var right = bounds.right || 0;
-        var bottom = bounds.bottom || 0;
-
-        return {
-            left: left + offsetX + padLeft,
-            top: top + offsetY + padTop,
-            width: right - padRight - left - padLeft,
-            height: bottom - padBottom - top - padTop
-        };
-    },
-
-    /**
-     * @language=en
-     * Create a DOM element. You can specify properties and styles.
-     * @param {String} type DOM element type to be created. Such as: 'div'.
-     * @param {Object} properties Properties and styles for DOM element.
-     * @returns {HTMLElement} A DOM element.
-     */
-    createElement: function(type, properties) {
-        var elem = doc.createElement(type),
-            p, val, s;
-        for (p in properties) {
-            val = properties[p];
-            if (p === 'style') {
-                for (s in val) elem.style[s] = val[s];
-            } else {
-                elem[p] = val;
-            }
-        }
-        return elem;
-    },
-
-    /**
-     * @language=en
-     * Gets a DOM element according to the parameter id. This method is equivalent to document.getElementById(id).
-     * @param {String} id id of the DOM element you want to get.
-     * @returns {HTMLElement} A DOM element.
-     */
-    getElement: function(id) {
-        return doc.getElementById(id);
-    },
-
-    /**
-     * @language=en
-     * Set visual object DOM element CSS style.
-     * @param {View} obj Specifies the CSS style to set the visual object.
-     * @private
-     */
-    setElementStyleByView: function(obj) {
-        var drawable = obj.drawable,
-            style = drawable.domElement.style,
-            stateCache = obj._stateCache || (obj._stateCache = {}),
-            prefix = Hilo.browser.jsVendor,
-            px = 'px',
-            flag = false;
-
-        if (this.cacheStateIfChanged(obj, ['visible'], stateCache)) {
-            style.display = !obj.visible ? 'none' : '';
-        }
-        if (this.cacheStateIfChanged(obj, ['alpha'], stateCache)) {
-            style.opacity = obj.alpha;
-        }
-        if (!obj.visible || obj.alpha <= 0) return;
-
-        if (this.cacheStateIfChanged(obj, ['width'], stateCache)) {
-            style.width = obj.width + px;
-        }
-        if (this.cacheStateIfChanged(obj, ['height'], stateCache)) {
-            style.height = obj.height + px;
-        }
-        if (this.cacheStateIfChanged(obj, ['depth'], stateCache)) {
-            style.zIndex = obj.depth + 1;
-        }
-        if (obj.transform){
-            var transform = obj.transform;
-            if (flag = this.cacheStateIfChanged(obj, ['pivotX', 'pivotY'], stateCache)) {
-                style[prefix + 'TransformOrigin'] = '0 0';
-            }
-            style[prefix + 'Transform'] = 'matrix3d(' + transform.a + ', '+ transform.b + ', 0, 0, '+ transform.c + ', '+ transform.d + ', 0, 0, 0, 0, 1, 0, '+ transform.tx + ', '+ transform.ty + ', 0, 1)';
-        }
-        else{
-            if (flag = this.cacheStateIfChanged(obj, ['pivotX', 'pivotY'], stateCache)) {
-                style[prefix + 'TransformOrigin'] = obj.pivotX + px + ' ' + obj.pivotY + px;
-            }
-
-            if (this.cacheStateIfChanged(obj, ['x', 'y', 'rotation', 'scaleX', 'scaleY'], stateCache) || flag) {
-                style[prefix + 'Transform'] = this.getTransformCSS(obj);
-            }
-        }
-        
-        if (this.cacheStateIfChanged(obj, ['background'], stateCache)) {
-            style.backgroundColor = obj.background;
-        }
-        if (!style.pointerEvents) {
-            style.pointerEvents = 'none';
-        }
-
-        //render image as background
-        var image = drawable.image;
-        if (image) {
-            var src = image.src;
-            if (src !== stateCache.image) {
-                stateCache.image = src;
-                style.backgroundImage = 'url(' + src + ')';
-            }
-
-            var rect = drawable.rect;
-            if (rect) {
-                var sx = rect[0],
-                    sy = rect[1];
-                if (sx !== stateCache.sx) {
-                    stateCache.sx = sx;
-                    style.backgroundPositionX = -sx + px;
-                }
-                if (sy !== stateCache.sy) {
-                    stateCache.sy = sy;
-                    style.backgroundPositionY = -sy + px;
-                }
-            }
-        }
-
-        //render mask
-        var mask = obj.mask;
-        if (mask) {
-            var maskImage = mask.drawable.domElement.style.backgroundImage;
-            if (maskImage !== stateCache.maskImage) {
-                stateCache.maskImage = maskImage;
-                style[prefix + 'MaskImage'] = maskImage;
-                style[prefix + 'MaskRepeat'] = 'no-repeat';
-            }
-
-            var maskX = mask.x,
-                maskY = mask.y;
-            if (maskX !== stateCache.maskX || maskY !== stateCache.maskY) {
-                stateCache.maskX = maskX;
-                stateCache.maskY = maskY;
-                style[prefix + 'MaskPosition'] = maskX + px + ' ' + maskY + px;
-            }
-        }
-    },
-
-    /**
-     * @private
-     */
-    cacheStateIfChanged: function(obj, propNames, stateCache) {
-        var i, len, name, value, changed = false;
-        for (i = 0, len = propNames.length; i < len; i++) {
-            name = propNames[i];
-            value = obj[name];
-            if (value != stateCache[name]) {
-                stateCache[name] = value;
-                changed = true;
-            }
-        }
-        return changed;
-    },
-
-    /**
-     * @language=en
-     * Generated visual object CSS style transformation.
-     * @param {View} obj Specifies visual object whose CSS style must be got.
-     * @returns {String} String representation of the CSS style.
-     */
-    getTransformCSS: function(obj) {
-        var use3d = this.browser.supportTransform3D,
-            str3d = use3d ? '3d' : '';
-
-        return 'translate' + str3d + '(' + (obj.x - obj.pivotX) + 'px, ' + (obj.y - obj.pivotY) + (use3d ? 'px, 0px)' : 'px)') +
-            'rotate' + str3d + (use3d ? '(0, 0, 1, ' : '(') + obj.rotation + 'deg)' +
-            'scale' + str3d + '(' + obj.scaleX + ', ' + obj.scaleY + (use3d ? ', 1)' : ')');
-    }
-};
-for(var i in Hilo){window.Hilo[i] = Hilo[i];}
-})(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.6.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 3f7d09d0..ca4ba109 100644
--- a/build/standalone/hilo/event/EventMixin.js
+++ b/build/standalone/hilo/event/EventMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 457c72cb..e6679c9a 100644
--- a/build/standalone/hilo/event/EventMixin.min.js
+++ b/build/standalone/hilo/event/EventMixin.min.js
@@ -1,157 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-
-
-/**
- * @language=en
- * @class EventMixin is a mixin on event related functions. Use Class.mix(target, EventMixin) to add event function onto target.
- * @static
- * @mixin
- * @module hilo/event/EventMixin
- * @requires hilo/core/Class
- */
-var EventMixin = /** @lends EventMixin# */{
-    _listeners: null,
-
-    /**
-     * @language=en
-     * Add an event listenser.
-     * @param {String} type Event type to listen.
-     * @param {Function} listener Callback function of event listening.
-     * @param {Boolean} once Listen on event only once and no more response after the first response?
-     * @returns {Object} The Event itself. Functions chain call supported.
-     */
-    on: function(type, listener, once){
-        var listeners = (this._listeners = this._listeners || {});
-        var eventListeners = (listeners[type] = listeners[type] || []);
-        for(var i = 0, len = eventListeners.length; i < len; i++){
-            var el = eventListeners[i];
-            if(el.listener === listener) return;
-        }
-        eventListeners.push({listener:listener, once:once});
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Remove one event listener. Remove all event listeners if no parameter provided, and remove all event listeners on one type which is provided as the only parameter.
-     * @param {String} type The type of event listener that want to remove.
-     * @param {Function} listener Event listener callback function to be removed.
-     * @returns {Object} The Event itself. Functions chain call supported.
-     */
-    off: function(type, listener){
-        //remove all event listeners
-        if(arguments.length == 0){
-            this._listeners = null;
-            return this;
-        }
-
-        var eventListeners = this._listeners && this._listeners[type];
-        if(eventListeners){
-            //remove event listeners by specified type
-            if(arguments.length == 1){
-                delete this._listeners[type];
-                return this;
-            }
-
-            for(var i = 0, len = eventListeners.length; i < len; i++){
-                var el = eventListeners[i];
-                if(el.listener === listener){
-                    eventListeners.splice(i, 1);
-                    if(eventListeners.length === 0) delete this._listeners[type];
-                    break;
-                }
-            }
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Send events. If the first parameter is an Object, take it  as an Event Object.
-     * @param {String} type Event type to send.
-     * @param {Object} detail The detail (parameters go with the event) of Event to send.
-     * @returns {Boolean} Whether Event call successfully.
-     */
-    fire: function(type, detail){
-        var event, eventType;
-        if(typeof type === 'string'){
-            eventType = type;
-        }else{
-            event = type;
-            eventType = type.type;
-        }
-
-        var listeners = this._listeners;
-        if(!listeners) return false;
-
-        var eventListeners = listeners[eventType];
-        if(eventListeners){
-            var eventListenersCopy = eventListeners.slice(0);
-            event = event || new EventObject(eventType, this, detail);
-            if(event._stopped) return false;
-
-            for(var i = 0; i < eventListenersCopy.length; i++){
-                var el = eventListenersCopy[i];
-                el.listener.call(this, event);
-                if(el.once) {
-                    var index = eventListeners.indexOf(el);
-                    if(index > -1){
-                        eventListeners.splice(index, 1);
-                    }
-                }
-            }
-
-            if(eventListeners.length == 0) delete listeners[eventType];
-            return true;
-        }
-        return false;
-    }
-};
-
-/**
- * @language=en
- * Event Object class. It's an private class now, but maybe will become a public class if needed.
- */
-var EventObject = Class.create({
-    constructor: function EventObject(type, target, detail){
-        this.type = type;
-        this.target = target;
-        this.detail = detail;
-        this.timeStamp = +new Date();
-    },
-
-    type: null,
-    target: null,
-    detail: null,
-    timeStamp: 0,
-
-    stopImmediatePropagation: function(){
-        this._stopped = true;
-    }
-});
-
-//Trick: `stopImmediatePropagation` compatibility
-var RawEvent = window.Event;
-if(RawEvent){
-    var proto = RawEvent.prototype,
-        stop = proto.stopImmediatePropagation;
-    proto.stopImmediatePropagation = function(){
-        stop && stop.call(this);
-        this._stopped = true;
-    };
-}
-
-window.Hilo.EventMixin = EventMixin;
-})(window);
\ No newline at end of file
+!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]||[],s=0,l=r.length;s<l;s++){var o=r[s];if(o.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 s=i[n];if(s.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 s=this._listeners;if(!s)return!1;var l=s[r];if(l){var o=l.slice(0);if(i=i||new n(r,this,e),i._stopped)return!1;for(var a=0;a<o.length;a++){var h=o[a];if(h.listener.call(this,i),h.once){var f=l.indexOf(h);f>-1&&l.splice(f,1)}}return 0==l.length&&delete s[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 s=r.prototype,l=s.stopImmediatePropagation;s.stopImmediatePropagation=function(){l&&l.call(this),this._stopped=!0}}t.Hilo.EventMixin=i}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/game/Camera.js b/build/standalone/hilo/game/Camera.js
index 9fa9bcf1..a64ea290 100644
--- a/build/standalone/hilo/game/Camera.js
+++ b/build/standalone/hilo/game/Camera.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 87cdc7dc..77a282c3 100644
--- a/build/standalone/hilo/game/Camera.min.js
+++ b/build/standalone/hilo/game/Camera.min.js
@@ -1,98 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * @class Camera.
- * @param {Object} properties The properties to create a view object, contains all writeable props of this class
- * @module hilo/game/Camera
- * @requires hilo/core/Class
- * @requires hilo/util/util
- * @property {Number} width The width of the camera.
- * @property {Number} height The height of the camera.
- * @property {Object} scroll The scrolling value of the camera {x:0, y:0}.
- * @property {View} target The target that the camera follow.
- * @property {Array} bounds The rect area where camera is allowed to move [x, y, width, height].
- * @property {Array} deadzone The rect area where camera isn't allowed to move[ x, y, width, height].
- */
-var Camera = Class.create(/** @lends Camera.prototype */{
-    constructor:function(properties){
-        this.width = 0;
-        this.height = 0;
-
-        this.target = null;
-        this.deadzone = null;
-        this.bounds = null;
-
-        this.scroll = {
-            x:0,
-            y:0
-        };
-
-        util.copy(this, properties);
-    },
-    /**
-     * @language=en
-     * update.
-     * @param {Number} deltaTime
-    */
-    tick:function(deltaTime){
-        var target = this.target;
-        var scroll = this.scroll;
-        var bounds = this.bounds;
-        var deadzone = this.deadzone;
-
-        if(target){
-            var viewX, viewY;
-            if(deadzone){
-                viewX = Math.min(Math.max(target.x - scroll.x, deadzone[0]), deadzone[0] + deadzone[2]);
-                viewY = Math.min(Math.max(target.y - scroll.y, deadzone[1]), deadzone[1] + deadzone[3]);
-            }
-            else{
-                viewX = this.width * .5;
-                viewY = this.height * .5;
-            }
-
-            scroll.x = target.x - viewX;
-            scroll.y = target.y - viewY;
-
-            if(bounds){
-                scroll.x = Math.min(Math.max(scroll.x, bounds[0]), bounds[0] + bounds[2]);
-                scroll.y = Math.min(Math.max(scroll.y, bounds[1]), bounds[1] + bounds[3]);
-            }
-        }
-        else{
-            scroll.x = 0;
-            scroll.y = 0;
-        }
-    },
-    /**
-     * @language=en
-     * Follow the target.
-     * @param {Object} target The target that the camera follow. It must has x and y properties.
-     * @param {Array} deadzone The rect area where camera isn't allowed to move[ x, y, width, height].
-    */
-    follow:function(target, deadzone){
-        this.target = target;
-        if(deadzone !== undefined){
-            this.deadzone = deadzone;
-        }
-        this.tick();
-    }
-});
-
-window.Hilo.Camera = Camera;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var i=t.Hilo.Class,h=t.Hilo.util,a=i.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},h.copy(this,t)},tick:function(t){var i=this.target,h=this.scroll,a=this.bounds,s=this.deadzone;if(i){var o,n;s?(o=Math.min(Math.max(i.x-h.x,s[0]),s[0]+s[2]),n=Math.min(Math.max(i.y-h.y,s[1]),s[1]+s[3])):(o=.5*this.width,n=.5*this.height),h.x=i.x-o,h.y=i.y-n,a&&(h.x=Math.min(Math.max(h.x,a[0]),a[0]+a[2]),h.y=Math.min(Math.max(h.y,a[1]),a[1]+a[3]))}else h.x=0,h.y=0},follow:function(t,i){this.target=t,void 0!==i&&(this.deadzone=i),this.tick()}});t.Hilo.Camera=a}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/game/Camera3d.js b/build/standalone/hilo/game/Camera3d.js
index 71012236..bed55a12 100644
--- a/build/standalone/hilo/game/Camera3d.js
+++ b/build/standalone/hilo/game/Camera3d.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 846e8642..0bd0ea29 100644
--- a/build/standalone/hilo/game/Camera3d.min.js
+++ b/build/standalone/hilo/game/Camera3d.min.js
@@ -1,192 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * @class Camera3d is a pseudo-3d camera.
- * @module hilo/game/Camera3d
- * @requires hilo/core/Class
- * @requires hilo/util/util
- * @property {Number} fv The distance of the fov(The distance between eyes and the Z plane，it determines the scale ratio of the 3d object).
- * @property {Number} fx The x position of the screen viewpoint(The distance between the screen viewpoint and the screen left top corner on the x axis).
- * @property {Number} fy The y position of the screen viewpoint(The distance between the screen viewpoint and the screen left top corner on the y axis).
- * @property {Object} stage The 3d object's container, it can be stage or container.It is required if you need to sort the 3d object by z axis.
- * @property {Number} x The x position.
- * @property {Number} y The y position.
- * @property {Number} z The z position.
- * @property {Number} rotationX The x rotation.
- * @property {Number} rotationY The y rotation.
- * @property {Number} rotationZ The z rotation.
- */
-var Camera3d = (function(){
-
-	var degtorad = Math.PI / 180;
-
-	//Rotate the axis.
-	function rotateX(x, y, z, ca, sa) {//rotate x
-		return {
-			x: x,
-			y: y * ca - z * sa,
-			z: y * sa + z * ca
-		};
-	}
-	function rotateY(x, y, z, ca, sa) {//rotate y
-		return {
-			x: x * ca - z * sa,
-			y: y,
-			z: x * sa + z * ca
-		};
-	}
-	function rotateZ(x, y, z, ca, sa) {//rotate z
-		return {
-			x: x * ca - y * sa,
-			y: x * sa + y * ca,
-			z: z
-		};
-	}
-
-	var Camera3d = Class.create(/** @lends Camera3d.prototype */{
-
-		constructor: function(properties){
-			properties.x = properties.x || 0;
-			properties.y = properties.y || 0;
-			properties.z = properties.z || 0;
-			properties.rotationX = properties.rotationX || 0;
-			properties.rotationY = properties.rotationY || 0;
-			properties.rotationZ = properties.rotationZ || 0;
-
-        	util.copy(this, properties);
-		},
-
-	    /**
-         * @language=en
-         * Translate the camera，used for Zoomin/out feature.
-	     * @param {Number} x The x position.
-	     * @param {Number} y The y position.
-	     * @param {Number} z The z position.
-	     */
-		translate : function(x,y,z){
-			this.tx = x;
-			this.ty = y;
-			this.tz = z;
-		},
-
-	    /**
-         * @language=en
-         * Rotate by the x axis.
-	     * @param {Number} angle The rotate degree.
-	     */
-		rotateX : function(angle){
-			this.rotationX = angle;
-		},
-
-	    /**
-         * @language=en
-         * Rotate by the y axis.
-	     * @param {Number} angle The rotate degree.
-	     */
-		rotateY : function(angle){
-			this.rotationY = angle;
-		},
-
-	    /**
-         * @language=en
-         * Rotate by the z axis.
-	     * @param {Number} angle The rotate degree.
-	     */
-		rotateZ : function(angle){
-			this.rotationZ = angle;
-		},
-
-	    /**
-         * @language=en
-         * Project the 3d point to 2d point.
-	     * @param {object} vector3D The 3d position, it must have x, y and z properties.
-	     * @param {View} view The view related to the 3d position.It'll be auto translated by the 3d position.
-         * @returns {Object} The 2d object include z and scale properties, e.g.:{x:x, y:y, z:z, scale}
-	     */
-		project : function(vector3D, view){
-
-			var rx = this.rotationX * degtorad,
-				ry = this.rotationY * degtorad,
-				rz = this.rotationZ * degtorad,
-
-				cosX = Math.cos(rx), sinX = Math.sin(rx),
-				cosY = Math.cos(ry), sinY = Math.sin(ry),
-				cosZ = Math.cos(rz), sinZ = Math.sin(rz),
-
-				// 旋转变换前的 仿射矩阵位移，
-				dx = vector3D.x - this.x,
-				dy = vector3D.y - this.y,
-				dz = vector3D.z - this.z;
-
-			// 旋转矩阵变换
-			var vector = rotateZ(dx, dy, dz, cosZ, sinZ);
-			vector = rotateY(vector.x, vector.y, vector.z, cosY, sinY);
-			vector = rotateX(vector.x, vector.y, vector.z, cosX, sinX);
-
-			// 最后的仿射矩阵变换
-			if(this.tx) vector.x -= this.tx;
-			if(this.ty) vector.y -= this.ty;
-			if(this.tz) vector.z -= this.tz;
-
-			var	perspective = this.fv / (this.fv + vector.z),
-				_x = vector.x * perspective,
-				_y = -vector.y * perspective;
-
-            var result = {
-                x : _x + this.fx,
-                y : _y + this.fy,
-                z : -vector.z,
-                scale : perspective
-            };
-
-			if(view){
-                view.x = result.x;
-                view.y = result.y;
-                view.z = result.z;
-                view.scaleX = result.scale;
-                view.scaleY = result.scale;
-			}
-
-            return result;
-		},
-
-	    /**
-         * @language=en
-         * Sort by z axis.
-	     */
-		sortZ : function(){
-			this.stage.children.sort(function(view_a, view_b){
-                return view_a.z > view_b.z;
-            });
-		},
-
-	    /**
-         * @language=en
-         * Used for the ticker.
-	     */
-		tick : function(){
-			this.sortZ();
-		}
-
-	});
-
-	return Camera3d;
-
-})();
-window.Hilo.Camera3d = Camera3d;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var i=t.Hilo.Class,o=t.Hilo.util,n=function(){function t(t,i,o,n,s){return{x:t,y:i*n-o*s,z:i*s+o*n}}function n(t,i,o,n,s){return{x:t*n-o*s,y:i,z:t*s+o*n}}function s(t,i,o,n,s){return{x:t*n-i*s,y:t*s+i*n,z:o}}var r=Math.PI/180,a=i.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,o.copy(this,t)},translate:function(t,i,o){this.tx=t,this.ty=i,this.tz=o},rotateX:function(t){this.rotationX=t},rotateY:function(t){this.rotationY=t},rotateZ:function(t){this.rotationZ=t},project:function(i,o){var a=this.rotationX*r,h=this.rotationY*r,c=this.rotationZ*r,u=Math.cos(a),e=Math.sin(a),z=Math.cos(h),y=Math.sin(h),f=Math.cos(c),x=Math.sin(c),l=i.x-this.x,M=i.y-this.y,Z=i.z-this.z,v=s(l,M,Z,f,x);v=n(v.x,v.y,v.z,z,y),v=t(v.x,v.y,v.z,u,e),this.tx&&(v.x-=this.tx),this.ty&&(v.y-=this.ty),this.tz&&(v.z-=this.tz);var X=this.fv/(this.fv+v.z),Y=v.x*X,H=-v.y*X,d={x:Y+this.fx,y:H+this.fy,z:-v.z,scale:X};return o&&(o.x=d.x,o.y=d.y,o.z=d.z,o.scaleX=d.scale,o.scaleY=d.scale),d},sortZ:function(){this.stage.children.sort(function(t,i){return t.z>i.z})},tick:function(){this.sortZ()}});return a}();t.Hilo.Camera3d=n}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/game/ParticleSystem.js b/build/standalone/hilo/game/ParticleSystem.js
index fea3f41d..01db9bf7 100644
--- a/build/standalone/hilo/game/ParticleSystem.js
+++ b/build/standalone/hilo/game/ParticleSystem.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 1ad660d4..b7b54129 100644
--- a/build/standalone/hilo/game/ParticleSystem.min.js
+++ b/build/standalone/hilo/game/ParticleSystem.min.js
@@ -1,323 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-var Container = window.Hilo.Container;
-var Drawable = window.Hilo.Drawable;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/ParticleSystem.html?noHeader' width = '550' height = '400' scrolling='no'></iframe>
- * <br/>
- * @class ParticleSystem A particle system.
- * @augments Container
- * @module hilo/game/ParticleSystem
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @requires hilo/view/Container
- * @requires hilo/view/Drawable
- * @requires hilo/util/util
- * @property {Number} [emitTime=0.2] Emit time interval(in second).
- * @property {Number} [emitTimeVar=0] Emit time interval variances.
- * @property {Number} [emitNum=10] Emit number.
- * @property {Number} [emitNumVar=0] Emit number variances.
- * @property {Number} [emitterX=0] The emitter x position.
- * @property {Number} [emitterY=0] The emitter y position.
- * @property {Number} [totalTime=Infinity] Total time.
- * @property {Number} [gx=0] The gravity x value.
- * @property {Number} [gy=0] The gravity y value.
- * @param {Object} properties properties The properties to create a view object, contains all writeable props of this class
- * @param {Object} properties.particle The config of particle.
- * @param {Number} [properties.particle.x=0] The x position.
- * @param {Number} [properties.particle.y=0] The y position
- * @param {Number} [properties.particle.vx=0] The x velocity.
- * @param {Number} [properties.particle.vy=0] The y velocity.
- * @param {Number} [properties.particle.ax=0] The x acceleration.
- * @param {Number} [properties.particle.ay=0] The y acceleration.
- * @param {Number} [properties.particle.life=1] The time particle lives(in second).
- * @param {Number} [properties.particle.alpha=1] The alpha.
- * @param {Number} [properties.particle.alphaV=0] The alpha decline rate.
- * @param {Number} [properties.particle.scale=1] The scale.
- * @param {Number} [properties.particle.scaleV=0] The scale decline rate.
-*/
-var ParticleSystem = (function(){
-    //粒子属性
-    var props = ['x', 'y', 'vx', 'vy', 'ax', 'ay', 'rotation', 'rotationV', 'scale', 'scaleV', 'alpha', 'alphaV', 'life'];
-    var PROPS = [];
-    for(var i = 0, l = props.length;i < l;i ++){
-        var p = props[i];
-        PROPS.push(p);
-        PROPS.push(p + "Var");
-    }
-
-    //粒子默认值
-    var PROPS_DEFAULT = {
-        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
-    };
-
-    var diedParticles = [];
-
-    var ParticleSystem = Class.create(/** @lends ParticleSystem.prototype */{
-        Extends:Container,
-        constructor:function(properties){
-            this.id = this.id || properties.id || Hilo.getUid("ParticleSystem");
-
-            this.emitterX = 0;
-            this.emitterY = 0;
-
-            this.gx = 0;
-            this.gy = 0;
-            this.totalTime = Infinity;
-
-            this.emitNum = 10;
-            this.emitNumVar = 0;
-
-            this.emitTime = .2;
-            this.emitTimeVar = 0;
-
-            this.particle = {};
-
-            ParticleSystem.superclass.constructor.call(this, properties);
-
-            this.reset(properties);
-        },
-        Statics:{
-            PROPS:PROPS,
-            PROPS_DEFAULT:PROPS_DEFAULT,
-            diedParticles:diedParticles
-        },
-        /**
-         * @language=en
-         * Reset the properties.
-         * @param {Object} cfg
-        */
-        reset: function(cfg) {
-            util.copy(this, cfg);
-            this.particle.system = this;
-            if(this.totalTime <= 0){
-                this.totalTime = Infinity;
-            }
-        },
-        /**
-         * @language=en
-         * 更新
-         * @param {Number} dt delta time(in milliseconds)
-        */
-        onUpdate: function(dt) {
-            dt *= .001;
-            if (this._isRun) {
-                this._totalRunTime += dt;
-                this._currentRunTime += dt;
-                if (this._currentRunTime >= this._emitTime) {
-                    this._currentRunTime = 0;
-                    this._emitTime = getRandomValue(this.emitTime, this.emitTimeVar);
-                    this._emit();
-                }
-
-                if (this._totalRunTime >= this.totalTime) {
-                    this.stop();
-                }
-            }
-        },
-        /**
-         * @language=en
-         * Emit particles.
-        */
-        _emit: function() {
-            var num = getRandomValue(this.emitNum, this.emitNumVar)>>0;
-            for (var i = 0; i < num; i++) {
-                this.addChild(Particle.create(this.particle));
-            }
-        },
-        /**
-         * @language=en
-         * Start emit particles.
-        */
-        start: function() {
-            this.stop(true);
-            this._currentRunTime = 0;
-            this._totalRunTime = 0;
-            this._isRun = true;
-            this._emitTime = getRandomValue(this.emitTime, this.emitTimeVar);
-        },
-        /**
-         * @language=en
-         * Stop emit particles.
-         * @param {Boolean} clear Whether or not clear all the particles.
-        */
-        stop: function(clear) {
-            this._isRun = false;
-            if (clear) {
-                for (var i = this.children.length - 1; i >= 0; i--) {
-                    this.children[i].destroy();
-                }
-            }
-        }
-    });
-
-    /**
-     * @language=en
-     * @class 粒子
-     * @inner
-     * @param {Number} vx The x velocity.
-     * @param {Number} vy The y velocity.
-     * @param {Number} ax The x acceleration.
-     * @param {Number} ay The y acceleration.
-     * @param {Number} scaleV The scale decline rate.
-     * @param {Number} alphaV The alpha decline rate.
-     * @param {Number} rotationV The rotate speed.
-     * @param {Number} life The time particle lives(in seconds)
-    */
-    var Particle = Class.create({
-        Extends:View,
-        constructor:function(properties){
-            this.id = this.id || properties.id || Hilo.getUid("Particle");
-            Particle.superclass.constructor.call(this, properties);
-            this.init(properties);
-        },
-        /**
-         * @language=en
-         * Update the particle.
-        */
-        onUpdate: function(dt) {
-            dt *= .001;
-            if(this._died){
-                return false;
-            }
-            var ax = this.ax + this.system.gx;
-            var ay = this.ay + this.system.gy;
-
-            this.vx += ax * dt;
-            this.vy += ay * dt;
-            this.x += this.vx * dt;
-            this.y += this.vy * dt;
-
-            this.rotation += this.rotationV;
-
-            if (this._time > .1) {
-                this.alpha += this.alphaV;
-            }
-
-            this.scale += this.scaleV;
-            this.scaleX = this.scaleY = this.scale;
-
-            this._time += dt;
-            if (this._time >= this.life || this.alpha <= 0) {
-                this.destroy();
-                return false;
-            }
-        },
-        /**
-         * @language=en
-         * Set the image of particle.
-        */
-        setImage: function(img, frame) {
-            this.drawable = this.drawable||new Drawable();
-            frame = frame || [0, 0, img.width, img.height];
-
-            this.width = frame[2];
-            this.height = frame[3];
-            this.drawable.rect = frame;
-            this.drawable.image = img;
-        },
-        /**
-         * @language=en
-         * Destroy the particle.
-        */
-        destroy: function() {
-            this._died = true;
-            this.alpha = 0;
-            this.removeFromParent();
-            diedParticles.push(this);
-        },
-        /**
-         * @language=en
-         * Init the particle.
-        */
-        init: function(cfg) {
-            this.system = cfg.system;
-            this._died = false;
-            this._time = 0;
-            this.alpha = 1;
-            for (var i = 0, l = PROPS.length; i < l; i++) {
-                var p = PROPS[i];
-                var v = cfg[p] === undefined ? PROPS_DEFAULT[p] : cfg[p];
-                this[p] = getRandomValue(v, cfg[p + 'Var']);
-            }
-
-            this.x += this.system.emitterX;
-            this.y += this.system.emitterY;
-
-            if (cfg.image) {
-                var frame = cfg.frame;
-                if(frame && frame[0].length){
-                    frame = frame[(Math.random() * frame.length) >> 0];
-                }
-                this.setImage(cfg.image, frame);
-                if(cfg.pivotX !== undefined){
-                    this.pivotX = cfg.pivotX * frame[2];
-                }
-                if(cfg.pivotY !== undefined){
-                    this.pivotY = cfg.pivotY * frame[3];
-                }
-            }
-        },
-        Statics:{
-            /**
-             * @language=en
-             * Create the particle.
-             * @param {Object} cfg The config of particle.
-            */
-            create:function(cfg) {
-                if (diedParticles.length > 0) {
-                    var particle = diedParticles.pop();
-                    particle.init(cfg);
-                    return particle;
-                } else {
-                    return new Particle(cfg);
-                }
-            }
-        }
-
-    });
-
-    /**
-     * Get the random value.
-     * @private
-     * @param  {Number} value     The value.
-     * @param  {Number} variances The variances.
-     * @return {Number}
-     */
-    function getRandomValue(value, variances){
-        return variances ? value + (Math.random() - .5) * 2 * variances : value;
-    }
-
-    return ParticleSystem;
-})();
-window.Hilo.ParticleSystem = ParticleSystem;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var i=t.Hilo,s=t.Hilo.Class,e=t.Hilo.View,h=t.Hilo.Container,a=t.Hilo.Drawable,r=t.Hilo.util,n=function(){function t(t,i){return i?t+2*(Math.random()-.5)*i:t}for(var n=["x","y","vx","vy","ax","ay","rotation","rotationV","scale","scaleV","alpha","alphaV","life"],o=[],l=0,m=n.length;l<m;l++){var c=n[l];o.push(c),o.push(c+"Var")}var u={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},d=[],p=s.create({Extends:h,constructor:function(t){this.id=this.id||t.id||i.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:o,PROPS_DEFAULT:u,diedParticles:d},reset:function(t){r.copy(this,t),this.particle.system=this,this.totalTime<=0&&(this.totalTime=1/0)},onUpdate:function(i){i*=.001,this._isRun&&(this._totalRunTime+=i,this._currentRunTime+=i,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 i=t(this.emitNum,this.emitNumVar)>>0,s=0;s<i;s++)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 i=this.children.length-1;i>=0;i--)this.children[i].destroy()}}),v=s.create({Extends:e,constructor:function(t){this.id=this.id||t.id||i.getUid("Particle"),v.superclass.constructor.call(this,t),this.init(t)},onUpdate:function(t){if(t*=.001,this._died)return!1;var i=this.ax+this.system.gx,s=this.ay+this.system.gy;return this.vx+=i*t,this.vy+=s*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,i){this.drawable=this.drawable||new a,i=i||[0,0,t.width,t.height],this.width=i[2],this.height=i[3],this.drawable.rect=i,this.drawable.image=t},destroy:function(){this._died=!0,this.alpha=0,this.removeFromParent(),d.push(this)},init:function(i){this.system=i.system,this._died=!1,this._time=0,this.alpha=1;for(var s=0,e=o.length;s<e;s++){var h=o[s],a=void 0===i[h]?u[h]:i[h];this[h]=t(a,i[h+"Var"])}if(this.x+=this.system.emitterX,this.y+=this.system.emitterY,i.image){var r=i.frame;r&&r[0].length&&(r=r[Math.random()*r.length>>0]),this.setImage(i.image,r),void 0!==i.pivotX&&(this.pivotX=i.pivotX*r[2]),void 0!==i.pivotY&&(this.pivotY=i.pivotY*r[3])}},Statics:{create:function(t){if(d.length>0){var i=d.pop();return i.init(t),i}return new v(t)}}});return p}();t.Hilo.ParticleSystem=n}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/geom/Matrix.js b/build/standalone/hilo/geom/Matrix.js
index 655e755e..66963607 100644
--- a/build/standalone/hilo/geom/Matrix.js
+++ b/build/standalone/hilo/geom/Matrix.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 afd61d57..16777353 100644
--- a/build/standalone/hilo/geom/Matrix.min.js
+++ b/build/standalone/hilo/geom/Matrix.min.js
@@ -1,228 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-
-
-/**
- * @language=en
- * @class Matrix class is a transforming matrix, which declare how points in one coordinate maped to another coordinate.
- * @param {Number} a The value affects pixel positioning alongside the x axis when Scale or rotate images.
- * @param {Number} b The value affects pixel positioning alongside the y axis when rotate or skew images.
- * @param {Number} c The value affects pixel positioning alongside the x axis when rotate or skew images.
- * @param {Number} d The value affects pixel positioning alongside the y axis when Scale or rotate images.
- * @param {Number} tx The distance to move every point alongside the x axis.
- * @param {Number} ty The distance to move every point alongside the y axis.
- * @module hilo/geom/Matrix
- * @requires hilo/core/Class
- */
-var Matrix = Class.create(/** @lends Matrix.prototype */{
-    constructor: function(a, b, c, d, tx, ty){
-        this.a = a;
-        this.b = b;
-        this.c = c;
-        this.d = d;
-        this.tx = tx;
-        this.ty = ty;
-    },
-
-    /**
-     * set
-     * @param {Number} a 
-     * @param {Number} b 
-     * @param {Number} c 
-     * @param {Number} d 
-     * @param {Number} tx
-     * @param {Number} ty
-     */
-    set: function(a, b, c, d, tx, ty){
-        this.a = a;
-        this.b = b;
-        this.c = c;
-        this.d = d;
-        this.tx = tx;
-        this.ty = ty;
-	
-	return this;
-    },
-
-    /**
-     * copy
-     * @param  {Matrix} mat
-     * @return {Matrix}  this
-     */
-    copy: function(mat){
-        this.a = mat.a;
-        this.b = mat.b;
-        this.c = mat.c;
-        this.d = mat.d;
-        this.tx = mat.tx;
-        this.ty = mat.ty;
-
-        return this;
-    },
-
-    /**
-     * clone
-     * @return {Matrix}
-     */
-    clone: function(){
-        return new Matrix().copy(this);
-    },
-
-    /**
-     * @language=en
-     * Link a Matrix to current Matrix, in order to make geometry effects on these two composed more effective.
-     * @param {Matrix} mtx Matrix that link to the source matrix.
-     * @returns {Matrix} A Matrix Object.
-     */
-    concat: function(mtx){
-        var args = arguments,
-            a = this.a, b = this.b, c = this.c, d = this.d,
-            tx = this.tx, ty = this.ty;
-
-        var ma, mb, mc, md, mx, my;
-        if(args.length >= 6){
-            ma = args[0];
-            mb = args[1];
-            mc = args[2];
-            md = args[3];
-            mx = args[4];
-            my = args[5];
-        }
-        else{
-            ma = mtx.a;
-            mb = mtx.b;
-            mc = mtx.c;
-            md = mtx.d;
-            mx = mtx.tx;
-            my = mtx.ty;
-        }
-
-        this.a = a * ma + b * mc;
-        this.b = a * mb + b * md;
-        this.c = c * ma + d * mc;
-        this.d = c * mb + d * md;
-        this.tx = tx * ma + ty * mc + mx;
-        this.ty = tx * mb + ty * md + my;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Rotate the Matrix Object.
-     * @param {Number} angle The angle to rotate.
-     * @returns {Matrix} A Matrix object.
-     */
-    rotate: function(angle){
-        var sin = Math.sin(angle), cos = Math.cos(angle),
-            a = this.a, b = this.b, c = this.c, d = this.d,
-            tx = this.tx, ty = this.ty;
-
-        this.a = a * cos - b * sin;
-        this.b = a * sin + b * cos;
-        this.c = c * cos - d * sin;
-        this.d = c * sin + d * cos;
-        this.tx = tx * cos - ty * sin;
-        this.ty = tx * sin + ty * cos;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Scale the Matrix.
-     * @param {Number} sx The value to multiply those object scale alongside the x axis.
-     * @param {Number} sy The value to multiply those object scale alongside the y axis.
-     * @returns {Matrix} A Matrix object.
-     */
-    scale: function(sx, sy){
-        this.a *= sx;
-        this.d *= sy;
-        this.c *= sx;
-        this.b *= sy;
-        this.tx *= sx;
-        this.ty *= sy;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Translate the Matrix alongside x axis and y axis by dx and dy.
-     * @param {Number} dx Translate Matrix alongside the x axis to the right (measured in px).
-     * @param {Number} dy Translate Matrix alongside the y axis to the right (measured in px).
-     * @returns {Matrix} A Matrix object.
-     */
-    translate: function(dx, dy){
-        this.tx += dx;
-        this.ty += dy;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set each Matrix property a value to trigger null transform. The Matrix after applying identity matrix transformation will be exactly the same as original.
-     * @returns {Matrix} A Matrix object.
-     */
-    identity: function(){
-        this.a = this.d = 1;
-        this.b = this.c = this.tx = this.ty = 0;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Apply an invert transformation of original Matrix. Using this invert transformation, you can reset a Matrix to a state before it had been apply some Matrix.
-     * @returns {Matrix} A Matrix object.
-     */
-    invert: function(){
-        var a = this.a;
-        var b = this.b;
-        var c = this.c;
-        var d = this.d;
-        var tx = this.tx;
-        var i = a * d - b * c;
-
-        this.a = d / i;
-        this.b = -b / i;
-        this.c = -c / i;
-        this.d = a / i;
-        this.tx = (c * this.ty - d * tx) / i;
-        this.ty = -(a * this.ty - b * tx) / i;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Return the result after apply a Matrix displaying transform on the point.
-     * @param {Object} point Point need to transform.
-     * @param {Boolean} round Whether ceil the coordinate values of the point.
-     * @param {Boolean} returnNew Whether return a new point.
-     * @returns {Object} 由应用矩阵转换所产生的点。
-     */
-    transformPoint: function(point, round, returnNew){
-        var x = point.x * this.a + point.y * this.c + this.tx,
-            y = point.x * this.b + point.y * this.d + this.ty;
-
-        if(round){
-            x = x + 0.5 >> 0;
-            y = y + 0.5 >> 0;
-        }
-        if(returnNew) return {x:x, y:y};
-        point.x = x;
-        point.y = y;
-        return point;
-    }
-
-});
-
-window.Hilo.Matrix = Matrix;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var i=t.Hilo.Class,s=i.create({constructor:function(t,i,s,h,n,c){this.a=t,this.b=i,this.c=s,this.d=h,this.tx=n,this.ty=c},set:function(t,i,s,h,n,c){return this.a=t,this.b=i,this.c=s,this.d=h,this.tx=n,this.ty=c,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 s).copy(this)},concat:function(t){var i,s,h,n,c,r,a=arguments,o=this.a,u=this.b,y=this.c,e=this.d,x=this.tx,d=this.ty;return a.length>=6?(i=a[0],s=a[1],h=a[2],n=a[3],c=a[4],r=a[5]):(i=t.a,s=t.b,h=t.c,n=t.d,c=t.tx,r=t.ty),this.a=o*i+u*h,this.b=o*s+u*n,this.c=y*i+e*h,this.d=y*s+e*n,this.tx=x*i+d*h+c,this.ty=x*s+d*n+r,this},rotate:function(t){var i=Math.sin(t),s=Math.cos(t),h=this.a,n=this.b,c=this.c,r=this.d,a=this.tx,o=this.ty;return this.a=h*s-n*i,this.b=h*i+n*s,this.c=c*s-r*i,this.d=c*i+r*s,this.tx=a*s-o*i,this.ty=a*i+o*s,this},scale:function(t,i){return this.a*=t,this.d*=i,this.c*=t,this.b*=i,this.tx*=t,this.ty*=i,this},translate:function(t,i){return this.tx+=t,this.ty+=i,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,i=this.b,s=this.c,h=this.d,n=this.tx,c=t*h-i*s;return this.a=h/c,this.b=-i/c,this.c=-s/c,this.d=t/c,this.tx=(s*this.ty-h*n)/c,this.ty=-(t*this.ty-i*n)/c,this},transformPoint:function(t,i,s){var h=t.x*this.a+t.y*this.c+this.tx,n=t.x*this.b+t.y*this.d+this.ty;return i&&(h=h+.5>>0,n=n+.5>>0),s?{x:h,y:n}:(t.x=h,t.y=n,t)}});t.Hilo.Matrix=s}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/loader/ImageLoader.js b/build/standalone/hilo/loader/ImageLoader.js
index bafab2c7..2bd5a9a2 100644
--- a/build/standalone/hilo/loader/ImageLoader.js
+++ b/build/standalone/hilo/loader/ImageLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 963a0f00..d873d51d 100644
--- a/build/standalone/hilo/loader/ImageLoader.min.js
+++ b/build/standalone/hilo/loader/ImageLoader.min.js
@@ -1,52 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-
-
-/**
- * @language=en
- * @private
- * @class image resources loader.
- * @module hilo/loader/ImageLoader
- * @requires hilo/core/Class
- */
-var ImageLoader = Class.create({
-    load: function(data){
-        var me = this;
-
-        var image = new Image();
-        if(data.crossOrigin){
-            image.crossOrigin = "Anonymous";
-        }
-
-        image.onload = function(){
-            me.onLoad(image);
-        };
-        image.onerror = image.onabort = me.onError.bind(image);
-        image.src = data.src + (data.noCache ? (data.src.indexOf('?') == -1 ? '?' : '&') + 't=' + (+new Date()) : '');
-    },
-
-    onLoad: function(image){
-        image.onload = image.onerror = image.onabort = null;
-        return image;
-    },
-
-    onError: function(e){
-        var image = e.target;
-        image.onload = image.onerror = image.onabort = null;
-        return e;
-    }
-
-});
-window.Hilo.ImageLoader = ImageLoader;
-})(window);
\ No newline at end of file
+!function(o){o.Hilo||(o.Hilo={});var n=o.Hilo.Class,r=n.create({load:function(o){var n=this,r=new Image;o.crossOrigin&&(r.crossOrigin="Anonymous"),r.onload=function(){n.onLoad(r)},r.onerror=r.onabort=n.onError.bind(r),r.src=o.src+(o.noCache?(o.src.indexOf("?")==-1?"?":"&")+"t="+ +new Date:"")},onLoad:function(o){return o.onload=o.onerror=o.onabort=null,o},onError:function(o){var n=o.target;return n.onload=n.onerror=n.onabort=null,o}});o.Hilo.ImageLoader=r}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/loader/LoadQueue.js b/build/standalone/hilo/loader/LoadQueue.js
index 563ae87a..2757dd60 100644
--- a/build/standalone/hilo/loader/LoadQueue.js
+++ b/build/standalone/hilo/loader/LoadQueue.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -95,6 +95,23 @@ var LoadQueue = Class.create(/** @lends LoadQueue.prototype */{
         var item = this.get(id);
         return item && item.content;
     },
+    /**
+     * @language=en
+     * remove resource object content  by id or src
+     * @param {String} specified id or src
+     */
+    removeContent: function(id){
+        if(id){
+            var source = this._source;
+            for(var i = 0; i < source.length; i++){
+                var item = source[i];
+                if(item.id === id || item.src === id){
+                    source.splice(i, 1);
+                    return;
+                }
+            }
+        }
+    },
 
     /**
      * @language=en
diff --git a/build/standalone/hilo/loader/LoadQueue.min.js b/build/standalone/hilo/loader/LoadQueue.min.js
index 2805595e..2424541e 100644
--- a/build/standalone/hilo/loader/LoadQueue.min.js
+++ b/build/standalone/hilo/loader/LoadQueue.min.js
@@ -1,257 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var EventMixin = window.Hilo.EventMixin;
-var ImageLoader = window.Hilo.ImageLoader;
-var ScriptLoader = window.Hilo.ScriptLoader;
-
-
-//TODO: 超时timeout，失败重连次数maxTries，更多的下载器Loader，队列暂停恢复等。
-
-/**
- * @language=en
- * @class LoadQueue is a queue-like loader.
- * @mixes EventMixin
- * @borrows EventMixin#on as #on
- * @borrows EventMixin#off as #off
- * @borrows EventMixin#fire as #fire
- * @param {Object} source resource that need to be loaded,could be a single object or array resource.
- * @module hilo/loader/LoadQueue
- * @requires hilo/core/Class
- * @requires hilo/event/EventMixin
- * @requires hilo/loader/ImageLoader
- * @requires hilo/loader/ScriptLoader
- * @property {Int} maxConnections the limited concurrent connections. default value  2.
- */
-var LoadQueue = Class.create(/** @lends LoadQueue.prototype */{
-    Mixes: EventMixin,
-    constructor: function(source){
-        this._source = [];
-        this.add(source);
-    },
-
-    maxConnections: 2, //TODO: 应该是每个host的最大连接数。
-
-    _source: null,
-    _loaded: 0,
-    _connections: 0,
-    _currentIndex: -1,
-
-    /**
-     * @language=en
-     * Add desired resource,could be a single object or array resource.
-     * @param {Object|Array} source ,a single object or array resource. Each resource contains properties like below:
-     * <ul>
-     * <li><b>id</b> - resource identifier</li>
-     * <li><b>src</b> - resource url</li>
-     * <li><b>type</b> - resource type. By default, we automatically identify resource by file suffix and choose the relevant loader for you</li>
-     * <li><b>loader</b> - specified resource loader. If you specify this,we abandon choosing loader inside</li>
-     * <li><b>noCache</b> - a tag that set on or off to prevent cache,implemented by adding timestamp inside</li>
-     * <li><b>size</b> - predicted resource size, help calculating loading progress</li>
-     * <li><b>crossOrigin</b> - Whether cross-domain is needed, default is false</li>
-     * </ul>
-     * @returns {LoadQueue} 下载队列实例本身。
-     */
-    add: function(source){
-        var me = this;
-        if(source){
-            source = source instanceof Array ? source : [source];
-            me._source = me._source.concat(source);
-        }
-        return me;
-    },
-
-    /**
-     * @language=en
-     * get resource object by id or src
-     * @param {String}  specified id or src
-     * @returns {Object} resource object
-     */
-    get: function(id){
-        if(id){
-            var source = this._source;
-            for(var i = 0; i < source.length; i++){
-                var item = source[i];
-                if(item.id === id || item.src === id){
-                    return item;
-                }
-            }
-        }
-        return null;
-    },
-
-    /**
-     * @language=en
-     * get resource object content  by id or src
-     * @param {String} specified id or src
-     * @returns {Object} resource object content
-     */
-    getContent: function(id){
-        var item = this.get(id);
-        return item && item.content;
-    },
-
-    /**
-     * @language=en
-     * start loading
-     * @returns {LoadQueue} the loading instance
-     */
-    start: function(){
-        var me = this;
-        me._loadNext();
-        return me;
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _loadNext: function(){
-        var me = this, source = me._source, len = source.length;
-
-        //all items loaded
-        if(me._loaded >= len){
-            me.fire('complete');
-            return;
-        }
-
-        if(me._currentIndex < len - 1 && me._connections < me.maxConnections){
-            var index = ++me._currentIndex;
-            var item = source[index];
-            var loader = me._getLoader(item);
-
-            if(loader){
-                var onLoad = loader.onLoad, onError = loader.onError;
-
-                loader.onLoad = function(e){
-                    loader.onLoad = onLoad;
-                    loader.onError = onError;
-                    var content = onLoad && onLoad.call(loader, e) || e.target;
-                    me._onItemLoad(index, content);
-                };
-                loader.onError = function(e){
-                    loader.onLoad = onLoad;
-                    loader.onError = onError;
-                    onError && onError.call(loader, e);
-                    me._onItemError(index, e);
-                };
-                me._connections++;
-            }
-
-            me._loadNext();
-            loader && loader.load(item);
-        }
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _getLoader: function(item){
-        var loader = item.loader;
-        if(loader) return loader;
-
-        var type = item.type || getExtension(item.src);
-
-        switch(type){
-            case 'png':
-            case 'jpg':
-            case 'jpeg':
-            case 'gif':
-            case 'webp':
-                loader = new ImageLoader();
-                break;
-            case 'js':
-            case 'jsonp':
-                loader = new ScriptLoader();
-                break;
-        }
-
-        return loader;
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _onItemLoad: function(index, content){
-        var me = this, item = me._source[index];
-        item.loaded = true;
-        item.content = content;
-        me._connections--;
-        me._loaded++;
-        me.fire('load', item);
-        me._loadNext();
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _onItemError: function(index, e){
-        var me = this, item = me._source[index];
-        item.error = e;
-        me._connections--;
-        me._loaded++;
-        me.fire('error', item);
-        me._loadNext();
-    },
-
-    /**
-     * @language=en
-     *  get resource size, loaded or all.
-     * @param {Boolean} identify loaded or all resource. default is false, return all resource size. when set true, return loaded resource size.
-     * @returns {Number} resource size.
-     */
-    getSize: function(loaded){
-        var size = 0, source = this._source;
-        for(var i = 0; i < source.length; i++){
-            var item = source[i];
-            size += (loaded ? item.loaded && item.size : item.size) || 0;
-        }
-        return size;
-    },
-
-    /**
-     * @language=en
-     * get loaded resource count
-     * @returns {Uint} loaded resource count
-     */
-    getLoaded: function(){
-        return this._loaded;
-    },
-
-    /**
-     * @language=en
-     * get all resource count
-     * @returns {Uint} all resource count
-     */
-    getTotal: function(){
-        return this._source.length;
-    }
-
-});
-
-/**
- * @language=en
- * @private
- */
-function getExtension(src){
-    var extRegExp = /\/?[^/]+\.(\w+)(\?\S+)?$/i, match, extension;
-    if(match = src.match(extRegExp)){
-        extension = match[1].toLowerCase();
-    }
-    return extension || null;
-}
-window.Hilo.LoadQueue = LoadQueue;
-})(window);
\ No newline at end of file
+!function(o){function e(o){var e,n,r=/\/?[^\/]+\.(\w+)(\?\S+)?$/i;return(e=o.match(r))&&(n=e[1].toLowerCase()),n||null}o.Hilo||(o.Hilo={});var n=o.Hilo.Class,r=o.Hilo.EventMixin,t=o.Hilo.ImageLoader,i=o.Hilo.ScriptLoader,a=n.create({Mixes:r,constructor:function(o){this._source=[],this.add(o)},maxConnections:2,_source:null,_loaded:0,_connections:0,_currentIndex:-1,add:function(o){var e=this;return o&&(o=o instanceof Array?o:[o],e._source=e._source.concat(o)),e},get:function(o){if(o)for(var e=this._source,n=0;n<e.length;n++){var r=e[n];if(r.id===o||r.src===o)return r}return null},getContent:function(o){var e=this.get(o);return e&&e.content},removeContent:function(o){if(o)for(var e=this._source,n=0;n<e.length;n++){var r=e[n];if(r.id===o||r.src===o)return void e.splice(n,1)}},start:function(){var o=this;return o._loadNext(),o},_loadNext:function(){var o=this,e=o._source,n=e.length;if(o._loaded>=n)return void o.fire("complete");if(o._currentIndex<n-1&&o._connections<o.maxConnections){var r=++o._currentIndex,t=e[r],i=o._getLoader(t);if(i){var a=i.onLoad,c=i.onError;i.onLoad=function(e){i.onLoad=a,i.onError=c;var n=a&&a.call(i,e)||e.target;o._onItemLoad(r,n)},i.onError=function(e){i.onLoad=a,i.onError=c,c&&c.call(i,e),o._onItemError(r,e)},o._connections++}o._loadNext(),i&&i.load(t)}},_getLoader:function(o){var n=o.loader;if(n)return n;var r=o.type||e(o.src);switch(r){case"png":case"jpg":case"jpeg":case"gif":case"webp":n=new t;break;case"js":case"jsonp":n=new i}return n},_onItemLoad:function(o,e){var n=this,r=n._source[o];r.loaded=!0,r.content=e,n._connections--,n._loaded++,n.fire("load",r),n._loadNext()},_onItemError:function(o,e){var n=this,r=n._source[o];r.error=e,n._connections--,n._loaded++,n.fire("error",r),n._loadNext()},getSize:function(o){for(var e=0,n=this._source,r=0;r<n.length;r++){var t=n[r];e+=(o?t.loaded&&t.size:t.size)||0}return e},getLoaded:function(){return this._loaded},getTotal:function(){return this._source.length}});o.Hilo.LoadQueue=a}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/loader/ScriptLoader.js b/build/standalone/hilo/loader/ScriptLoader.js
index b6302551..6f05cd08 100644
--- a/build/standalone/hilo/loader/ScriptLoader.js
+++ b/build/standalone/hilo/loader/ScriptLoader.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 ea3ed24b..55193b95 100644
--- a/build/standalone/hilo/loader/ScriptLoader.min.js
+++ b/build/standalone/hilo/loader/ScriptLoader.min.js
@@ -1,71 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-
-
-/**
- * @language=en
- * @private
- * @class javascript or JSONP loader
- * @module hilo/loader/ScriptLoader
- * @requires hilo/core/Class
- */
-var ScriptLoader = Class.create({
-    load: function(data){
-        var me = this, src = data.src, isJSONP = data.type == 'jsonp';
-
-        if(isJSONP){
-            var callbackName = data.callbackName || 'callback';
-            var callback = data.callback || 'jsonp' + (++ScriptLoader._count);
-            var win = window;
-
-            if(!win[callback]){
-                win[callback] = function(result){
-                    delete win[callback];
-                };
-            }
-
-            src += (src.indexOf('?') == -1 ? '?' : '&') + callbackName + '=' + callback;
-        }
-
-        if(data.noCache) src += (src.indexOf('?') == -1 ? '?' : '&') + 't=' + (+new Date());
-
-        var script = document.createElement('script');
-        script.type = 'text/javascript';
-        script.async = true;
-        script.onload = me.onLoad.bind(me);
-        script.onerror = me.onError.bind(me);
-        script.src = src;
-        if(data.id) script.id = data.id;
-        document.getElementsByTagName('head')[0].appendChild(script);
-    },
-
-    onLoad: function(e){
-        var script = e.target;
-        script.onload = script.onerror = null;
-        return script;
-    },
-
-    onError: function(e){
-        var script = e.target;
-        script.onload = script.onerror = null;
-        return e;
-    },
-
-    Statics: {
-        _count: 0
-    }
-
-});
-window.Hilo.ScriptLoader = ScriptLoader;
-})(window);
\ No newline at end of file
+!function(n){n.Hilo||(n.Hilo={});var o=n.Hilo.Class,a=o.create({load:function(o){var r=this,e=o.src,t="jsonp"==o.type;if(t){var c=o.callbackName||"callback",i=o.callback||"jsonp"+ ++a._count,l=n;l[i]||(l[i]=function(n){delete l[i]}),e+=(e.indexOf("?")==-1?"?":"&")+c+"="+i}o.noCache&&(e+=(e.indexOf("?")==-1?"?":"&")+"t="+ +new Date);var d=document.createElement("script");d.type="text/javascript",d.async=!0,d.onload=r.onLoad.bind(r),d.onerror=r.onError.bind(r),d.src=e,o.id&&(d.id=o.id),document.getElementsByTagName("head")[0].appendChild(d)},onLoad:function(n){var o=n.target;return o.onload=o.onerror=null,o},onError:function(n){var o=n.target;return o.onload=o.onerror=null,n},Statics:{_count:0}});n.Hilo.ScriptLoader=a}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/media/HTMLAudio.js b/build/standalone/hilo/media/HTMLAudio.js
index 59a45876..5f658e59 100644
--- a/build/standalone/hilo/media/HTMLAudio.js
+++ b/build/standalone/hilo/media/HTMLAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 4b07e8d3..7a9fdc18 100644
--- a/build/standalone/hilo/media/HTMLAudio.min.js
+++ b/build/standalone/hilo/media/HTMLAudio.min.js
@@ -1,209 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var util = window.Hilo.util;
-var EventMixin = window.Hilo.EventMixin;
-
-
-/**
- * @language=en
- * @class HTMLAudio is an audio playing module, which uses HTMLAudioElement to play audio.
- * Limits: iOS platform requires user action events to start playing, and many Android browser can only play one audio at a time.
- * @param {Object} properties create object properties, include all writable properties of this class.
- * @module hilo/media/HTMLAudio
- * @requires hilo/core/Class
- * @requires hilo/util/util
- * @requires hilo/event/EventMixin
- * @property {String} src The source of the playing audio.
- * @property {Boolean} loop Is loop playback, default value is false.
- * @property {Boolean} autoPlay Is the audio autoplay, default value is false.
- * @property {Boolean} loaded Is the audio resource loaded, readonly!
- * @property {Boolean} playing Is the audio playing, readonly!
- * @property {Number} duration The duration of the audio, readonly!
- * @property {Number} volume The volume of the audio, value between 0 to 1.
- * @property {Boolean} muted Is the audio muted, default value is false.
- */
-var HTMLAudio = Class.create(/** @lends HTMLAudio.prototype */{
-    Mixes: EventMixin,
-    constructor: function(properties){
-        util.copy(this, properties, true);
-
-        this._onAudioEvent = this._onAudioEvent.bind(this);
-    },
-
-    src: null,
-    loop: false,
-    autoPlay: false,
-    loaded: false,
-    playing: false,
-    duration: 0,
-    volume: 1,
-    muted: false,
-
-    _element: null, //HTMLAudioElement对象
-
-    /**
-     * @language=en
-     * Load audio file.
-     */
-    load: function(){
-        if(!this._element){
-            var elem;
-            try{
-                elem = this._element = new Audio();
-                elem.addEventListener('canplaythrough', this._onAudioEvent, false);
-                elem.addEventListener('ended', this._onAudioEvent, false);
-                elem.addEventListener('error', this._onAudioEvent, false);
-                elem.src = this.src;
-                elem.volume = this.volume;
-                elem.load();
-            }
-            catch(err){
-                //ie9 某些版本有Audio对象，但是执行play,pause会报错！
-                elem = this._element = {};
-                elem.play = elem.pause = function(){
-
-                };
-            }
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _onAudioEvent: function(e){
-        // console.log('onAudioEvent:', e.type);
-        var type = e.type;
-
-        switch(type){
-            case 'canplaythrough':
-                e.target.removeEventListener(type, this._onAudioEvent);
-                this.loaded = true;
-                this.duration = this._element.duration;
-                this.fire('load');
-                if(this.autoPlay) this._doPlay();
-                break;
-            case 'ended':
-                this.playing = false;
-                this.fire('end');
-                if(this.loop) this._doPlay();
-                break;
-            case 'error':
-                this.fire('error');
-                break;
-        }
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _doPlay: function(){
-        if(!this.playing){
-            this._element.volume = this.muted ? 0 : this.volume;
-            this._element.play();
-            this.playing = true;
-        }
-    },
-
-    /**
-     * @language=en
-     * Start playing the audio. And play the audio from the beginning if the audio is already playing.
-     * Note: To prevent failing to play at the first time, play when the audio is loaded.
-     */
-    play: function(){
-        if(this.playing) this.stop();
-
-        if(!this._element){
-            this.autoPlay = true;
-            this.load();
-        }else if(this.loaded){
-            this._doPlay();
-        }
-
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Pause (halt) the currently playing audio.
-     */
-    pause: function(){
-        if(this.playing){
-            this._element.pause();
-            this.playing = false;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Continue to play the audio.
-     */
-    resume: function(){
-        if(!this.playing){
-            this._doPlay();
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Stop playing the audio.
-     */
-    stop: function(){
-        if(this.playing){
-            this._element.pause();
-            this._element.currentTime = 0;
-            this.playing = false;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set the volume. Note: iOS devices cannot set volume.
-     */
-    setVolume: function(volume){
-        if(this.volume != volume){
-            this.volume = volume;
-            this._element.volume = volume;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set mute mode. Note: iOS devices cannot set mute mode.
-     */
-    setMute: function(muted){
-        if(this.muted != muted){
-            this.muted = muted;
-            this._element.volume = muted ? 0 : this.volume;
-        }
-        return this;
-    },
-
-    Statics: /** @lends HTMLAudio */ {
-        /**
-         * @language=en
-         * Does the browser supports HTMLAudio.
-         */
-        isSupported: window.Audio !== null
-    }
-
-});
-window.Hilo.HTMLAudio = HTMLAudio;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.util,n=t.Hilo.EventMixin,s=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=s}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/media/WebAudio.js b/build/standalone/hilo/media/WebAudio.js
index da6bf403..35490a75 100644
--- a/build/standalone/hilo/media/WebAudio.js
+++ b/build/standalone/hilo/media/WebAudio.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 fa2fc99c..a9767ebe 100644
--- a/build/standalone/hilo/media/WebAudio.min.js
+++ b/build/standalone/hilo/media/WebAudio.min.js
@@ -1,330 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var util = window.Hilo.util;
-var EventMixin = window.Hilo.EventMixin;
-
-
-/**
- * @language=en
- * @class WebAudio audio playing module. It provides a better way to play and control audio, use on iOS6+ platform.
- * Compatibility：iOS6+、Chrome33+、Firefox28+ supported，but all Android browsers do not support.
- * @param {Object} properties create object properties, include all writable properties of this class.
- * @module hilo/media/WebAudio
- * @requires hilo/core/Class
- * @requires hilo/util/util
- * @requires hilo/event/EventMixin
- * @property {String} src The source of the playing audio.
- * @property {Boolean} loop Is loop playback, default value is false.
- * @property {Boolean} autoPlay Is the audio autoplay, default value is false.
- * @property {Boolean} loaded Is the audio resource loaded, readonly!
- * @property {Boolean} playing Is the audio playing, readonly!
- * @property {Number} duration The duration of the audio, readonly!
- * @property {Number} volume The volume of the audio, value between 0 to 1.
- * @property {Boolean} muted Is the audio muted, default value is false.
- */
-var WebAudio = (function(){
-
-var context = null;
-try {
-    var AudioContext = window.AudioContext || window.webkitAudioContext;
-    if (AudioContext) {
-        context = new AudioContext();
-    }
-} catch(e) {
-    context = null;
-}
-
-return Class.create(/** @lends WebAudio.prototype */{
-    Mixes: EventMixin,
-    constructor: function(properties){
-        util.copy(this, properties, true);
-
-        this._init();
-    },
-
-    src: null,
-    loop: false,
-    autoPlay: false,
-    loaded: false,
-    playing: false,
-    duration: 0,
-    volume: 1,
-    muted: false,
-
-    _context: null, //WebAudio上下文 the WebAudio Context
-    _gainNode: null, //音量控制器 the volume controller
-    _buffer: null, //音频缓冲文件 the audio file buffer
-    _audioNode: null, //音频播放器 the audio playing node
-    _startTime: 0, //开始播放时间戳 the start time to play the audio
-    _offset: 0, //播放偏移量 the offset of current playing audio
-
-    /**
-     * @language=en
-     * @private Initialize.
-     */
-    _init:function(){
-        this._context = context;
-        this._gainNode = context.createGain ? context.createGain() : context.createGainNode();
-        this._gainNode.connect(context.destination);
-
-        this._onAudioEvent = this._onAudioEvent.bind(this);
-        this._onDecodeComplete = this._onDecodeComplete.bind(this);
-        this._onDecodeError = this._onDecodeError.bind(this);
-    },
-    /**
-     * @language=en
-     * Load audio file. Note: use XMLHttpRequest to load the audio, should pay attention to cross-origin problem.
-     */
-    load: function(){
-        if(!this._buffer){
-            var buffer = WebAudio._bufferCache[this.src];
-            if(buffer){
-                this._onDecodeComplete(buffer);
-            }
-            else{
-                var request = new XMLHttpRequest();
-                request.src = this.src;
-                request.open('GET', this.src, true);
-                request.responseType = 'arraybuffer';
-                request.onload = this._onAudioEvent;
-                request.onprogress = this._onAudioEvent;
-                request.onerror = this._onAudioEvent;
-                request.send();
-            }
-            this._buffer = true;
-        }
-        return this;
-    },
-
-    /**
-     * @private
-     */
-    _onAudioEvent: function(e){
-        // console.log('onAudioEvent:', e.type);
-        var type = e.type;
-
-        switch(type){
-            case 'load':
-                var request = e.target;
-                request.onload = request.onprogress = request.onerror = null;
-                this._context.decodeAudioData(request.response, this._onDecodeComplete, this._onDecodeError);
-                request = null;
-                break;
-            case 'ended':
-                this.playing = false;
-                this.fire('end');
-                if(this.loop) this._doPlay();
-                break;
-            case 'progress':
-                this.fire(e);
-                break;
-            case 'error':
-                this.fire(e);
-                break;
-        }
-    },
-
-    /**
-     * @private
-     */
-    _onDecodeComplete: function(audioBuffer){
-        if(!WebAudio._bufferCache[this.src]){
-            WebAudio._bufferCache[this.src] = audioBuffer;
-        }
-
-        this._buffer = audioBuffer;
-        this.loaded = true;
-        this.duration = audioBuffer.duration;
-
-        this.fire('load');
-        if(this.autoPlay) this._doPlay();
-    },
-
-    /**
-     * @private
-     */
-    _onDecodeError: function(){
-        this.fire('error');
-    },
-
-    /**
-     * @private
-     */
-    _doPlay: function(){
-        this._clearAudioNode();
-
-        var audioNode = this._context.createBufferSource();
-
-        //some old browser are noteOn/noteOff -> start/stop
-        if(!audioNode.start){
-            audioNode.start = audioNode.noteOn;
-            audioNode.stop = audioNode.noteOff;
-        }
-
-        audioNode.buffer = this._buffer;
-        audioNode.onended = this._onAudioEvent;
-        this._gainNode.gain.value = this.muted ? 0 : this.volume;
-        audioNode.connect(this._gainNode);
-        audioNode.start(0, this._offset);
-
-        this._audioNode = audioNode;
-        this._startTime = this._context.currentTime;
-        this.playing = true;
-    },
-
-    /**
-     * @private
-     */
-    _clearAudioNode: function(){
-        var audioNode = this._audioNode;
-        if(audioNode){
-            audioNode.onended = null;
-            // audioNode.disconnect(this._gainNode);
-            audioNode.disconnect(0);
-            this._audioNode = null;
-        }
-    },
-
-    /**
-     * @language=en
-     * Play the audio. Restart playing the audio from the beginning if already playing.
-     */
-    play: function(){
-        if(this.playing) this.stop();
-
-        if(this.loaded){
-            this._doPlay();
-        }else if(!this._buffer){
-            this.autoPlay = true;
-            this.load();
-        }
-
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Pause (halt) playing the audio.
-     */
-    pause: function(){
-        if(this.playing){
-            this._audioNode.stop(0);
-            this._offset += this._context.currentTime - this._startTime;
-            this.playing = false;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Continue to play the audio.
-     */
-    resume: function(){
-        if(!this.playing){
-            this._doPlay();
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Stop playing the audio.
-     */
-    stop: function(){
-        if(this.playing){
-            this._audioNode.stop(0);
-            this._audioNode.disconnect();
-            this._offset = 0;
-            this.playing = false;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set the volume.
-     */
-    setVolume: function(volume){
-        if(this.volume != volume){
-            this.volume = volume;
-            this._gainNode.gain.value = volume;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set mute mode.
-     */
-    setMute: function(muted){
-        if(this.muted != muted){
-            this.muted = muted;
-            this._gainNode.gain.value = muted ? 0 : this.volume;
-        }
-        return this;
-    },
-
-    Statics: /** @lends WebAudio */ {
-        /**
-         * @language=en
-         * Does the browser support WebAudio.
-         */
-        isSupported: context !== null,
-
-        /**
-         * @language=en
-         * Does browser activate WebAudio already.
-         */
-        enabled: false,
-
-        /**
-         * @language=en
-         * Activate WebAudio. Note: Require user action events to activate. Once activated, can play audio without user action events.
-         */
-        enable: function(){
-            if(!this.enabled && context){
-                var source = context.createBufferSource();
-                source.buffer = context.createBuffer(1, 1, 22050);
-                source.connect(context.destination);
-                source.start ? source.start(0, 0, 0) : source.noteOn(0, 0, 0);
-                this.enabled = true;
-                return true;
-            }
-            return this.enabled;
-        },
-        /**
-         * The audio buffer caches.
-         * @private
-         * @type {Object}
-         */
-        _bufferCache:{},
-        /**
-         * @language=en
-         * Clear the audio buffer cache.
-         * @param  {String} url audio's url. if url is none, it will clear all buffer.
-         */
-        clearBufferCache:function(url){
-            if(url){
-                this._bufferCache[url] = null;
-            }
-            else{
-                this._bufferCache = {};
-            }
-        }
-    }
-});
-
-})();
-window.Hilo.WebAudio = WebAudio;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo.util,o=t.Hilo.EventMixin,n=function(){var s=null;try{var r=t.AudioContext||t.webkitAudioContext;r&&(s=new r)}catch(a){s=null}return e.create({Mixes:o,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=s,this._gainNode=s.createGain?s.createGain():s.createGainNode(),this._gainNode.connect(s.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!==s,enabled:!1,enable:function(){if(!this.enabled&&s){var t=s.createBufferSource();return t.buffer=s.createBuffer(1,1,22050),t.connect(s.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=n}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/media/WebSound.js b/build/standalone/hilo/media/WebSound.js
index 94c7d144..f9910583 100644
--- a/build/standalone/hilo/media/WebSound.js
+++ b/build/standalone/hilo/media/WebSound.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 47a3f854..5cc73b1e 100644
--- a/build/standalone/hilo/media/WebSound.min.js
+++ b/build/standalone/hilo/media/WebSound.min.js
@@ -1,109 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var HTMLAudio = window.Hilo.HTMLAudio;
-var WebAudio = window.Hilo.WebAudio;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/WebSound.html?noHeader' width = '320' height = '310' scrolling='no'></iframe>
- * <br/>
- * demo:
- * <pre>
- * var audio = WebSound.getAudio({
- *     src: 'test.mp3',
- *     loop: false,
- *     volume: 1
- * }).on('load', function(e){
- *     console.log('load');
- * }).on('end', function(e){
- *     console.log('end');
- * }).play();
- * </pre>
- * @class Audio playing manager.
- * @static
- * @module hilo/media/WebSound
- * @requires hilo/media/HTMLAudio
- * @requires hilo/media/WebAudio
- * @requires hilo/util/util
- */
-var WebSound = {
-    _audios: {},
-
-    /**
-     * @language=en
-     * Activate audio function. Note: Require user action events to activate. Currently support WebAudio.
-     */
-    enableAudio: function(){
-        if(WebAudio.isSupported){
-            WebAudio.enable();
-        }
-    },
-
-    /**
-     * @language=en
-     * Get audio element. Default use WebAudio if supported.
-     * @param {String|Object} source If String, it's the source of the audio; If Object, it should contains a src property.
-     * @param {Boolean} [preferWebAudio=true] Whether or not to use WebAudio first, default is true.
-     * @returns {WebAudio|HTMLAudio} Audio playing instance.
-     */
-    getAudio: function(source, preferWebAudio){
-        if(preferWebAudio === undefined){
-            preferWebAudio = true;
-        }
-
-        source = this._normalizeSource(source);
-        var audio = this._audios[source.src];
-        if(!audio){
-            if(preferWebAudio && WebAudio.isSupported){
-                audio = new WebAudio(source);
-            }else if(HTMLAudio.isSupported){
-                audio = new HTMLAudio(source);
-            }
-            this._audios[source.src] = audio;
-        }
-
-        return audio;
-    },
-
-    /**
-     * @language=en
-     * Remove audio element.
-     * @param {String|Object} source If String, it's the source of the audio; If Object, it should contains a src property.
-     */
-    removeAudio: function(source){
-        var src = typeof source === 'string' ? source : source.src;
-        var audio = this._audios[src];
-        if(audio){
-            audio.stop();
-            audio.off();
-            this._audios[src] = null;
-            delete this._audios[src];
-        }
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _normalizeSource: function(source){
-        var result = {};
-        if(typeof source === 'string') result = {src:source};
-        else util.copy(result, source);
-        return result;
-    }
-
-};
-window.Hilo.WebSound = WebSound;
-})(window);
\ No newline at end of file
+!function(i){i.Hilo||(i.Hilo={});var o=i.Hilo.HTMLAudio,u=i.Hilo.WebAudio,e=i.Hilo.util,t={_audios:{},enableAudio:function(){u.isSupported&&u.enable()},getAudio:function(i,e){void 0===e&&(e=!0),i=this._normalizeSource(i);var t=this._audios[i.src];return t||(e&&u.isSupported?t=new u(i):o.isSupported&&(t=new o(i)),this._audios[i.src]=t),t},removeAudio:function(i){var o="string"==typeof i?i:i.src,u=this._audios[o];u&&(u.stop(),u.off(),this._audios[o]=null,delete this._audios[o])},_normalizeSource:function(i){var o={};return"string"==typeof i?o={src:i}:e.copy(o,i),o}};i.Hilo.WebSound=t}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/renderer/CanvasRenderer.js b/build/standalone/hilo/renderer/CanvasRenderer.js
index ba317989..89caff87 100644
--- a/build/standalone/hilo/renderer/CanvasRenderer.js
+++ b/build/standalone/hilo/renderer/CanvasRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 a3f7bd3b..5ad644b7 100644
--- a/build/standalone/hilo/renderer/CanvasRenderer.min.js
+++ b/build/standalone/hilo/renderer/CanvasRenderer.min.js
@@ -1,216 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var Hilo = window.Hilo;var Renderer = window.Hilo.Renderer;
-
-
-/**
- * @language=en
- * @class CanvasRenderer CanvasRenderer, all the visual object is drawing on the canvas element.The stage will create different renderer depend on the canvas and renderType properties, developer need not use this class directly.
- * @augments Renderer
- * @param {Object} properties The properties to create a renderer, contains all writeable props of this class.
- * @module hilo/renderer/CanvasRenderer
- * @requires hilo/core/Class
- * @requires hilo/core/Hilo
- * @requires hilo/renderer/Renderer
- * @property {CanvasRenderingContext2D} context The context of the canvas element, readonly.
- */
-var CanvasRenderer = Class.create( /** @lends CanvasRenderer.prototype */ {
-    Extends: Renderer,
-    constructor: function(properties) {
-        CanvasRenderer.superclass.constructor.call(this, properties);
-
-        this.context = this.canvas.getContext("2d");
-    },
-    renderType: 'canvas',
-    context: null,
-
-    /**
-     * @private
-     * @see Renderer#startDraw
-     */
-    startDraw: function(target) {
-        if (target.visible && target.alpha > 0) {
-            if (target === this.stage) {
-                this.context.clearRect(0, 0, target.width, target.height);
-            }
-            if (target.blendMode !== this.blendMode) {
-                this.context.globalCompositeOperation = this.blendMode = target.blendMode;
-            }
-            this.context.save();
-            return true;
-        }
-        return false;
-    },
-
-    /**
-     * @private
-     * @see Renderer#draw
-     */
-    draw: function(target) {
-        var ctx = this.context,
-            w = target.width,
-            h = target.height;
-
-        //draw background
-        var bg = target.background;
-        if (bg) {
-            ctx.fillStyle = bg;
-            ctx.fillRect(0, 0, w, h);
-        }
-
-        //draw image
-        var drawable = target.drawable,
-            image = drawable && drawable.image;
-        if (image) {
-            var rect = drawable.rect,
-                sw = rect[2],
-                sh = rect[3],
-                offsetX = rect[4],
-                offsetY = rect[5];
-            //ie9+浏览器宽高为0时会报错 fixed ie9 bug.
-            if (!sw || !sh) {
-                return;
-            }
-            if (!w && !h) {
-                //fix width/height TODO: how to get rid of this?
-                w = target.width = sw;
-                h = target.height = sh;
-            }
-            //the pivot is the center of frame if has offset, otherwise is (0, 0)
-            if (offsetX || offsetY) ctx.translate(offsetX - sw * 0.5, offsetY - sh * 0.5);
-            ctx.drawImage(image, rect[0], rect[1], sw, sh, 0, 0, w, h);
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#endDraw
-     */
-    endDraw: function(target) {
-        this.context.restore();
-    },
-
-    /**
-     * @private
-     * @see Renderer#transform
-     */
-    transform: function(target) {
-        var drawable = target.drawable;
-        if (drawable && drawable.domElement) {
-            Hilo.setElementStyleByView(target);
-            return;
-        }
-
-        var ctx = this.context,
-            scaleX = target.scaleX,
-            scaleY = target.scaleY;
-
-        if (target === this.stage) {
-            var style = this.canvas.style,
-                oldScaleX = target._scaleX,
-                oldScaleY = target._scaleY,
-                isStyleChange = false;
-
-            if ((!oldScaleX && scaleX != 1) || (oldScaleX && oldScaleX != scaleX)) {
-                target._scaleX = scaleX;
-                style.width = scaleX * target.width + "px";
-                isStyleChange = true;
-            }
-            if ((!oldScaleY && scaleY != 1) || (oldScaleY && oldScaleY != scaleY)) {
-                target._scaleY = scaleY;
-                style.height = scaleY * target.height + "px";
-                isStyleChange = true;
-            }
-            if (isStyleChange) {
-                target.updateViewport();
-            }
-        } else {
-            var x = target.x,
-                y = target.y,
-                pivotX = target.pivotX,
-                pivotY = target.pivotY,
-                rotation = target.rotation % 360,
-                transform = target.transform,
-                mask = target.mask;
-
-            if (mask) {
-                mask._render(this);
-                ctx.clip();
-            }
-
-            //alignment
-            var align = target.align;
-            if (align) {
-                var pos = target.getAlignPosition();
-                x = pos.x;
-                y = pos.y;
-            }
-            
-            if (transform) {
-                ctx.transform(transform.a, transform.b, transform.c, transform.d, transform.tx, transform.ty);
-            } else {
-                if (x != 0 || y != 0) ctx.translate(x, y);
-                if (rotation != 0) ctx.rotate(rotation * Math.PI / 180);
-                if (scaleX != 1 || scaleY != 1) ctx.scale(scaleX, scaleY);
-                if (pivotX != 0 || pivotY != 0) ctx.translate(-pivotX, -pivotY);
-            }
-
-        }
-
-        if (target.alpha > 0) ctx.globalAlpha *= target.alpha;
-    },
-
-    /**
-     * @private
-     * @see Renderer#remove
-     */
-    remove: function(target) {
-        var drawable = target.drawable;
-        var elem = drawable && drawable.domElement;
-
-        if (elem) {
-            var parentElem = elem.parentNode;
-            if (parentElem) {
-                parentElem.removeChild(elem);
-            }
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#clear
-     */
-    clear: function(x, y, width, height) {
-        this.context.clearRect(x, y, width, height);
-    },
-
-    /**
-     * @private
-     * @see Renderer#resize
-     */
-    resize: function(width, height) {
-        var canvas = this.canvas;
-        var stage = this.stage;
-        var style = canvas.style;
-
-        canvas.width = width;
-        canvas.height = height;
-
-        style.width = stage.width * stage.scaleX + 'px';
-        style.height = stage.height * stage.scaleY + 'px';
-    }
-
-});
-window.Hilo.CanvasRenderer = CanvasRenderer;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,a=t.Hilo,i=t.Hilo.Renderer,n=e.create({Extends:i,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,a=t.width,i=t.height,n=t.background;n&&(e.fillStyle=n,e.fillRect(0,0,a,i));var r=t.drawable,s=r&&r.image;if(s){var l=r.rect,o=l[2],c=l[3],h=l[4],d=l[5];if(!o||!c)return;a||i||(a=t.width=o,i=t.height=c),(h||d)&&e.translate(h-.5*o,d-.5*c),e.drawImage(s,l[0],l[1],o,c,0,0,a,i)}},endDraw:function(t){this.context.restore()},transform:function(t){var e=t.drawable;if(e&&e.domElement)return void a.setElementStyleByView(t);var i=this.context,n=t.scaleX,r=t.scaleY;if(t===this.stage){var s=this.canvas.style,l=t._scaleX,o=t._scaleY,c=!1;(!l&&1!=n||l&&l!=n)&&(t._scaleX=n,s.width=n*t.width+"px",c=!0),(!o&&1!=r||o&&o!=r)&&(t._scaleY=r,s.height=r*t.height+"px",c=!0),c&&t.updateViewport()}else{var h=t.x,d=t.y,v=t.pivotX,f=t.pivotY,g=t.rotation%360,w=t.transform,p=t.mask;p&&(p._render(this),i.clip());var u=t.align;if(u){var x=t.getAlignPosition();h=x.x,d=x.y}w?i.transform(w.a,w.b,w.c,w.d,w.tx,w.ty):(0==h&&0==d||i.translate(h,d),0!=g&&i.rotate(g*Math.PI/180),1==n&&1==r||i.scale(n,r),0==v&&0==f||i.translate(-v,-f))}t.alpha>0&&(i.globalAlpha*=t.alpha)},remove:function(t){var e=t.drawable,a=e&&e.domElement;if(a){var i=a.parentNode;i&&i.removeChild(a)}},clear:function(t,e,a,i){this.context.clearRect(t,e,a,i)},resize:function(t,e){var a=this.canvas,i=this.stage,n=a.style;a.width=t,a.height=e,n.width=i.width*i.scaleX+"px",n.height=i.height*i.scaleY+"px"}});t.Hilo.CanvasRenderer=n}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/renderer/DOMRenderer.js b/build/standalone/hilo/renderer/DOMRenderer.js
index ec74a7ae..58601a83 100644
--- a/build/standalone/hilo/renderer/DOMRenderer.js
+++ b/build/standalone/hilo/renderer/DOMRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 ba035570..e75058da 100644
--- a/build/standalone/hilo/renderer/DOMRenderer.min.js
+++ b/build/standalone/hilo/renderer/DOMRenderer.min.js
@@ -1,188 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var Hilo = window.Hilo;var Renderer = window.Hilo.Renderer;
-var Drawable = window.Hilo.Drawable;
-
-
-/**
- * @language=en
- * @class DomRenderer The DomRenderer, all the visual object is drawing using dom element.The stage will create different renderer depend on the canvas and renderType properties, developer need not use this class directly.
- * @augments Renderer
- * @param {Object} properties The properties to create a renderer, contains all writeable props of this class.
- * @module hilo/renderer/DOMRenderer
- * @requires hilo/core/Class
- * @requires hilo/core/Hilo
- * @requires hilo/renderer/Renderer
- * @requires hilo/view/Drawable
- */
-var DOMRenderer = (function(){
-
-return Class.create({
-    Extends: Renderer,
-    constructor: function(properties){
-        DOMRenderer.superclass.constructor.call(this, properties);
-    },
-    renderType:'dom',
-    /**
-     * @private
-     * @see Renderer#startDraw
-     */
-    startDraw: function(target){
-        //prepare drawable
-        var drawable = (target.drawable = target.drawable || new Drawable());
-        drawable.domElement = drawable.domElement || createDOMDrawable(target, drawable);
-        return true;
-    },
-
-    /**
-     * @private
-     * @see Renderer#draw
-     */
-    draw: function(target){
-        var parent = target.parent,
-            targetElem = target.drawable.domElement,
-            currentParent = targetElem.parentNode;
-
-        if(parent){
-            var parentElem = parent.drawable.domElement;
-            if(parentElem != currentParent){
-                parentElem.appendChild(targetElem);
-            }
-            //fix image load bug
-            if(!target.width && !target.height){
-                var rect = target.drawable.rect;
-                if(rect && (rect[2] || rect[3])){
-                    target.width = rect[2];
-                    target.height = rect[3];
-                }
-            }
-        }
-        else if(target === this.stage && !currentParent){
-            targetElem.style.overflow = 'hidden';
-            this.canvas.appendChild(targetElem);
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#transform
-     */
-    transform: function(target){
-        Hilo.setElementStyleByView(target);
-        if(target === this.stage){
-            var style = this.canvas.style,
-                oldScaleX = target._scaleX,
-                oldScaleY = target._scaleY,
-                scaleX = target.scaleX,
-                scaleY = target.scaleY;
-
-            if((!oldScaleX && scaleX != 1) || (oldScaleX && oldScaleX != scaleX)){
-                target._scaleX = scaleX;
-                style.width = scaleX * target.width + "px";
-            }
-            if((!oldScaleY && scaleY != 1) || (oldScaleY && oldScaleY != scaleY)){
-                target._scaleY = scaleY;
-                style.height = scaleY * target.height + "px";
-            }
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#remove
-     */
-    remove: function(target){
-        var drawable = target.drawable;
-        var elem = drawable && drawable.domElement;
-
-        if(elem){
-            var parentElem = elem.parentNode;
-            if(parentElem){
-                parentElem.removeChild(elem);
-            }
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#hide
-     */
-    hide: function(target){
-        var elem = target.drawable && target.drawable.domElement;
-        if(elem) elem.style.display = 'none';
-    },
-
-    /**
-     * @private
-     * @see Renderer#resize
-     */
-    resize: function(width, height){
-        var style = this.canvas.style;
-        style.width = width + 'px';
-        style.height = height + 'px';
-        if(style.position != "absolute") {
-          style.position = "relative";
-        }
-    }
-});
-
-/**
- * @language=en
- * Create a dom element, you can set the tagName property，such as canvas and div.
- * @param {Object} view A visual object.
- * @param {Object} imageObj The image object to render, include the image propertiy and other associated properties, such as rect.
- * @return {HTMLElement} The created dom element.
- * @private
- */
-function createDOMDrawable(view, imageObj){
-    var tag = view.tagName || "div",
-        img = imageObj.image,
-        w = view.width || (img && img.width),
-        h =  view.height || (img && img.height),
-        elem = Hilo.createElement(tag), style = elem.style;
-
-    if(view.id) elem.id = view.id;
-    style.position = "absolute";
-    style.left = (view.left || 0) + "px";
-    style.top = (view.top || 0) + "px";
-    style.width = w + "px";
-    style.height = h + "px";
-
-    if(tag == "canvas"){
-        elem.width = w;
-        elem.height = h;
-        if(img){
-            var ctx = elem.getContext("2d");
-            var rect = imageObj.rect || [0, 0, w, h];
-            ctx.drawImage(img, rect[0], rect[1], rect[2], rect[3],
-                         (view.x || 0), (view.y || 0),
-                         (view.width || rect[2]),
-                         (view.height || rect[3]));
-        }
-    }else{
-        style.opacity = view.alpha != undefined ? view.alpha : 1;
-        if(view === this.stage || view.clipChildren) style.overflow = "hidden";
-        if(img && img.src){
-            style.backgroundImage = "url(" + img.src + ")";
-            var bgX = view.rectX || 0, bgY = view.rectY || 0;
-            style.backgroundPosition = (-bgX) + "px " + (-bgY) + "px";
-        }
-    }
-    return elem;
-}
-
-})();
-
-window.Hilo.DOMRenderer = DOMRenderer;
-})(window);
\ No newline at end of file
+!function(e){e.Hilo||(e.Hilo={});var t=e.Hilo.Class,a=e.Hilo,i=e.Hilo.Renderer,r=e.Hilo.Drawable,n=function(){function e(e,t){var i=e.tagName||"div",r=t.image,n=e.width||r&&r.width,l=e.height||r&&r.height,o=a.createElement(i),d=o.style;if(e.id&&(o.id=e.id),d.position="absolute",d.left=(e.left||0)+"px",d.top=(e.top||0)+"px",d.width=n+"px",d.height=l+"px","canvas"==i){if(o.width=n,o.height=l,r){var s=o.getContext("2d"),h=t.rect||[0,0,n,l];s.drawImage(r,h[0],h[1],h[2],h[3],e.x||0,e.y||0,e.width||h[2],e.height||h[3])}}else if(d.opacity=void 0!=e.alpha?e.alpha:1,(e===this.stage||e.clipChildren)&&(d.overflow="hidden"),r&&r.src){d.backgroundImage="url("+r.src+")";var c=e.rectX||0,p=e.rectY||0;d.backgroundPosition=-c+"px "+-p+"px"}return o}return t.create({Extends:i,constructor:function(e){n.superclass.constructor.call(this,e)},renderType:"dom",startDraw:function(t){var a=t.drawable=t.drawable||new r;return a.domElement=a.domElement||e(t,a),!0},draw:function(e){var t=e.parent,a=e.drawable.domElement,i=a.parentNode;if(t){var r=t.drawable.domElement;if(r!=i&&r.appendChild(a),!e.width&&!e.height){var n=e.drawable.rect;n&&(n[2]||n[3])&&(e.width=n[2],e.height=n[3])}}else e!==this.stage||i||(a.style.overflow="hidden",this.canvas.appendChild(a))},transform:function(e){if(a.setElementStyleByView(e),e===this.stage){var t=this.canvas.style,i=e._scaleX,r=e._scaleY,n=e.scaleX,l=e.scaleY;(!i&&1!=n||i&&i!=n)&&(e._scaleX=n,t.width=n*e.width+"px"),(!r&&1!=l||r&&r!=l)&&(e._scaleY=l,t.height=l*e.height+"px")}},remove:function(e){var t=e.drawable,a=t&&t.domElement;if(a){var i=a.parentNode;i&&i.removeChild(a)}},hide:function(e){var t=e.drawable&&e.drawable.domElement;t&&(t.style.display="none")},resize:function(e,t){var a=this.canvas.style;a.width=e+"px",a.height=t+"px","absolute"!=a.position&&(a.position="relative")}})}();e.Hilo.DOMRenderer=n}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/renderer/Renderer.js b/build/standalone/hilo/renderer/Renderer.js
index 661c3298..6c05350f 100644
--- a/build/standalone/hilo/renderer/Renderer.js
+++ b/build/standalone/hilo/renderer/Renderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 6063e1f9..a2ef15bf 100644
--- a/build/standalone/hilo/renderer/Renderer.min.js
+++ b/build/standalone/hilo/renderer/Renderer.min.js
@@ -1,99 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * @class Renderer Renderer is the base class of renderer.
- * @param {Object} properties The properties to create a renderer, contains all writeable props of this class.
- * @module hilo/renderer/Renderer
- * @requires hilo/core/Class
- * @requires hilo/util/util
- * @property {Object} canvas The canvas of renderer. It can be a dom element, such as a div element, or a canvas element. readonly.
- * @property {Object} stage The stage of renderer, readonly.
- * @property {String} renderType The render type of renderer, readonly.
- */
-var Renderer = Class.create(/** @lends Renderer.prototype */{
-    constructor: function(properties){
-        properties = properties || {};
-        util.copy(this, properties, true);
-    },
-
-    renderType:null,
-    canvas: null,
-    stage: null,
-    blendMode:'source-over',
-
-    /**
-     * @language=en
-     * Prepare for draw visual object. The subclass need to implement it.
-     * @param {View} target The visual target to draw.
-     */
-    startDraw: function(target){ },
-
-    /**
-     * @language=en
-     * Draw the visual object. The subclass need to implement it.
-     * @param {View} target The visual target to draw.
-     */
-    draw: function(target){ },
-
-    /**
-     * @language=en
-     * The handling method after draw the visual object. The subclass need to implement it.
-     * @param {View} target The visual target to draw.
-     */
-    endDraw: function(target){ },
-
-    /**
-     * @language=en
-     * Transfrom the visual object. The subclass need to implement it.
-     */
-    transform: function(){ },
-
-    /**
-     * @language=en
-     * Hide the visual object. The subclass need to implement it.
-     */
-    hide: function(){ },
-
-    /**
-     * @language=en
-     * Remove the visual object from canvas. Notice that it dosen't remove the object from stage. The subclass need to implement it.
-     * @param {View} target The visual target to remove.
-     */
-    remove: function(target){ },
-
-    /**
-     * @language=en
-     * Clear the given region of canvas. The subclass need to implement it.
-     * @param {Number} x The position on the x axis of the given region.
-     * @param {Number} y The position on the y axis of the given region.
-     * @param {Number} width The width of the given region.
-     * @param {Number} height The height of the given region.
-     */
-    clear: function(x, y, width, height){ },
-
-    /**
-     * @language=en
-     * Resize the renderer's canvas.
-     * @param {Number} width The width of renderer's canvas.
-     * @param {Number} height The height of the renderer's canvas.
-     */
-    resize: function(width, height){ }
-
-});
-window.Hilo.Renderer = Renderer;
-})(window);
\ No newline at end of file
+!function(n){n.Hilo||(n.Hilo={});var o=n.Hilo.Class,e=n.Hilo.util,i=o.create({constructor:function(n){n=n||{},e.copy(this,n,!0)},renderType:null,canvas:null,stage:null,blendMode:"source-over",startDraw:function(n){},draw:function(n){},endDraw:function(n){},transform:function(){},hide:function(){},remove:function(n){},clear:function(n,o,e,i){},resize:function(n,o){}});n.Hilo.Renderer=i}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/renderer/WebGLRenderer.js b/build/standalone/hilo/renderer/WebGLRenderer.js
index 851676b6..71738aa7 100644
--- a/build/standalone/hilo/renderer/WebGLRenderer.js
+++ b/build/standalone/hilo/renderer/WebGLRenderer.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/renderer/WebGLRenderer.min.js b/build/standalone/hilo/renderer/WebGLRenderer.min.js
index e7588e58..f815a403 100644
--- a/build/standalone/hilo/renderer/WebGLRenderer.min.js
+++ b/build/standalone/hilo/renderer/WebGLRenderer.min.js
@@ -1,590 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var Hilo = window.Hilo;var Renderer = window.Hilo.Renderer;
-var Matrix = window.Hilo.Matrix;
-
-
-/**
- * Heavily inspired by PIXI's SpriteRenderer:
- * https://github.com/pixijs/pixi.js/blob/v3.0.9/src/core/sprites/webgl/SpriteRenderer.js
- */
-
-var DEG2RAD = Math.PI / 180;
-/**
- * @language=en
- * @class WebGLRenderer The WebGLRenderer, all the visual object is drawing on the canvas using WebGL.The stage will create different renderer depend on the canvas and renderType properties, developer need not use this class directly.
- * @augments Renderer
- * @param {Object} properties The properties to create a renderer, contains all writeable props of this class.
- * @module hilo/renderer/WebGLRenderer
- * @requires hilo/core/Class
- * @requires hilo/core/Hilo
- * @requires hilo/renderer/Renderer
- * @requires  hilo/geom/Matrix
- * @property {WebGLRenderingContext} gl The WebGL context of the renderer, readonly.
- */
-var WebGLRenderer = Class.create(/** @lends WebGLRenderer.prototype */{
-    Extends: Renderer,
-    Statics:/** @lends WebGLRenderer */{
-        /**
-         * @language=en
-         * The max num of batch draw, default is 2000.
-         * @type {Number}
-         */
-        MAX_BATCH_NUM:2000,
-        /**
-         * @language=en
-         * The num of vertex attributes, readonly.
-         * @type {Number}
-         */
-        ATTRIBUTE_NUM:5,
-        /**
-         * @language=en
-         * is WebGL supported, readonly.
-         * @type {Boolean}
-         */
-        isSupport:function(){
-            if(this._isSupported == undefined){
-                var canvas = document.createElement('canvas');
-                if(canvas.getContext && (canvas.getContext('webgl')||canvas.getContext('experimental-webgl'))){
-                    this._isSupported = true;
-                }
-                else{
-                    this._isSupported = false;
-                }
-            }
-            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,
-    _isContextLost:false,
-    _cacheTexture:{},
-    constructor: function(properties){
-        WebGLRenderer.superclass.constructor.call(this, properties);
-        var that = this;
-        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;
-        var vertexNum = this.maxBatchNum * WebGLRenderer.ATTRIBUTE_NUM * 4;
-        var indexNum = this.maxBatchNum * 6;
-        this.arrayBuffer = new ArrayBuffer(vertexNum * 4);
-        this.float32Array = new Float32Array(this.arrayBuffer);
-        this.uint32Array = new Uint32Array(this.arrayBuffer);
-        this.indexs = new Uint16Array(indexNum);
-        for (var i=0, j=0; i < indexNum; i += 6, j += 4)
-        {
-            this.indexs[i + 0] = j + 0;
-            this.indexs[i + 1] = j + 1;
-            this.indexs[i + 2] = j + 2;
-            this.indexs[i + 3] = j + 1;
-            this.indexs[i + 4] = j + 2;
-            this.indexs[i + 5] = j + 3;
-        }
-        this.batchIndex = 0;
-        this.sprites = [];
-
-        this.canvas.addEventListener('webglcontextlost', function(e){
-            that._isContextLost = true;
-            e.preventDefault();
-        }, false);
-
-        this.canvas.addEventListener('webglcontextrestored', function(e){
-            that._isContextLost = false;
-            that.setupWebGLStateAndResource();
-        }, false);
-
-        this.setupWebGLStateAndResource();
-    },
-    setupWebGLStateAndResource:function(){
-        var gl = this.gl;
-        gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
-        gl.clearColor(0, 0, 0, 0);
-        gl.disable(gl.DEPTH_TEST);
-        gl.disable(gl.CULL_FACE);
-        gl.enable(gl.BLEND);
-
-        this._cacheTexture = {};
-        this._initShaders();
-        this.defaultShader.active();
-
-        this.positionBuffer = gl.createBuffer();
-        this.indexBuffer = gl.createBuffer();
-
-        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this.indexBuffer);
-        gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, this.indexs, gl.STATIC_DRAW);
-
-        gl.bindBuffer(gl.ARRAY_BUFFER, this.positionBuffer);
-        gl.bufferData(gl.ARRAY_BUFFER, this.arrayBuffer, gl.DYNAMIC_DRAW);
-
-        gl.vertexAttribPointer(this.a_position, 2, gl.FLOAT, false, this.positionStride, 0);//x, y
-        gl.vertexAttribPointer(this.a_TexCoord, 2, gl.FLOAT, false, this.positionStride, 2 * 4);//x, y
-        gl.vertexAttribPointer(this.a_tint, 4, gl.UNSIGNED_BYTE, true, this.positionStride, 4 * 4);//alpha
-    },
-
-    context: null,
-
-    /**
-     * @private
-     * @see Renderer#startDraw
-     */
-    startDraw: function(target){
-        if(target.visible && target.alpha > 0){
-            if(target === this.stage){
-                this.clear();
-            }
-            return true;
-        }
-        return false;
-    },
-    /**
-     * @private
-     * @see Renderer#draw
-     */
-    draw: function(target){
-        var w = target.width,
-            h = target.height;
-
-        //TODO:draw background
-        var bg = target.background; // jshint ignore:line
-
-        //draw image
-        var drawable = target.drawable, image = drawable && drawable.image;
-        if(image){
-            var rect = drawable.rect, sw = rect[2], sh = rect[3];
-            if(!w && !h){
-                //fix width/height TODO: how to get rid of this?
-                w = target.width = sw;
-                h = target.height = sh;
-            }
-
-            if(this.batchIndex >= this.maxBatchNum){
-                this._renderBatches();
-            }
-
-            var vertexs = this._createVertexs(image, rect[0], rect[1], sw, sh, 0, 0, w, h);
-            var index = this.batchIndex * this.positionStride;
-            var float32Array = this.float32Array;
-            var uint32Array = this.uint32Array;
-
-            var tint = (target.tint >> 16) + (target.tint & 0xff00) + ((target.tint & 0xff) << 16) + (target.__webglRenderAlpha * 255 << 24);
-
-            float32Array[index + 0] = vertexs[0];//x
-            float32Array[index + 1] = vertexs[1];//y
-            float32Array[index + 2] = vertexs[2];//uvx
-            float32Array[index + 3] = vertexs[3];//uvy
-            uint32Array[index + 4] = tint;//tint
-
-            float32Array[index + 5] = vertexs[4];
-            float32Array[index + 6] = vertexs[5];
-            float32Array[index + 7] = vertexs[6];
-            float32Array[index + 8] = vertexs[7];
-            uint32Array[index + 9] = tint;
-
-            float32Array[index + 10] = vertexs[8];
-            float32Array[index + 11] = vertexs[9];
-            float32Array[index + 12] = vertexs[10];
-            float32Array[index + 13] = vertexs[11];
-            uint32Array[index + 14] = tint;
-
-            float32Array[index + 15] = vertexs[12];
-            float32Array[index + 16] = vertexs[13];
-            float32Array[index + 17] = vertexs[14];
-            float32Array[index + 18] = vertexs[15];
-            uint32Array[index + 19] = tint;
-
-            var matrix = target.__webglWorldMatrix;
-            for(var i = 0;i < 4;i ++){
-                var x = float32Array[index + i*5];
-                var y = float32Array[index + i*5 + 1];
-
-                float32Array[index + i*5] = matrix.a*x + matrix.c*y + matrix.tx;
-                float32Array[index + i*5 + 1] = matrix.b*x + matrix.d*y + matrix.ty;
-            }
-
-            target.__textureImage = image;
-            this.sprites[this.batchIndex++] = target;
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#endDraw
-     */
-    endDraw: function(target){
-        if(target === this.stage){
-            this._renderBatches();
-        }
-    },
-    /**
-     * @private
-     * @see Renderer#transform
-     */
-    transform: function(target){
-        var drawable = target.drawable;
-        if(drawable && drawable.domElement){
-            Hilo.setElementStyleByView(target);
-            return;
-        }
-
-        var scaleX = target.scaleX,
-            scaleY = target.scaleY;
-
-        if(target === this.stage){
-            var style = this.canvas.style,
-                oldScaleX = target._scaleX,
-                oldScaleY = target._scaleY,
-                isStyleChange = false;
-
-            if((!oldScaleX && scaleX != 1) || (oldScaleX && oldScaleX != scaleX)){
-                target._scaleX = scaleX;
-                style.width = scaleX * target.width + "px";
-                isStyleChange = true;
-            }
-            if((!oldScaleY && scaleY != 1) || (oldScaleY && oldScaleY != scaleY)){
-                target._scaleY = scaleY;
-                style.height = scaleY * target.height + "px";
-                isStyleChange = true;
-            }
-            if(isStyleChange){
-                target.updateViewport();
-            }
-            target.__webglWorldMatrix = target.__webglWorldMatrix||new Matrix(1, 0, 0, 1, 0, 0);
-        }
-        else if(target.parent){
-            target.__webglWorldMatrix = target.__webglWorldMatrix||new Matrix(1, 0, 0, 1, 0, 0);
-            this._setConcatenatedMatrix(target, target.parent);
-        }
-
-        if(target.alpha > 0) {
-            if(target.parent && target.parent.__webglRenderAlpha){
-                target.__webglRenderAlpha = target.alpha * target.parent.__webglRenderAlpha;
-            }
-            else{
-                target.__webglRenderAlpha = target.alpha;
-            }
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#remove
-     */
-    remove: function(target){
-        var drawable = target.drawable;
-        var elem = drawable && drawable.domElement;
-
-        if(elem){
-            var parentElem = elem.parentNode;
-            if(parentElem){
-                parentElem.removeChild(elem);
-            }
-        }
-    },
-
-    /**
-     * @private
-     * @see Renderer#clear
-     */
-    clear: function(x, y, width, height){
-        this.gl.clear(this.gl.COLOR_BUFFER_BIT);
-    },
-
-    /**
-     * @private
-     * @see Renderer#resize
-     */
-    resize: function(width, height){
-        if(this.width !== width || this.height !== height){
-            var canvas = this.canvas;
-            var stage = this.stage;
-            var style = canvas.style;
-
-            this.width = canvas.width = width;
-            this.height = canvas.height = height;
-
-            style.width = stage.width * stage.scaleX + 'px';
-            style.height = stage.height * stage.scaleY + 'px';
-
-            this.gl.viewport(0, 0, width, height);
-
-            this.canvasHalfWidth = width * .5;
-            this.canvasHalfHeight = height * .5;
-
-            this._uploadProjectionTransform(true);
-        }
-    },
-    _renderBatches:function(){
-        var gl = this.gl;
-        gl.bufferSubData(gl.ARRAY_BUFFER, 0, this.uint32Array.subarray(0, this.batchIndex * this.positionStride));
-        var startIndex = 0;
-        var batchNum = 0;
-        var preTextureImage = null;
-        for(var i = 0;i < this.batchIndex;i ++){
-            var sprite = this.sprites[i];
-            if(preTextureImage && preTextureImage !== sprite.__textureImage){
-                this._renderBatch(startIndex, i);
-                startIndex = i;
-                batchNum = 1;
-            }
-            preTextureImage = sprite.__textureImage;
-        }
-        this._renderBatch(startIndex, this.batchIndex);
-        this.batchIndex = 0;
-    },
-    _renderBatch:function(start, end){
-        var gl = this.gl;
-        var num = end - start;
-        if(num > 0){
-            gl.bindTexture(gl.TEXTURE_2D, this._getTexture(this.sprites[start]));
-            gl.drawElements(gl.TRIANGLES, num * 6, gl.UNSIGNED_SHORT, start * 6 * 2);
-        }
-    },
-    _uploadProjectionTransform:function(force){
-        if(!this._projectionTransformElements||force){
-            this._projectionTransformElements = new Float32Array([
-                1/this.canvasHalfWidth, 0, 0,
-                0, -1/this.canvasHalfHeight, 0,
-                -1, 1, 1,
-            ]);
-        }
-
-        this.gl.uniformMatrix3fv(this.u_projectionTransform, false, this._projectionTransformElements);
-    },
-    _initShaders:function(){
-        var VSHADER_SOURCE ='\
-            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\
-        ';
-
-        var FSHADER_SOURCE = '\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:VSHADER_SOURCE,
-            f:FSHADER_SOURCE
-        },{
-            attributes:["a_position", "a_TexCoord", "a_tint"],
-            uniforms:["u_projectionTransform", "u_Sampler"]
-        });
-    },
-    _createVertexs:function(img, tx, ty, tw, th, x, y, w, h){
-        var tempVertexs = this.__tempVertexs||[];
-        var width = img.width;
-        var height = img.height;
-
-        tw = tw/width;
-        th = th/height;
-        tx = tx/width;
-        ty = ty/height;
-
-        w = w;
-        h = h;
-        x = x;
-        y = y;
-
-        if(tw + tx > 1){
-            tw = 1 - tx;
-        }
-
-        if(th + ty > 1){
-            th = 1 - ty;
-        }
-
-        var index = 0;
-        tempVertexs[index++] = x; tempVertexs[index++] = y; tempVertexs[index++] = tx; tempVertexs[index++] = ty;
-        tempVertexs[index++] = x+w;tempVertexs[index++] = y; tempVertexs[index++] = tx+tw; tempVertexs[index++] = ty;
-        tempVertexs[index++] = x; tempVertexs[index++] = y+h; tempVertexs[index++] = tx;tempVertexs[index++] = ty+th;
-        tempVertexs[index++] = x+w;tempVertexs[index++] = y+h;tempVertexs[index++] = tx+tw;tempVertexs[index++] = ty+th;
-
-        return tempVertexs;
-    },
-    _setConcatenatedMatrix:function(view, ancestor){
-        var mtx = view.__webglWorldMatrix;
-        var cos = 1, sin = 0,
-            rotation = view.rotation % 360,
-            pivotX = view.pivotX, pivotY = view.pivotY,
-            scaleX = view.scaleX, scaleY = view.scaleY,
-            transform = view.transform;
-
-        if (transform) {
-            mtx.copy(transform);
-        }
-        else {
-            if(rotation){
-                var r = rotation * DEG2RAD;
-                cos = Math.cos(r);
-                sin = Math.sin(r);
-            }
-
-            var pos = view.getAlignPosition();
-
-            mtx.a = cos*scaleX;
-            mtx.b = sin*scaleX;
-            mtx.c = -sin*scaleY;
-            mtx.d = cos*scaleY;
-            mtx.tx =  pos.x - mtx.a * pivotX - mtx.c * pivotY;
-            mtx.ty =  pos.y - mtx.b * pivotX - mtx.d * pivotY;
-        }
-
-        mtx.concat(ancestor.__webglWorldMatrix);
-    },
-    _getTexture:function(sprite){
-        var image = sprite.__textureImage;
-        var texture = this._cacheTexture[image.src];
-        if(!texture){
-            texture = this.activeShader.uploadTexture(image);
-        }
-        return texture;
-    }
-});
-
-/**
- * @language=en
- * shader
- * @param {WebGLRenderer} renderer [description]
- * @param {Object} source
- * @param {String} source.v 顶点shader
- * @param {String} source.f 片段shader
- * @param {Object} attr
- * @param {Array} attr.attributes attribute数组
- * @param {Array} attr.uniforms uniform数组
- */
-var Shader = function(renderer, source, attr){
-    this.renderer = renderer;
-    this.gl = renderer.gl;
-    this.program = this._createProgram(this.gl, source.v, source.f);
-
-    attr = attr||{};
-    this.attributes = attr.attributes||[];
-    this.uniforms = attr.uniforms||[];
-};
-
-Shader.prototype = {
-    active:function(){
-        var that = this;
-        var renderer = that.renderer;
-        var gl = that.gl;
-        var program = that.program;
-
-        if(program && gl){
-            renderer.activeShader = that;
-            gl.useProgram(program);
-            that.attributes.forEach(function(attribute){
-                renderer[attribute] = gl.getAttribLocation(program, attribute);
-                gl.enableVertexAttribArray(renderer[attribute]);
-            });
-
-            that.uniforms.forEach(function(uniform){
-                renderer[uniform] = gl.getUniformLocation(program, uniform);
-            });
-
-            if(that.width !== renderer.width || that.height !== renderer.height){
-                that.width = renderer.width;
-                that.height = renderer.height;
-                renderer._uploadProjectionTransform();
-            }
-        }
-    },
-    uploadTexture:function(image){
-        var gl = this.gl;
-        var renderer = this.renderer;
-        var texture = gl.createTexture();
-        var u_Sampler = renderer.u_Sampler;
-
-        gl.activeTexture(gl.TEXTURE0);
-        gl.bindTexture(gl.TEXTURE_2D, texture);
-
-        // gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 1);
-        gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 1);
-        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
-
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
-        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
-        gl.uniform1i(u_Sampler, 0);
-        gl.bindTexture(gl.TEXTURE_2D, null);
-
-        this.renderer._cacheTexture[image.src] = texture;
-        return texture;
-    },
-    _createProgram:function(gl, vshader, fshader){
-        var vertexShader = this._createShader(gl, gl.VERTEX_SHADER, vshader);
-        var fragmentShader = this._createShader(gl, gl.FRAGMENT_SHADER, fshader);
-        if (!vertexShader || !fragmentShader) {
-            return null;
-        }
-
-        var program = gl.createProgram();
-        if (program) {
-            gl.attachShader(program, vertexShader);
-            gl.attachShader(program, fragmentShader);
-
-            gl.linkProgram(program);
-
-            gl.deleteShader(fragmentShader);
-            gl.deleteShader(vertexShader);
-            var linked = gl.getProgramParameter(program, gl.LINK_STATUS);
-            if (!linked) {
-                var error = gl.getProgramInfoLog(program);
-                console.log('Failed to link program: ' + error);
-                gl.deleteProgram(program);
-                return null;
-            }
-        }
-        return program;
-    },
-    _createShader:function(gl, type, source){
-        var shader = gl.createShader(type);
-        if(shader){
-            gl.shaderSource(shader, source);
-            gl.compileShader(shader);
-
-            var compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
-            if (!compiled) {
-                var error = gl.getShaderInfoLog(shader);
-                console.log('Failed to compile shader: ' + error);
-                gl.deleteShader(shader);
-                return null;
-            }
-        }
-        return shader;
-    }
-};
-window.Hilo.WebGLRenderer = WebGLRenderer;
-})(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 4caf7535..efeda8d3 100644
--- a/build/standalone/hilo/tween/Ease.js
+++ b/build/standalone/hilo/tween/Ease.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 8417c959..3405ffe1 100644
--- a/build/standalone/hilo/tween/Ease.min.js
+++ b/build/standalone/hilo/tween/Ease.min.js
@@ -1,275 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-
-
-/**
- * @language=en
- * @class Ease class provides multiple easing functions for Tween.
- * @module hilo/tween/Ease
- * @static
- */
-var Ease = (function(){
-
-function createEase(obj, easeInFn, easeOutFn, easeInOutFn, easeNoneFn){
-    obj = obj || {};
-    easeInFn && (obj.EaseIn = easeInFn);
-    easeOutFn && (obj.EaseOut = easeOutFn);
-    easeInOutFn && (obj.EaseInOut = easeInOutFn);
-    easeNoneFn && (obj.EaseNone = easeNoneFn);
-    return obj;
-}
-
-/**
- * @language=en
- * Linear easing function.Include EaseNone.
- */
-var Linear = createEase(null, null, null, null, function(k){
-    return k;
-});
-
-/**
- * @language=en
- * Quad easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Quad = createEase(null,
-    function(k){
-        return k * k;
-    },
-
-    function(k){
-        return - k * (k - 2);
-    },
-
-    function(k){
-        return ((k *= 2) < 1) ? 0.5 * k * k : -0.5 * (--k * (k - 2) - 1);
-    }
-);
-
-/**
- * @language=en
- * Cubic easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Cubic = createEase(null,
-    function(k){
-        return k * k * k;
-    },
-
-    function(k){
-        return --k * k * k + 1;
-    },
-
-    function(k){
-        return ((k *= 2) < 1) ? 0.5 * k * k * k : 0.5 * ((k -= 2) * k * k + 2);
-    }
-);
-
-/**
- * @language=en
- * Quart easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Quart = createEase(null,
-    function(k){
-        return k * k * k * k;
-    },
-
-    function(k){
-        return -(--k * k * k * k - 1);
-    },
-
-    function(k){
-        return ((k *= 2) < 1) ? 0.5 * k * k * k * k : - 0.5 * ((k -= 2) * k * k * k - 2);
-    }
-);
-
-/**
- * @language=en
- * Quint easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Quint = createEase(null,
-    function(k){
-        return k * k * k * k * k;
-    },
-
-    function(k){
-        return (k = k - 1) * k * k * k * k + 1;
-    },
-
-    function(k){
-        return ((k *= 2) < 1) ? 0.5 * k * k * k * k * k : 0.5 * ((k -= 2) * k * k * k * k + 2);
-    }
-);
-
-var math = Math,
-    PI = math.PI, HALF_PI = PI * 0.5,
-    sin = math.sin, cos = math.cos,
-    pow = math.pow, sqrt = math.sqrt;
-
-/**
- * @language=en
- * Sine easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Sine = createEase(null,
-    function(k){
-        return -cos(k * HALF_PI) + 1;
-    },
-
-    function(k){
-        return sin(k * HALF_PI);
-    },
-
-    function(k){
-        return -0.5 * (cos(PI * k) - 1);
-    }
-);
-
-/**
- * @language=en
- * Expo easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Expo = createEase(null,
-    function(k){
-        return k == 0 ? 0 : pow(2, 10 * (k - 1));
-    },
-
-    function(k){
-        return k == 1 ? 1 : -pow(2, -10 * k) + 1;
-    },
-
-    function(k){
-        if(k == 0 || k == 1) return k;
-        if((k *= 2) < 1) return 0.5 * pow(2, 10 * (k - 1));
-        return 0.5 * (-pow(2, - 10 * (k - 1)) + 2);
-    }
-);
-
-/**
- * @language=en
- * Circ easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Circ = createEase(null,
-    function(k){
-        return -(sqrt(1 - k * k) - 1);
-    },
-
-    function(k){
-        return sqrt(1 - (--k * k));
-    },
-
-    function(k){
-        if((k /= 0.5) < 1) return - 0.5 * (sqrt(1 - k * k) - 1);
-        return 0.5 * (sqrt(1 - (k -= 2) * k) + 1);
-    }
-);
-
-/**
- * @language=en
- * Elastic easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Elastic = createEase(
-    {
-        a: 1,
-        p: 0.4,
-        s: 0.1,
-
-        config: function(amplitude, period){
-            Elastic.a = amplitude;
-            Elastic.p = period;
-            Elastic.s = period / (2 * PI) * Math.asin(1 / amplitude) || 0;
-        }
-    },
-
-    function(k){
-        return -(Elastic.a * pow(2, 10 * (k -= 1)) * sin((k - Elastic.s) * (2 * PI) / Elastic.p));
-    },
-
-    function(k){
-        return (Elastic.a * pow(2, -10 * k) * sin((k - Elastic.s) * (2 * PI) / Elastic.p) + 1);
-    },
-
-    function(k){
-        return ((k *= 2) < 1) ? -0.5 * (Elastic.a * pow(2, 10 * (k -= 1)) * sin((k - Elastic.s) * (2 * PI) / Elastic.p)) :
-               Elastic.a * pow(2, -10 * (k -= 1)) * sin((k - Elastic.s) * (2 * PI) / Elastic.p) * 0.5 + 1;
-    }
-);
-
-/**
- * @language=en
- * Back easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Back = createEase(
-    {
-        o: 1.70158,
-        s: 2.59491,
-
-        config: function(overshoot){
-            Back.o = overshoot;
-            Back.s = overshoot * 1.525;
-        }
-    },
-
-    function(k){
-        return k * k * ((Back.o + 1) * k - Back.o);
-    },
-
-    function(k){
-        return (k = k - 1) * k * ((Back.o + 1) * k + Back.o) + 1;
-    },
-
-    function(k){
-        return ((k *= 2) < 1) ? 0.5 * (k * k * ((Back.s + 1) * k - Back.s)) : 0.5 * ((k -= 2) * k * ((Back.s + 1) * k + Back.s) + 2);
-    }
-);
-
-/**
- * @language=en
- * Bounce easing function.Include EaseIn, EaseOut, EaseInOut.
- */
-var Bounce = createEase(null,
-    function(k){
-        return 1 - Bounce.EaseOut(1 - k);
-    },
-
-    function(k){
-        if((k /= 1) < 0.36364){
-            return 7.5625 * k * k;
-        }else if(k < 0.72727){
-            return 7.5625 * (k -= 0.54545) * k + 0.75;
-        }else if(k < 0.90909){
-            return 7.5625 * (k -= 0.81818) * k + 0.9375;
-        }else{
-            return 7.5625 * (k -= 0.95455) * k + 0.984375;
-        }
-    },
-
-    function(k){
-        return k < 0.5 ? Bounce.EaseIn(k * 2) * 0.5 : Bounce.EaseOut(k * 2 - 1) * 0.5 + 0.5;
-    }
-);
-
-return {
-    Linear: Linear,
-    Quad: Quad,
-    Cubic: Cubic,
-    Quart: Quart,
-    Quint: Quint,
-    Sine: Sine,
-    Expo: Expo,
-    Circ: Circ,
-    Elastic: Elastic,
-    Back: Back,
-    Bounce: Bounce
-};
-
-})();
-window.Hilo.Ease = Ease;
-})(window);
\ No newline at end of file
+!function(n){n.Hilo||(n.Hilo={});var u=function(){function n(n,u,t,r,o){return n=n||{},u&&(n.EaseIn=u),t&&(n.EaseOut=t),r&&(n.EaseInOut=r),o&&(n.EaseNone=o),n}var u=n(null,null,null,null,function(n){return n}),t=n(null,function(n){return n*n},function(n){return-n*(n-2)},function(n){return(n*=2)<1?.5*n*n:-.5*(--n*(n-2)-1)}),r=n(null,function(n){return n*n*n},function(n){return--n*n*n+1},function(n){return(n*=2)<1?.5*n*n*n:.5*((n-=2)*n*n+2)}),o=n(null,function(n){return n*n*n*n},function(n){return-(--n*n*n*n-1)},function(n){return(n*=2)<1?.5*n*n*n*n:-.5*((n-=2)*n*n*n-2)}),i=n(null,function(n){return n*n*n*n*n},function(n){return(n-=1)*n*n*n*n+1},function(n){return(n*=2)<1?.5*n*n*n*n*n:.5*((n-=2)*n*n*n*n+2)}),e=Math,c=e.PI,f=.5*c,l=e.sin,s=e.cos,a=e.pow,E=e.sqrt,p=n(null,function(n){return-s(n*f)+1},function(n){return l(n*f)},function(n){return-.5*(s(c*n)-1)}),I=n(null,function(n){return 0==n?0:a(2,10*(n-1))},function(n){return 1==n?1:-a(2,-10*n)+1},function(n){return 0==n||1==n?n:(n*=2)<1?.5*a(2,10*(n-1)):.5*(-a(2,-10*(n-1))+2)}),O=n(null,function(n){return-(E(1-n*n)-1)},function(n){return E(1- --n*n)},function(n){return(n/=.5)<1?-.5*(E(1-n*n)-1):.5*(E(1-(n-=2)*n)+1)}),w=n({a:1,p:.4,s:.1,config:function(n,u){w.a=n,w.p=u,w.s=u/(2*c)*Math.asin(1/n)||0}},function(n){return-(w.a*a(2,10*(n-=1))*l((n-w.s)*(2*c)/w.p))},function(n){return w.a*a(2,-10*n)*l((n-w.s)*(2*c)/w.p)+1},function(n){return(n*=2)<1?-.5*(w.a*a(2,10*(n-=1))*l((n-w.s)*(2*c)/w.p)):w.a*a(2,-10*(n-=1))*l((n-w.s)*(2*c)/w.p)*.5+1}),H=n({o:1.70158,s:2.59491,config:function(n){H.o=n,H.s=1.525*n}},function(n){return n*n*((H.o+1)*n-H.o)},function(n){return(n-=1)*n*((H.o+1)*n+H.o)+1},function(n){return(n*=2)<1?.5*(n*n*((H.s+1)*n-H.s)):.5*((n-=2)*n*((H.s+1)*n+H.s)+2)}),Q=n(null,function(n){return 1-Q.EaseOut(1-n)},function(n){return(n/=1)<.36364?7.5625*n*n:n<.72727?7.5625*(n-=.54545)*n+.75:n<.90909?7.5625*(n-=.81818)*n+.9375:7.5625*(n-=.95455)*n+.984375},function(n){return n<.5?.5*Q.EaseIn(2*n):.5*Q.EaseOut(2*n-1)+.5});return{Linear:u,Quad:t,Cubic:r,Quart:o,Quint:i,Sine:p,Expo:I,Circ:O,Elastic:w,Back:H,Bounce:Q}}();n.Hilo.Ease=u}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/tween/Tween.js b/build/standalone/hilo/tween/Tween.js
index f97e721b..71f29d9c 100644
--- a/build/standalone/hilo/tween/Tween.js
+++ b/build/standalone/hilo/tween/Tween.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 2aaf0bc1..a0416f42 100644
--- a/build/standalone/hilo/tween/Tween.min.js
+++ b/build/standalone/hilo/tween/Tween.min.js
@@ -1,460 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/Tween.html?noHeader' width = '550' height = '130' scrolling='no'></iframe>
- * <br/>
- * Demo:
- * <pre>
- * ticker.addTick(Hilo.Tween);//Tween works after being added to ticker
- *
- * var view = new View({x:5, y:10});
- * Hilo.Tween.to(view, {
- *     x:100,
- *     y:20,
- *     alpha:0
- * }, {
- *     duration:1000,
- *     delay:500,
- *     ease:Hilo.Ease.Quad.EaseIn,
- *     onComplete:function(){
- *         console.log('complete');
- *     }
- * });
- * </pre>
- * @class Tween class makes tweening (easing, slow motion).
- * @param {Object} target Tween target object.
- * @param {Object} fromProps Beginning properties of target tweening object.
- * @param {Object} toProps Ending properties of target tweening object.
- * @param {Object} params Tweening parameters, include all writable Tween class properties.
- * @module hilo/tween/Tween
- * @requires hilo/core/Class
- * @property {Object} target Tween target object, readonly!
- * @property {Int} duration Tweening duration, measure in ms.
- * @property {Int} delay Tweenning delay time, measure in ms.
- * @property {Boolean} paused Is tweening paused, default value is false.
- * @property {Boolean} loop Does tweening loop, default value is false.
- * @property {Boolean} reverse Does tweening reverse, default value is false.
- * @property {Int} repeat Repeat times of tweening, default value is 0.
- * @property {Int} repeatDelay Delay time of repeating tweening, measure in ms.
- * @property {Function} ease Tweening transform function, default value is null.
- * @property {Int} time Time that tweening taken, measure in ms, readonly!
- * @property {Function} onStart Function invoked on the beginning of tweening. Require 1 parameter: tween. default value is null.
- * @property {Function} onUpdate Function invoked on tweening update. Require 2 parameters: ratio, tween.  default value is null.
- * @property {Function} onComplete Function invoked on the end of tweening. Require 1 parameter: tween.  default value is null.
- */
-var Tween = (function(){
-
-function now(){
-    return +new Date();
-}
-
-return Class.create(/** @lends Tween.prototype */{
-    constructor: function(target, fromProps, toProps, params){
-        var me = this;
-
-        me.target = target;
-        me._startTime = 0;
-        me._seekTime = 0;
-        me._pausedTime = 0;
-        me._pausedStartTime = 0;
-        me._reverseFlag = 1;
-        me._repeatCount = 0;
-
-        //no fromProps if pass 3 arguments
-        if(arguments.length == 3){
-            params = toProps;
-            toProps = fromProps;
-            fromProps = null;
-        }
-
-        for(var p in params) me[p] = params[p];
-        me._fromProps = fromProps;
-        me._toProps = toProps;
-
-        //for old version compatiblity
-        if(!params.duration && params.time){
-            me.duration = params.time || 0;
-            me.time = 0;
-        }
-    },
-
-    target: null,
-    duration: 1000,
-    delay: 0,
-    paused: false,
-    loop: false,
-    reverse: false,
-    repeat: 0,
-    repeatDelay: 0,
-    ease: null,
-    time: 0, //ready only
-
-    isStart:false,
-    isComplete:false,
-    onStart: null,
-    onUpdate: null,
-    onComplete: null,
-
-    /**
-     * @language=en
-     * Set beginning properties and ending properties of tweening object.
-     * @param {Object} fromProps Beginning properties of target tweening object.
-     * @param {Object} toProps Ending properties of target tweening object.
-     * @returns {Tween} Current Tween, for chain calls.
-     */
-    setProps: function(fromProps, toProps){
-        var me = this, target = me.target,
-            propNames = fromProps || toProps,
-            from = me._fromProps = {}, to = me._toProps = {};
-
-        fromProps = fromProps || target;
-        toProps = toProps || target;
-
-        for(var p in propNames){
-            to[p] = toProps[p] || 0;
-            target[p] = from[p] = fromProps[p] || 0;
-        }
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Starting the tweening.
-     * @returns {Tween} Current Tween, for chain calls.
-     */
-    start: function(){
-        var me = this;
-        me._startTime = now() + me.delay;
-        me._seekTime = 0;
-        me._pausedTime = 0;
-        me._reverseFlag = 1;
-        me._repeatCount = 0;
-        me.paused = false;
-        me.isStart = false;
-        me.isComplete = false;
-        Tween.add(me);
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Stop the tweening.
-     * @returns {Tween} Current Tween, for chain calls.
-     */
-    stop: function(){
-        Tween.remove(this);
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Pause the tweening.
-     * @returns {Tween} Current Tween, for chain calls.
-     */
-    pause: function(){
-        var me = this;
-        me.paused = true;
-        me._pausedStartTime = now();
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Continue to play the tweening.
-     * @returns {Tween} Current Tween, for chain calls.
-     */
-    resume: function(){
-        var me = this;
-        me.paused = false;
-        if(me._pausedStartTime) me._pausedTime += now() - me._pausedStartTime;
-        me._pausedStartTime = 0;
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Tween jumps to some point.
-     * @param {Number} time The time to jump to, range from 0 to duration.
-     * @param {Boolean} pause Is paused.
-     * @returns {Tween} Current Tween, for chain calls.
-     */
-    seek: function(time, pause){
-        var me = this, current = now();
-        me._startTime = current;
-        me._seekTime = time;
-        me._pausedTime = 0;
-        if(pause !== undefined) me.paused = pause;
-        me._update(current, true);
-        Tween.add(me);
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Link next Tween. The beginning time of next Tween depends on the delay value. If delay is a string that begins with '+' or '-', next Tween will begin at (delay) ms after or before the current tween is ended. If delay is out of previous situation, next Tween will begin at (delay) ms after the beginning point of current Tween.
-     * @param {Tween} tween Tween to link.
-     * @returns {Tween} next Tween, for chain calls.
-     */
-    link: function(tween){
-        var me = this, delay = tween.delay, startTime = me._startTime;
-
-        var plus, minus;
-        if(typeof delay === 'string'){
-            plus = delay.indexOf('+') == 0;
-            minus = delay.indexOf('-') == 0;
-            delay = plus || minus ? Number(delay.substr(1)) * (plus ? 1 : -1) : Number(delay);
-        }
-        tween.delay = delay;
-        tween._startTime = plus || minus ? startTime + me.duration + delay : startTime + delay;
-
-        me._next = tween;
-        Tween.remove(tween);
-        return tween;
-    },
-
-    /**
-     * @language=en
-     * Private render method inside Tween class.
-     * @private
-     */
-    _render: function(ratio){
-        var me = this, target = me.target, fromProps = me._fromProps, p;
-        for(p in fromProps) target[p] = fromProps[p] + (me._toProps[p] - fromProps[p]) * ratio;
-    },
-
-    /**
-     * @language=en
-     * Private update method inside Tween class.
-     * @private
-     */
-    _update: function(time, forceUpdate){
-        var me = this;
-        if(me.paused && !forceUpdate) return;
-        if(me.isComplete) return true;
-
-        //elapsed time
-        var elapsed = time - me._startTime - me._pausedTime + me._seekTime;
-        if(elapsed < 0) return;
-
-        //elapsed ratio
-        var ratio = elapsed / me.duration, complete = false, callback;
-        ratio = ratio <= 0 ? 0 : ratio >= 1 ? 1 : ratio;
-        var easeRatio = me.ease ? me.ease(ratio) : ratio;
-
-        if(me.reverse && me.isStart){
-            //backward
-            if(me._reverseFlag < 0) {
-                ratio = 1 - ratio;
-                easeRatio = 1 - easeRatio;
-            }
-            //forward
-            if(ratio < 1e-7){
-                //repeat complete or not loop
-                if((me.repeat > 0 && me._repeatCount++ >= me.repeat) || (me.repeat == 0 && !me.loop)){
-                    complete = true;
-                }else{
-                    me._startTime = now();
-                    me._pausedTime = 0;
-                    me._reverseFlag *= -1;
-                }
-            }
-        }
-
-        //start callback
-        if(!me.isStart) {
-            me.setProps(me._fromProps, me._toProps);
-            me.isStart = true;
-            if(me.onStart){
-                me.onStart.call(me, me);
-            }
-        }
-        me.time = elapsed;
-
-        //render & update callback
-        me._render(easeRatio);
-        (callback = me.onUpdate) && callback.call(me, ratio, me);
-
-        //check if complete
-        if(ratio >= 1){
-            if(me.reverse){
-                me._startTime = now();
-                me._pausedTime = 0;
-                me._reverseFlag *= -1;
-            }else if(me.loop || me.repeat > 0 && me._repeatCount++ < me.repeat){
-                me._startTime = now() + me.repeatDelay;
-                me._pausedTime = 0;
-            }else{
-                me.isComplete = true;
-            }
-        }
-
-        //next tween
-        var next = me._next;
-        if(next && next.time <= 0){
-            var nextStartTime = next._startTime;
-            if(nextStartTime > 0 && nextStartTime <= time){
-                //parallel tween
-                next._render(ratio);
-                next.time = elapsed;
-                Tween.add(next);
-            }else if(me.isComplete && (nextStartTime < 0 || nextStartTime > time)){
-                //next tween
-                next.start();
-            }
-        }
-
-        //complete
-        if(me.isComplete){
-            (callback = me.onComplete) && callback.call(me, me);
-            return true;
-        }
-    },
-
-    Statics: /** @lends Tween */ {
-        /**
-         * @language=en
-         * @private
-         */
-        _tweens: [],
-
-        /**
-         * @language=en
-         * Update all Tween instances.
-         * @returns {Object} Tween。
-         */
-        tick: function(){
-            var tweens = Tween._tweens, tween, i, len = tweens.length;
-
-            for(i = 0; i < len; i++){
-                tween = tweens[i];
-                if(tween && tween._update(now())){
-                    tweens.splice(i, 1);
-                    i--;
-                }
-            }
-            return Tween;
-        },
-
-        /**
-         * @language=en
-         * Add a Tween instance.
-         * @param {Tween} tween Tween object to add.
-         * @returns {Object} Tween。
-         */
-        add: function(tween){
-            var tweens = Tween._tweens;
-            if(tweens.indexOf(tween) == -1) tweens.push(tween);
-            return Tween;
-        },
-
-        /**
-         * @language=en
-         * Remove one Tween target.
-         * @param {Tween|Object|Array} tweenOrTarget Tween object, target object or an array of object to remove
-         * @returns {Object} Tween。
-         */
-        remove: function(tweenOrTarget){
-            var i, l;
-            if(tweenOrTarget instanceof Array){
-                for(i = 0, l = tweenOrTarget.length;i < l;i ++){
-                    Tween.remove(tweenOrTarget[i]);
-                }
-                return Tween;
-            }
-
-            var tweens = Tween._tweens;
-            if(tweenOrTarget instanceof Tween){
-                i = tweens.indexOf(tweenOrTarget);
-                if(i > -1) tweens.splice(i, 1);
-            }else{
-                for(i = 0; i < tweens.length; i++){
-                    if(tweens[i].target === tweenOrTarget){
-                        tweens.splice(i, 1);
-                        i--;
-                    }
-                }
-            }
-
-            return Tween;
-        },
-
-        /**
-         * @language=en
-         * Remove all Tween instances.
-         * @returns {Object} Tween。
-         */
-        removeAll: function(){
-            Tween._tweens.length = 0;
-            return Tween;
-        },
-
-        /**
-         * @language=en
-         * Create a tween, make target object easing from beginning properties to ending properties.
-         * @param {Object|Array} target Tweening target or tweening target array.
-         * @param fromProps Beginning properties of target tweening object.
-         * @param toProps Ending properties of target tweening object.
-         * @param params Tweening parameters.
-         * @returns {Tween|Array} An tween instance or an array of tween instance.
-         */
-        fromTo: function(target, fromProps, toProps, params){
-            params = params || {};
-            var isArray = target instanceof Array;
-            target = isArray ? target : [target];
-
-            var tween, i, stagger = params.stagger, tweens = [];
-            for(i = 0; i < target.length; i++){
-                tween = new Tween(target[i], fromProps, toProps, params);
-                if(stagger) tween.delay = (params.delay || 0) + (i * stagger || 0);
-                tween.start();
-                tweens.push(tween);
-            }
-
-            return isArray?tweens:tween;
-        },
-
-        /**
-         * @language=en
-         * Create a tween, make target object easing from current properties to ending properties.
-         * @param {Object|Array} target Tweening target or tweening target array.
-         * @param toProps Ending properties of target tweening object.
-         * @param params Tweening parameters.
-         * @returns {Tween|Array} An tween instance or an array of tween instance.
-         */
-        to: function(target, toProps, params){
-            return Tween.fromTo(target, null, toProps, params);
-        },
-
-        /**
-         * @language=en
-         * Create a tween, make target object easing from beginning properties to current properties.
-         * @param {Object|Array} target Tweening target or tweening target array.
-         * @param fromProps Beginning properties of target tweening object.
-         * @param params Tweening parameters.
-         * @returns {Tween|Array} An tween instance or an array of tween instance.
-         */
-        from: function(target, fromProps, params){
-            return Tween.fromTo(target, fromProps, null, params);
-        }
-    }
-
-});
-
-})();
-
-window.Hilo.Tween = Tween;
-})(window);
\ No newline at end of file
+!function(e){e.Hilo||(e.Hilo={});var t=e.Hilo.Class,r=function(){function e(){return+new Date}return t.create({constructor:function(e,t,r,a){var n=this;n.target=e,n._startTime=0,n._seekTime=0,n._pausedTime=0,n._pausedStartTime=0,n._reverseFlag=1,n._repeatCount=0,3==arguments.length&&(a=r,r=t,t=null);for(var i in a)n[i]=a[i];n._fromProps=t,n._toProps=r,!a.duration&&a.time&&(n.duration=a.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,isComplete:!1,onStart:null,onUpdate:null,onComplete:null,setProps:function(e,t){var r=this,a=r.target,n=e||t,i=r._fromProps={},s=r._toProps={};e=e||a,t=t||a;for(var o in n)s[o]=t[o]||0,a[o]=i[o]=e[o]||0;return r},start:function(){var t=this;return t._startTime=e()+t.delay,t._seekTime=0,t._pausedTime=0,t._reverseFlag=1,t._repeatCount=0,t.paused=!1,t.isStart=!1,t.isComplete=!1,r.add(t),t},stop:function(){return r.remove(this),this},pause:function(){var t=this;return t.paused=!0,t._pausedStartTime=e(),t},resume:function(){var t=this;return t.paused=!1,t._pausedStartTime&&(t._pausedTime+=e()-t._pausedStartTime),t._pausedStartTime=0,t},seek:function(t,a){var n=this,i=e();return n._startTime=i,n._seekTime=t,n._pausedTime=0,void 0!==a&&(n.paused=a),n._update(i,!0),r.add(n),n},link:function(e){var t,a,n=this,i=e.delay,s=n._startTime;return"string"==typeof i&&(t=0==i.indexOf("+"),a=0==i.indexOf("-"),i=t||a?Number(i.substr(1))*(t?1:-1):Number(i)),e.delay=i,e._startTime=t||a?s+n.duration+i:s+i,n._next=e,r.remove(e),e},_render:function(e){var t,r=this,a=r.target,n=r._fromProps;for(t in n)a[t]=n[t]+(r._toProps[t]-n[t])*e},_update:function(t,a){var n=this;if(!n.paused||a){if(n.isComplete)return!0;var i=t-n._startTime-n._pausedTime+n._seekTime;if(!(i<0)){var s,o=i/n.duration,u=!1;o=o<=0?0:o>=1?1:o;var p=n.ease?n.ease(o):o;n.reverse&&n.isStart&&(n._reverseFlag<0&&(o=1-o,p=1-p),o<1e-7&&(n.repeat>0&&n._repeatCount++>=n.repeat||0==n.repeat&&!n.loop?u=!0:(n._startTime=e(),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=i,n._render(p),(s=n.onUpdate)&&s.call(n,o,n),o>=1&&(n.reverse?(n._startTime=e(),n._pausedTime=0,n._reverseFlag*=-1):n.loop||n.repeat>0&&n._repeatCount++<n.repeat?(n._startTime=e()+n.repeatDelay,n._pausedTime=0):n.isComplete=!0);var l=n._next;if(l&&l.time<=0){var m=l._startTime;m>0&&m<=t?(l._render(o),l.time=i,r.add(l)):n.isComplete&&(m<0||m>t)&&l.start()}return n.isComplete?((s=n.onComplete)&&s.call(n,n),!0):void 0}}},Statics:{_tweens:[],tick:function(){var t,a,n=r._tweens,i=n.length;for(a=0;a<i;a++)t=n[a],t&&t._update(e())&&(n.splice(a,1),a--);return r},add:function(e){var t=r._tweens;return t.indexOf(e)==-1&&t.push(e),r},remove:function(e){var t,a;if(e instanceof Array){for(t=0,a=e.length;t<a;t++)r.remove(e[t]);return r}var n=r._tweens;if(e instanceof r)t=n.indexOf(e),t>-1&&n.splice(t,1);else for(t=0;t<n.length;t++)n[t].target===e&&(n.splice(t,1),t--);return r},removeAll:function(){return r._tweens.length=0,r},fromTo:function(e,t,a,n){n=n||{};var i=e instanceof Array;e=i?e:[e];var s,o,u=n.stagger,p=[];for(o=0;o<e.length;o++)s=new r(e[o],t,a,n),u&&(s.delay=(n.delay||0)+(o*u||0)),s.start(),p.push(s);return i?p:s},to:function(e,t,a){return r.fromTo(e,null,t,a)},from:function(e,t,a){return r.fromTo(e,t,null,a)}}})}();e.Hilo.Tween=r}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/util/TextureAtlas.js b/build/standalone/hilo/util/TextureAtlas.js
index 8fbe0e96..3ef90bf9 100644
--- a/build/standalone/hilo/util/TextureAtlas.js
+++ b/build/standalone/hilo/util/TextureAtlas.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 d7ab699b..980daa19 100644
--- a/build/standalone/hilo/util/TextureAtlas.min.js
+++ b/build/standalone/hilo/util/TextureAtlas.min.js
@@ -1,241 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-
-
-/**
- * @language=en
- * @class TextureAtlas纹理集是将许多小的纹理图片整合到一起的一张大图。这个类可根据一个纹理集数据读取纹理小图、精灵动画等。
- * @param {Object} atlasData 纹理集数据。它可包含如下数据：
- * <ul>
- * <li><b>image</b> - 纹理集图片。必需。</li>
- * <li><b>width</b> - 纹理集图片宽度。若frames数据为Object时，此属性必需。</li>
- * <li><b>height</b> - 纹理集图片高度。若frames数据为Object时，此属性必需。</li>
- * <li><b>frames</b> - 纹理集帧数据，可以是Array或Object。必需。
- * <ul>
- * <li>若为Array，则每项均为一个纹理图片帧数据，如：[[0, 0, 50, 50], [0, 50, 50, 50]。</li>
- * <li>若为Object，则需包含frameWidth(帧宽)、frameHeight(帧高)、numFrames(帧数) 属性。</li>
- * </ul>
- * </li>
- * <li><b>sprites</b> - 纹理集精灵动画定义，其每个值均定义一个精灵。为Object对象。可选。
- * <ul>
- * <li>若为Number，即此精灵只包含一帧，此帧为帧数据中索引为当前值的帧。如：sprites:{'foo':1}。</li>
- * <li>若为Array，则每项均为一个帧的索引值。如：sprites:{'foo':[0, 1, 2, 3]}。</li>
- * <li>若为Object，则需包含from(起始帧索引值)、to(末帧索引值) 属性。</li>
- * </ul>
- * </li>
- * </ul>
- * @module hilo/util/TextureAtlas
- * @requires hilo/core/Class
- */
-var TextureAtlas = (function(){
-
-return Class.create(/** @lends TextureAtlas.prototype */{
-    constructor: function(atlasData){
-        this._frames = parseTextureFrames(atlasData);
-        this._sprites = parseTextureSprites(atlasData, this._frames);
-    },
-
-    _frames: null,
-    _sprites: null,
-
-    /**
-     * @language=en
-     * 获取指定索引位置index的帧数据。
-     * @param {Int} index 要获取帧的索引位置。
-     * @returns {Object} 帧数据。
-     */
-    getFrame: function(index){
-        var frames = this._frames;
-        return frames && frames[index];
-    },
-
-    /**
-     * @language=en
-     * 获取指定id的精灵数据。
-     * @param {String} id 要获取精灵的id。
-     * @returns {Object} 精灵数据。
-     */
-    getSprite: function(id){
-        var sprites = this._sprites;
-        return sprites && sprites[id];
-    },
-
-    Statics: /** @lends TextureAtlas */ {
-        /**
-         * @language=en
-         * Shorthand method to create spirte frames
-         * @param {String|Array} name Name of one animation|a group of animation
-         * @param {String} frames Frames message, eg:"0-5" means frame 0 to frame 5.
-         * @param {Number} w The width of each frame.
-         * @param {Number} h The height of each frame.
-         * @param {Boolean} loop Is play in loop.
-         * @param {Number} duration The time between each frame. default value is 1 (Frame), but if timeBased is true, default value will be duration(milli-second).
-         * @example
-         *  //demo1 make one animation
-         *  createSpriteFrames("walk", "0-5,8,9", meImg, 55, 88, true, 1);
-         *  //demo2 make a group of animation
-         *  createSpriteFrames([
-         *    ["walk", "0-5,8,9", meImg, 55, 88, true, 1],
-         *    ["jump", "0-5", meImg, 55, 88, false, 1]
-         *  ]);
-        */
-        createSpriteFrames:function(name, frames, img, w, h, loop, duration){
-            var i, l;
-            if(Object.prototype.toString.call(name) === "[object Array]"){
-                var res = [];
-                for(i = 0, l = name.length;i < l;i ++){
-                    res = res.concat(this.createSpriteFrames.apply(this, name[i]));
-                }
-                return res;
-            }
-            else{
-                if(typeof(frames) === "string"){
-                    var all = frames.split(",");
-                    frames = [];
-                    for(var j = 0, jl = all.length;j < jl;j ++){
-                        var temp = all[j].split("-");
-                        if(temp.length == 1){
-                            frames.push(parseInt(temp[0]));
-                        }
-                        else{
-                            for(i = parseInt(temp[0]), l = parseInt(temp[1]);i <= l;i ++){
-                                frames.push(i);
-                            }
-                        }
-                    }
-                }
-
-                var col = Math.floor(img.width/w);
-                for(i = 0;i < frames.length;i ++){
-                    var n = frames[i];
-                    frames[i] = {
-                        rect:[w*(n%col), h*Math.floor(n/col), w, h],
-                        image:img,
-                        duration:duration
-                    };
-                }
-                frames[0].name = name;
-                if(loop){
-                    frames[frames.length-1].next = name;
-                }
-                else{
-                    frames[frames.length-1].stop = true;
-                }
-                return frames;
-            }
-        }
-    }
-});
-
-/**
- * @language=en
- * Parse texture frames
- * @private
- */
-function parseTextureFrames(atlasData){
-    var i, len;
-    var frameData = atlasData.frames;
-    if(!frameData) return null;
-
-    var frames = [], obj;
-
-    if(frameData instanceof Array){ //frames by array
-        for(i = 0, len = frameData.length; i < len; i++){
-            obj = frameData[i];
-            frames[i] = {
-                image: atlasData.image,
-                rect: obj
-            };
-        }
-    }else{ //frames by object
-        var frameWidth = frameData.frameWidth;
-        var frameHeight = frameData.frameHeight;
-        var cols = atlasData.width / frameWidth | 0;
-        var rows = atlasData.height / frameHeight | 0;
-        var numFrames = frameData.numFrames || cols * rows;
-        for(i = 0; i < numFrames; i++){
-            frames[i] = {
-                image: atlasData.image,
-                rect: [i%cols*frameWidth, (i/cols|0)*frameHeight, frameWidth, frameHeight]
-            };
-        }
-    }
-
-    return frames;
-}
-
-/**
- * @language=en
- * Parse texture sprites
- * @private
- */
-function parseTextureSprites(atlasData, frames){
-    var i, len;
-    var spriteData = atlasData.sprites;
-    if(!spriteData) return null;
-
-    var sprites = {}, sprite, spriteFrames, spriteFrame;
-
-    for(var s in spriteData){
-        sprite = spriteData[s];
-        if(isNumber(sprite)){ //single frame
-            spriteFrames = translateSpriteFrame(frames[sprite]);
-        }else if(sprite instanceof Array){ //frames by array
-            spriteFrames = [];
-            for(i = 0, len = sprite.length; i < len; i++){
-                var spriteObj = sprite[i], frameObj;
-                if(isNumber(spriteObj)){
-                    spriteFrame = translateSpriteFrame(frames[spriteObj]);
-                }else{
-                    frameObj = spriteObj.rect;
-                    if(isNumber(frameObj)) frameObj = frames[spriteObj.rect];
-                    spriteFrame = translateSpriteFrame(frameObj, spriteObj);
-                }
-                spriteFrames[i] = spriteFrame;
-            }
-        }else{ //frames by object
-            spriteFrames = [];
-            for(i = sprite.from; i <= sprite.to; i++){
-                spriteFrames[i - sprite.from] = translateSpriteFrame(frames[i], sprite[i]);
-            }
-        }
-        sprites[s] = spriteFrames;
-    }
-
-    return sprites;
-}
-
-function translateSpriteFrame(frameObj, spriteObj){
-    var spriteFrame = {
-        image: frameObj.image,
-        rect: frameObj.rect
-    };
-
-    if(spriteObj){
-        spriteFrame.name = spriteObj.name || null;
-        spriteFrame.duration = spriteObj.duration || 0;
-        spriteFrame.stop = !!spriteObj.stop;
-        spriteFrame.next = spriteObj.next || null;
-    }
-
-    return spriteFrame;
-}
-
-function isNumber(value){
-    return typeof value === 'number';
-}
-
-})();
-window.Hilo.TextureAtlas = TextureAtlas;
-})(window);
\ No newline at end of file
+!function(r){r.Hilo||(r.Hilo={});var t=r.Hilo.Class,e=function(){function r(r){var t,e,n=r.frames;if(!n)return null;var a,i=[];if(n instanceof Array)for(t=0,e=n.length;t<e;t++)a=n[t],i[t]={image:r.image,rect:a};else{var o=n.frameWidth,s=n.frameHeight,f=r.width/o|0,l=r.height/s|0,u=n.numFrames||f*l;for(t=0;t<u;t++)i[t]={image:r.image,rect:[t%f*o,(t/f|0)*s,o,s]}}return i}function e(r,t){var e,i,o=r.sprites;if(!o)return null;var s,f,l,u={};for(var c in o){if(s=o[c],a(s))f=n(t[s]);else if(s instanceof Array)for(f=[],e=0,i=s.length;e<i;e++){var h,m=s[e];a(m)?l=n(t[m]):(h=m.rect,a(h)&&(h=t[m.rect]),l=n(h,m)),f[e]=l}else for(f=[],e=s.from;e<=s.to;e++)f[e-s.from]=n(t[e],s[e]);u[c]=f}return u}function n(r,t){var e={image:r.image,rect:r.rect};return t&&(e.name=t.name||null,e.duration=t.duration||0,e.stop=!!t.stop,e.next=t.next||null),e}function a(r){return"number"==typeof r}return t.create({constructor:function(t){this._frames=r(t),this._sprites=e(t,this._frames)},_frames:null,_sprites:null,getFrame:function(r){var t=this._frames;return t&&t[r]},getSprite:function(r){var t=this._sprites;return t&&t[r]},Statics:{createSpriteFrames:function(r,t,e,n,a,i,o){var s,f;if("[object Array]"===Object.prototype.toString.call(r)){var l=[];for(s=0,f=r.length;s<f;s++)l=l.concat(this.createSpriteFrames.apply(this,r[s]));return l}if("string"==typeof t){var u=t.split(",");t=[];for(var c=0,h=u.length;c<h;c++){var m=u[c].split("-");if(1==m.length)t.push(parseInt(m[0]));else for(s=parseInt(m[0]),f=parseInt(m[1]);s<=f;s++)t.push(s)}}var p=Math.floor(e.width/n);for(s=0;s<t.length;s++){var g=t[s];t[s]={rect:[n*(g%p),a*Math.floor(g/p),n,a],image:e,duration:o}}return t[0].name=r,i?t[t.length-1].next=r:t[t.length-1].stop=!0,t}}})}();r.Hilo.TextureAtlas=e}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/util/Ticker.js b/build/standalone/hilo/util/Ticker.js
index 9a69b82c..e4639cc8 100644
--- a/build/standalone/hilo/util/Ticker.js
+++ b/build/standalone/hilo/util/Ticker.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 66f418ad..af2c8474 100644
--- a/build/standalone/hilo/util/Ticker.min.js
+++ b/build/standalone/hilo/util/Ticker.min.js
@@ -1,234 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var browser = window.Hilo.browser;
-
-
-/**
- * @language=en
- * @class Ticker is a Timer. It can run the code at specified framerate.
- * @param {Number} fps The fps of ticker.Default is 60.
- * @module hilo/util/Ticker
- * @requires hilo/core/Class
- * @requires hilo/util/browser
- */
-var Ticker = Class.create(/** @lends Ticker.prototype */{
-    constructor: function(fps){
-        this._targetFPS = fps || 60;
-        this._interval = 1000 / this._targetFPS;
-        this._tickers = [];
-    },
-
-    _paused: false,
-    _targetFPS: 0,
-    _interval: 0,
-    _intervalId: null,
-    _tickers: null,
-    _lastTime: 0,
-    _tickCount: 0,
-    _tickTime: 0,
-    _measuredFPS: 0,
-
-    /**
-     * @language=en
-     * Start the ticker.
-     * @param {Boolean} userRAF Whether or not use requestAnimationFrame, default is true.
-     */
-    start: function(useRAF){
-        if(useRAF === undefined){
-            useRAF = true;
-        }
-        
-        if(this._intervalId) return;
-        this._lastTime = +new Date();
-
-        var self = this, interval = this._interval,
-            raf = window.requestAnimationFrame ||
-                  window[browser.jsVendor + 'RequestAnimationFrame'];
-
-        var runLoop;
-        if(useRAF && raf && interval < 17){
-            this._useRAF = true;
-            runLoop = function(){
-                self._intervalId = raf(runLoop);
-                self._tick();
-            };
-        }else{
-            runLoop = function(){
-                self._intervalId = setTimeout(runLoop, interval);
-                self._tick();
-            };
-        }
-
-        this._paused = false;
-        runLoop();
-    },
-
-    /**
-     * @language=en
-     * Stop the ticker.
-     */
-    stop: function(){
-        if(this._useRAF){
-            var cancelRAF = window.cancelAnimationFrame ||
-                  window[browser.jsVendor + 'CancelAnimationFrame'];
-            cancelRAF(this._intervalId);
-        }
-        else{
-            clearTimeout(this._intervalId);
-        }
-        this._intervalId = null;
-        this._lastTime = 0;
-        this._paused = true;
-    },
-
-    /**
-     * @language=en
-     * Pause the ticker.
-     */
-    pause: function(){
-        this._paused = true;
-    },
-
-    /**
-     * @language=en
-     * Resume the ticker.
-     */
-    resume: function(){
-        this._paused = false;
-    },
-
-    /**
-     * @private
-     */
-    _tick: function(){
-        if(this._paused) return;
-        var startTime = +new Date(),
-            deltaTime = startTime - this._lastTime,
-            tickers = this._tickers;
-
-        //calculates the real fps
-        if(++this._tickCount >= this._targetFPS){
-            this._measuredFPS = 1000 / (this._tickTime / this._tickCount) + 0.5 >> 0;
-            this._tickCount = 0;
-            this._tickTime = 0;
-        }else{
-            this._tickTime += startTime - this._lastTime;
-        }
-        this._lastTime = startTime;
-
-        var tickersCopy = tickers.slice(0);
-        for(var i = 0, len = tickersCopy.length; i < len; i++){
-            tickersCopy[i].tick(deltaTime);
-        }
-    },
-
-    /**
-     * @language=en
-     * Get the fps.
-     */
-    getMeasuredFPS: function(){
-        return Math.min(this._measuredFPS, this._targetFPS);
-    },
-
-    /**
-     * @language=en
-     * Add tickObject. The tickObject must implement the tick method.
-     * @param {Object} tickObject The tickObject to add.It must implement the tick method.
-     */
-    addTick: function(tickObject){
-        if(!tickObject || typeof(tickObject.tick) != 'function'){
-            throw new Error('Ticker: The tick object must implement the tick method.');
-        }
-        this._tickers.push(tickObject);
-    },
-
-    /**
-     * @language=en
-     * Remove the tickObject
-     * @param {Object} tickObject The tickObject to remove.
-     */
-    removeTick: function(tickObject){
-        var tickers = this._tickers,
-            index = tickers.indexOf(tickObject);
-        if(index >= 0){
-            tickers.splice(index, 1);
-        }
-    },
-    /**
-     * 下次tick时回调
-     * @param  {Function} callback
-     * @return {tickObj}
-     */
-    nextTick:function(callback){
-        var that = this;
-        var tickObj = {
-            tick:function(dt){
-                that.removeTick(tickObj);
-                callback();
-            }
-        };
-
-        that.addTick(tickObj);
-        return tickObj;
-    },
-    /**
-     * 延迟指定的时间后调用回调, 类似setTimeout
-     * @param  {Function} callback
-     * @param  {Number}   duration 延迟的毫秒数
-     * @return {tickObj}
-     */
-    timeout:function(callback, duration){
-        var that = this;
-        var targetTime = new Date().getTime() + duration;
-        var tickObj = {
-            tick:function(){
-                var nowTime = new Date().getTime();
-                var dt = nowTime - targetTime;
-                if(dt >= 0){
-                    that.removeTick(tickObj);
-                    callback();
-                }
-            }
-        };
-        that.addTick(tickObj);
-        return tickObj;
-    },
-    /**
-     * 指定的时间周期来调用函数, 类似setInterval
-     * @param  {Function} callback
-     * @param  {Number}   duration 时间周期，单位毫秒
-     * @return {tickObj}
-     */
-    interval:function(callback, duration){
-        var that = this;
-        var targetTime = new Date().getTime() + duration;
-        var tickObj = {
-            tick:function(){
-                var nowTime = new Date().getTime();
-                var dt = nowTime - targetTime;
-                if(dt >= 0){
-                    if(dt < duration){
-                        nowTime -= dt;
-                    }
-                    targetTime = nowTime + duration;
-                    callback();
-                }
-            }
-        };
-        that.addTick(tickObj);
-        return tickObj;
-    }
-});
-window.Hilo.Ticker = Ticker;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var i=t.Hilo.Class,e=t.Hilo.browser,n=i.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(i){if(void 0===i&&(i=!0),!this._intervalId){this._lastTime=+new Date;var n,s=this,a=this._interval,r=t.requestAnimationFrame||t[e.jsVendor+"RequestAnimationFrame"];i&&r&&a<17?(this._useRAF=!0,n=function(){s._intervalId=r(n),s._tick()}):n=function(){s._intervalId=setTimeout(n,a),s._tick()},this._paused=!1,n()}},stop:function(){if(this._useRAF){var i=t.cancelAnimationFrame||t[e.jsVendor+"CancelAnimationFrame"];i(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,i=t-this._lastTime,e=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=e.slice(0),s=0,a=n.length;s<a;s++)n[s].tick(i)}},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 i=this._tickers,e=i.indexOf(t);e>=0&&i.splice(e,1)},nextTick:function(t){var i=this,e={tick:function(n){i.removeTick(e),t()}};return i.addTick(e),e},timeout:function(t,i){var e=this,n=(new Date).getTime()+i,s={tick:function(){var i=(new Date).getTime(),a=i-n;a>=0&&(e.removeTick(s),t())}};return e.addTick(s),s},interval:function(t,i){var e=this,n=(new Date).getTime()+i,s={tick:function(){var e=(new Date).getTime(),s=e-n;s>=0&&(s<i&&(e-=s),n=e+i,t())}};return e.addTick(s),s}});t.Hilo.Ticker=n}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/util/browser.js b/build/standalone/hilo/util/browser.js
index e4df58ad..2c2c5880 100644
--- a/build/standalone/hilo/util/browser.js
+++ b/build/standalone/hilo/util/browser.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 bf720cea..48bdecc8 100644
--- a/build/standalone/hilo/util/browser.min.js
+++ b/build/standalone/hilo/util/browser.min.js
@@ -1,196 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-
-
-/**
- * @language=en
- * @class Browser feature set
- * @static
- * @module hilo/util/browser
- */
-var browser = (function(){
-    var ua = navigator.userAgent;
-    var doc = document;
-    var win = window;
-    var docElem = doc.documentElement;
-
-    var data = /** @lends browser */ {
-        /**
-         * 是否是iphone
-         * @type {Boolean}
-         */
-        iphone: /iphone/i.test(ua),
-
-        /**
-         * 是否是ipad
-         * @type {Boolean}
-         */
-        ipad: /ipad/i.test(ua),
-
-        /**
-         * 是否是ipod
-         * @type {Boolean}
-         */
-        ipod: /ipod/i.test(ua),
-
-        /**
-         * 是否是ios
-         * @type {Boolean}
-         */
-        ios: /iphone|ipad|ipod/i.test(ua),
-
-        /**
-         * 是否是android
-         * @type {Boolean}
-         */
-        android: /android/i.test(ua),
-
-        /**
-         * 是否是webkit
-         * @type {Boolean}
-         */
-        webkit: /webkit/i.test(ua),
-
-        /**
-         * 是否是chrome
-         * @type {Boolean}
-         */
-        chrome: /chrome/i.test(ua),
-
-        /**
-         * 是否是safari
-         * @type {Boolean}
-         */
-        safari: /safari/i.test(ua),
-
-        /**
-         * 是否是firefox
-         * @type {Boolean}
-         */
-        firefox: /firefox/i.test(ua),
-
-        /**
-         * 是否是ie
-         * @type {Boolean}
-         */
-        ie: /msie/i.test(ua),
-
-        /**
-         * 是否是opera
-         * @type {Boolean}
-         */
-        opera: /opera/i.test(ua),
-        /**
-         * 是否支持触碰事件。
-         * @type {String}
-         */
-        supportTouch: 'ontouchstart' in win,
-
-        /**
-         * 是否支持canvas元素。
-         * @type {Boolean}
-         */
-        supportCanvas: doc.createElement('canvas').getContext != null,
-        /**
-         * 是否支持本地存储localStorage。
-         * @type {Boolean}
-         */
-        supportStorage: false,
-
-        /**
-         * 是否支持检测设备方向orientation。
-         * @type {Boolean}
-         */
-        supportOrientation: 'orientation' in win || 'orientation' in win.screen,
-
-        /**
-         * 是否支持检测加速度devicemotion。
-         * @type {Boolean}
-         */
-        supportDeviceMotion: 'ondevicemotion' in win
-    };
-
-    //`localStorage` is null or `localStorage.setItem` throws error in some cases (e.g. localStorage is disabled)
-    try{
-        var value = 'hilo';
-        localStorage.setItem(value, value);
-        localStorage.removeItem(value);
-        data.supportStorage = true;
-    }catch(e){}
-
-    /**
-     * 浏览器厂商CSS前缀的js值。比如：webkit。
-     * @type {String}
-     */
-    var jsVendor = data.jsVendor = data.webkit ? 'webkit' : data.firefox ? 'webkit' : data.opera ? 'o' : data.ie ? 'ms' : '';
-    /**
-     * 浏览器厂商CSS前缀的css值。比如：-webkit-。
-     * @type {String}
-     */
-    var cssVendor = data.cssVendor = '-' + jsVendor + '-';
-
-    //css transform/3d feature dectection
-    var testElem = doc.createElement('div'), style = testElem.style;
-    /**
-     * 是否支持CSS Transform变换。
-     * @type {Boolean}
-     */
-    var supportTransform = style[jsVendor + 'Transform'] != undefined;
-
-    /**
-     * 是否支持CSS Transform 3D变换。
-     * @type {Boolean}
-     */
-    var supportTransform3D = style[jsVendor + 'Perspective'] != undefined;
-    if(supportTransform3D){
-        testElem.id = 'test3d';
-        style = doc.createElement('style');
-        style.textContent = '@media ('+ cssVendor +'transform-3d){#test3d{height:3px}}';
-        doc.head.appendChild(style);
-
-        docElem.appendChild(testElem);
-        supportTransform3D = testElem.offsetHeight == 3;
-        doc.head.removeChild(style);
-        docElem.removeChild(testElem);
-    }
-    data.supportTransform = supportTransform;
-    data.supportTransform3D = supportTransform3D;
-
-    var supportTouch = data.supportTouch;
-    
-    /**
-     * 鼠标或触碰开始事件。对应touchstart或mousedown。
-     * @type {String}
-     */
-    var POINTER_START = supportTouch ? 'touchstart' : 'mousedown';
-
-    /**
-     * 鼠标或触碰移动事件。对应touchmove或mousemove。
-     * @type {String}
-     */
-    var POINTER_MOVE = supportTouch ? 'touchmove' : 'mousemove';
-
-    /**
-     * 鼠标或触碰结束事件。对应touchend或mouseup。
-     * @type {String}
-     */
-    var POINTER_END = supportTouch ? 'touchend' : 'mouseup';
-
-    data.POINTER_START = POINTER_START;
-    data.POINTER_MOVE = POINTER_MOVE;
-    data.POINTER_END = POINTER_END;
-    
-    return data;
-})();
-window.Hilo.browser = browser;
-})(window);
\ No newline at end of file
+!function(e){e.Hilo||(e.Hilo={});var t=function(){var t=navigator.userAgent,o=document,i=e,r=o.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!=o.createElement("canvas").getContext,supportStorage:!1,supportOrientation:"orientation"in i||"orientation"in i.screen,supportDeviceMotion:"ondevicemotion"in i};try{var s="hilo";localStorage.setItem(s,s),localStorage.removeItem(s),n.supportStorage=!0}catch(a){}var p=n.jsVendor=n.webkit?"webkit":n.firefox?"webkit":n.opera?"o":n.ie?"ms":"",d=n.cssVendor="-"+p+"-",m=o.createElement("div"),u=m.style,c=void 0!=u[p+"Transform"],h=void 0!=u[p+"Perspective"];h&&(m.id="test3d",u=o.createElement("style"),u.textContent="@media ("+d+"transform-3d){#test3d{height:3px}}",o.head.appendChild(u),r.appendChild(m),h=3==m.offsetHeight,o.head.removeChild(u),r.removeChild(m)),n.supportTransform=c,n.supportTransform3D=h;var l=n.supportTouch,v=l?"touchstart":"mousedown",f=l?"touchmove":"mousemove",T=l?"touchend":"mouseup";return n.POINTER_START=v,n.POINTER_MOVE=f,n.POINTER_END=T,n}();e.Hilo.browser=t}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/util/drag.js b/build/standalone/hilo/util/drag.js
index 877d3ce8..fe7afca6 100644
--- a/build/standalone/hilo/util/drag.js
+++ b/build/standalone/hilo/util/drag.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 3e9b9ab2..507c40df 100644
--- a/build/standalone/hilo/util/drag.min.js
+++ b/build/standalone/hilo/util/drag.min.js
@@ -1,142 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;
-
-/**
- * @language=en
- * <iframe src='../../../examples/drag.html?noHeader' width = '550' height = '250' scrolling='no'></iframe>
- * <br/>
- * example:
- * <pre>
- * var bmp = new Bitmap({image:img});
- * Hilo.util.copy(bmp, Hilo.drag);
- * bmp.startDrag([0, 0, 550, 400]);
- * </pre>
- * @class drag A mixin that contains drag method.You can mix drag method to the visual target by use Class.mix(target, drag) or Hilo.util.copy(target, drag).
- * @mixin
- * @static
- * @module hilo/util/drag
- * @requires hilo/core/Hilo
- */
-var drag = {
-    _isDragStart:false,
-    /**
-     * 是否需要 transform，父元素有 transform 时需要设置为true
-     * @default false
-     * @type {Boolean}
-     */
-    dragNeedTransform:false,
-    /**
-     * @language=en
-     * start drag.
-      * @param {Array} bounds The bounds area that the view can move, relative to the coordinates of the view's parent, [x, y, width, height]， default is no limit.
-    */
-    startDrag:function(bounds){
-        var that = this;
-        
-        if(that._isDragStart){
-            that.stopDrag();
-        }
-        that._isDragStart = true;
-
-        var stage;
-        bounds = bounds||[-Infinity, -Infinity, Infinity, Infinity];
-        var mouse = {
-            x:0,
-            y:0,
-            preX:0,
-            preY:0
-        };
-        var minX = bounds[0];
-        var minY = bounds[1];
-        var maxX = bounds[2] == Infinity?Infinity:minX + bounds[2];
-        var maxY = bounds[3] == Infinity?Infinity:minY + bounds[3];
-
-        var worldPoint = {
-            x:0, 
-            y:0
-        };
-
-        function onStart(e){
-            e.stopPropagation();
-            updateMouse(e);
-            that.off(Hilo.event.POINTER_START, onStart);
-
-            worldPoint.x = that.x;
-            worldPoint.y = that.y;
-            
-            if(that.dragNeedTransform && that.parent){
-                that.parent.getConcatenatedMatrix().transformPoint(worldPoint);
-            }
-
-            that.__dragX = worldPoint.x - mouse.x;
-            that.__dragY = worldPoint.y - mouse.y;
-
-            if(!stage){
-                stage = that.getStage();
-            }
-            stage.on(Hilo.event.POINTER_MOVE, onMove);
-            document.addEventListener(Hilo.event.POINTER_END, onStop);
-            that.fire("dragStart", mouse);
-        }
-
-        function onStop(e){
-            document.removeEventListener(Hilo.event.POINTER_END, onStop);
-            stage && stage.off(Hilo.event.POINTER_MOVE, onMove);
-
-            that.on(Hilo.event.POINTER_START, onStart);
-            that.fire("dragEnd", mouse);
-        }
-
-        function onMove(e){
-            updateMouse(e);
-
-            worldPoint.x = mouse.x + that.__dragX;
-            worldPoint.y = mouse.y + that.__dragY;
-
-            if(that.dragNeedTransform && that.parent){
-                that.parent.getConcatenatedMatrix().invert().transformPoint(worldPoint);
-            }
-
-            that.x = Math.max(minX, Math.min(maxX, worldPoint.x));
-            that.y = Math.max(minY, Math.min(maxY, worldPoint.y));
-            that.fire("dragMove", mouse);
-        }
-
-        function updateMouse(e){
-            mouse.preX = mouse.x;
-            mouse.preY = mouse.y;
-            mouse.x = e.stageX;
-            mouse.y = e.stageY;
-        }
-
-        function stopDrag(){
-            that._isDragStart = false;
-            document.removeEventListener(Hilo.event.POINTER_END, onStop);
-            stage && stage.off(Hilo.event.POINTER_MOVE, onMove);
-            that.off(Hilo.event.POINTER_START, onStart);
-        }
-        that.on(Hilo.event.POINTER_START, onStart);
-
-        that.stopDrag = stopDrag;
-    },
-    /**
-     * @language=en
-     * stop drag.
-    */
-    stopDrag:function(){
-        this._isDragStart = false;
-    }
-};
-window.Hilo.drag = drag;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,r={_isDragStart:!1,dragNeedTransform:!1,startDrag:function(t){function r(t){t.stopPropagation(),o(t),g.off(e.event.POINTER_START,r),E.x=g.x,E.y=g.y,g.dragNeedTransform&&g.parent&&g.parent.getConcatenatedMatrix().transformPoint(E),g.__dragX=E.x-d.x,g.__dragY=E.y-d.y,f||(f=g.getStage()),f.on(e.event.POINTER_MOVE,a),document.addEventListener(e.event.POINTER_END,n),g.fire("dragStart",d)}function n(t){document.removeEventListener(e.event.POINTER_END,n),f&&f.off(e.event.POINTER_MOVE,a),g.on(e.event.POINTER_START,r),g.fire("dragEnd",d)}function a(t){o(t),E.x=d.x+g.__dragX,E.y=d.y+g.__dragY,g.dragNeedTransform&&g.parent&&g.parent.getConcatenatedMatrix().invert().transformPoint(E),g.x=Math.max(_,Math.min(v,E.x)),g.y=Math.max(s,Math.min(T,E.y)),g.fire("dragMove",d)}function o(t){d.preX=d.x,d.preY=d.y,d.x=t.stageX,d.y=t.stageY}function i(){g._isDragStart=!1,document.removeEventListener(e.event.POINTER_END,n),f&&f.off(e.event.POINTER_MOVE,a),g.off(e.event.POINTER_START,r)}var g=this;g._isDragStart&&g.stopDrag(),g._isDragStart=!0;var f;t=t||[-(1/0),-(1/0),1/0,1/0];var d={x:0,y:0,preX:0,preY:0},_=t[0],s=t[1],v=t[2]==1/0?1/0:_+t[2],T=t[3]==1/0?1/0:s+t[3],E={x:0,y:0};g.on(e.event.POINTER_START,r),g.stopDrag=i},stopDrag:function(){this._isDragStart=!1}};t.Hilo.drag=r}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/util/polyfill.js b/build/standalone/hilo/util/polyfill.js
index 5a43a7d8..5f6ad103 100644
--- a/build/standalone/hilo/util/polyfill.js
+++ b/build/standalone/hilo/util/polyfill.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 027135b3..73c2029d 100644
--- a/build/standalone/hilo/util/polyfill.min.js
+++ b/build/standalone/hilo/util/polyfill.min.js
@@ -1,53 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-
-
-var arrayProto = Array.prototype,
-    slice = arrayProto.slice;
-
-//polyfiil for Array.prototype.indexOf
-if (!arrayProto.indexOf) {
-    arrayProto.indexOf = function(elem, fromIndex){
-        fromIndex = fromIndex || 0;
-        var len = this.length, i;
-        if(len == 0 || fromIndex >= len) return -1;
-        if(fromIndex < 0) fromIndex = len + fromIndex;
-        for(i = fromIndex; i < len; i++){
-            if(this[i] === elem) return i;
-        }
-        return -1;
-    };
-}
-
-var fnProto = Function.prototype;
-
-//polyfill for Function.prototype.bind
-if (!fnProto.bind) {
-    fnProto.bind = function(thisArg){
-        var target = this,
-            boundArgs = slice.call(arguments, 1),
-            F = function(){};
-
-        function bound(){
-            var args = boundArgs.concat(slice.call(arguments));
-            return target.apply(this instanceof bound ? this : thisArg, args);
-        }
-
-        F.prototype = target.prototype;
-        bound.prototype = new F();
-
-        return bound;
-    };
-}
-window.Hilo.undefined = undefined;
-})(window);
\ No newline at end of file
+!function(n){n.Hilo||(n.Hilo={});var t=Array.prototype,i=t.slice;t.indexOf||(t.indexOf=function(n,t){t=t||0;var i,o=this.length;if(0==o||t>=o)return-1;for(t<0&&(t=o+t),i=t;i<o;i++)if(this[i]===n)return i;return-1});var o=Function.prototype;o.bind||(o.bind=function(n){function t(){var e=r.concat(i.call(arguments));return o.apply(this instanceof t?this:n,e)}var o=this,r=i.call(arguments,1),e=function(){};return e.prototype=o.prototype,t.prototype=new e,t}),n.Hilo.undefined=void 0}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/util/util.js b/build/standalone/hilo/util/util.js
index d5ae4910..f82e7d60 100644
--- a/build/standalone/hilo/util/util.js
+++ b/build/standalone/hilo/util/util.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 685e46f2..f1e870b9 100644
--- a/build/standalone/hilo/util/util.min.js
+++ b/build/standalone/hilo/util/util.min.js
@@ -1,40 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-
-
-/**
- * @language=en
- * @class util method set
- * @static
- * @module hilo/util/util
- */
-var util = {
-    /**
-     * @language=en
-     * Simple shallow copy objects.
-     * @param {Object} target Target object to copy to.
-     * @param {Object} source Source object to copy.
-     * @param {Boolean} strict Indicates whether replication is undefined property, default is false, i.e., undefined attributes are not copied.
-     * @returns {Object} Object after copying.
-     */
-    copy: function(target, source, strict){
-        for(var key in source){
-            if(!strict || target.hasOwnProperty(key) || target[key] !== undefined){
-                target[key] = source[key];
-            }
-        }
-        return target;
-    }
-};
-window.Hilo.util = util;
-})(window);
\ No newline at end of file
+!function(o){o.Hilo||(o.Hilo={});var i={copy:function(o,i,n){for(var r in i)n&&!o.hasOwnProperty(r)&&void 0===o[r]||(o[r]=i[r]);return o}};o.Hilo.util=i}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/view/Bitmap.js b/build/standalone/hilo/view/Bitmap.js
index 2af58163..e078abf6 100644
--- a/build/standalone/hilo/view/Bitmap.js
+++ b/build/standalone/hilo/view/Bitmap.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
@@ -57,7 +57,7 @@ var Drawable = window.Hilo.Drawable;
      * set the image。
      * @param {Image|String} Image Object or URL.
      * @param {Array} rect the range of bitmap in the image, option.
-     * @param {Boolean} Whether cross-domain is needed, default is false.
+     * @param {Boolean} crossOrigin Whether cross-domain is needed, default is false.
      * @returns {Bitmap} self。
      */
     setImage: function(image, rect, crossOrigin){
diff --git a/build/standalone/hilo/view/Bitmap.min.js b/build/standalone/hilo/view/Bitmap.min.js
index c4a8d0e9..83524453 100644
--- a/build/standalone/hilo/view/Bitmap.min.js
+++ b/build/standalone/hilo/view/Bitmap.min.js
@@ -1,86 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-var Drawable = window.Hilo.Drawable;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/Bitmap.html?noHeader' width = '300' height = '200' scrolling='no'></iframe>
- * <br/>
- * Example:
- * <pre>
- * var bmp = new Hilo.Bitmap({image:imgElem, rect:[0, 0, 100, 100]});
- * stage.addChild(bmp);
- * </pre>
- * @class Bitmap
- * @augments View
- * @param {Object} properties the options of create Instance.It can contains all writable property and Moreover：
- * <ul>
- * <li><b>image</b> - the image of bitmap which contained, required.</li>
- * <li><b>rect</b> - the range of bitmap in the image, option</li>
- * <li><b>crossOrigin</b> - Whether cross-domain is needed, default is false</li>
- * </ul>
- * @module hilo/view/Bitmap
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @requires hilo/view/Drawable
- */
- var Bitmap = Class.create(/** @lends Bitmap.prototype */{
-    Extends: View,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid("Bitmap");
-        Bitmap.superclass.constructor.call(this, properties);
-
-        this.drawable = new Drawable(properties);
-
-        //init width and height
-        if(!this.width || !this.height){
-            var rect = this.drawable.rect;
-            if(rect){
-                this.width = rect[2];
-                this.height = rect[3];
-            }
-        }
-    },
-
-    /**
-     * @language=en
-     * set the image。
-     * @param {Image|String} Image Object or URL.
-     * @param {Array} rect the range of bitmap in the image, option.
-     * @param {Boolean} Whether cross-domain is needed, default is false.
-     * @returns {Bitmap} self。
-     */
-    setImage: function(image, rect, crossOrigin){
-        this.drawable.init({image:image, rect:rect, crossOrigin:crossOrigin});
-        if(rect){
-            this.width = rect[2];
-            this.height = rect[3];
-        }
-        else if(!this.width && !this.height){
-            rect = this.drawable.rect;
-            if(rect){
-                this.width = rect[2];
-                this.height = rect[3];
-            }
-        }
-        return this;
-    }
- });
-
-window.Hilo.Bitmap = Bitmap;
-})(window);
\ No newline at end of file
+!function(i){i.Hilo||(i.Hilo={});var t=i.Hilo,h=i.Hilo.Class,s=i.Hilo.View,e=i.Hilo.Drawable,a=h.create({Extends:s,constructor:function(i){if(i=i||{},this.id=this.id||i.id||t.getUid("Bitmap"),a.superclass.constructor.call(this,i),this.drawable=new e(i),!this.width||!this.height){var h=this.drawable.rect;h&&(this.width=h[2],this.height=h[3])}},setImage:function(i,t,h){return this.drawable.init({image:i,rect:t,crossOrigin:h}),t?(this.width=t[2],this.height=t[3]):this.width||this.height||(t=this.drawable.rect,t&&(this.width=t[2],this.height=t[3])),this}});i.Hilo.Bitmap=a}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/view/BitmapText.js b/build/standalone/hilo/view/BitmapText.js
index 0dbace01..c1483aa1 100644
--- a/build/standalone/hilo/view/BitmapText.js
+++ b/build/standalone/hilo/view/BitmapText.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 39d51a3f..2991d531 100644
--- a/build/standalone/hilo/view/BitmapText.min.js
+++ b/build/standalone/hilo/view/BitmapText.min.js
@@ -1,190 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var Hilo = window.Hilo;var Container = window.Hilo.Container;
-var Bitmap = window.Hilo.Bitmap;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/BitmapText.html?noHeader' width = '550' height = '80' scrolling='no'></iframe>
- * <br/>
- * @class BitmapText  support bitmap text function ,but only support single-line text
- * @augments Container
- * @param {Object} properties the options of create Instance.It can contains all writable property
- * @module hilo/view/BitmapText
- * @requires hilo/core/Class
- * @requires hilo/core/Hilo
- * @requires hilo/view/Container
- * @requires hilo/view/Bitmap
- * @property {Object} glyphs font glyph set of bitmap. format:{letter:{image:img, rect:[0,0,100,100]}}
- * @property {Number} letterSpacing spacing of letter. default:0
- * @property {String} text content of bitmap text. Not writable,set this value by 'setText'
- * @property {String} textAlign property values:left、center、right, default:left,Not writable,set this property by 'setTextAlign'
- */
-var BitmapText = Class.create(/** @lends BitmapText.prototype */{
-    Extends: Container,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid('BitmapText');
-        BitmapText.superclass.constructor.call(this, properties);
-
-        var text = properties.text + '';
-        if(text){
-            this.text = '';
-            this.setText(text);
-        }
-
-        this.pointerChildren = false; //disable user events for single letters
-    },
-
-    glyphs: null,
-    letterSpacing: 0,
-    text: '',
-    textAlign:'left',
-
-    /**
-     * @language=en
-     * set the content of bitmap text
-     * @param {String} text content
-     * @returns {BitmapText} BitmapText Instance,support chained calls
-     */
-    setText: function(text){
-        var me = this, str = text.toString(), len = str.length;
-        if(me.text == str) return;
-        me.text = str;
-
-        var i, charStr, charGlyph, charObj, width = 0, height = 0, left = 0;
-        for(i = 0; i < len; i++){
-            charStr = str.charAt(i);
-            charGlyph = me.glyphs[charStr];
-            if(charGlyph){
-                left = width + (width > 0 ? me.letterSpacing : 0);
-                if(me.children[i]){
-                    charObj = me.children[i];
-                    charObj.setImage(charGlyph.image, charGlyph.rect);
-                }
-                else{
-                    charObj = me._createBitmap(charGlyph);
-                    me.addChild(charObj);
-                }
-                charObj.x = left;
-                width = left + charGlyph.rect[2];
-                height = Math.max(height, charGlyph.rect[3]);
-            }
-        }
-
-        for(i = me.children.length - 1;i >= len;i --){
-            me._releaseBitmap(me.children[i]);
-            me.children[i].removeFromParent();
-        }
-
-        me.width = width;
-        me.height = height;
-        this.setTextAlign();
-        return me;
-    },
-    _createBitmap:function(cfg){
-        var bmp;
-        if(BitmapText._pool.length){
-            bmp = BitmapText._pool.pop();
-            bmp.setImage(cfg.image, cfg.rect);
-        }
-        else{
-            bmp = new Bitmap({
-                image:cfg.image,
-                rect:cfg.rect
-            });
-        }
-        return bmp;
-    },
-    _releaseBitmap:function(bmp){
-        BitmapText._pool.push(bmp);
-    },
-
-     /**
-      * @language=en
-      * set the textAlign of text。
-     * @param textAlign value of textAlign:left、center、right
-     * @returns {BitmapText} itmapText Instance,support chained calls
-     */
-    setTextAlign:function(textAlign){
-        this.textAlign = textAlign||this.textAlign;
-        switch(this.textAlign){
-            case "center":
-                this.pivotX = this.width * .5;
-                break;
-            case "right":
-                this.pivotX = this.width;
-                break;
-            case "left":
-                /* falls through */
-            default:
-                this.pivotX = 0;
-                break;
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * detect whether can display the string by the currently assigned font provided
-     * @param {String} str to detect string
-     * @returns {Boolean} whether can display the string
-     */
-    hasGlyphs: function(str){
-        var glyphs = this.glyphs;
-        if(!glyphs) return false;
-
-        str = str.toString();
-        var len = str.length, i;
-        for(i = 0; i < len; i++){
-            if(!glyphs[str.charAt(i)]) return false;
-        }
-        return true;
-    },
-
-    Statics:/** @lends BitmapText */{
-        _pool:[],
-        /**
-         * @language=en
-         * easy way to generate a collection of glyphs
-         * @static
-         * @param {String} text character text.
-         * @param {Image} image character image.
-         * @param {Number} col default:the length of string
-         * @param {Number} row default:1
-         * @returns {BitmapText} BitmapText对象本身。链式调用支持。
-         */
-        createGlyphs:function(text, image, col, row){
-            var str = text.toString();
-            col = col||str.length;
-            row = row||1;
-            var w = image.width/col;
-            var h = image.height/row;
-            var glyphs = {};
-            for(var i = 0, l = text.length;i < l;i ++){
-                var charStr = str.charAt(i);
-                glyphs[charStr] = {
-                    image:image,
-                    rect:[w * (i % col), h * Math.floor(i / col), w, h]
-                };
-            }
-            return glyphs;
-        }
-    }
-
-});
-
-window.Hilo.BitmapText = BitmapText;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo.Class,i=t.Hilo,r=t.Hilo.Container,n=t.Hilo.Bitmap,h=e.create({Extends:r,constructor:function(t){t=t||{},this.id=this.id||t.id||i.getUid("BitmapText"),h.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,h,a,l,s=0,o=0,c=0;for(n=0;n<r;n++)h=i.charAt(n),a=e.glyphs[h],a&&(c=s+(s>0?e.letterSpacing:0),e.children[n]?(l=e.children[n],l.setImage(a.image,a.rect)):(l=e._createBitmap(a),e.addChild(l)),l.x=c,s=c+a.rect[2],o=Math.max(o,a.rect[3]));for(n=e.children.length-1;n>=r;n--)e._releaseBitmap(e.children[n]),e.children[n].removeFromParent();return e.width=s,e.height=o,this.setTextAlign(),e}},_createBitmap:function(t){var e;return h._pool.length?(e=h._pool.pop(),e.setImage(t.image,t.rect)):e=new n({image:t.image,rect:t.rect}),e},_releaseBitmap:function(t){h._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 h=e.width/i,a=e.height/r,l={},s=0,o=t.length;s<o;s++){var c=n.charAt(s);l[c]={image:e,rect:[h*(s%i),a*Math.floor(s/i),h,a]}}return l}}});t.Hilo.BitmapText=h}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/view/Button.js b/build/standalone/hilo/view/Button.js
index 30954d2e..28f1abb6 100644
--- a/build/standalone/hilo/view/Button.js
+++ b/build/standalone/hilo/view/Button.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 cf688c03..a849a8d4 100644
--- a/build/standalone/hilo/view/Button.min.js
+++ b/build/standalone/hilo/view/Button.min.js
@@ -1,186 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-var Drawable = window.Hilo.Drawable;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/Button.html?noHeader' width = '320' height = '170' scrolling='no'></iframe>
- * <br/>
- * demo:
- * <pre>
- * var btn = new Hilo.Button({
- *     image: buttonImage,
- *     upState: {rect:[0, 0, 64, 64]},
- *     overState: {rect:[64, 0, 64, 64]},
- *     downState: {rect:[128, 0, 64, 64]},
- *     disabledState: {rect:[192, 0, 64, 64]}
- * });
- * </pre>
- * @class Button class is a simple button class, contains four kinds of state: 'up', 'over', 'down', 'disabled'
- * @augments View
- * @param {Object} properties create object properties. Contains all writable properties. Also contains:
- * <ul>
- * <li><b>image</b> - the image element that button image is in</li>
- * </ul>
- * @module hilo/view/Button
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @requires hilo/view/Drawable
- * @requires hilo/util/util
- * @property {Object} upState The property of button 'up' state or collections of its drawable properties.
- * @property {Object} overState The property of button 'over' state or collections of its drawable properties.
- * @property {Object} downState The property of button 'down' state or collections of its drawable properties.
- * @property {Object} disabledState The property of button 'disabled' state or collections of its drawable properties.
- * @property {String} state the state name of button, could be one of Button.UP|OVER|DOWN|DISABLED, readonly!
- * @property {Boolean} enabled Is button enabled. default value is true, readonly!
- * @property {Boolean} useHandCursor If true, cursor over the button will become a pointer cursor, default value is true.
- */
- var Button = Class.create(/** @lends Button.prototype */{
-    Extends: View,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid("Button");
-        Button.superclass.constructor.call(this, properties);
-
-        this.drawable = new Drawable(properties);
-        this.setState(Button.UP);
-    },
-
-    upState: null,
-    overState: null,
-    downState: null,
-    disabledState: null,
-
-    state: null,
-    enabled: true,
-    useHandCursor: true,
-
-    /**
-     * @language=en
-     * Set whether the button is enabled.
-     * @param {Boolean} enabled Show whether the button is enabled.
-     * @returns {Button} Return the button itself.
-     */
-    setEnabled: function(enabled){
-        if(this.enabled != enabled){
-            if(!enabled){
-                this.setState(Button.DISABLED);
-            }else{
-                this.setState(Button.UP);
-            }
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set the state of the button. Invoke inside the Button and may not be used.
-     * @param {String} state New state of the button.
-     * @returns {Button} Return the button itself.
-     */
-    setState: function(state){
-        if(this.state !== state){
-            this.state = state;
-            this.pointerEnabled = this.enabled = state !== Button.DISABLED;
-
-            var stateObj;
-            switch(state){
-                case Button.UP:
-                    stateObj = this.upState;
-                    break;
-                case Button.OVER:
-                    stateObj = this.overState;
-                    break;
-                case Button.DOWN:
-                    stateObj = this.downState;
-                    break;
-                case Button.DISABLED:
-                    stateObj = this.disabledState;
-                    break;
-            }
-
-            if(stateObj){
-                this.drawable.init(stateObj);
-                util.copy(this, stateObj, true);
-            }
-        }
-
-        return this;
-    },
-
-    /**
-     * @language=en
-     * overwrite
-     * @private
-     */
-    fire: function(type, detail){
-        if(!this.enabled) return;
-
-        var evtType = typeof type === 'string' ? type : type.type;
-        switch(evtType){
-            case 'mousedown':
-            case 'touchstart':
-            case 'touchmove':
-                this.setState(Button.DOWN);
-                break;
-            case "mouseover":
-                this.setState(Button.OVER);
-                break;
-            case 'mouseup':
-                if(this.overState) this.setState(Button.OVER);
-                else if(this.upState) this.setState(Button.UP);
-                break;
-            case 'touchend':
-            case 'touchout':
-            case 'mouseout':
-                this.setState(Button.UP);
-                break;
-        }
-
-        return Button.superclass.fire.call(this, type, detail);
-    },
-
-    Statics: /** @lends Button */ {
-        /**
-         * @language=en
-         * Statics value of Button's 'up' state.
-         * @type String
-         */
-        UP: 'up',
-        /**
-         * @language=en
-         * Statics value of Button's 'over' state.
-         * @type String
-         */
-        OVER: 'over',
-        /**
-         * @language=en
-         * Statics value of Button's 'down' state.
-         * @type String
-         */
-        DOWN: 'down',
-        /**
-         * @language=en
-         * Statics value of Button's 'disabled' state.
-         * @type String
-         */
-        DISABLED: 'disabled'
-    }
- });
-window.Hilo.Button = Button;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,s=t.Hilo.Class,a=t.Hilo.View,i=t.Hilo.Drawable,o=t.Hilo.util,n=s.create({Extends:a,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("Button"),n.superclass.constructor.call(this,t),this.drawable=new i(t),this.setState(n.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(n.UP):this.setState(n.DISABLED)),this},setState:function(t){if(this.state!==t){this.state=t,this.pointerEnabled=this.enabled=t!==n.DISABLED;var e;switch(t){case n.UP:e=this.upState;break;case n.OVER:e=this.overState;break;case n.DOWN:e=this.downState;break;case n.DISABLED:e=this.disabledState}e&&(this.drawable.init(e),o.copy(this,e,!0))}return this},fire:function(t,e){if(this.enabled){var s="string"==typeof t?t:t.type;switch(s){case"mousedown":case"touchstart":case"touchmove":this.setState(n.DOWN);break;case"mouseover":this.setState(n.OVER);break;case"mouseup":this.overState?this.setState(n.OVER):this.upState&&this.setState(n.UP);break;case"touchend":case"touchout":case"mouseout":this.setState(n.UP)}return n.superclass.fire.call(this,t,e)}},Statics:{UP:"up",OVER:"over",DOWN:"down",DISABLED:"disabled"}});t.Hilo.Button=n}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/view/CacheMixin.js b/build/standalone/hilo/view/CacheMixin.js
index 52d495e2..b0e38e85 100644
--- a/build/standalone/hilo/view/CacheMixin.js
+++ b/build/standalone/hilo/view/CacheMixin.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 57a20cee..89d1a266 100644
--- a/build/standalone/hilo/view/CacheMixin.min.js
+++ b/build/standalone/hilo/view/CacheMixin.min.js
@@ -1,71 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Drawable = window.Hilo.Drawable;
-var browser = window.Hilo.browser;
-
-
-var _cacheCanvas, _cacheContext;
-/**
- * @language=en
- * @class CacheMixin A mixin that contains cache method.You can mix cache method to the target by use Class.mix(target, CacheMixin).
- * @static
- * @mixin
- * @module hilo/view/CacheMixin
- * @requires hilo/view/Drawable
- * @requires hilo/util/browser
- */
-var CacheMixin = /** @lends CacheMixin# */ {
-    _cacheDirty:true,
-    /**
-     * @language=en
-     * Cache the view.
-     * @param {Boolean} forceUpdate is force update cache.
-     */
-    cache: function(forceUpdate){
-        if(forceUpdate || this._cacheDirty || !this.drawable){
-            this.updateCache();
-        }
-    },
-    /**
-     * @language=en
-     * Update the cache.
-     */
-    updateCache:function(){
-        if(browser.supportCanvas){
-            if(!_cacheCanvas){
-                _cacheCanvas = document.createElement('canvas');
-                _cacheContext = _cacheCanvas.getContext('2d');
-            }
-
-            //TODO:width, height自动判断
-            _cacheCanvas.width = this.width;
-            _cacheCanvas.height = this.height;
-            this._draw(_cacheContext);
-            this.drawable = this.drawable||new Drawable();
-            this.drawable.init({
-                image:_cacheCanvas.toDataURL()
-            });
-            this._cacheDirty = false;
-        }
-    },
-    /**
-     * @language=en
-     * set the cache state diry.
-     * @param {Boolean} dirty is cache dirty
-     */
-    setCacheDirty:function(dirty){
-        this._cacheDirty = dirty;
-    }
-};
-window.Hilo.CacheMixin = CacheMixin;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var i,a,e=t.Hilo.Drawable,h=t.Hilo.browser,c={_cacheDirty:!0,cache:function(t){(t||this._cacheDirty||!this.drawable)&&this.updateCache()},updateCache:function(){h.supportCanvas&&(i||(i=document.createElement("canvas"),a=i.getContext("2d")),i.width=this.width,i.height=this.height,this._draw(a),this.drawable=this.drawable||new e,this.drawable.init({image:i.toDataURL()}),this._cacheDirty=!1)},setCacheDirty:function(t){this._cacheDirty=t}};t.Hilo.CacheMixin=c}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/view/Container.js b/build/standalone/hilo/view/Container.js
index 32302834..fb6e0a80 100644
--- a/build/standalone/hilo/view/Container.js
+++ b/build/standalone/hilo/view/Container.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 d3b2bf88..c92713e7 100644
--- a/build/standalone/hilo/view/Container.min.js
+++ b/build/standalone/hilo/view/Container.min.js
@@ -1,379 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-
-
-/**
- * @language=en
- * @class Container is the base class to all container classes. Each Container can add other view object as children.
- * @augments View
- * @param {Object} properties Properties parameters of the object to create. Contains all writable properties of this class.
- * @module hilo/view/Container
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @property {Array} children List of children elements of the container, readonly!
- * @property {Boolean} pointerChildren Whether children elements of the container can response to user interactive events, default value is true.
- * @property {Boolean} clipChildren Whether clip children elements which are out of the container, default value is false.
- */
-var Container = Class.create(/** @lends Container.prototype */{
-    Extends: View,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid("Container");
-        Container.superclass.constructor.call(this, properties);
-
-        if(this.children) this._updateChildren();
-        else this.children = [];
-    },
-
-    children: null,
-    pointerChildren: true,
-    clipChildren: false,
-
-    /**
-     * @language=en
-     * Return the amount of the children elements of the container.
-     * @returns {Uint} The amount of the children elements of the container.
-     */
-    getNumChildren: function(){
-        return this.children.length;
-    },
-
-    /**
-     * @language=en
-     * Add child element at given index.
-     * @param {View} child Element to add.
-     * @param {Number} index The given index position, range from 0.
-     */
-    addChildAt: function(child, index){
-        var children = this.children,
-            len = children.length,
-            parent = child.parent;
-
-        index = index < 0 ? 0 : index > len ? len : index;
-        var childIndex = this.getChildIndex(child);
-        if(childIndex == index){
-            return this;
-        }else if(childIndex >= 0){
-            children.splice(childIndex, 1);
-            index = index == len ? len - 1 : index;
-        }else if(parent){
-            parent.removeChild(child);
-        }
-
-        children.splice(index, 0, child);
-
-        //直接插入，影响插入位置之后的深度
-        //Insert directly, this will affect depth of elements after the index.
-        if(childIndex < 0){
-            this._updateChildren(index);
-        }
-        //只是移动时影响中间段的深度
-        //Will affect depth of elements in the middle during moving
-        else{
-            var startIndex = childIndex < index ? childIndex : index;
-            var endIndex = childIndex < index ? index : childIndex;
-            this._updateChildren(startIndex, endIndex + 1);
-        }
-
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Add child element at the top.
-     * @param {View} child Elements to add.
-     */
-    addChild: function(child){
-        var total = this.children.length,
-            args = arguments;
-
-        for(var i = 0, len = args.length; i < len; i++){
-            this.addChildAt(args[i], total + i);
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Remove element at the index.
-     * @param {Int} index Index of the element to remove, range from 0.
-     * @returns {View} Element had been removed.
-     */
-    removeChildAt: function(index){
-        var children = this.children;
-        if(index < 0 || index >= children.length) return null;
-
-        var child = children[index];
-        if(child){
-            //NOTE: use `__renderer` for fixing child removal (DOMRenderer and FlashRenderer only).
-            //Do `not` use it in any other case.
-            if(!child.__renderer){
-                var obj = child;
-                while(obj = obj.parent){
-                    //obj is stage
-                    if(obj.renderer){
-                        child.__renderer = obj.renderer;
-                        break;
-                    }
-                    else if(obj.__renderer){
-                        child.__renderer = obj.__renderer;
-                        break;
-                    }
-                }
-            }
-
-            if(child.__renderer){
-                child.__renderer.remove(child);
-            }
-
-            child.parent = null;
-            child.depth = -1;
-        }
-
-        children.splice(index, 1);
-        this._updateChildren(index);
-
-        return child;
-    },
-
-    /**
-     * @language=en
-     * Remove the given child element.
-     * @param {View} child The child element to remove.
-     * @returns {View} Element had been removed.
-     */
-    removeChild: function(child){
-        return this.removeChildAt(this.getChildIndex(child));
-    },
-
-    /**
-     * @language=en
-     * Remove child element by its id.
-     * @param {String} id The id of element to remove.
-     * @returns {View} Element had been removed.
-     */
-    removeChildById: function(id){
-        var children = this.children, child;
-        for(var i = 0, len = children.length; i < len; i++){
-            child = children[i];
-            if(child.id === id){
-                this.removeChildAt(i);
-                return child;
-            }
-        }
-        return null;
-    },
-
-    /**
-     * @language=en
-     * Remove all children elements.
-     * @returns {Container} Container itself.
-     */
-    removeAllChildren: function(){
-        while(this.children.length) this.removeChildAt(0);
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Return child element at the given index.
-     * @param {Number} index The index of the element, range from 0.
-     */
-    getChildAt: function(index){
-        var children = this.children;
-        if(index < 0 || index >= children.length) return null;
-        return children[index];
-    },
-
-    /**
-     * @language=en
-     * Return child element at the given id.
-     * @param {String} id The id of child element to return.
-     */
-    getChildById: function(id){
-        var children = this.children, child;
-        for(var i = 0, len = children.length; i < len; i++){
-            child = children[i];
-            if(child.id === id) return child;
-        }
-        return null;
-    },
-
-    /**
-     * @language=en
-     * Return index value of the given child element.
-     * @param {View} child The child element need to get its index.
-     */
-    getChildIndex: function(child){
-        return this.children.indexOf(child);
-    },
-
-    /**
-     * @language=en
-     * Set the index of child element.
-     * @param {View} child The child element need to set index.
-     * @param {Number} index The index to set to the element.
-     */
-    setChildIndex: function(child, index){
-        var children = this.children,
-            oldIndex = children.indexOf(child);
-
-        if(oldIndex >= 0 && oldIndex != index){
-            var len = children.length;
-            index = index < 0 ? 0 : index >= len ? len - 1 : index;
-            children.splice(oldIndex, 1);
-            children.splice(index, 0, child);
-            this._updateChildren();
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Swap index between two child elements.
-     * @param {View} child1 Child element A.
-     * @param {View} child2 Child element B.
-     */
-    swapChildren: function(child1, child2){
-        var children = this.children,
-            index1 = this.getChildIndex(child1),
-            index2 = this.getChildIndex(child2);
-
-        child1.depth = index2;
-        children[index2] = child1;
-        child2.depth = index1;
-        children[index1] = child2;
-    },
-
-    /**
-     * @language=en
-     * Swap two children elements at given indexes.
-     * @param {Number} index1 Given index A.
-     * @param {Number} index2 Given index B.
-     */
-    swapChildrenAt: function(index1, index2){
-        var children = this.children,
-            child1 = this.getChildAt(index1),
-            child2 = this.getChildAt(index2);
-
-        child1.depth = index2;
-        children[index2] = child1;
-        child2.depth = index1;
-        children[index1] = child2;
-    },
-
-    /**
-     * @language=en
-     * Sort children elements by the given key or function.
-     * @param {Object} keyOrFunction If is String, sort children elements by the given property string; If is Function, sort by the function.
-     */
-    sortChildren: function(keyOrFunction){
-        var fn = keyOrFunction,
-            children = this.children;
-        if(typeof fn == "string"){
-            var key = fn;
-            fn = function(a, b){
-                return b[key] - a[key];
-            };
-        }
-        children.sort(fn);
-        this._updateChildren();
-    },
-
-    /**
-     * @language=en
-     * Update children elements.
-     * @private
-     */
-    _updateChildren: function(start, end){
-        var children = this.children, child;
-        start = start || 0;
-        end = end || children.length;
-        for(var i = start; i < end; i++){
-            child = children[i];
-            child.depth = i + 1;
-            child.parent = this;
-        }
-    },
-
-    /**
-     * @language=en
-     * Return whether this container contains the parameter described child element.
-     * @param {View} child The child element to test.
-     */
-    contains: function(child){
-        while(child = child.parent){
-            if(child === this){
-                return true;
-            }
-        }
-        return false;
-    },
-
-    /**
-     * @language=en
-     * Return object at the point positioned by given values on x axis and y axis.
-     * @param {Number} x The point's value on the coordinate's x axis.
-     * @param {Number} y The point's value on the coordinate's y asix.
-     * @param {Boolean} usePolyCollision Whether use polygon collision detection, default value is false.
-     * @param {Boolean} global Whether return all elements that match the condition, default value is false.
-     * @param {Boolean} eventMode Whether find elements under event mode, default value is false.
-     */
-    getViewAtPoint: function(x, y, usePolyCollision, global, eventMode){
-        var result = global ? [] : null,
-            children = this.children, child, obj;
-
-        for(var i = children.length - 1; i >= 0; i--){
-            child = children[i];
-            //skip child which is not shown or pointer enabled
-            if(!child || !child.visible || child.alpha <= 0 || (eventMode && !child.pointerEnabled)) continue;
-            //find child recursively
-            if(child.children && child.children.length && !(eventMode && !child.pointerChildren)){
-                obj = child.getViewAtPoint(x, y, usePolyCollision, global, eventMode);
-            }
-
-            if(obj){
-                if(!global) return obj;
-                else if(obj.length) result = result.concat(obj);
-            }else if(child.hitTestPoint(x, y, usePolyCollision)){
-                if(!global) return child;
-                else result.push(child);
-            }
-        }
-
-        return global && result.length ? result : null;
-    },
-
-    /**
-     * @language=en
-     * Rewrite render method.
-     * @private
-     */
-    render: function(renderer, delta){
-        Container.superclass.render.call(this, renderer, delta);
-
-        var children = this.children.slice(0), i, len, child;
-        for(i = 0, len = children.length; i < len; i++){
-            child = children[i];
-            //NOTE: the child could remove or change it's parent
-            if(child.parent === this) child._render(renderer, delta);
-        }
-    }
-
-});
-
-window.Hilo.Container = Container;
-})(window);
\ No newline at end of file
+!function(e){e.Hilo||(e.Hilo={});var i=e.Hilo,r=e.Hilo.Class,t=e.Hilo.View,n=r.create({Extends:t,constructor:function(e){e=e||{},this.id=this.id||e.id||i.getUid("Container"),n.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(e,i){var r=this.children,t=r.length,n=e.parent;i=i<0?0:i>t?t:i;var h=this.getChildIndex(e);if(h==i)return this;if(h>=0?(r.splice(h,1),i=i==t?t-1:i):n&&n.removeChild(e),r.splice(i,0,e),h<0)this._updateChildren(i);else{var l=h<i?h:i,d=h<i?i:h;this._updateChildren(l,d+1)}return this},addChild:function(e){for(var i=this.children.length,r=arguments,t=0,n=r.length;t<n;t++)this.addChildAt(r[t],i+t);return this},removeChildAt:function(e){var i=this.children;if(e<0||e>=i.length)return null;var r=i[e];if(r){if(!r.__renderer)for(var t=r;t=t.parent;){if(t.renderer){r.__renderer=t.renderer;break}if(t.__renderer){r.__renderer=t.__renderer;break}}r.__renderer&&r.__renderer.remove(r),r.parent=null,r.depth=-1}return i.splice(e,1),this._updateChildren(e),r},removeChild:function(e){return this.removeChildAt(this.getChildIndex(e))},removeChildById:function(e){for(var i,r=this.children,t=0,n=r.length;t<n;t++)if(i=r[t],i.id===e)return this.removeChildAt(t),i;return null},removeAllChildren:function(){for(;this.children.length;)this.removeChildAt(0);return this},getChildAt:function(e){var i=this.children;return e<0||e>=i.length?null:i[e]},getChildById:function(e){for(var i,r=this.children,t=0,n=r.length;t<n;t++)if(i=r[t],i.id===e)return i;return null},getChildIndex:function(e){return this.children.indexOf(e)},setChildIndex:function(e,i){var r=this.children,t=r.indexOf(e);if(t>=0&&t!=i){var n=r.length;i=i<0?0:i>=n?n-1:i,r.splice(t,1),r.splice(i,0,e),this._updateChildren()}return this},swapChildren:function(e,i){var r=this.children,t=this.getChildIndex(e),n=this.getChildIndex(i);e.depth=n,r[n]=e,i.depth=t,r[t]=i},swapChildrenAt:function(e,i){var r=this.children,t=this.getChildAt(e),n=this.getChildAt(i);t.depth=i,r[i]=t,n.depth=e,r[e]=n},sortChildren:function(e){var i=e,r=this.children;if("string"==typeof i){var t=i;i=function(e,i){return i[t]-e[t]}}r.sort(i),this._updateChildren()},_updateChildren:function(e,i){var r,t=this.children;e=e||0,i=i||t.length;for(var n=e;n<i;n++)r=t[n],r.depth=n+1,r.parent=this},contains:function(e){for(;e=e.parent;)if(e===this)return!0;return!1},getViewAtPoint:function(e,i,r,t,n){for(var h,l,d=t?[]:null,s=this.children,o=s.length-1;o>=0;o--)if(h=s[o],!(!h||!h.visible||h.alpha<=0||n&&!h.pointerEnabled))if(h.children&&h.children.length&&(!n||h.pointerChildren)&&(l=h.getViewAtPoint(e,i,r,t,n)),l){if(!t)return l;l.length&&(d=d.concat(l))}else if(h.hitTestPoint(e,i,r)){if(!t)return h;d.push(h)}return t&&d.length?d:null},render:function(e,i){n.superclass.render.call(this,e,i);var r,t,h,l=this.children.slice(0);for(r=0,t=l.length;r<t;r++)h=l[r],h.parent===this&&h._render(e,i)}});e.Hilo.Container=n}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/view/DOMElement.js b/build/standalone/hilo/view/DOMElement.js
index 50755363..e396dff9 100644
--- a/build/standalone/hilo/view/DOMElement.js
+++ b/build/standalone/hilo/view/DOMElement.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 1978f3e0..2713c843 100644
--- a/build/standalone/hilo/view/DOMElement.min.js
+++ b/build/standalone/hilo/view/DOMElement.min.js
@@ -1,121 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-var Drawable = window.Hilo.Drawable;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/DOMElement.html?noHeader' width = '330' height = '250' scrolling='no'></iframe>
- * <br/>
- * demo:
- * <pre>
- * var domView = new Hilo.DOMElement({
- *     element: Hilo.createElement('div', {
- *         style: {
- *             backgroundColor: '#004eff',
- *             position: 'absolute'
- *         }
- *     }),
- *     width: 100,
- *     height: 100,
- *     x: 50,
- *     y: 70
- * }).addTo(stage);
- * </pre>
- * @name DOMElement
- * @class DOMElement is a wrapper of dom element.（The DOMElement's parent must be stage）
- * @augments View
- * @param {Object} properties create Objects properties. Contains all writable properties in this class. Special properties include:
- * <ul>
- * <li><b>element</b> - dom element to wrap, required! </li>
- * </ul>
- * @module hilo/view/DOMElement
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @requires hilo/view/Drawable
- */
-var DOMElement = Class.create(/** @lends DOMElement.prototype */{
-    Extends: View,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid("DOMElement");
-        DOMElement.superclass.constructor.call(this, properties);
-
-        this.drawable = new Drawable();
-        var elem = this.drawable.domElement = properties.element || Hilo.createElement('div');
-        elem.id = this.id;
-
-        if(this.pointerEnabled && !elem.style.pointerEvents){
-            elem.style.pointerEvents = 'visible';
-        }
-    },
-
-    /**
-     * @language=en
-     * Overwrite render method.
-     * @private
-     */
-    _render: function(renderer, delta){
-        if(!this.onUpdate || this.onUpdate(delta) !== false){
-            renderer.transform(this);
-            if(this.visible && this.alpha > 0){
-                this.render(renderer, delta);
-            }
-        }
-    },
-
-    /**
-     * @language=en
-     * Overwrite render method.
-     * @private
-     */
-    render: function(renderer, delta){
-        if(renderer.renderType !== 'dom'){
-            var canvas = renderer.canvas;
-            var stage = this.parent;
-            var domElementContainer = renderer._domElementContainer;
-            if(!renderer._domElementContainer){
-                domElementContainer = renderer._domElementContainer = Hilo.createElement('div', {
-                    style:{
-                        'position':'absolute',
-                        'transform':'scale3d(' + stage.scaleX + ',' + stage.scaleY + ', 1)',
-                        'transformOrigin':'0 0',
-                        'zIndex':'1'
-                    }
-                });
-                canvas.parentNode.insertBefore(renderer._domElementContainer, canvas.nextSibling);
-            }
-
-            var elem = this.drawable.domElement, depth = this.depth,
-                nextElement = domElementContainer.childNodes[0], nextDepth;
-            if(elem.parentNode) return;
-
-            //draw dom element just after stage canvas
-            while(nextElement && nextElement.nodeType != 3){
-                nextDepth = parseInt(nextElement.style.zIndex) || 0;
-                if(nextDepth <= 0 || nextDepth > depth){
-                    break;
-                }
-                nextElement = nextElement.nextSibling;
-            }
-            domElementContainer.insertBefore(this.drawable.domElement, nextElement);
-        }else{
-            renderer.draw(this);
-        }
-    }
-});
-window.Hilo.DOMElement = DOMElement;
-})(window);
\ No newline at end of file
+!function(e){e.Hilo||(e.Hilo={});var t=e.Hilo,n=e.Hilo.Class,i=e.Hilo.View,r=e.Hilo.Drawable,s=n.create({Extends:i,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("DOMElement"),s.superclass.constructor.call(this,e),this.drawable=new r;var n=this.drawable.domElement=e.element||t.createElement("div");n.id=this.id,this.pointerEnabled&&!n.style.pointerEvents&&(n.style.pointerEvents="visible")},_render:function(e,t){this.onUpdate&&this.onUpdate(t)===!1||(e.transform(this),this.visible&&this.alpha>0&&this.render(e,t))},render:function(e,n){if("dom"!==e.renderType){var i=e.canvas,r=this.parent,s=e._domElementContainer;e._domElementContainer||(s=e._domElementContainer=t.createElement("div",{style:{position:"absolute",transform:"scale3d("+r.scaleX+","+r.scaleY+", 1)",transformOrigin:"0 0",zIndex:"1"}}),i.parentNode.insertBefore(e._domElementContainer,i.nextSibling));var o,l=this.drawable.domElement,a=this.depth,d=s.childNodes[0];if(l.parentNode)return;for(;d&&3!=d.nodeType&&(o=parseInt(d.style.zIndex)||0,!(o<=0||o>a));)d=d.nextSibling;s.insertBefore(this.drawable.domElement,d)}else e.draw(this)}});e.Hilo.DOMElement=s}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/view/Drawable.js b/build/standalone/hilo/view/Drawable.js
index 7426dbc0..fe5c645d 100644
--- a/build/standalone/hilo/view/Drawable.js
+++ b/build/standalone/hilo/view/Drawable.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 462b36da..ce4c94d8 100644
--- a/build/standalone/hilo/view/Drawable.min.js
+++ b/build/standalone/hilo/view/Drawable.min.js
@@ -1,86 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * @class Drawable is a wrapper of drawable images.
- * @param {Object} properties create Objects properties, contains all writable properties.
- * @module hilo/view/Drawable
- * @requires hilo/core/Class
- * @requires hilo/util/util
- * @property {Object} image Image to be drawed, can used by CanvasRenderingContext2D.drawImage，like HTMLImageElement、HTMLCanvasElement、HTMLVideoElement。
- * @property {array} rect The retangle area that image will be drawed.
- */
-var Drawable = Class.create(/** @lends Drawable.prototype */{
-    constructor: function(properties){
-        this.init(properties);
-    },
-
-    image: null,
-    rect: null,
-
-    /**
-     * @language=en
-     * Initialize drawable elements.
-     * @param {Object} properties Properties need to be initialized.
-     */
-    init: function(properties){
-        var me = this, oldImage = me.image;
-        if(Drawable.isDrawable(properties)){
-            me.image = properties;
-        }else{
-            util.copy(me, properties, true);
-        }
-
-        var image = me.image;
-        if(typeof image === 'string'){
-            if(oldImage && image === oldImage.getAttribute('src')){
-                image = me.image = oldImage;
-            }else{
-                me.image = null;
-                //load image dynamically
-                var img = new Image();
-                if(properties.crossOrigin){
-                    img.crossOrigin = "Anonymous";
-                }
-                img.onload = function(){
-                    img.onload = null;
-                    me.init(img);
-                };
-                img.src = image;
-                return;
-            }
-        }
-
-        if(image && !me.rect) me.rect = [0, 0, image.width, image.height];
-    },
-
-    Statics: /** @lends Drawable */{
-        /**
-         * @language=en
-         * Check whether the given 'elem' and be wrapped into Drawable object.
-         * @param {Object} elem Element to be tested.
-         * @return {Boolean} Return true if element can be wrapped into Drawable element, otherwises return false.
-         */
-        isDrawable: function(elem){
-            if(!elem || !elem.tagName) return false;
-            var tagName = elem.tagName.toLowerCase();
-            return tagName === "img" || tagName === "canvas" || tagName === "video";
-        }
-    }
-});
-window.Hilo.Drawable = Drawable;
-})(window);
\ No newline at end of file
+!function(i){i.Hilo||(i.Hilo={});var t=i.Hilo.Class,n=i.Hilo.util,a=t.create({constructor:function(i){this.init(i)},image:null,rect:null,init:function(i){var t=this,r=t.image;a.isDrawable(i)?t.image=i:n.copy(t,i,!0);var e=t.image;if("string"==typeof e){if(!r||e!==r.getAttribute("src")){t.image=null;var o=new Image;return i.crossOrigin&&(o.crossOrigin="Anonymous"),o.onload=function(){o.onload=null,t.init(o)},void(o.src=e)}e=t.image=r}e&&!t.rect&&(t.rect=[0,0,e.width,e.height])},Statics:{isDrawable:function(i){if(!i||!i.tagName)return!1;var t=i.tagName.toLowerCase();return"img"===t||"canvas"===t||"video"===t}}});i.Hilo.Drawable=a}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/view/Graphics.js b/build/standalone/hilo/view/Graphics.js
index 958b3a60..2c8a2645 100644
--- a/build/standalone/hilo/view/Graphics.js
+++ b/build/standalone/hilo/view/Graphics.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Graphics.min.js b/build/standalone/hilo/view/Graphics.min.js
index 3647f618..effb2afb 100644
--- a/build/standalone/hilo/view/Graphics.min.js
+++ b/build/standalone/hilo/view/Graphics.min.js
@@ -1,568 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-var CacheMixin = window.Hilo.CacheMixin;
-
-
-/**
- * @language=en
- * <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
- * @mixes CacheMixin
- * @borrows CacheMixin#cache as #cache
- * @borrows CacheMixin#updateCache as #updateCache
- * @borrows CacheMixin#setCacheDirty as #setCacheDirty
- * @param {Object} properties Properties parameters of the object to create. Contains all writable properties of this class.
- * @module hilo/view/Graphics
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @requires hilo/view/CacheMixin
- * @property {Number} lineWidth The thickness of lines in space units, default value is 1, readonly!
- * @property {Number} lineAlpha The alpha value (transparency) of line, default value is 1, readonly!
- * @property {String} lineCap The style of how every end point of line are drawn, value options: butt, round, square. default value is null, readonly!
- * @property {String} lineJoin The joint style of two lines. value options: miter, round, bevel. default value is null, readonly!
- * @property {Number} miterLimit The miter limit ratio in space units, works only when lineJoin value is miter. default value is 10, readonly!
- * @property {String} strokeStyle The color or style to use for lines around shapes, default value is 0 (the black color), readonly!
- * @property {String} fillStyle The color or style to use inside shapes, default value is 0 (the black color), readonly!
- * @property {Number} fillAlpha The transparency of color or style inside shapes, default value is 0, readonly!
- */
-var Graphics = (function(){
-
-var canvas = document.createElement('canvas');
-var helpContext = canvas.getContext && canvas.getContext('2d');
-
-return Class.create(/** @lends Graphics.prototype */{
-    Extends: View,
-    Mixes:CacheMixin,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid('Graphics');
-        Graphics.superclass.constructor.call(this, properties);
-
-        this._actions = [];
-    },
-
-    lineWidth: 1,
-    lineAlpha: 1,
-    lineCap: null, //'butt', 'round', 'square'
-    lineJoin: null, //'miter', 'round', 'bevel'
-    miterLimit: 10,
-    hasStroke: false,
-    strokeStyle: '0',
-    hasFill: false,
-    fillStyle: '0',
-    fillAlpha: 0,
-
-    /**
-     * @language=en
-     * Set the lines style for drawing shapes.
-     * @param {Number} thickness The thickness of lines, default value is 1.
-     * @param {String} lineColor The CSS color value of lines, default value is 0 (the black color).
-     * @param {Number} lineAlpha The transparency of lines, default value is 1 (fully opaque).
-     * @param {String} lineCap The style of how every end point of line are drawn, value options: butt, round, square. default value is null.
-     * @param {String} lineJoin The joint style of two lines. value options: miter, round, bevel. default value is null.
-     * @param {Number} miterLimit The miter limit ratio in space units, works only when lineJoin value is miter. default value is 10.
-     * @returns {Graphics} The Graphics Object.
-     */
-    lineStyle: function(thickness, lineColor, lineAlpha, lineCap, lineJoin, miterLimit){
-        var me = this, addAction = me._addAction;
-
-        addAction.call(me, ['lineWidth', (me.lineWidth = thickness || 1)]);
-        addAction.call(me, ['strokeStyle', (me.strokeStyle = lineColor || '0')]);
-        addAction.call(me, ['lineAlpha', (me.lineAlpha = lineAlpha || 1)]);
-        if(lineCap != undefined) addAction.call(me, ['lineCap', (me.lineCap = lineCap)]);
-        if(lineJoin != undefined) addAction.call(me, ['lineJoin', (me.lineJoin = lineJoin)]);
-        if(miterLimit != undefined) addAction.call(me, ['miterLimit', (me.miterLimit = miterLimit)]);
-        me.hasStroke = true;
-        return me;
-    },
-
-    /**
-     * 设置虚线样式
-     * @param {Number[]} segments 一组描述交替绘制线段和间距（坐标空间单位）长度的数字
-     * @see https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/setLineDash
-     */
-    setLineDash: function(segments){
-        return this._addAction(['setLineDash', segments]);
-    },
-
-    /**
-     * @language=en
-     * Set how to fill shapes and the transparency.
-     * @param {String} fill Filling style. this can be color, gradient or pattern.
-     * @param {Number} alpha Transparency.
-     * @returns {Graphics} The Graphics Object.
-     */
-    beginFill: function(fill, alpha){
-        var me = this, addAction = me._addAction;
-
-        addAction.call(me, ['fillStyle', (me.fillStyle = fill)]);
-        addAction.call(me, ['fillAlpha', (me.fillAlpha = alpha || 1)]);
-        me.hasFill = true;
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Apply and end lines-drawing and shapes-filling.
-     * @returns {Graphics} The Graphics Object.
-     */
-    endFill: function(){
-        var me = this, addAction = me._addAction;
-
-        if(me.hasStroke) addAction.call(me, ['stroke']);
-        if(me.hasFill) addAction.call(me, ['fill']);
-        me.setCacheDirty(true);
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Set linear gradient filling style to draw shapes.
-     * @param {Number} x0 The x-coordinate value of the linear gradient start point.
-     * @param {Number} y0 The y-coordinate value of the linear gradient start point.
-     * @param {Number} x1 The x-coordinate value of the linear gradient end point.
-     * @param {Number} y1 The y-coordinate value of the linear gradient end point.
-     * @param {Array} colors An array of CSS colors used in the linear gradient.
-     * @param {Array} ratios An array of position between start point and end point, should be one-to-one to colors in the colors array. each value range between 0.0 to 1.0.
-     * @returns {Graphics} The Graphics Object.
-     */
-    beginLinearGradientFill: function(x0, y0, x1, y1, colors, ratios){
-        var me = this, gradient = helpContext.createLinearGradient(x0, y0, x1, y1);
-
-        for (var i = 0, len = colors.length; i < len; i++){
-            gradient.addColorStop(ratios[i], colors[i]);
-        }
-        me.hasFill = true;
-        return me._addAction(['fillStyle', (me.fillStyle = gradient)]);
-    },
-
-    /**
-     * @language=en
-     * Set radial gradient filling style to draw shapes.
-     * @param {Number} x0 The x-coordinate value of the radial gradient start circle.
-     * @param {Number} y0 The y-coordinate value of the radial gradient start circle.
-     * @param {Number} r0 The diameter of the radial gradient start circle.
-     * @param {Number} x1 The x-coordinate value of the radial gradient end circle.
-     * @param {Number} y1 The y-coordinate value of the radial gradient end circle.
-     * @param {Number} r1 The radius of the radial gradient end circle.
-     * @param {Array} colors An array of CSS colors used in the radial gradient.
-     * @param {Array} ratios An array of position between start circle and end circle, should be one-to-one to colors in the colors array. each value range between 0.0 to 1.0.
-     * @returns {Graphics} The Graphics Object.
-     */
-    beginRadialGradientFill: function(x0, y0, r0, x1, y1, r1, colors, ratios){
-        var me = this, gradient = helpContext.createRadialGradient(x0, y0, r0, x1, y1, r1);
-        for (var i = 0, len = colors.length; i < len; i++)
-        {
-            gradient.addColorStop(ratios[i], colors[i]);
-        }
-        me.hasFill = true;
-        return me._addAction(['fillStyle', (me.fillStyle = gradient)]);
-    },
-
-    /**
-     * @language=en
-     * Begin an image filling pattern.
-     * @param {HTMLImageElement} image The Image to fill.
-     * @param {String} repetition The fill repetition style, can be one of valus:repeat, repeat-x, repeat-y, no-repeat. default valus is ''.
-     * @returns {Graphics} The Graphics Object.
-     */
-    beginBitmapFill: function(image, repetition){
-        var me = this, pattern = helpContext.createPattern(image, repetition || '');
-        me.hasFill = true;
-        return me._addAction(['fillStyle', (me.fillStyle = pattern)]);
-    },
-
-    /**
-     * @language=en
-     * Begin a new path.
-     * @returns {Graphics} The Graphics Object.
-     */
-    beginPath: function(){
-        return this._addAction(['beginPath']);
-    },
-
-    /**
-     * @language=en
-     * Close current path.
-     * @returns {Graphics} The Graphics Object.
-     */
-    closePath: function(){
-        return this._addAction(['closePath']);
-    },
-
-    /**
-     * @language=en
-     * Move current drawing point to a new point on coordinate values (x, y).
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @returns {Graphics} The Graphics Object.
-     */
-    moveTo: function(x, y){
-        return this._addAction(['moveTo', x, y]);
-    },
-
-    /**
-     * @language=en
-     * Draw a line from current point to the point on the coordinate value (x, y).
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @returns {Graphics} The Graphics Object.
-     */
-    lineTo: function(x, y){
-        return this._addAction(['lineTo', x, y]);
-    },
-
-    /**
-     * @language=en
-     * Draw a quadratic Bézier curve from current point to the point on coordinate (x, y).
-     * @param {Number} cpx The x-coordinate value of the Bézier curve control point cp.
-     * @param {Number} cpy The y-coordinate value of the Bézier curve control point cp.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @returns {Graphics} The Graphics Object.
-     */
-    quadraticCurveTo: function(cpx, cpy, x, y){
-        return this._addAction(['quadraticCurveTo', cpx, cpy, x, y]);
-    },
-
-    /**
-     * @language=en
-     * Draw a Bézier curve from current point to the point on coordinate (x, y).
-     * @param {Number} cp1x The x-coordinate value of the Bézier curve control point cp1.
-     * @param {Number} cp1y The y-coordinate value of the Bézier curve control point cp1.
-     * @param {Number} cp2x The x-coordinate value of the Bézier curve control point cp2.
-     * @param {Number} cp2y The y-coordinate value of the Bézier curve control point cp2.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @returns {Graphics} The Graphics Object.
-     */
-    bezierCurveTo: function(cp1x, cp1y, cp2x, cp2y, x, y){
-        return this._addAction(['bezierCurveTo', cp1x, cp1y, cp2x, cp2y, x, y]);
-    },
-
-    /**
-     * @language=en
-     * Draw a rectangle.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @param {Number} width The width of the rectangle.
-     * @param {Number} height The height of the rectangle.
-     * @returns {Graphics} The Graphics Object.
-     */
-    drawRect: function(x, y, width, height){
-        return this._addAction(['rect', x, y, width, height]);
-    },
-
-    /**
-     * @language=en
-     * Draw a complex rounded rectangle.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @param {Number} width The width of rounded rectangle.
-     * @param {Number} height The height of rounded rectangle.
-     * @param {Number} cornerTL The size of the rounded corner on the top-left of the rounded rectangle.
-     * @param {Number} cornerTR The size of the rounded corner on the top-right of the rounded rectangle.
-     * @param {Number} cornerBR The size of the rounded corner on the bottom-left of the rounded rectangle.
-     * @param {Number} cornerBL The size of the rounded corner on the bottom-right of the rounded rectangle.
-     * @returns {Graphics} The Graphics Object.
-     */
-    drawRoundRectComplex: function(x, y, width, height, cornerTL, cornerTR, cornerBR, cornerBL){
-        var me = this, addAction = me._addAction;
-        addAction.call(me, ['moveTo', x + cornerTL, y]);
-        addAction.call(me, ['lineTo', x + width - cornerTR, y]);
-        addAction.call(me, ['arc', x + width - cornerTR, y + cornerTR, cornerTR, -Math.PI/2, 0, false]);
-        addAction.call(me, ['lineTo', x + width, y + height - cornerBR]);
-        addAction.call(me, ['arc', x + width - cornerBR, y + height - cornerBR, cornerBR, 0, Math.PI/2, false]);
-        addAction.call(me, ['lineTo', x + cornerBL, y + height]);
-        addAction.call(me, ['arc', x + cornerBL, y + height - cornerBL, cornerBL, Math.PI/2, Math.PI, false]);
-        addAction.call(me, ['lineTo', x, y + cornerTL]);
-        addAction.call(me, ['arc', x + cornerTL, y + cornerTL, cornerTL, Math.PI, Math.PI*3/2, false]);
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Draw a rounded rectangle.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @param {Number} width The width of rounded rectangle.
-     * @param {Number} height The height of rounded rectangle.
-     * @param {Number} cornerSize The size of all rounded corners.
-     * @returns {Graphics} The Graphics Object.
-     */
-    drawRoundRect: function(x, y, width, height, cornerSize){
-        return this.drawRoundRectComplex(x, y, width, height, cornerSize, cornerSize, cornerSize, cornerSize);
-    },
-
-    /**
-     * @language=en
-     * Draw a circle.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @param {Number} radius The radius of the circle.
-     * @returns {Graphics} The Graphics Object.
-     */
-    drawCircle: function(x, y, radius){
-        return this._addAction(['arc', x + radius, y + radius, radius, 0, Math.PI * 2, 0]);
-    },
-
-    /**
-     * @language=en
-     * Draw an ellipse.
-     * @param {Number} x The x-coordinate value.
-     * @param {Number} y The y-coordinate value.
-     * @param {Number} width The width of the ellipse.
-     * @param {Number} height The height of the ellipse.
-     * @returns {Graphics} The Graphics Object.
-     */
-    drawEllipse: function(x, y, width, height){
-        var me = this;
-        if(width == height) return me.drawCircle(x, y, width);
-
-        var addAction = me._addAction;
-        var w = width / 2, h = height / 2, C = 0.5522847498307933, cx = C * w, cy = C * h;
-        x = x + w;
-        y = y + h;
-
-        addAction.call(me, ['moveTo', x + w, y]);
-        addAction.call(me, ['bezierCurveTo', x + w, y - cy, x + cx, y - h, x, y - h]);
-        addAction.call(me, ['bezierCurveTo', x - cx, y - h, x - w, y - cy, x - w, y]);
-        addAction.call(me, ['bezierCurveTo', x - w, y + cy, x - cx, y + h, x, y + h]);
-        addAction.call(me, ['bezierCurveTo', x + cx, y + h, x + w, y + cy, x + w, y]);
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Draw a path from the SVG data given by parameters. Not support Arcs.
-     * Demo:
-     * <p>var path = 'M250 150 L150 350 L350 350 Z';</p>
-     * <p>var shape = new Hilo.Graphics({width:500, height:500});</p>
-     * <p>shape.drawSVGPath(path).beginFill('#0ff').endFill();</p>
-     * @param {String} pathData The SVG path data to draw.
-     * @returns {Graphics} The Graphics Object.
-     */
-    drawSVGPath: function(pathData){
-        var me = this, addAction = me._addAction,
-            path = pathData.replace(/,/g, ' ').replace(/-/g, ' -').split(/(?=[a-zA-Z])/);
-        addAction.call(me, ['beginPath']);
-        var currentPoint = {x:0, y:0};
-        var lastControlPoint = {x:0, y:0};
-        var lastCmd;
-        for(var i = 0, len = path.length; i < len; i++){
-            var str = path[i];
-            if(!str.length){
-                continue;
-            }
-            var realCmd = str[0];
-            var cmd = realCmd.toUpperCase();
-            var p = this._getSVGParams(str);
-            var useRelative = cmd !== realCmd;
-
-            switch(cmd){
-                case 'M':
-                    if(useRelative){
-                        this._convertToAbsolute(currentPoint, p);
-                    }
-                    addAction.call(me, ['moveTo', p[0], p[1]]);
-                    this._setCurrentPoint(currentPoint, p[0], p[1]);
-                    break;
-                case 'L':
-                    if(useRelative){
-                        this._convertToAbsolute(currentPoint, p);
-                    }
-                    addAction.call(me, ['lineTo', p[0], p[1]]);
-                    this._setCurrentPoint(currentPoint, p[0], p[1]);
-                    break;
-                case 'H':
-                    if(useRelative){
-                        p[0] += currentPoint.x;
-                    }
-                    addAction.call(me, ['lineTo', p[0], currentPoint.y]);
-                    currentPoint.x = p[0];
-                    break;
-                case 'V':
-                    if(useRelative){
-                        p[0] += currentPoint.y;
-                    }
-                    addAction.call(me, ['lineTo', currentPoint.x, p[0]]);
-                    currentPoint.y = p[0];
-                    break;
-                case 'Z':
-                    addAction.call(me, ['closePath']);
-                    break;
-                case 'C':
-                    if(useRelative){
-                        this._convertToAbsolute(currentPoint, p);
-                    }
-                    addAction.call(me, ['bezierCurveTo', p[0], p[1], p[2], p[3], p[4], p[5]]);
-                    lastControlPoint.x = p[2];
-                    lastControlPoint.y = p[3];
-                    this._setCurrentPoint(currentPoint, p[4], p[5]);
-                    break;
-                case 'S':
-                    if(useRelative){
-                        this._convertToAbsolute(currentPoint, p);
-                    }
-                    if(lastCmd === 'C' || lastCmd === 'S'){
-                        controlPoint = this._getReflectionPoint(currentPoint, lastControlPoint);
-                    }
-                    else{
-                        controlPoint = currentPoint;
-                    }
-                    addAction.call(me, ['bezierCurveTo', controlPoint.x, controlPoint.y, p[0], p[1], p[2], p[3]]);
-                    lastControlPoint.x = p[0];
-                    lastControlPoint.y = p[1];
-                    this._setCurrentPoint(currentPoint, p[2], p[3]);
-                    break;
-                case 'Q':
-                    if(useRelative){
-                        this._convertToAbsolute(currentPoint, p);
-                    }
-                    addAction.call(me, ['quadraticCurveTo', p[0], p[1], p[2], p[3]]);
-                    lastControlPoint.x = p[0];
-                    lastControlPoint.y = p[1];
-                    this._setCurrentPoint(currentPoint, p[2], p[3]);
-                    break;
-                case 'T':
-                    if(useRelative){
-                        this._convertToAbsolute(currentPoint, p);
-                    }
-                    var controlPoint;
-                    if(lastCmd === 'Q' || lastCmd === 'T'){
-                        controlPoint = this._getReflectionPoint(currentPoint, lastControlPoint);
-                    }
-                    else{
-                        controlPoint = currentPoint;
-                    }
-                    addAction.call(me, ['quadraticCurveTo', controlPoint.x, controlPoint.y, p[0], p[1]]);
-                    lastControlPoint = controlPoint;
-                    this._setCurrentPoint(currentPoint, p[0], p[1]);
-                    break;                
-            }
-            lastCmd = cmd;
-            
-        }
-        return me;
-    },
-    _getSVGParams:function(str){
-        var p = str.substring(1).replace(/[\s]+$|^[\s]+/g, '').split(/[\s]+/);
-        if(p[0].length == 0) {
-            p.shift();
-        }
-        for(var i = 0, l = p.length;i < l;i ++){
-            p[i] = parseFloat(p[i]);
-        }
-        return p;
-    },
-    _convertToAbsolute:function(currentPoint, data){
-        for(var i = 0, l = data.length;i < l;i ++){
-            if(i%2 === 0){
-                data[i] += currentPoint.x;
-            }
-            else{
-                data[i] += currentPoint.y;
-            }
-        }
-    },
-    _setCurrentPoint:function(currentPoint, x, y){
-        currentPoint.x = x;
-        currentPoint.y = y;
-    },
-    _getReflectionPoint:function(centerPoint, point){
-        return {
-            x:centerPoint.x * 2 - point.x,
-            y:centerPoint.y * 2 - point.y
-        };
-    },
-
-    /**
-     * @language=en
-     * Apply all draw actions. private function.
-     * @private
-     */
-    _draw: function(context){
-        var me = this, actions = me._actions, len = actions.length, i;
-
-        context.beginPath();
-        for(i = 0; i < len; i++){
-            var action = actions[i],
-                f = action[0],
-                args = action.length > 1 ? action.slice(1) : null;
-
-            if(typeof(context[f]) == 'function') context[f].apply(context, args);
-            else context[f] = action[1];
-        }
-    },
-
-    /**
-     * @language=en
-     * Overwrite render function.
-     * @private
-     */
-    render: function(renderer, delta){
-        var me = this;
-        if(renderer.renderType === 'canvas'){
-            me._draw(renderer.context);
-        }else{
-            me.cache();
-            renderer.draw(me);
-        }
-    },
-
-    /**
-     * @language=en
-     * Clear all draw actions and reset to the initial state.
-     * @returns {Graphics} The Graphics Object.
-     */
-    clear: function(){
-        var me = this;
-
-        me._actions.length = 0;
-        me.lineWidth = 1;
-        me.lineAlpha = 1;
-        me.lineCap = null;
-        me.lineJoin = null;
-        me.miterLimit = 10;
-        me.hasStroke = false;
-        me.strokeStyle = '0';
-        me.hasFill = false;
-        me.fillStyle = '0';
-        me.fillAlpha = 1;
-
-        me.setCacheDirty(true);
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Add a draw action, this is a private function.
-     * @private
-     */
-    _addAction: function(action){
-        var me = this;
-        me._actions.push(action);
-        return me;
-    }
-
-});
-
-})();
-
-window.Hilo.Graphics = Graphics;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,l=t.Hilo.View,n=t.Hilo.CacheMixin,a=function(){var t=document.createElement("canvas"),r=t.getContext&&t.getContext("2d");return i.create({Extends:l,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,l,n,a){var r=this,o=r._addAction;return o.call(r,["lineWidth",r.lineWidth=t||1]),o.call(r,["strokeStyle",r.strokeStyle=e||"0"]),o.call(r,["lineAlpha",r.lineAlpha=i||1]),void 0!=l&&o.call(r,["lineCap",r.lineCap=l]),void 0!=n&&o.call(r,["lineJoin",r.lineJoin=n]),void 0!=a&&o.call(r,["miterLimit",r.miterLimit=a]),r.hasStroke=!0,r},setLineDash:function(t){return this._addAction(["setLineDash",t])},beginFill:function(t,e){var i=this,l=i._addAction;return l.call(i,["fillStyle",i.fillStyle=t]),l.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,l,n,a){for(var o=this,c=r.createLinearGradient(t,e,i,l),s=0,h=n.length;s<h;s++)c.addColorStop(a[s],n[s]);return o.hasFill=!0,o._addAction(["fillStyle",o.fillStyle=c])},beginRadialGradientFill:function(t,e,i,l,n,a,o,c){for(var s=this,h=r.createRadialGradient(t,e,i,l,n,a),u=0,d=o.length;u<d;u++)h.addColorStop(c[u],o[u]);return s.hasFill=!0,s._addAction(["fillStyle",s.fillStyle=h])},beginBitmapFill:function(t,e){var i=this,l=r.createPattern(t,e||"");return i.hasFill=!0,i._addAction(["fillStyle",i.fillStyle=l])},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,l){return this._addAction(["quadraticCurveTo",t,e,i,l])},bezierCurveTo:function(t,e,i,l,n,a){return this._addAction(["bezierCurveTo",t,e,i,l,n,a])},drawRect:function(t,e,i,l){return this._addAction(["rect",t,e,i,l])},drawRoundRectComplex:function(t,e,i,l,n,a,r,o){var c=this,s=c._addAction;return s.call(c,["moveTo",t+n,e]),s.call(c,["lineTo",t+i-a,e]),s.call(c,["arc",t+i-a,e+a,a,-Math.PI/2,0,!1]),s.call(c,["lineTo",t+i,e+l-r]),s.call(c,["arc",t+i-r,e+l-r,r,0,Math.PI/2,!1]),s.call(c,["lineTo",t+o,e+l]),s.call(c,["arc",t+o,e+l-o,o,Math.PI/2,Math.PI,!1]),s.call(c,["lineTo",t,e+n]),s.call(c,["arc",t+n,e+n,n,Math.PI,3*Math.PI/2,!1]),c},drawRoundRect:function(t,e,i,l,n){return this.drawRoundRectComplex(t,e,i,l,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,l){var n=this;if(i==l)return n.drawCircle(t,e,i);var a=n._addAction,r=i/2,o=l/2,c=.5522847498307933,s=c*r,h=c*o;return t+=r,e+=o,a.call(n,["moveTo",t+r,e]),a.call(n,["bezierCurveTo",t+r,e-h,t+s,e-o,t,e-o]),a.call(n,["bezierCurveTo",t-s,e-o,t-r,e-h,t-r,e]),a.call(n,["bezierCurveTo",t-r,e+h,t-s,e+o,t,e+o]),a.call(n,["bezierCurveTo",t+s,e+o,t+r,e+h,t+r,e]),n},drawSVGPath:function(t){var e=this,i=e._addAction,l=t.replace(/,/g," ").replace(/-/g," -").split(/(?=[a-zA-Z])/);i.call(e,["beginPath"]);for(var n,a={x:0,y:0},r={x:0,y:0},o=0,c=l.length;o<c;o++){var s=l[o];if(s.length){var h=s[0],u=h.toUpperCase(),d=this._getSVGParams(s),f=u!==h;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]]),r.x=d[2],r.y=d[3],this._setCurrentPoint(a,d[4],d[5]);break;case"S":f&&this._convertToAbsolute(a,d),v="C"===n||"S"===n?this._getReflectionPoint(a,r):a,i.call(e,["bezierCurveTo",v.x,v.y,d[0],d[1],d[2],d[3]]),r.x=d[0],r.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]]),r.x=d[0],r.y=d[1],this._setCurrentPoint(a,d[2],d[3]);break;case"T":f&&this._convertToAbsolute(a,d);var v;v="Q"===n||"T"===n?this._getReflectionPoint(a,r):a,i.call(e,["quadraticCurveTo",v.x,v.y,d[0],d[1]]),r=v,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,l=e.length;i<l;i++)e[i]=parseFloat(e[i]);return e},_convertToAbsolute:function(t,e){for(var i=0,l=e.length;i<l;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,l=i._actions,n=l.length;for(t.beginPath(),e=0;e<n;e++){var a=l[e],r=a[0],o=a.length>1?a.slice(1):null;"function"==typeof t[r]?t[r].apply(t,o):t[r]=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);
\ No newline at end of file
diff --git a/build/standalone/hilo/view/Sprite.js b/build/standalone/hilo/view/Sprite.js
index d9d38f65..fa4d1ec1 100644
--- a/build/standalone/hilo/view/Sprite.js
+++ b/build/standalone/hilo/view/Sprite.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 755b0713..a956bbad 100644
--- a/build/standalone/hilo/view/Sprite.min.js
+++ b/build/standalone/hilo/view/Sprite.min.js
@@ -1,277 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var View = window.Hilo.View;
-var Drawable = window.Hilo.Drawable;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/Sprite.html?noHeader' width = '550' height = '400' scrolling='no'></iframe>
- * <br/>
- * @class Sprite animation class.
- * @augments View
- * @module hilo/view/Sprite
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/View
- * @requires hilo/view/Drawable
- * @param properties Properties parameters for creating object, include all writable properties of this class, also include:
- * <ul>
- * <li><b>frames</b> - Sprite animation frames data object.</li>
- * </ul>
- * @property {number} currentFrame Current showing frame index, range from 0, readoly!
- * @property {boolean} paused Is sprite paused, default value is false.
- * @property {boolean} loop Is sprite play in loop, default value is false.
- * @property {boolean} timeBased Is sprite animate base on time, default value is false (base on frame).
- * @property {number} interval Interval between sprite animation frames. If timeBased is true, measured in ms, otherwise, measured in frames.
- */
-var Sprite = Class.create(/** @lends Sprite.prototype */{
-    Extends: View,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid("Sprite");
-        Sprite.superclass.constructor.call(this, properties);
-
-        this._frames = [];
-        this._frameNames = {};
-        this.drawable = new Drawable();
-        if(properties.frames) this.addFrame(properties.frames);
-    },
-
-    _frames: null, //所有帧的集合 Collection of all frames
-    _frameNames: null, //带名字name的帧的集合 Collection of frames that with name
-    _frameElapsed: 0, //当前帧持续的时间或帧数 Elapsed time of current frame.
-    _firstRender: true, //标记是否是第一次渲染 Is the first render.
-
-    paused: false,
-    loop: true,
-    timeBased: false,
-    interval: 1,
-    currentFrame: 0, //当前帧的索引 Index of current frame
-
-    /**
-     * @language=en
-     * Return the total amount of sprite animation frames.
-     * @returns {Uint} The total amount of frames.
-     */
-    getNumFrames: function(){
-        return this._frames ? this._frames.length : 0;
-    },
-
-    /**
-     * @language=en
-     * Add frame into sprite.
-     * @param {Object} frame Frames to add into.
-     * @param {Int} startIndex The index to start adding frame, if is not given, add at the end of sprite.
-     * @returns {Sprite} Sprite itself.
-     */
-    addFrame: function(frame, startIndex){
-        var start = startIndex != null ? startIndex : this._frames.length;
-        if(frame instanceof Array){
-            for(var i = 0, len = frame.length; i < len; i++){
-                this.setFrame(frame[i], start + i);
-            }
-        }else{
-            this.setFrame(frame, start);
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Set the frame on the given index.
-     * @param {Object} frame The frame data to set on that index.
-     * @param {Int} index Index of the frame to set.
-     * @returns {Sprite} Sprite itself.
-     */
-    setFrame: function(frame, index){
-        var frames = this._frames,
-            total = frames.length;
-        index = index < 0 ? 0 : index > total ? total : index;
-        frames[index] = frame;
-        if(frame.name) this._frameNames[frame.name] = frame;
-        if(index == 0 && !this.width || !this.height){
-            this.width = frame.rect[2];
-            this.height = frame.rect[3];
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Get the frame of given parameter from sprite.
-     * @param {Object} indexOrName The index or name of the frame.
-     * @returns {Object} The sprite object.
-     */
-    getFrame: function(indexOrName){
-        if(typeof indexOrName === 'number'){
-            var frames = this._frames;
-            if(indexOrName < 0 || indexOrName >= frames.length) return null;
-            return frames[indexOrName];
-        }
-        return this._frameNames[indexOrName];
-    },
-
-    /**
-     * @language=en
-     * Get frame index from sprite.
-     * @param {Object} frameValue Index or name of the frame.
-     * @returns {Object} Sprite frame object.
-     */
-    getFrameIndex: function(frameValue){
-        var frames = this._frames,
-            total = frames.length,
-            index = -1;
-        if(typeof frameValue === 'number'){
-            index = frameValue;
-        }else{
-            var frame = typeof frameValue === 'string' ? this._frameNames[frameValue] : frameValue;
-            if(frame){
-                for(var i = 0; i < total; i++){
-                    if(frame === frames[i]){
-                        index = i;
-                        break;
-                    }
-                }
-            }
-        }
-        return index;
-    },
-
-    /**
-     * @language=en
-     * Play sprite.
-     * @returns {Sprite} The Sprite object.
-     */
-    play: function(){
-        this.paused = false;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Pause playing sprite.
-     * @returns {Sprite} The Sprite object.
-     */
-    stop: function(){
-        this.paused = true;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Jump to an assigned frame.
-     * @param {Object} indexOrName Index or name of an frame to jump to.
-     * @param {Boolean} pause Does pause after jumping to the new index.
-     * @returns {Sprite} The Sprite object.
-     */
-    goto: function(indexOrName, pause){
-        var total = this._frames.length,
-            index = this.getFrameIndex(indexOrName);
-
-        this.currentFrame = index < 0 ? 0 : index >= total ? total - 1 : index;
-        this.paused = pause;
-        this._firstRender = true;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Render function.
-     * @private
-     */
-    _render: function(renderer, delta){
-        var lastFrameIndex = this.currentFrame, frameIndex;
-
-        if(this._firstRender){
-            frameIndex = lastFrameIndex;
-            this._firstRender = false;
-        }else{
-            frameIndex = this._nextFrame(delta);
-        }
-
-        if(frameIndex != lastFrameIndex){
-            this.currentFrame = frameIndex;
-            var callback = this._frames[frameIndex].callback;
-            callback && callback.call(this);
-        }
-
-        //NOTE: it will be deprecated, don't use it.
-        if(this.onEnterFrame) this.onEnterFrame(frameIndex);
-
-        this.drawable.init(this._frames[frameIndex]);
-        Sprite.superclass._render.call(this, renderer, delta);
-    },
-
-    /**
-     * @language=en
-     * @private
-     */
-    _nextFrame: function(delta){
-        var frames = this._frames,
-            total = frames.length,
-            frameIndex = this.currentFrame,
-            frame = frames[frameIndex],
-            duration = frame.duration || this.interval,
-            elapsed = this._frameElapsed;
-
-        //calculate the current frame elapsed frames/time
-        var value = (frameIndex == 0 && !this.drawable) ? 0 : elapsed + (this.timeBased ? delta : 1);
-        elapsed = this._frameElapsed = value < duration ? value : 0;
-
-        if(frame.stop || !this.loop && frameIndex >= total - 1){
-            this.stop();
-        }
-
-        if(!this.paused && elapsed == 0){
-            if(frame.next != null){
-                //jump to the specified frame
-                frameIndex = this.getFrameIndex(frame.next);
-            }else if(frameIndex >= total - 1){
-                //at the end of the frames, go back to first frame
-                frameIndex = 0;
-            }else if(this.drawable){
-                //normal go forward to next frame
-                frameIndex++;
-            }
-        }
-
-        return frameIndex;
-    },
-
-    /**
-     * @language=en
-     * Set a callback on an assigned frame. Every time assigned frame is played, invoke the callback function. If callback is empty, callback function will be removed.
-     * @param {Int|String} frame Index or name of the assigned frame.
-     * @param {Function} callback Callback function.
-     * @returns {Sprite} The Sprite object.
-     */
-    setFrameCallback: function(frame, callback){
-        frame = this.getFrame(frame);
-        if(frame) frame.callback = callback;
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Callback function on when sprite enter a new frame. default value is null. Note: this function is obsolete, use addFrameCallback funciton instead.
-     * @type Function
-     * @deprecated
-     */
-    onEnterFrame: null
-
-});
-
-window.Hilo.Sprite = Sprite;
-})(window);
\ No newline at end of file
+!function(e){e.Hilo||(e.Hilo={});var t=e.Hilo,r=e.Hilo.Class,s=e.Hilo.View,i=e.Hilo.Drawable,a=r.create({Extends:s,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("Sprite"),a.superclass.constructor.call(this,e),this._frames=[],this._frameNames={},this.drawable=new i,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(e,t){var r=null!=t?t:this._frames.length;if(e instanceof Array)for(var s=0,i=e.length;s<i;s++)this.setFrame(e[s],r+s);else this.setFrame(e,r);return this},setFrame:function(e,t){var r=this._frames,s=r.length;return t=t<0?0:t>s?s:t,r[t]=e,e.name&&(this._frameNames[e.name]=e),(0!=t||this.width)&&this.height||(this.width=e.rect[2],this.height=e.rect[3]),this},getFrame:function(e){if("number"==typeof e){var t=this._frames;return e<0||e>=t.length?null:t[e]}return this._frameNames[e]},getFrameIndex:function(e){var t=this._frames,r=t.length,s=-1;if("number"==typeof e)s=e;else{var i="string"==typeof e?this._frameNames[e]:e;if(i)for(var a=0;a<r;a++)if(i===t[a]){s=a;break}}return s},play:function(){return this.paused=!1,this},stop:function(){return this.paused=!0,this},"goto":function(e,t){var r=this._frames.length,s=this.getFrameIndex(e);return this.currentFrame=s<0?0:s>=r?r-1:s,this.paused=t,this._firstRender=!0,this},_render:function(e,t){var r,s=this.currentFrame;if(this._firstRender?(r=s,this._firstRender=!1):r=this._nextFrame(t),r!=s){this.currentFrame=r;var i=this._frames[r].callback;i&&i.call(this)}this.onEnterFrame&&this.onEnterFrame(r),this.drawable.init(this._frames[r]),a.superclass._render.call(this,e,t)},_nextFrame:function(e){var t=this._frames,r=t.length,s=this.currentFrame,i=t[s],a=i.duration||this.interval,n=this._frameElapsed,h=0!=s||this.drawable?n+(this.timeBased?e:1):0;return n=this._frameElapsed=h<a?h:0,(i.stop||!this.loop&&s>=r-1)&&this.stop(),this.paused||0!=n||(null!=i.next?s=this.getFrameIndex(i.next):s>=r-1?s=0:this.drawable&&s++),s},setFrameCallback:function(e,t){return e=this.getFrame(e),e&&(e.callback=t),this},onEnterFrame:null});e.Hilo.Sprite=a}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/view/Stage.js b/build/standalone/hilo/view/Stage.js
index 2e7e2028..15a1562e 100644
--- a/build/standalone/hilo/view/Stage.js
+++ b/build/standalone/hilo/view/Stage.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 a945b842..a7e6367c 100644
--- a/build/standalone/hilo/view/Stage.min.js
+++ b/build/standalone/hilo/view/Stage.min.js
@@ -1,277 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var Container = window.Hilo.Container;
-var CanvasRenderer = window.Hilo.CanvasRenderer;
-var DOMRenderer = window.Hilo.DOMRenderer;
-var WebGLRenderer = window.Hilo.WebGLRenderer;
-var browser = window.Hilo.browser;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * Demo:
- * <pre>
- * var stage = new Hilo.Stage({
- *     renderType:'canvas',
- *     container: containerElement,
- *     width: 320,
- *     height: 480
- * });
- * </pre>
- * @class Stage is the root of all visual object tree, any visual object will be render only after being added to Stage or any children elements of Stage. Normally, every hilo application start with an stage instance.
- * @augments Container
- * @param {Object} properties Properties parameters for the object. Includes all writable properties of this class. Some important like:
- * <ul>
- * <li><b>container</b>:String|HTMLElement - Assign the parent container element of the Stage in the page. It should be a dom container or an id. If this parameter is not given and canvas isn't in the dom tree, you should add the stage vanvas into the dom tree yourself, otherwise Stage will not render. optional.</li>
- * <li><b>renderType</b>:String - Renering way: canvas|dom|webgl，default value is canvas, optional.</li>
- * <li><b>canvas</b>:String|HTMLCanvasElement|HTMLElement - 指定舞台所对应的画布元素。它是一个canvas或普通的div，也可以传入元素的id。若为canvas，则使用canvas来渲染所有对象，否则使用dom+css来渲染。可选。</li>
- * <li><b>width</b>:Number</li> - The width of the Stage, default value is the width of canvas, optional.
- * <li><b>height</b>:Number</li> - The height of the Stage, default value is the height of canvas, optional.
- * <li><b>paused</b>:Boolean</li> - Whether stop rendering the Stage, default value is false, optional.
- * </ul>
- * @module hilo/view/Stage
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/view/Container
- * @requires hilo/renderer/CanvasRenderer
- * @requires hilo/renderer/DOMRenderer
- * @requires hilo/renderer/WebGLRenderer
- * @requires hilo/util/browser
- * @requires hilo/util/util
- * @property {HTMLCanvasElement|HTMLElement} canvas The canvas the Stage is related to. It can be a canvas or a div element, readonly!
- * @property {Renderer} renderer Stage renderer, readonly!
- * @property {Boolean} paused Paused Stage rendering.
- * @property {Object} viewport Rendering area of the Stage. Including properties like: left, top, width, height. readonly!
- */
-var Stage = Class.create(/** @lends Stage.prototype */{
-    Extends: Container,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid('Stage');
-        Stage.superclass.constructor.call(this, properties);
-
-        this._initRenderer(properties);
-
-        //init size
-        var width = this.width, height = this.height,
-            viewport = this.updateViewport();
-        if(!properties.width) width = (viewport && viewport.width) || 320;
-        if(!properties.height) height = (viewport && viewport.height) || 480;
-        this.resize(width, height, true);
-    },
-
-    canvas: null,
-    renderer: null,
-    paused: false,
-    viewport: null,
-
-    /**
-     * @language=en
-     * @private
-     */
-    _initRenderer: function(properties){
-        var canvas = properties.canvas;
-        var container = properties.container;
-        var renderType = properties.renderType||'canvas';
-
-        if(typeof canvas === 'string') canvas = Hilo.getElement(canvas);
-        if(typeof container === 'string') container = Hilo.getElement(container);
-
-        if(!canvas){
-            var canvasTagName = renderType === 'dom'?'div':'canvas';
-            canvas = Hilo.createElement(canvasTagName, {
-                style: {
-                    position: 'absolute'
-                }
-            });
-        }
-        else if(!canvas.getContext){
-            renderType = 'dom';
-        }
-
-        this.canvas = canvas;
-        if(container) container.appendChild(canvas);
-
-        var props = {canvas:canvas, stage:this};
-        switch(renderType){
-            case 'dom':
-                this.renderer = new DOMRenderer(props);
-                break;
-            case 'webgl':
-                if(WebGLRenderer.isSupport()){
-                    this.renderer = new WebGLRenderer(props);
-                }
-                else{
-                    this.renderer = new CanvasRenderer(props);
-                }
-                break;
-            case 'canvas':
-	        /* falls through */
-            default:
-                this.renderer = new CanvasRenderer(props);
-                break;
-        }
-    },
-
-    /**
-     * @language=en
-     * Add Stage canvas to DOM container. Note: this function overwrite View.addTo function.
-     * @param {HTMLElement} domElement An dom element.
-     * @returns {Stage} The Stage Object, chained call supported.
-     */
-    addTo: function(domElement){
-        var canvas = this.canvas;
-        if(canvas.parentNode !== domElement){
-            domElement.appendChild(canvas);
-        }
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Invoke tick function and Stage will update and render. Developer may not need to use this funciton.
-     * @param {Number} delta The time had pass between this tick invoke and last tick invoke.
-     */
-    tick: function(delta){
-        if(!this.paused){
-            this._render(this.renderer, delta);
-        }
-    },
-
-    /**
-     * @language=en
-     * Turn on/off Stage response to DOM event. To make visual objects on the Stage interactive, use this function to turn on Stage's responses to events.
-     * @param {String|Array} type The event name or array that need to turn on/off.
-     * @param {Boolean} enabled Whether turn on or off the response method of stage DOM event. If not provided, default value is true.
-     * @returns {Stage} The Stage Object, chained call supported.
-     */
-    enableDOMEvent: function(types, enabled){
-        var me = this,
-            canvas = me.canvas,
-            handler = me._domListener || (me._domListener = function(e){me._onDOMEvent(e);});
-
-        types = typeof types === 'string' ? [types] : types;
-        enabled = enabled !== false;
-
-        for(var i = 0; i < types.length; i++){
-            var type = types[i];
-
-            if(enabled){
-                canvas.addEventListener(type, handler, false);
-            }else{
-                canvas.removeEventListener(type, handler);
-            }
-        }
-
-        return me;
-    },
-
-    /**
-     * @language=en
-     * DOM events handler function. This funciton will invoke events onto the visual object, which is on the position of the coordinate where the events is invoked.
-     * @private
-     */
-    _onDOMEvent: function(e){
-        var type = e.type, event = e, isTouch = type.indexOf('touch') == 0;
-
-        //calculate stageX/stageY
-        var posObj = e;
-        if(isTouch){
-            var touches = e.touches, changedTouches = e.changedTouches;
-            posObj = (touches && touches.length) ? touches[0] :
-                     (changedTouches && changedTouches.length) ? changedTouches[0] : null;
-        }
-
-        var x = posObj.pageX || posObj.clientX, y = posObj.pageY || posObj.clientY,
-            viewport = this.viewport || this.updateViewport();
-
-        event.stageX = x = (x - viewport.left) / this.scaleX;
-        event.stageY = y = (y - viewport.top) / this.scaleY;
-
-        //鼠标事件需要阻止冒泡方法 Prevent bubbling on mouse events.
-        event.stopPropagation = function(){
-            this._stopPropagationed = true;
-        };
-
-        var obj = this.getViewAtPoint(x, y, true, false, true)||this,
-            canvas = this.canvas, target = this._eventTarget;
-
-        //fire mouseout/touchout event for last event target
-        var leave = type === 'mouseout';
-        //当obj和target不同 且obj不是target的子元素时才触发out事件 fire out event when obj and target isn't the same as well as obj is not a child element to target.
-        if(target && (target != obj && (!target.contains || !target.contains(obj))|| leave)){
-            var out = (type === 'touchmove') ? 'touchout' :
-                      (type === 'mousemove' || leave || !obj) ? 'mouseout' : null;
-            if(out) {
-                var outEvent = util.copy({}, event);
-                outEvent.type = out;
-                outEvent.eventTarget = target;
-                target._fireMouseEvent(outEvent);
-            }
-            event.lastEventTarget = target;
-            this._eventTarget = null;
-        }
-
-        //fire event for current view
-        if(obj && obj.pointerEnabled && type !== 'mouseout'){
-            event.eventTarget = this._eventTarget = obj;
-            obj._fireMouseEvent(event);
-        }
-
-        //set cursor for current view
-        if(!isTouch){
-            var cursor = (obj && obj.pointerEnabled && obj.useHandCursor) ? 'pointer' : '';
-            canvas.style.cursor = cursor;
-        }
-
-        //fix android: `touchmove` fires only once
-        if(browser.android && type === 'touchmove'){
-            e.preventDefault();
-        }
-    },
-
-    /**
-     * @language=en
-     * Update the viewport (rendering area) which Stage show on the page. Invoke this function to update viewport when Stage canvas changes border, margin or padding properties.
-     * @returns {Object} The visible area of the Stage (the viewport property).
-     */
-    updateViewport: function(){
-        var canvas = this.canvas, viewport = null;
-        if(canvas.parentNode){
-            viewport = this.viewport = Hilo.getElementRect(canvas);
-        }
-        return viewport;
-    },
-
-    /**
-     * @language=en
-     * Resize the Stage.
-     * @param {Number} width The width of the new Stage.
-     * @param {Number} height The height of the new Stage.
-     * @param {Boolean} forceResize Whether forced to resize the Stage, means no matter the size of the Stage, force to change the size to keep Stage, canvas and window act at the same time.
-     */
-    resize: function(width, height, forceResize){
-        if(forceResize || this.width !== width || this.height !== height){
-            this.width = width;
-            this.height = height;
-            this.renderer.resize(width, height);
-            this.updateViewport();
-        }
-    }
-
-});
-
-window.Hilo.Stage = Stage;
-})(window);
\ No newline at end of file
+!function(e){e.Hilo||(e.Hilo={});var t=e.Hilo,i=e.Hilo.Class,n=e.Hilo.Container,r=e.Hilo.CanvasRenderer,s=e.Hilo.DOMRenderer,a=e.Hilo.WebGLRenderer,o=e.Hilo.browser,h=e.Hilo.util,d=i.create({Extends:n,constructor:function(e){e=e||{},this.id=this.id||e.id||t.getUid("Stage"),d.superclass.constructor.call(this,e),this._initRenderer(e);var i=this.width,n=this.height,r=this.updateViewport();e.width||(i=r&&r.width||320),e.height||(n=r&&r.height||480),this.resize(i,n,!0)},canvas:null,renderer:null,paused:!1,viewport:null,_initRenderer:function(e){var i=e.canvas,n=e.container,o=e.renderType||"canvas";if("string"==typeof i&&(i=t.getElement(i)),"string"==typeof n&&(n=t.getElement(n)),i)i.getContext||(o="dom");else{var h="dom"===o?"div":"canvas";i=t.createElement(h,{style:{position:"absolute"}})}this.canvas=i,n&&n.appendChild(i);var d={canvas:i,stage:this};switch(o){case"dom":this.renderer=new s(d);break;case"webgl":a.isSupport()?this.renderer=new a(d):this.renderer=new r(d);break;case"canvas":default:this.renderer=new r(d)}},addTo:function(e){var t=this.canvas;return t.parentNode!==e&&e.appendChild(t),this},tick:function(e){this.paused||this._render(this.renderer,e)},enableDOMEvent:function(e,t){var i=this,n=i.canvas,r=i._domListener||(i._domListener=function(e){i._onDOMEvent(e)});e="string"==typeof e?[e]:e,t=t!==!1;for(var s=0;s<e.length;s++){var a=e[s];t?n.addEventListener(a,r,!1):n.removeEventListener(a,r)}return i},_onDOMEvent:function(e){var t=e.type,i=e,n=0==t.indexOf("touch"),r=e;if(n){var s=e.touches,a=e.changedTouches;r=s&&s.length?s[0]:a&&a.length?a[0]:null}var d=r.pageX||r.clientX,l=r.pageY||r.clientY,u=this.viewport||this.updateViewport();i.stageX=d=(d-u.left)/this.scaleX,i.stageY=l=(l-u.top)/this.scaleY,i.stopPropagation=function(){this._stopPropagationed=!0};var c=this.getViewAtPoint(d,l,!0,!1,!0)||this,v=this.canvas,p=this._eventTarget,g="mouseout"===t;if(p&&(p!=c&&(!p.contains||!p.contains(c))||g)){var f="touchmove"===t?"touchout":"mousemove"===t||g||!c?"mouseout":null;if(f){var w=h.copy({},i);w.type=f,w.eventTarget=p,p._fireMouseEvent(w)}i.lastEventTarget=p,this._eventTarget=null}if(c&&c.pointerEnabled&&"mouseout"!==t&&(i.eventTarget=this._eventTarget=c,c._fireMouseEvent(i)),!n){var m=c&&c.pointerEnabled&&c.useHandCursor?"pointer":"";v.style.cursor=m}o.android&&"touchmove"===t&&e.preventDefault()},updateViewport:function(){var e=this.canvas,i=null;return e.parentNode&&(i=this.viewport=t.getElementRect(e)),i},resize:function(e,t,i){(i||this.width!==e||this.height!==t)&&(this.width=e,this.height=t,this.renderer.resize(e,t),this.updateViewport())}});e.Hilo.Stage=d}(window);
\ No newline at end of file
diff --git a/build/standalone/hilo/view/Text.js b/build/standalone/hilo/view/Text.js
index fe298b81..239bc7ac 100644
--- a/build/standalone/hilo/view/Text.js
+++ b/build/standalone/hilo/view/Text.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
diff --git a/build/standalone/hilo/view/Text.min.js b/build/standalone/hilo/view/Text.min.js
index 4f4720ed..7fabd490 100644
--- a/build/standalone/hilo/view/Text.min.js
+++ b/build/standalone/hilo/view/Text.min.js
@@ -1,259 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Class = window.Hilo.Class;
-var Hilo = window.Hilo;var View = window.Hilo.View;
-var CacheMixin = window.Hilo.CacheMixin;
-
-
-/**
- * @language=en
- * <iframe src='../../../examples/Text.html?noHeader' width = '320' height = '240' scrolling='no'></iframe>
- * <br/>
- * @class Text class provide basic text-display function, use DOMElement for complex text-display.
- * @augments View
- * @mixes CacheMixin
- * @borrows CacheMixin#cache as #cache
- * @borrows CacheMixin#updateCache as #updateCache
- * @borrows CacheMixin#setCacheDirty as #setCacheDirty
- * @param {Object} properties Properties parameters for the object. Includes all writable properties.
- * @module hilo/view/Text
- * @requires hilo/core/Class
- * @requires hilo/core/Hilo
- * @requires hilo/view/View
- * @requires hilo/view/CacheMixin
- * @property {String} text Text to display.
- * @property {String} color Color of the text.
- * @property {String} textAlign Horizontal alignment way of the text. May be one of the following value:'start', 'end', 'left', 'right', and 'center'. Note:Need to specify the width property of the text to take effect
- * @property {String} textVAlign Vertical alignment way of the text. May be one of the following value:'top', 'middle', 'bottom'. Note:Need to specify the height property of the text to take effect.
- * @property {Boolean} outline Draw the outline of the text or fill the text.
- * @property {Number} lineSpacing The spacing between lines. Measured in px, default value is 0.
- * @property {Number} maxWidth The max length of the text, default value is 200.
- * @property {String} font Text's CSS font style, readonly! Use setFont function to set text font.
- * @property {Number} textWidth Width of the text, readonly! Works only on canvas mode.
- * @property {Number} textHeight Height of the text, readonly! Works only on canvas mode.
- */
-var Text = Class.create(/** @lends Text.prototype */{
-    Extends: View,
-    Mixes:CacheMixin,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid('Text');
-        Text.superclass.constructor.call(this, properties);
-
-        // if(!properties.width) this.width = 200; //default width
-        if(!properties.font) this.font = '12px arial'; //default font style
-        this._fontHeight = Text.measureFontHeight(this.font);
-    },
-
-    text: '',
-    color: '#000',
-    textAlign: null,
-    textVAlign: null,
-    outline: false,
-    lineSpacing: 0,
-    maxWidth: 200,
-    font: null, //ready-only
-    textWidth: 0, //read-only
-    textHeight: 0, //read-only
-
-    /**
-     * @language=en
-     * Set text CSS font style.
-     * @param {String} font Text CSS font style to set.
-     * @returns {Text} the Text object, chained call supported.
-     */
-    setFont: function(font){
-        var me = this;
-        if(me.font !== font){
-            me.font = font;
-            me._fontHeight = Text.measureFontHeight(font);
-        }
-
-        return me;
-    },
-
-    /**
-     * @language=en
-     * Overwrite render function.
-     * @private
-     */
-    render: function(renderer, delta){
-        var me = this;
-
-        if(renderer.renderType === 'canvas'){
-            if(this.drawable){
-                renderer.draw(me);
-            }
-            else{
-                me._draw(renderer.context);
-            }
-        }
-        else if(renderer.renderType === 'dom'){
-            var drawable = me.drawable;
-            var domElement = drawable.domElement;
-            var style = domElement.style;
-
-            style.font = me.font;
-            style.textAlign = me.textAlign;
-            style.color = me.color;
-            style.width = me.width + 'px';
-            style.height = me.height + 'px';
-            style.lineHeight = (me._fontHeight + me.lineSpacing) + 'px';
-
-            domElement.innerHTML = me.text;
-            renderer.draw(this);
-        }
-        else{
-            //TODO:自动更新cache  TODO:auto update cache
-            me.cache();
-            renderer.draw(me);
-        }
-    },
-
-    /**
-     * @language=en
-     * Draw text under the assigned render context.
-     * @private
-     */
-    _draw: function(context){
-        var me = this, text = me.text.toString();
-        if(!text) return;
-
-        //set drawing style
-        context.font = me.font;
-        context.textAlign = me.textAlign;
-        context.textBaseline = 'top';
-
-        //find and draw all explicit lines
-        var lines = text.split(/\r\n|\r|\n|<br(?:[ \/])*>/);
-        var width = 0, height = 0;
-        var lineHeight = me._fontHeight + me.lineSpacing;
-        var i, line, w, len, wlen;
-        var drawLines = [];
-
-        for(i = 0, len = lines.length; i < len; i++){
-            line = lines[i];
-            w = context.measureText(line).width;
-
-            //check if the line need to split
-            if(w <= me.maxWidth){
-                drawLines.push({text:line, y:height});
-                // me._drawTextLine(context, line, height);
-                if(width < w) width = w;
-                height += lineHeight;
-                continue;
-            }
-
-            var str = '', oldWidth = 0, newWidth, j, word;
-
-            for(j = 0, wlen = line.length; j < wlen; j++){
-                word = line[j];
-                newWidth = context.measureText(str + word).width;
-
-                if(newWidth > me.maxWidth){
-                    drawLines.push({text:str, y:height});
-                    // me._drawTextLine(context, str, height);
-                    if(width < oldWidth) width = oldWidth;
-                    height += lineHeight;
-                    str = word;
-                }else{
-                    oldWidth = newWidth;
-                    str += word;
-                }
-
-                if(j == wlen - 1){
-                    drawLines.push({text:str, y:height});
-                    // me._drawTextLine(context, str, height);
-                    if(str !== word && width < newWidth) width = newWidth;
-                    height += lineHeight;
-                }
-            }
-        }
-
-        me.textWidth = width;
-        me.textHeight = height;
-        if(!me.width) me.width = width;
-        if(!me.height) me.height = height;
-
-        //vertical alignment
-        var startY = 0;
-        switch(me.textVAlign){
-            case 'middle':
-                startY = me.height - me.textHeight >> 1;
-                break;
-            case 'bottom':
-                startY = me.height - me.textHeight;
-                break;
-        }
-
-        //draw background
-        var bg = me.background;
-        if(bg){
-            context.fillStyle = bg;
-            context.fillRect(0, 0, me.width, me.height);
-        }
-
-        if(me.outline) context.strokeStyle = me.color;
-        else context.fillStyle = me.color;
-
-        //draw text lines
-        for(i = 0; i < drawLines.length; i++){
-            line = drawLines[i];
-            me._drawTextLine(context, line.text, startY + line.y);
-        }
-    },
-
-    /**
-     * @language=en
-     * Draw a line of text under the assigned render context.
-     * @private
-     */
-    _drawTextLine: function(context, text, y){
-        var me = this, x = 0, width = me.width;
-
-        switch(me.textAlign){
-            case 'center':
-                x = width >> 1;
-                break;
-            case 'right':
-            case 'end':
-                x = width;
-                break;
-        }
-
-        if(me.outline) context.strokeText(text, x, y);
-        else context.fillText(text, x, y);
-    },
-
-    Statics: /** @lends Text */{
-        /**
-         * @language=en
-         * Measure the line height of the assigned text font style.
-         * @param {String} font Font style to measure.
-         * @return {Number} Return line height of the assigned font style.
-         */
-        measureFontHeight: function(font){
-            var docElement = document.documentElement, fontHeight;
-            var elem = Hilo.createElement('div', {style:{font:font, position:'absolute'}, innerHTML:'M'});
-
-            docElement.appendChild(elem);
-            fontHeight = elem.offsetHeight;
-            docElement.removeChild(elem);
-            return fontHeight;
-        }
-    }
-
-});
-
-window.Hilo.Text = Text;
-})(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 3eb663f7..715d4b0b 100644
--- a/build/standalone/hilo/view/View.js
+++ b/build/standalone/hilo/view/View.js
@@ -1,5 +1,5 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.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 2f848f68..f2aa8c97 100644
--- a/build/standalone/hilo/view/View.min.js
+++ b/build/standalone/hilo/view/View.min.js
@@ -1,504 +1,6 @@
 /**
- * Hilo 1.5.0 for standalone
+ * Hilo 1.6.0 for standalone
  * Copyright 2016 alibaba.com
  * Licensed under the MIT License
  */
-/**
- * Hilo 1.5.0 for standalone
- * Copyright 2016 alibaba.com
- * Licensed under the MIT License
- */
-(function(window){
-if(!window.Hilo) window.Hilo = {};
-var Hilo = window.Hilo;var Class = window.Hilo.Class;
-var EventMixin = window.Hilo.EventMixin;
-var Matrix = window.Hilo.Matrix;
-var util = window.Hilo.util;
-
-
-/**
- * @language=en
- * @class View View is the base class of all display objects
- * @mixes EventMixin
- * @borrows EventMixin#on as #on
- * @borrows EventMixin#off as #off
- * @borrows EventMixin#fire as #fire
- * @param {Object} properties The properties to create a view object, contains all writeable props of this class
- * @module hilo/view/View
- * @requires hilo/core/Hilo
- * @requires hilo/core/Class
- * @requires hilo/event/EventMixin
- * @requires hilo/geom/Matrix
- * @requires hilo/util/util
- * @property {String} id The identifier for the view.
- * @property {Number} x The position of the view on the x axis relative to the local coordinates of the parent, default value is 0.
- * @property {Number} y The position of the view on the y axis relative to the local coordinates of the parent, default value is 0.
- * @property {Number} width The width of the view, default value is 0.
- * @property {Number} height The height of the view, default value is 0.
- * @property {Number} alpha The opacity of the view, default value is 1.
- * @property {Number} rotation The rotation of the view in angles, default value is 0.
- * @property {Boolean} visible The visibility of the view. If false the vew will not be drawn, default value is true.
- * @property {Number} pivotX Position of the center point on the x axis of the view, default value is 0.
- * @property {Number} pivotY Position of the center point on the y axis of the view, default value is 0.
- * @property {Number} scaleX The x axis scale factor of the view, default value is 1.
- * @property {Number} scaleY The y axis scale factor of the view, default value is 1.
- * @property {Matrix} transform The transform of the view.If set the transform, x, y, scaleX, scaleY, rotation, pivotX, pivotY will be ignored.default is null.
- * @property {Boolean} pointerEnabled Is the view can receive DOM events, default value is true.
- * @property {Object} background The background style to fill the view, can be css color, gradient or pattern of canvas
- * @property {Graphics} mask Sets a mask for the view. A mask is an object that limits the visibility of an object to the shape of the mask applied to it. A regular mask must be a Hilo.Graphics object. This allows for much faster masking in canvas as it utilises shape clipping. To remove a mask, set this property to null.
- * @property {Number} tint The tint applied to the view，default is 0xFFFFFF.Only support in WebGL mode.
- * @property {String|Function} align The alignment of the view, the value must be one of Hilo.align enum.
- * @property {Container} parent The parent view of this view, readonly!
- * @property {Number} depth The z index of the view, readonly!
- * @property {Drawable} drawable The drawable object of the view. Only for advanced develop.
- * @property {Array} boundsArea The vertex points of the view, the points are relative to the center point. This is a example: [{x:10, y:10}, {x:20, y:20}].
- */
-var View = (function(){
-
-return Class.create(/** @lends View.prototype */{
-    Mixes: EventMixin,
-    constructor: function(properties){
-        properties = properties || {};
-        this.id = this.id || properties.id || Hilo.getUid("View");
-        util.copy(this, properties, true);
-    },
-
-    tint:0xffffff,
-    id: null,
-    x: 0,
-    y: 0,
-    width: 0,
-    height: 0,
-    alpha: 1,
-    rotation: 0,
-    visible: true,
-    pivotX: 0,
-    pivotY: 0,
-    scaleX: 1,
-    scaleY: 1,
-    pointerEnabled: true,
-    background: null,
-    mask: null,
-    align: null,
-    drawable: null,
-    boundsArea: null,
-    parent: null,
-    depth: -1,
-    transform: null,
-    blendMode:'source-over',
-
-    /**
-     * @language=en
-     * Get the stage object of the view. If the view doesn't add to any stage, null will be returned.
-     * @returns {Stage} The stage object of the view.
-     */
-    getStage: function(){
-        var obj = this, parent;
-        while(parent = obj.parent) obj = parent;
-        //NOTE: don't use `instanceof` to prevent circular module requirement.
-        //But it's not a very reliable way to check it's a stage instance.
-        if(obj.canvas) return obj;
-        return null;
-    },
-
-    /**
-     * @language=en
-     * Get the scaled width of the view.
-     * @returns {Number} scaled width of the view.
-     */
-    getScaledWidth: function(){
-        return this.width * this.scaleX;
-    },
-
-    /**
-     * @language=en
-     * Get the scaled height of the view.
-     * @returns {Number} scaled height of the view.
-     */
-    getScaledHeight: function(){
-        return this.height * this.scaleY;
-    },
-
-    /**
-     * @language=en
-     * Add current view to a Contaner.
-     * @param {Container} container Container object.
-     * @param {Uint} index The index of the view in container.
-     * @returns {View} Current view.
-     */
-    addTo: function(container, index){
-        if(typeof index === 'number') container.addChildAt(this, index);
-        else container.addChild(this);
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Remove current view from it's parent container
-     * @returns {View} Current view.
-     */
-    removeFromParent: function(){
-        var parent = this.parent;
-        if(parent) parent.removeChild(this);
-        return this;
-    },
-
-    /**
-     * @language=en
-     * Get the bounds of the view as a circumscribed rectangle and all vertex points relative to the coordinates of the stage.
-     * @returns {Array} The vertex points array, and the array contains the following properties:
-     * <ul>
-     * <li><b>x</b> - The position of the view on the x axis relative to the coordinates of the stage.</li>
-     * <li><b>y</b> - The position of the view on the y axis relative to the coordinates of the stage.</li>
-     * <li><b>width</b> - The width of circumscribed rectangle of the view.</li>
-     * <li><b>height</b> - The height of circumscribed rectangle of the view</li>
-     * </ul>
-     */
-    getBounds: function(){
-        var w = this.width, h = this.height,
-            mtx = this.getConcatenatedMatrix(),
-            poly = this.boundsArea || [{x:0, y:0}, {x:w, y:0}, {x:w, y:h}, {x:0, y:h}],
-            vertexs = [], point, x, y, minX, maxX, minY, maxY;
-
-        for(var i = 0, len = poly.length; i < len; i++){
-            point = mtx.transformPoint(poly[i], true, true);
-            x = point.x;
-            y = point.y;
-
-            if(i == 0){
-                minX = maxX = x;
-                minY = maxY = y;
-            }else{
-                if(minX > x) minX = x;
-                else if(maxX < x) maxX = x;
-                if(minY > y) minY = y;
-                else if(maxY < y) maxY = y;
-            }
-            vertexs[i] = point;
-        }
-
-        vertexs.x = minX;
-        vertexs.y = minY;
-        vertexs.width = maxX - minX;
-        vertexs.height = maxY - minY;
-        return vertexs;
-    },
-
-    /**
-     * @language=en
-     * Get the matrix that can transform points from current view coordinates to the ancestor container coordinates.
-     * @param {View} ancestor The ancestor of current view, default value is the top container.
-     * @private
-     */
-    getConcatenatedMatrix: function(ancestor){
-        var mtx = new Matrix(1, 0, 0, 1, 0, 0);
-
-        for(var o = this; o != ancestor && o.parent; o = o.parent){
-            var cos = 1, sin = 0,
-                rotation = o.rotation % 360,
-                pivotX = o.pivotX, pivotY = o.pivotY,
-                scaleX = o.scaleX, scaleY = o.scaleY,
-                transform = o.transform;
-
-            if(transform) {
-                mtx.concat(transform);
-            }
-            else{
-                if(rotation){
-                    var r = rotation * Math.PI / 180;
-                    cos = Math.cos(r);
-                    sin = Math.sin(r);
-                }
-
-                if(pivotX != 0) mtx.tx -= pivotX;
-                if(pivotY != 0) mtx.ty -= pivotY;
-
-                var pos = o.getAlignPosition();
-                mtx.concat(cos*scaleX, sin*scaleX, -sin*scaleY, cos*scaleY, pos.x, pos.y);
-            }
-            
-        }
-        return mtx;
-    },
-
-    getAlignPosition: function(){
-        var parent = this.parent;
-        var align = this.align;
-        var x = this.x;
-        var y = this.y;
-
-        if(parent && this.align){
-            if(typeof align === 'function'){
-                return this.align();
-            }
-
-            var w = this.width, h = this.height,
-                pw = parent.width, ph = parent.height;
-            switch(align){
-                case 'TL':
-                    x = 0;
-                    y = 0;
-                    break;
-                case 'T':
-                    x = pw - w >> 1;
-                    y = 0;
-                    break;
-                case 'TR':
-                    x = pw - w;
-                    y = 0;
-                    break;
-                case 'L':
-                    x = 0;
-                    y = ph - h >> 1;
-                    break;
-                case 'C':
-                    x = pw - w >> 1;
-                    y = ph - h >> 1;
-                    break;
-                case 'R':
-                    x = pw - w;
-                    y = ph - h >> 1;
-                    break;
-                case 'BL':
-                    x = 0;
-                    y = ph - h;
-                    break;
-                case 'B':
-                    x = pw - w >> 1;
-                    y = ph - h;
-                    break;
-                case 'BR':
-                    x = pw - w;
-                    y = ph - h;
-                    break;
-            }
-        }
-
-        return {
-            x:x,
-            y:y
-        };
-    },
-
-    /**
-     * @language=en
-     * Determining whether a point is in the circumscribed rectangle of current view.
-     * @param {Number} x The x axis relative to the stage coordinates.
-     * @param {Number} y The y axis relative to the stage coordinates.
-     * @param {Boolean} usePolyCollision Is use polygon collision, default value is false.
-     * @returns {Boolean} the point is in the circumscribed rectangle of current view.
-     */
-    hitTestPoint: function(x, y, usePolyCollision){
-        var bound = this.getBounds(),
-            hit = x >= bound.x && x <= bound.x + bound.width &&
-                  y >= bound.y && y <= bound.y + bound.height;
-
-        if(hit && usePolyCollision){
-            hit = pointInPolygon(x, y, bound);
-        }
-        return hit;
-    },
-
-    /**
-     * @language=en
-     * Determining whether an object is in the circumscribed rectangle of current view.
-     * @param {View} object The object need to determining.
-     * @param {Boolean} usePolyCollision Is use polygon collision, default value is false.
-     */
-    hitTestObject: function(object, usePolyCollision){
-        var b1 = this.getBounds(),
-            b2 = object.getBounds(),
-            hit = b1.x <= b2.x + b2.width && b2.x <= b1.x + b1.width &&
-                  b1.y <= b2.y + b2.height && b2.y <= b1.y + b1.height;
-
-        if(hit && usePolyCollision){
-            hit = polygonCollision(b1, b2);
-        }
-        return !!hit;
-    },
-
-    /**
-     * @language=en
-     * The method to render current display object. Only for advanced develop.
-     * @param {Renderer} renderer Renderer object.
-     * @param {Number} delta The delta time of render.
-     * @protected
-     */
-    _render: function(renderer, delta){
-        if((!this.onUpdate || this.onUpdate(delta) !== false) && renderer.startDraw(this)){
-            renderer.transform(this);
-            this.render(renderer, delta);
-            renderer.endDraw(this);
-        }
-    },
-    /**
-     * @language=en
-     * Mouse event
-    */
-    _fireMouseEvent:function(e){
-        e.eventCurrentTarget = this;
-        this.fire(e);
-
-        // 处理mouseover事件 mouseover不需要阻止冒泡
-        // handle mouseover event, mouseover needn't stop propagation.
-        if(e.type == "mousemove"){
-            if(!this.__mouseOver){
-                this.__mouseOver = true;
-                var overEvent = util.copy({}, e);
-                overEvent.type = "mouseover";
-                this.fire(overEvent);
-            }
-        }
-        else if(e.type == "mouseout"){
-            this.__mouseOver = false;
-        }
-
-        // 向上冒泡
-        // handle event propagation
-        var parent = this.parent;
-        if(!e._stopped && !e._stopPropagationed && parent){
-            if(e.type == "mouseout" || e.type == "touchout"){
-                if(!parent.hitTestPoint(e.stageX, e.stageY, true)){
-                    parent._fireMouseEvent(e);
-                }
-            }
-            else{
-                parent._fireMouseEvent(e);
-            }
-        }
-    },
-
-    /**
-     * @language=en
-     * This method will call while the view need update(usually caused by ticker update). This method can return a Boolean value, if return false, the view will not be drawn.
-     * Limit: If you change the index in it's parent, it will not be drawn correct in current frame but next frame is correct.
-     * @type Function
-     * @default null
-     */
-    onUpdate: null,
-
-    /**
-     * @language=en
-     * The render method of current view. The subclass can implement it's own render logic by rewrite this function.
-     * @param {Renderer} renderer Renderer object.
-     * @param {Number} delta The delta time of render.
-     */
-    render: function(renderer, delta){
-        renderer.draw(this);
-    },
-
-    /**
-     * @language=en
-     * Get a string representing current view.
-     * @returns {String} string representing current view.
-     */
-    toString: function(){
-        return Hilo.viewToString(this);
-    }
-});
-
-/**
- * @language=en
- * @private
- */
-function pointInPolygon(x, y, poly){
-    var cross = 0, onBorder = false, minX, maxX, minY, maxY;
-
-    for(var i = 0, len = poly.length; i < len; i++){
-        var p1 = poly[i], p2 = poly[(i+1)%len];
-
-        if(p1.y == p2.y && y == p1.y){
-            p1.x > p2.x ? (minX = p2.x, maxX = p1.x) : (minX = p1.x, maxX = p2.x);
-            if(x >= minX && x <= maxX){
-                onBorder = true;
-                continue;
-            }
-        }
-
-        p1.y > p2.y ? (minY = p2.y, maxY = p1.y) : (minY = p1.y, maxY = p2.y);
-        if(y < minY || y > maxY) continue;
-
-        var nx = (y - p1.y)*(p2.x - p1.x) / (p2.y - p1.y) + p1.x;
-        if(nx > x) cross++;
-        else if(nx == x) onBorder = true;
-
-        //当射线和多边形相交
-        if(p1.x > x && p1.y == y){
-            var p0 = poly[(len+i-1)%len];
-            //当交点的两边在射线两旁
-            if(p0.y < y && p2.y > y || p0.y > y && p2.y < y){
-                cross ++;
-            }
-        }
-    }
-
-    return onBorder || (cross % 2 == 1);
-}
-
-/**
- * @language=en
- * @private
- */
-function polygonCollision(poly1, poly2){
-    var result = doSATCheck(poly1, poly2, {overlap:-Infinity, normal:{x:0, y:0}});
-    if(result) return doSATCheck(poly2, poly1, result);
-    return false;
-}
-
-/**
- * @language=en
- * @private
- */
-function doSATCheck(poly1, poly2, result){
-    var len1 = poly1.length, len2 = poly2.length,
-        currentPoint, nextPoint, distance,
-        min1, max1, min2, max2, dot, overlap, normal = {x:0, y:0};
-
-    for(var i = 0; i < len1; i++){
-        currentPoint = poly1[i];
-        nextPoint = poly1[(i < len1-1 ? i+1 : 0)];
-
-        normal.x = currentPoint.y - nextPoint.y;
-        normal.y = nextPoint.x - currentPoint.x;
-
-        distance = Math.sqrt(normal.x * normal.x + normal.y * normal.y);
-        normal.x /= distance;
-        normal.y /= distance;
-
-        min1 = max1 = poly1[0].x * normal.x + poly1[0].y * normal.y;
-        for(var j = 1; j < len1; j++){
-            dot = poly1[j].x * normal.x + poly1[j].y * normal.y;
-            if(dot > max1) max1 = dot;
-            else if(dot < min1) min1 = dot;
-        }
-
-        min2 = max2 = poly2[0].x * normal.x + poly2[0].y * normal.y;
-        for(j = 1; j < len2; j++){
-            dot = poly2[j].x * normal.x + poly2[j].y * normal.y;
-            if(dot > max2) max2 = dot;
-            else if(dot < min2) min2 = dot;
-        }
-
-        if(min1 < min2){
-            overlap = min2 - max1;
-            normal.x = -normal.x;
-            normal.y = -normal.y;
-        }else{
-            overlap = min1 - max2;
-        }
-
-        if(overlap >= 0){
-            return false;
-        }else if(overlap > result.overlap){
-            result.overlap = overlap;
-            result.normal.x = normal.x;
-            result.normal.y = normal.y;
-        }
-    }
-
-    return result;
-}
-
-})();
-window.Hilo.View = View;
-})(window);
\ No newline at end of file
+!function(t){t.Hilo||(t.Hilo={});var e=t.Hilo,i=t.Hilo.Class,n=t.Hilo.EventMixin,r=t.Hilo.Matrix,o=t.Hilo.util,a=function(){function t(t,e,i){for(var n,r,o,a,s=0,h=!1,u=0,l=i.length;u<l;u++){var y=i[u],c=i[(u+1)%l];if(y.y==c.y&&e==y.y&&(y.x>c.x?(n=c.x,r=y.x):(n=y.x,r=c.x),t>=n&&t<=r))h=!0;else if(y.y>c.y?(o=c.y,a=y.y):(o=y.y,a=c.y),!(e<o||e>a)){var x=(e-y.y)*(c.x-y.x)/(c.y-y.y)+y.x;if(x>t?s++:x==t&&(h=!0),y.x>t&&y.y==e){var d=i[(l+u-1)%l];(d.y<e&&c.y>e||d.y>e&&c.y<e)&&s++}}}return h||s%2==1}function a(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,o,a,s,h,u,l,y,c=t.length,x=e.length,d={x:0,y:0},f=0;f<c;f++){n=t[f],r=t[f<c-1?f+1:0],d.x=n.y-r.y,d.y=r.x-n.x,o=Math.sqrt(d.x*d.x+d.y*d.y),d.x/=o,d.y/=o,a=s=t[0].x*d.x+t[0].y*d.y;for(var v=1;v<c;v++)l=t[v].x*d.x+t[v].y*d.y,l>s?s=l:l<a&&(a=l);for(h=u=e[0].x*d.x+e[0].y*d.y,v=1;v<x;v++)l=e[v].x*d.x+e[v].y*d.y,l>u?u=l:l<h&&(h=l);if(a<h?(y=h-s,d.x=-d.x,d.y=-d.y):y=a-u,y>=0)return!1;y>i.overlap&&(i.overlap=y,i.normal.x=d.x,i.normal.y=d.y)}return i}return i.create({Mixes:n,constructor:function(t){t=t||{},this.id=this.id||t.id||e.getUid("View"),o.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,o,a,s=this.width,h=this.height,u=this.getConcatenatedMatrix(),l=this.boundsArea||[{x:0,y:0},{x:s,y:0},{x:s,y:h},{x:0,y:h}],y=[],c=0,x=l.length;c<x;c++)t=u.transformPoint(l[c],!0,!0),e=t.x,i=t.y,0==c?(n=r=e,o=a=i):(n>e?n=e:r<e&&(r=e),o>i?o=i:a<i&&(a=i)),y[c]=t;return y.x=n,y.y=o,y.width=r-n,y.height=a-o,y},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,o=0,a=i.rotation%360,s=i.pivotX,h=i.pivotY,u=i.scaleX,l=i.scaleY,y=i.transform;if(y)e.concat(y);else{if(a){var c=a*Math.PI/180;n=Math.cos(c),o=Math.sin(c)}0!=s&&(e.tx-=s),0!=h&&(e.ty-=h);var x=i.getAlignPosition();e.concat(n*u,o*u,-o*l,n*l,x.x,x.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,o=this.height,a=t.width,s=t.height;switch(e){case"TL":i=0,n=0;break;case"T":i=a-r>>1,n=0;break;case"TR":i=a-r,n=0;break;case"L":i=0,n=s-o>>1;break;case"C":i=a-r>>1,n=s-o>>1;break;case"R":i=a-r,n=s-o>>1;break;case"BL":i=0,n=s-o;break;case"B":i=a-r>>1,n=s-o;break;case"BR":i=a-r,n=s-o}}return{x:i,y:n}},hitTestPoint:function(e,i,n){var r=this.getBounds(),o=e>=r.x&&e<=r.x+r.width&&i>=r.y&&i<=r.y+r.height;return o&&n&&(o=t(e,i,r)),o},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=a(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=o.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=a}(window);
\ No newline at end of file
diff --git a/docs/api-en/code/loader/LoadQueue.js b/docs/api-en/code/loader/LoadQueue.js
index 939eaa39..e2e9ac13 100644
--- a/docs/api-en/code/loader/LoadQueue.js
+++ b/docs/api-en/code/loader/LoadQueue.js
@@ -84,6 +84,22 @@ var LoadQueue = Class.create(/** @lends LoadQueue.prototype */{
         var item = this.get(id);
         return item && item.content;
     },
+    /**
+     * remove resource object content  by id or src
+     * @param {String} specified id or src
+     */
+    removeContent: function(id){
+        if(id){
+            var source = this._source;
+            for(var i = 0; i < source.length; i++){
+                var item = source[i];
+                if(item.id === id || item.src === id){
+                    source.splice(i, 1);
+                    return;
+                }
+            }
+        }
+    },
 
     /**
      * start loading
diff --git a/docs/api-en/index.html b/docs/api-en/index.html
index a098cf0b..bf8c4d70 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.5.0)</span></div>
+    <div class="hilo-header">All Class Index<span class="small">(v1.6.0)</span></div>
     <table class="table table-striped table-bordered table-condensed">
       <thead>
         <tr>
diff --git a/docs/api-en/symbols/LoadQueue.html b/docs/api-en/symbols/LoadQueue.html
index 5a5a33a3..e3b93cc4 100644
--- a/docs/api-en/symbols/LoadQueue.html
+++ b/docs/api-en/symbols/LoadQueue.html
@@ -486,6 +486,24 @@ <h3 style="display:inline;margin-right:10px;">Methods</h3>
                 </tr>
             
                 
+                <tr >
+                    <td>
+                        
+                    </td>
+                    <td class="fixedFont">
+                        <div><b><a href="../symbols/LoadQueue.html#removeContent">removeContent</a></b>(specified:String)
+                        </div>
+                        <div class="description">
+                            
+                            remove resource object content  by id or src
+                        </div>
+                    </td>
+                    <td>
+                        LoadQueue
+                    </td>
+                </tr>
+            
+                
                 <tr >
                     <td>
                         
@@ -926,6 +944,36 @@ <h3 style="margin-bottom:15px;">Constructor</h3>
         
         
 
+        </div>
+    
+        <a class="anchor" name="removeContent"> </a>
+        <div class="member-box">
+        <div class="member-header">
+        
+        <b>removeContent</b>(specified:String)
+        </div>
+        <div class="description">remove resource object content  by id or src</div>
+
+        
+
+        
+            <dl class="detailList">
+            <dt class="heading"><span class="label">parameters</span></dt>
+            
+                <dt style="margin-left:20px;font-weight:normal;">
+                    <b>specified</b>:<span>String</span> 
+                     — id or src
+                </dt>
+            
+            </dl>
+        
+        
+        
+        
+        
+        
+        
+
         </div>
     
         <a class="anchor" name="start"> </a>
diff --git a/docs/api-en/symbols/src/docs_api-en_code_loader_LoadQueue.js.html b/docs/api-en/symbols/src/docs_api-en_code_loader_LoadQueue.js.html
index 60a18442..327681b0 100644
--- a/docs/api-en/symbols/src/docs_api-en_code_loader_LoadQueue.js.html
+++ b/docs/api-en/symbols/src/docs_api-en_code_loader_LoadQueue.js.html
@@ -91,147 +91,163 @@
 <span class='line'> 84</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.get</span><span class="PUNC">(</span><span class="NAME">id</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'> 85</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">item.content</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 class='line'> 87</span> 
-<span class='line'> 88</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'> 89</span>      * start loading
-<span class='line'> 90</span>      * @returns {LoadQueue} the loading instance
-<span class='line'> 91</span>      */</span><span class="WHIT">
-<span class='line'> 92</span> </span><span class="WHIT">    </span><span class="NAME">start</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</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="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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'> 94</span> </span><span class="WHIT">        </span><span class="NAME">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 95</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">me</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 96</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 97</span> 
-<span class='line'> 98</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'> 99</span>      * @private
-<span class='line'>100</span>      */</span><span class="WHIT">
-<span class='line'>101</span> </span><span class="WHIT">    </span><span class="NAME">_loadNext</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>102</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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><span class="NAME">source</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._source</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source.length</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 87</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'> 88</span>      * remove resource object content  by id or src
+<span class='line'> 89</span>      * @param {String} specified id or src
+<span class='line'> 90</span>      */</span><span class="WHIT">
+<span class='line'> 91</span> </span><span class="WHIT">    </span><span class="NAME">removeContent</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">id</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 92</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">id</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 93</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">source</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._source</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 94</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="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">source.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 95</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">[</span><span class="NAME">i</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">if</span><span class="PUNC">(</span><span class="NAME">item.id</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">id</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">item.src</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">id</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 97</span> </span><span class="WHIT">                    </span><span class="NAME">source.splice</span><span class="PUNC">(</span><span class="NAME">i</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'> 98</span> </span><span class="WHIT">                    </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 99</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>100</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>101</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>102</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'>103</span> 
-<span class='line'>104</span> </span><span class="WHIT">        </span><span class="COMM">//all items loaded</span><span class="WHIT">
-<span class='line'>105</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">me._loaded</span><span class="WHIT"> </span><span class="PUNC">>=</span><span class="WHIT"> </span><span class="NAME">len</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">me.fire</span><span class="PUNC">(</span><span class="STRN">'complete'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>107</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>108</span> </span><span class="WHIT">        </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="KEYW">if</span><span class="PUNC">(</span><span class="NAME">me._currentIndex</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">len</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">me._connections</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">me.maxConnections</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>111</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="PUNC">++</span><span class="NAME">me._currentIndex</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>112</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>113</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._getLoader</span><span class="PUNC">(</span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>114</span> 
-<span class='line'>115</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>116</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">loader.onLoad</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">onError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">loader.onError</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>117</span> 
-<span class='line'>118</span> </span><span class="WHIT">                </span><span class="NAME">loader.onLoad</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">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>119</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onLoad</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>120</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onError</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>121</span> </span><span class="WHIT">                    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">content</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">onLoad.call</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">e.target</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>122</span> </span><span class="WHIT">                    </span><span class="NAME">me._onItemLoad</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">content</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>123</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>124</span> </span><span class="WHIT">                </span><span class="NAME">loader.onError</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">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>125</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onLoad</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>126</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onError</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>127</span> </span><span class="WHIT">                    </span><span class="NAME">onError</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">onError.call</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>128</span> </span><span class="WHIT">                    </span><span class="NAME">me._onItemError</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>129</span> </span><span class="WHIT">                </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">me._connections</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 class='line'>133</span> </span><span class="WHIT">            </span><span class="NAME">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>134</span> </span><span class="WHIT">            </span><span class="NAME">loader</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">loader.load</span><span class="PUNC">(</span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>135</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>136</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>137</span> 
-<span class='line'>138</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>139</span>      * @private
-<span class='line'>140</span>      */</span><span class="WHIT">
-<span class='line'>141</span> </span><span class="WHIT">    </span><span class="NAME">_getLoader</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>142</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">item.loader</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>143</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>144</span> 
-<span class='line'>145</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">item.type</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">getExtension</span><span class="PUNC">(</span><span class="NAME">item.src</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>146</span> 
-<span class='line'>147</span> </span><span class="WHIT">        </span><span class="KEYW">switch</span><span class="PUNC">(</span><span class="NAME">type</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">case</span><span class="WHIT"> </span><span class="STRN">'png'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>149</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'jpg'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>150</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'jpeg'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>151</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'gif'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>152</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'webp'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>153</span> </span><span class="WHIT">                </span><span class="NAME">loader</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">ImageLoader</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>154</span> </span><span class="WHIT">                </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>155</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'js'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>156</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'jsonp'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>157</span> </span><span class="WHIT">                </span><span class="NAME">loader</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">ScriptLoader</span><span class="PUNC">(</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">break</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'>104</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>105</span>      * start loading
+<span class='line'>106</span>      * @returns {LoadQueue} the loading instance
+<span class='line'>107</span>      */</span><span class="WHIT">
+<span class='line'>108</span> </span><span class="WHIT">    </span><span class="NAME">start</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>109</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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'>110</span> </span><span class="WHIT">        </span><span class="NAME">me._loadNext</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="KEYW">return</span><span class="WHIT"> </span><span class="NAME">me</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>112</span> </span><span class="WHIT">    </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="COMM">/**
+<span class='line'>115</span>      * @private
+<span class='line'>116</span>      */</span><span class="WHIT">
+<span class='line'>117</span> </span><span class="WHIT">    </span><span class="NAME">_loadNext</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>118</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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><span class="NAME">source</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._source</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source.length</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="COMM">//all items loaded</span><span class="WHIT">
+<span class='line'>121</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">me._loaded</span><span class="WHIT"> </span><span class="PUNC">>=</span><span class="WHIT"> </span><span class="NAME">len</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>122</span> </span><span class="WHIT">            </span><span class="NAME">me.fire</span><span class="PUNC">(</span><span class="STRN">'complete'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>123</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>124</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>125</span> 
+<span class='line'>126</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">me._currentIndex</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">len</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">me._connections</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">me.maxConnections</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>127</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="PUNC">++</span><span class="NAME">me._currentIndex</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>128</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">[</span><span class="NAME">index</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">var</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._getLoader</span><span class="PUNC">(</span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>130</span> 
+<span class='line'>131</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>132</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">loader.onLoad</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">onError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">loader.onError</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>133</span> 
+<span class='line'>134</span> </span><span class="WHIT">                </span><span class="NAME">loader.onLoad</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">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>135</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onLoad</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>136</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onError</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>137</span> </span><span class="WHIT">                    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">content</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">onLoad.call</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">e.target</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>138</span> </span><span class="WHIT">                    </span><span class="NAME">me._onItemLoad</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">content</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>139</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>140</span> </span><span class="WHIT">                </span><span class="NAME">loader.onError</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">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>141</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onLoad</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>142</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onError</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>143</span> </span><span class="WHIT">                    </span><span class="NAME">onError</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">onError.call</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>144</span> </span><span class="WHIT">                    </span><span class="NAME">me._onItemError</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>145</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>146</span> </span><span class="WHIT">                </span><span class="NAME">me._connections</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>147</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>148</span> 
+<span class='line'>149</span> </span><span class="WHIT">            </span><span class="NAME">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>150</span> </span><span class="WHIT">            </span><span class="NAME">loader</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">loader.load</span><span class="PUNC">(</span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>151</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>152</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>153</span> 
+<span class='line'>154</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>155</span>      * @private
+<span class='line'>156</span>      */</span><span class="WHIT">
+<span class='line'>157</span> </span><span class="WHIT">    </span><span class="NAME">_getLoader</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">item</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">var</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">item.loader</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>159</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">loader</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">return</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>162</span> </span><span class="WHIT">    </span><span class="PUNC">}</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="COMM">/**
-<span class='line'>165</span>      * @private
-<span class='line'>166</span>      */</span><span class="WHIT">
-<span class='line'>167</span> </span><span class="WHIT">    </span><span class="NAME">_onItemLoad</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">content</span><span class="PUNC">)</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">me</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><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._source</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>169</span> </span><span class="WHIT">        </span><span class="NAME">item.loaded</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'>170</span> </span><span class="WHIT">        </span><span class="NAME">item.content</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">content</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>171</span> </span><span class="WHIT">        </span><span class="NAME">me._connections</span><span class="PUNC">--</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>172</span> </span><span class="WHIT">        </span><span class="NAME">me._loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>173</span> </span><span class="WHIT">        </span><span class="NAME">me.fire</span><span class="PUNC">(</span><span class="STRN">'load'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>174</span> </span><span class="WHIT">        </span><span class="NAME">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>175</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>161</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">item.type</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">getExtension</span><span class="PUNC">(</span><span class="NAME">item.src</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>162</span> 
+<span class='line'>163</span> </span><span class="WHIT">        </span><span class="KEYW">switch</span><span class="PUNC">(</span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>164</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'png'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>165</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'jpg'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>166</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'jpeg'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>167</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'gif'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>168</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'webp'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>169</span> </span><span class="WHIT">                </span><span class="NAME">loader</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">ImageLoader</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>170</span> </span><span class="WHIT">                </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>171</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'js'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>172</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'jsonp'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>173</span> </span><span class="WHIT">                </span><span class="NAME">loader</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">ScriptLoader</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>174</span> </span><span class="WHIT">                </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>175</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'>176</span> 
-<span class='line'>177</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>178</span>      * @private
-<span class='line'>179</span>      */</span><span class="WHIT">
-<span class='line'>180</span> </span><span class="WHIT">    </span><span class="NAME">_onItemError</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>181</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._source</span><span class="PUNC">[</span><span class="NAME">index</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">item.error</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>183</span> </span><span class="WHIT">        </span><span class="NAME">me._connections</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">me._loaded</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">me.fire</span><span class="PUNC">(</span><span class="STRN">'error'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>186</span> </span><span class="WHIT">        </span><span class="NAME">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>187</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>188</span> 
-<span class='line'>189</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>190</span>      *  get resource size, loaded or all.
-<span class='line'>191</span>      * @param {Boolean} identify loaded or all resource. default is false, return all resource size. when set true, return loaded resource size.
-<span class='line'>192</span>      * @returns {Number} resource size.
-<span class='line'>193</span>      */</span><span class="WHIT">
-<span class='line'>194</span> </span><span class="WHIT">    </span><span class="NAME">getSize</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">loaded</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">size</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="NAME">source</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._source</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>196</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="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">source.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>197</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>198</span> </span><span class="WHIT">            </span><span class="NAME">size</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="NAME">item.loaded</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">item.size</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">item.size</span><span class="PUNC">)</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'>199</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>200</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">size</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>201</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>202</span> 
-<span class='line'>203</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>204</span>      * get loaded resource count
-<span class='line'>205</span>      * @returns {Uint} loaded resource count
-<span class='line'>206</span>      */</span><span class="WHIT">
-<span class='line'>207</span> </span><span class="WHIT">    </span><span class="NAME">getLoaded</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>208</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._loaded</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>209</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>210</span> 
-<span class='line'>211</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>212</span>      * get all resource count
-<span class='line'>213</span>      * @returns {Uint} all resource count
-<span class='line'>214</span>      */</span><span class="WHIT">
-<span class='line'>215</span> </span><span class="WHIT">    </span><span class="NAME">getTotal</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>216</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._source.length</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>217</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>177</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>178</span> </span><span class="WHIT">    </span><span class="PUNC">}</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="COMM">/**
+<span class='line'>181</span>      * @private
+<span class='line'>182</span>      */</span><span class="WHIT">
+<span class='line'>183</span> </span><span class="WHIT">    </span><span class="NAME">_onItemLoad</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">content</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>184</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._source</span><span class="PUNC">[</span><span class="NAME">index</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">item.loaded</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'>186</span> </span><span class="WHIT">        </span><span class="NAME">item.content</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">content</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>187</span> </span><span class="WHIT">        </span><span class="NAME">me._connections</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">me._loaded</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">me.fire</span><span class="PUNC">(</span><span class="STRN">'load'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">item</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">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>191</span> </span><span class="WHIT">    </span><span class="PUNC">}</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="COMM">/**
+<span class='line'>194</span>      * @private
+<span class='line'>195</span>      */</span><span class="WHIT">
+<span class='line'>196</span> </span><span class="WHIT">    </span><span class="NAME">_onItemError</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>197</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._source</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>198</span> </span><span class="WHIT">        </span><span class="NAME">item.error</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>199</span> </span><span class="WHIT">        </span><span class="NAME">me._connections</span><span class="PUNC">--</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>200</span> </span><span class="WHIT">        </span><span class="NAME">me._loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>201</span> </span><span class="WHIT">        </span><span class="NAME">me.fire</span><span class="PUNC">(</span><span class="STRN">'error'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>202</span> </span><span class="WHIT">        </span><span class="NAME">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>203</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>204</span> 
+<span class='line'>205</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>206</span>      *  get resource size, loaded or all.
+<span class='line'>207</span>      * @param {Boolean} identify loaded or all resource. default is false, return all resource size. when set true, return loaded resource size.
+<span class='line'>208</span>      * @returns {Number} resource size.
+<span class='line'>209</span>      */</span><span class="WHIT">
+<span class='line'>210</span> </span><span class="WHIT">    </span><span class="NAME">getSize</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">loaded</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">var</span><span class="WHIT"> </span><span class="NAME">size</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="NAME">source</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._source</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>212</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="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">source.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</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="KEYW">var</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>214</span> </span><span class="WHIT">            </span><span class="NAME">size</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="NAME">item.loaded</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">item.size</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">item.size</span><span class="PUNC">)</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'>215</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>216</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">size</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>217</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'>218</span> 
-<span class='line'>219</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>220</span> 
-<span class='line'>221</span> </span><span class="COMM">/**
-<span class='line'>222</span>  * @private
-<span class='line'>223</span>  */</span><span class="WHIT">
-<span class='line'>224</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">getExtension</span><span class="PUNC">(</span><span class="NAME">src</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>225</span> </span><span class="WHIT">    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">extRegExp</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="REGX">/\/?[^/</span><span class="PUNC">]</span><span class="PUNC">+</span><span class="TOKN">\</span><span class="PUNC">.</span><span class="PUNC">(</span><span class="TOKN">\</span><span class="NAME">w</span><span class="PUNC">+</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="TOKN">\</span><span class="PUNC">?</span><span class="TOKN">\</span><span class="NAME">S</span><span class="PUNC">+</span><span class="PUNC">)</span><span class="PUNC">?</span><span class="NAME">$</span><span class="PUNC">/</span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">match</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">extension</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>226</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">match</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">src.match</span><span class="PUNC">(</span><span class="NAME">extRegExp</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>227</span> </span><span class="WHIT">        </span><span class="NAME">extension</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">match</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">toLowerCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>228</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>229</span> </span><span class="WHIT">    </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">extension</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'>230</span> </span><span class="PUNC">}</span></pre></body></html>
\ No newline at end of file
+<span class='line'>219</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>220</span>      * get loaded resource count
+<span class='line'>221</span>      * @returns {Uint} loaded resource count
+<span class='line'>222</span>      */</span><span class="WHIT">
+<span class='line'>223</span> </span><span class="WHIT">    </span><span class="NAME">getLoaded</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>224</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._loaded</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>225</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>226</span> 
+<span class='line'>227</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>228</span>      * get all resource count
+<span class='line'>229</span>      * @returns {Uint} all resource count
+<span class='line'>230</span>      */</span><span class="WHIT">
+<span class='line'>231</span> </span><span class="WHIT">    </span><span class="NAME">getTotal</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>232</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._source.length</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>233</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>234</span> 
+<span class='line'>235</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>236</span> 
+<span class='line'>237</span> </span><span class="COMM">/**
+<span class='line'>238</span>  * @private
+<span class='line'>239</span>  */</span><span class="WHIT">
+<span class='line'>240</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">getExtension</span><span class="PUNC">(</span><span class="NAME">src</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>241</span> </span><span class="WHIT">    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">extRegExp</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="REGX">/\/?[^/</span><span class="PUNC">]</span><span class="PUNC">+</span><span class="TOKN">\</span><span class="PUNC">.</span><span class="PUNC">(</span><span class="TOKN">\</span><span class="NAME">w</span><span class="PUNC">+</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="TOKN">\</span><span class="PUNC">?</span><span class="TOKN">\</span><span class="NAME">S</span><span class="PUNC">+</span><span class="PUNC">)</span><span class="PUNC">?</span><span class="NAME">$</span><span class="PUNC">/</span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">match</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">extension</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>242</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">match</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">src.match</span><span class="PUNC">(</span><span class="NAME">extRegExp</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">extension</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">match</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">toLowerCase</span><span class="PUNC">(</span><span class="PUNC">)</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">return</span><span class="WHIT"> </span><span class="NAME">extension</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'>246</span> </span><span class="PUNC">}</span></pre></body></html>
\ No newline at end of file
diff --git a/docs/api-zh/code/loader/LoadQueue.js b/docs/api-zh/code/loader/LoadQueue.js
index edc23af6..1fa70954 100644
--- a/docs/api-zh/code/loader/LoadQueue.js
+++ b/docs/api-zh/code/loader/LoadQueue.js
@@ -84,6 +84,22 @@ var LoadQueue = Class.create(/** @lends LoadQueue.prototype */{
         var item = this.get(id);
         return item && item.content;
     },
+    /**
+     * 根据id或src地址删除资源内容。
+     * @param {String} id 指定资源的id或src。
+     */
+    removeContent: function(id){
+        if(id){
+            var source = this._source;
+            for(var i = 0; i < source.length; i++){
+                var item = source[i];
+                if(item.id === id || item.src === id){
+                    source.splice(i, 1);
+                    return;
+                }
+            }
+        }
+    },
 
     /**
      * 开始下载队列。
diff --git a/docs/api-zh/index.html b/docs/api-zh/index.html
index cf7ef42f..b9b46ebc 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.5.0)</span></div>
+    <div class="hilo-header">全部类概览<span class="small">(v1.6.0)</span></div>
     <table class="table table-striped table-bordered table-condensed">
       <thead>
         <tr>
diff --git a/docs/api-zh/symbols/LoadQueue.html b/docs/api-zh/symbols/LoadQueue.html
index 53a7419d..ac997f76 100644
--- a/docs/api-zh/symbols/LoadQueue.html
+++ b/docs/api-zh/symbols/LoadQueue.html
@@ -486,6 +486,24 @@ <h3 style="display:inline;margin-right:10px;">方法概览</h3>
                 </tr>
             
                 
+                <tr >
+                    <td>
+                        
+                    </td>
+                    <td class="fixedFont">
+                        <div><b><a href="../symbols/LoadQueue.html#removeContent">removeContent</a></b>(id:String)
+                        </div>
+                        <div class="description">
+                            
+                            根据id或src地址删除资源内容。
+                        </div>
+                    </td>
+                    <td>
+                        LoadQueue
+                    </td>
+                </tr>
+            
+                
                 <tr >
                     <td>
                         
@@ -926,6 +944,36 @@ <h3 style="margin-bottom:15px;">构造函数</h3>
         
         
 
+        </div>
+    
+        <a class="anchor" name="removeContent"> </a>
+        <div class="member-box">
+        <div class="member-header">
+        
+        <b>removeContent</b>(id:String)
+        </div>
+        <div class="description">根据id或src地址删除资源内容。</div>
+
+        
+
+        
+            <dl class="detailList">
+            <dt class="heading"><span class="label">parameters</span></dt>
+            
+                <dt style="margin-left:20px;font-weight:normal;">
+                    <b>id</b>:<span>String</span> 
+                     — 指定资源的id或src。
+                </dt>
+            
+            </dl>
+        
+        
+        
+        
+        
+        
+        
+
         </div>
     
         <a class="anchor" name="start"> </a>
diff --git a/docs/api-zh/symbols/src/docs_api-zh_code_loader_LoadQueue.js.html b/docs/api-zh/symbols/src/docs_api-zh_code_loader_LoadQueue.js.html
index 8fe0e658..d9ae480c 100644
--- a/docs/api-zh/symbols/src/docs_api-zh_code_loader_LoadQueue.js.html
+++ b/docs/api-zh/symbols/src/docs_api-zh_code_loader_LoadQueue.js.html
@@ -91,147 +91,163 @@
 <span class='line'> 84</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.get</span><span class="PUNC">(</span><span class="NAME">id</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
 <span class='line'> 85</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">item.content</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 class='line'> 87</span> 
-<span class='line'> 88</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'> 89</span>      * 开始下载队列。
-<span class='line'> 90</span>      * @returns {LoadQueue} 下载队列实例本身。
-<span class='line'> 91</span>      */</span><span class="WHIT">
-<span class='line'> 92</span> </span><span class="WHIT">    </span><span class="NAME">start</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</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="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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'> 94</span> </span><span class="WHIT">        </span><span class="NAME">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 95</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">me</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'> 96</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'> 97</span> 
-<span class='line'> 98</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'> 99</span>      * @private
-<span class='line'>100</span>      */</span><span class="WHIT">
-<span class='line'>101</span> </span><span class="WHIT">    </span><span class="NAME">_loadNext</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>102</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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><span class="NAME">source</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._source</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source.length</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 87</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'> 88</span>      * 根据id或src地址删除资源内容。
+<span class='line'> 89</span>      * @param {String} id 指定资源的id或src。
+<span class='line'> 90</span>      */</span><span class="WHIT">
+<span class='line'> 91</span> </span><span class="WHIT">    </span><span class="NAME">removeContent</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">id</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 92</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">id</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 93</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">source</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._source</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 94</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="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">source.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 95</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">[</span><span class="NAME">i</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">if</span><span class="PUNC">(</span><span class="NAME">item.id</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">id</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">item.src</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">id</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'> 97</span> </span><span class="WHIT">                    </span><span class="NAME">source.splice</span><span class="PUNC">(</span><span class="NAME">i</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'> 98</span> </span><span class="WHIT">                    </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'> 99</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>100</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>101</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>102</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'>103</span> 
-<span class='line'>104</span> </span><span class="WHIT">        </span><span class="COMM">//all items loaded</span><span class="WHIT">
-<span class='line'>105</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">me._loaded</span><span class="WHIT"> </span><span class="PUNC">>=</span><span class="WHIT"> </span><span class="NAME">len</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">me.fire</span><span class="PUNC">(</span><span class="STRN">'complete'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>107</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>108</span> </span><span class="WHIT">        </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="KEYW">if</span><span class="PUNC">(</span><span class="NAME">me._currentIndex</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">len</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">me._connections</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">me.maxConnections</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>111</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="PUNC">++</span><span class="NAME">me._currentIndex</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>112</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>113</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._getLoader</span><span class="PUNC">(</span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>114</span> 
-<span class='line'>115</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>116</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">loader.onLoad</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">onError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">loader.onError</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>117</span> 
-<span class='line'>118</span> </span><span class="WHIT">                </span><span class="NAME">loader.onLoad</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">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>119</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onLoad</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>120</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onError</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>121</span> </span><span class="WHIT">                    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">content</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">onLoad.call</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">e.target</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>122</span> </span><span class="WHIT">                    </span><span class="NAME">me._onItemLoad</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">content</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>123</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>124</span> </span><span class="WHIT">                </span><span class="NAME">loader.onError</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">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>125</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onLoad</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>126</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onError</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>127</span> </span><span class="WHIT">                    </span><span class="NAME">onError</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">onError.call</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>128</span> </span><span class="WHIT">                    </span><span class="NAME">me._onItemError</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>129</span> </span><span class="WHIT">                </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">me._connections</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 class='line'>133</span> </span><span class="WHIT">            </span><span class="NAME">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>134</span> </span><span class="WHIT">            </span><span class="NAME">loader</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">loader.load</span><span class="PUNC">(</span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>135</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>136</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>137</span> 
-<span class='line'>138</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>139</span>      * @private
-<span class='line'>140</span>      */</span><span class="WHIT">
-<span class='line'>141</span> </span><span class="WHIT">    </span><span class="NAME">_getLoader</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>142</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">item.loader</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>143</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>144</span> 
-<span class='line'>145</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">item.type</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">getExtension</span><span class="PUNC">(</span><span class="NAME">item.src</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>146</span> 
-<span class='line'>147</span> </span><span class="WHIT">        </span><span class="KEYW">switch</span><span class="PUNC">(</span><span class="NAME">type</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">case</span><span class="WHIT"> </span><span class="STRN">'png'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>149</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'jpg'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>150</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'jpeg'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>151</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'gif'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>152</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'webp'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>153</span> </span><span class="WHIT">                </span><span class="NAME">loader</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">ImageLoader</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>154</span> </span><span class="WHIT">                </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>155</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'js'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>156</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'jsonp'</span><span class="PUNC">:</span><span class="WHIT">
-<span class='line'>157</span> </span><span class="WHIT">                </span><span class="NAME">loader</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">ScriptLoader</span><span class="PUNC">(</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">break</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'>104</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>105</span>      * 开始下载队列。
+<span class='line'>106</span>      * @returns {LoadQueue} 下载队列实例本身。
+<span class='line'>107</span>      */</span><span class="WHIT">
+<span class='line'>108</span> </span><span class="WHIT">    </span><span class="NAME">start</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>109</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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'>110</span> </span><span class="WHIT">        </span><span class="NAME">me._loadNext</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="KEYW">return</span><span class="WHIT"> </span><span class="NAME">me</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>112</span> </span><span class="WHIT">    </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="COMM">/**
+<span class='line'>115</span>      * @private
+<span class='line'>116</span>      */</span><span class="WHIT">
+<span class='line'>117</span> </span><span class="WHIT">    </span><span class="NAME">_loadNext</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>118</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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><span class="NAME">source</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._source</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">len</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source.length</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="COMM">//all items loaded</span><span class="WHIT">
+<span class='line'>121</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">me._loaded</span><span class="WHIT"> </span><span class="PUNC">>=</span><span class="WHIT"> </span><span class="NAME">len</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>122</span> </span><span class="WHIT">            </span><span class="NAME">me.fire</span><span class="PUNC">(</span><span class="STRN">'complete'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>123</span> </span><span class="WHIT">            </span><span class="KEYW">return</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>124</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>125</span> 
+<span class='line'>126</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">me._currentIndex</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">len</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">me._connections</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">me.maxConnections</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>127</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="PUNC">++</span><span class="NAME">me._currentIndex</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>128</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">[</span><span class="NAME">index</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">var</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._getLoader</span><span class="PUNC">(</span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>130</span> 
+<span class='line'>131</span> </span><span class="WHIT">            </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>132</span> </span><span class="WHIT">                </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">loader.onLoad</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">onError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">loader.onError</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>133</span> 
+<span class='line'>134</span> </span><span class="WHIT">                </span><span class="NAME">loader.onLoad</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">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>135</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onLoad</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>136</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onError</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>137</span> </span><span class="WHIT">                    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">content</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">onLoad.call</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">e.target</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>138</span> </span><span class="WHIT">                    </span><span class="NAME">me._onItemLoad</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">content</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>139</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>140</span> </span><span class="WHIT">                </span><span class="NAME">loader.onError</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">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>141</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onLoad</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onLoad</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>142</span> </span><span class="WHIT">                    </span><span class="NAME">loader.onError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">onError</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>143</span> </span><span class="WHIT">                    </span><span class="NAME">onError</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">onError.call</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>144</span> </span><span class="WHIT">                    </span><span class="NAME">me._onItemError</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>145</span> </span><span class="WHIT">                </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>146</span> </span><span class="WHIT">                </span><span class="NAME">me._connections</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>147</span> </span><span class="WHIT">            </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>148</span> 
+<span class='line'>149</span> </span><span class="WHIT">            </span><span class="NAME">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>150</span> </span><span class="WHIT">            </span><span class="NAME">loader</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">loader.load</span><span class="PUNC">(</span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>151</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>152</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>153</span> 
+<span class='line'>154</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>155</span>      * @private
+<span class='line'>156</span>      */</span><span class="WHIT">
+<span class='line'>157</span> </span><span class="WHIT">    </span><span class="NAME">_getLoader</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">item</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">var</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">item.loader</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>159</span> </span><span class="WHIT">        </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">loader</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">loader</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">return</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>162</span> </span><span class="WHIT">    </span><span class="PUNC">}</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="COMM">/**
-<span class='line'>165</span>      * @private
-<span class='line'>166</span>      */</span><span class="WHIT">
-<span class='line'>167</span> </span><span class="WHIT">    </span><span class="NAME">_onItemLoad</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">content</span><span class="PUNC">)</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">me</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><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._source</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>169</span> </span><span class="WHIT">        </span><span class="NAME">item.loaded</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'>170</span> </span><span class="WHIT">        </span><span class="NAME">item.content</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">content</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>171</span> </span><span class="WHIT">        </span><span class="NAME">me._connections</span><span class="PUNC">--</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>172</span> </span><span class="WHIT">        </span><span class="NAME">me._loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>173</span> </span><span class="WHIT">        </span><span class="NAME">me.fire</span><span class="PUNC">(</span><span class="STRN">'load'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>174</span> </span><span class="WHIT">        </span><span class="NAME">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>175</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>161</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">item.type</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">getExtension</span><span class="PUNC">(</span><span class="NAME">item.src</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>162</span> 
+<span class='line'>163</span> </span><span class="WHIT">        </span><span class="KEYW">switch</span><span class="PUNC">(</span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>164</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'png'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>165</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'jpg'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>166</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'jpeg'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>167</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'gif'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>168</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'webp'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>169</span> </span><span class="WHIT">                </span><span class="NAME">loader</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">ImageLoader</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>170</span> </span><span class="WHIT">                </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>171</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'js'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>172</span> </span><span class="WHIT">            </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">'jsonp'</span><span class="PUNC">:</span><span class="WHIT">
+<span class='line'>173</span> </span><span class="WHIT">                </span><span class="NAME">loader</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">ScriptLoader</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>174</span> </span><span class="WHIT">                </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>175</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
 <span class='line'>176</span> 
-<span class='line'>177</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>178</span>      * @private
-<span class='line'>179</span>      */</span><span class="WHIT">
-<span class='line'>180</span> </span><span class="WHIT">    </span><span class="NAME">_onItemError</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>181</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._source</span><span class="PUNC">[</span><span class="NAME">index</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">item.error</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>183</span> </span><span class="WHIT">        </span><span class="NAME">me._connections</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">me._loaded</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">me.fire</span><span class="PUNC">(</span><span class="STRN">'error'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>186</span> </span><span class="WHIT">        </span><span class="NAME">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>187</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>188</span> 
-<span class='line'>189</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>190</span>      * 获取全部或已下载的资源的字节大小。
-<span class='line'>191</span>      * @param {Boolean} loaded 指示是已下载的资源还是全部资源。默认为全部。
-<span class='line'>192</span>      * @returns {Number} 指定资源的字节大小。
-<span class='line'>193</span>      */</span><span class="WHIT">
-<span class='line'>194</span> </span><span class="WHIT">    </span><span class="NAME">getSize</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">loaded</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">size</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="NAME">source</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._source</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>196</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="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">source.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>197</span> </span><span class="WHIT">            </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>198</span> </span><span class="WHIT">            </span><span class="NAME">size</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="NAME">item.loaded</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">item.size</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">item.size</span><span class="PUNC">)</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'>199</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>200</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">size</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>201</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>202</span> 
-<span class='line'>203</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>204</span>      * 获取已下载的资源数量。
-<span class='line'>205</span>      * @returns {Uint} 已下载的资源数量。
-<span class='line'>206</span>      */</span><span class="WHIT">
-<span class='line'>207</span> </span><span class="WHIT">    </span><span class="NAME">getLoaded</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>208</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._loaded</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>209</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
-<span class='line'>210</span> 
-<span class='line'>211</span> </span><span class="WHIT">    </span><span class="COMM">/**
-<span class='line'>212</span>      * 获取所有资源的数量。
-<span class='line'>213</span>      * @returns {Uint} 所有资源的数量。
-<span class='line'>214</span>      */</span><span class="WHIT">
-<span class='line'>215</span> </span><span class="WHIT">    </span><span class="NAME">getTotal</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>216</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._source.length</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>217</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>177</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">loader</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>178</span> </span><span class="WHIT">    </span><span class="PUNC">}</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="COMM">/**
+<span class='line'>181</span>      * @private
+<span class='line'>182</span>      */</span><span class="WHIT">
+<span class='line'>183</span> </span><span class="WHIT">    </span><span class="NAME">_onItemLoad</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">content</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>184</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._source</span><span class="PUNC">[</span><span class="NAME">index</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">item.loaded</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'>186</span> </span><span class="WHIT">        </span><span class="NAME">item.content</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">content</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>187</span> </span><span class="WHIT">        </span><span class="NAME">me._connections</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">me._loaded</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">me.fire</span><span class="PUNC">(</span><span class="STRN">'load'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">item</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">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>191</span> </span><span class="WHIT">    </span><span class="PUNC">}</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="COMM">/**
+<span class='line'>194</span>      * @private
+<span class='line'>195</span>      */</span><span class="WHIT">
+<span class='line'>196</span> </span><span class="WHIT">    </span><span class="NAME">_onItemError</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">index</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>197</span> </span><span class="WHIT">        </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">me</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><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">me._source</span><span class="PUNC">[</span><span class="NAME">index</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>198</span> </span><span class="WHIT">        </span><span class="NAME">item.error</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">e</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>199</span> </span><span class="WHIT">        </span><span class="NAME">me._connections</span><span class="PUNC">--</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>200</span> </span><span class="WHIT">        </span><span class="NAME">me._loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>201</span> </span><span class="WHIT">        </span><span class="NAME">me.fire</span><span class="PUNC">(</span><span class="STRN">'error'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">item</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>202</span> </span><span class="WHIT">        </span><span class="NAME">me._loadNext</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>203</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>204</span> 
+<span class='line'>205</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>206</span>      * 获取全部或已下载的资源的字节大小。
+<span class='line'>207</span>      * @param {Boolean} loaded 指示是已下载的资源还是全部资源。默认为全部。
+<span class='line'>208</span>      * @returns {Number} 指定资源的字节大小。
+<span class='line'>209</span>      */</span><span class="WHIT">
+<span class='line'>210</span> </span><span class="WHIT">    </span><span class="NAME">getSize</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">loaded</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">var</span><span class="WHIT"> </span><span class="NAME">size</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="NAME">source</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._source</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>212</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="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">&lt;</span><span class="WHIT"> </span><span class="NAME">source.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</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="KEYW">var</span><span class="WHIT"> </span><span class="NAME">item</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>214</span> </span><span class="WHIT">            </span><span class="NAME">size</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="NAME">item.loaded</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">item.size</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">item.size</span><span class="PUNC">)</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'>215</span> </span><span class="WHIT">        </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>216</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">size</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>217</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
 <span class='line'>218</span> 
-<span class='line'>219</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>220</span> 
-<span class='line'>221</span> </span><span class="COMM">/**
-<span class='line'>222</span>  * @private
-<span class='line'>223</span>  */</span><span class="WHIT">
-<span class='line'>224</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">getExtension</span><span class="PUNC">(</span><span class="NAME">src</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>225</span> </span><span class="WHIT">    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">extRegExp</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="REGX">/\/?[^/</span><span class="PUNC">]</span><span class="PUNC">+</span><span class="TOKN">\</span><span class="PUNC">.</span><span class="PUNC">(</span><span class="TOKN">\</span><span class="NAME">w</span><span class="PUNC">+</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="TOKN">\</span><span class="PUNC">?</span><span class="TOKN">\</span><span class="NAME">S</span><span class="PUNC">+</span><span class="PUNC">)</span><span class="PUNC">?</span><span class="NAME">$</span><span class="PUNC">/</span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">match</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">extension</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>226</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">match</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">src.match</span><span class="PUNC">(</span><span class="NAME">extRegExp</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
-<span class='line'>227</span> </span><span class="WHIT">        </span><span class="NAME">extension</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">match</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">toLowerCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
-<span class='line'>228</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
-<span class='line'>229</span> </span><span class="WHIT">    </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">extension</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'>230</span> </span><span class="PUNC">}</span></pre></body></html>
\ No newline at end of file
+<span class='line'>219</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>220</span>      * 获取已下载的资源数量。
+<span class='line'>221</span>      * @returns {Uint} 已下载的资源数量。
+<span class='line'>222</span>      */</span><span class="WHIT">
+<span class='line'>223</span> </span><span class="WHIT">    </span><span class="NAME">getLoaded</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>224</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._loaded</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>225</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT">
+<span class='line'>226</span> 
+<span class='line'>227</span> </span><span class="WHIT">    </span><span class="COMM">/**
+<span class='line'>228</span>      * 获取所有资源的数量。
+<span class='line'>229</span>      * @returns {Uint} 所有资源的数量。
+<span class='line'>230</span>      */</span><span class="WHIT">
+<span class='line'>231</span> </span><span class="WHIT">    </span><span class="NAME">getTotal</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>232</span> </span><span class="WHIT">        </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._source.length</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>233</span> </span><span class="WHIT">    </span><span class="PUNC">}</span><span class="WHIT">
+<span class='line'>234</span> 
+<span class='line'>235</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>236</span> 
+<span class='line'>237</span> </span><span class="COMM">/**
+<span class='line'>238</span>  * @private
+<span class='line'>239</span>  */</span><span class="WHIT">
+<span class='line'>240</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">getExtension</span><span class="PUNC">(</span><span class="NAME">src</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT">
+<span class='line'>241</span> </span><span class="WHIT">    </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">extRegExp</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="REGX">/\/?[^/</span><span class="PUNC">]</span><span class="PUNC">+</span><span class="TOKN">\</span><span class="PUNC">.</span><span class="PUNC">(</span><span class="TOKN">\</span><span class="NAME">w</span><span class="PUNC">+</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="TOKN">\</span><span class="PUNC">?</span><span class="TOKN">\</span><span class="NAME">S</span><span class="PUNC">+</span><span class="PUNC">)</span><span class="PUNC">?</span><span class="NAME">$</span><span class="PUNC">/</span><span class="NAME">i</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">match</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">extension</span><span class="PUNC">;</span><span class="WHIT">
+<span class='line'>242</span> </span><span class="WHIT">    </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">match</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">src.match</span><span class="PUNC">(</span><span class="NAME">extRegExp</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">extension</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">match</span><span class="PUNC">[</span><span class="NUMB">1</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">toLowerCase</span><span class="PUNC">(</span><span class="PUNC">)</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">return</span><span class="WHIT"> </span><span class="NAME">extension</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'>246</span> </span><span class="PUNC">}</span></pre></body></html>
\ No newline at end of file
diff --git a/package.json b/package.json
index 5f208674..e328fda7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Hilo",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "Hilo Game Framework",
   "author": "Hilo Dev Team",
   "license": "MIT",