phaser3-rex-plugins
Version:
2 lines (1 loc) • 16.2 kB
JavaScript
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).rexroundrectanglecanvasplugin=e();}(undefined,(function(){function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(r=n.key,s=void 0,"symbol"==typeof(s=function(t,e){if("object"!=typeof t||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,e||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return ("string"===e?String:Number)(t)}(r,"string"))?s:String(s)),n);}var r,s;}function n(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function r(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&o(t,e);}function s(t){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},s(t)}function o(t,e){return o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},o(t,e)}function a(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return !1}}();return function(){var i,n=s(t);if(e){var r=s(this).constructor;i=Reflect.construct(n,arguments,r);}else i=n.apply(this,arguments);return function(t,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return a(t)}(this,i)}}function u(){return u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,i){var n=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=s(t)););return t}(t,e);if(n){var r=Object.getOwnPropertyDescriptor(n,e);return r.get?r.get.call(arguments.length<3?t:i):r.value}},u.apply(this,arguments)}var l,c=Phaser.Renderer.WebGL.Utils,d={renderWebGL:function(t,e,i,n){if(e.dirty&&(e.updateTexture(),e.dirty=!1),0!==e.width&&0!==e.height){i.addToRenderList(e);var r=e.frame,s=r.width,o=r.height,a=c.getTintAppendFloatAlpha,h=t.pipelines.set(e.pipeline,e),u=h.setTexture2D(r.glTexture,e);t.pipelines.preBatch(e),h.batchTexture(e,r.glTexture,s,o,e.x,e.y,s/e.resolution,o/e.resolution,e.scaleX,e.scaleY,e.rotation,e.flipX,e.flipY,e.scrollFactorX,e.scrollFactorY,e.displayOriginX,e.displayOriginY,0,0,s,o,a(e.tintTopLeft,i.alpha*e._alphaTL),a(e.tintTopRight,i.alpha*e._alphaTR),a(e.tintBottomLeft,i.alpha*e._alphaBL),a(e.tintBottomRight,i.alpha*e._alphaBR),e.tintFill,0,0,i,n,!1,u),t.pipelines.postBatch(e);}},renderCanvas:function(t,e,i,n){e.dirty&&(e.updateTexture(),e.dirty=!1),0!==e.width&&0!==e.height&&(i.addToRenderList(e),t.batchSprite(e,e.frame,i,n));}},f=Phaser.Display.Color,y={clear:function(){return this.context.clearRect(0,0,this.canvas.width,this.canvas.height),this.dirty=!0,this},fill:function(t){return this.context.fillStyle=t,this.context.fillRect(0,0,this.canvas.width,this.canvas.height),this.dirty=!0,this},drawFrame:function(t,e,i,n,r,s,o,a,h,u){var l=this.scene.sys.textures.getFrame(t,e);if(!l)return this;var c=l.cutWidth,d=l.cutHeight;void 0===i&&(i=0),void 0===n&&(n=0),void 0===r&&(r=c),void 0===s&&(s=d),void 0===o&&(o=0),void 0===a&&(a=0),void 0===h&&(h=c),void 0===u&&(u=d);var f=l.cutX+o,y=l.cutY+a;return this.context.drawImage(l.source.image,f,y,h,u,i,n,r,s),this.dirty=!0,this},getDataURL:function(t,e){return this.canvas.toDataURL(t,e)},getPixel:function(t,e,i){void 0===i&&(i=new f);var n=this.context.getImageData(t,e,1,1);return i.setTo(n.data[0],n.data[1],n.data[2],n.data[3]),i},setPixel:function(t,e,i,n,r,s){if("number"!=typeof i){var o=i;i=o.red,n=o.green,r=o.blue,s=o.alpha;}void 0===s&&(s=0!==i||0!==n||0!==r?255:0);var a=this.context.createImageData(1,1);return a.data[0]=i,a.data[1]=n,a.data[2]=r,a.data[3]=s,this.context.putImageData(a,t,e),this.dirty=!0,this}},v={updateTexture:function(t,e){t&&(e?t.call(e,this.canvas,this.context):t(this.canvas,this.context)),this.canvas.width===this.frame.width&&this.canvas.height===this.frame.height||this.frame.setSize(this.canvas.width,this.canvas.height),this.renderer&&this.renderer.gl&&(this.frame.source.glTexture=this.renderer.canvasToTexture(this.canvas,this.frame.source.glTexture,!0),this.frame.glTexture=this.frame.source.glTexture),this.dirty=!1;var i=this.input;return i&&!i.customHitArea&&(i.hitArea.width=this.width,i.hitArea.height=this.height),this},generateTexture:function(t,e,i,n,r){var s=this.canvas;return void 0===n?n=s.width:n*=this.resolution,void 0===r?r=s.height:r*=this.resolution,function(t,e,i,n,r,s,o){var a,h=t.sys.textures,u=t.renderer;void 0===n&&(n=0),void 0===r&&(r=0),void 0===s&&(s=e.width),void 0===o&&(o=e.height);var l=(a=h.exists(i)?h.get(i):h.createCanvas(i,s,o)).getSourceImage();l.width!==s&&(l.width=s),l.height!==o&&(l.height=o);var c=l.getContext("2d",{willReadFrequently:!0});c.clearRect(0,0,s,o),c.drawImage(e,n,r,s,o),u.gl&&a&&u.canvasToTexture(l,a.source[0].glTexture,!0,0);}(this.scene,s,t,e,i,n,r),this},loadTexture:function(t,e){var i=this.scene.sys.textures.getFrame(t,e);return i?(this.width!==i.cutWidth||this.height!==i.cutHeight?this.setSize(i.cutWidth,i.cutHeight):this.clear(),this.drawFrame(t,e),this.dirty=!0,this):this}},p=!1;p||(void 0===l&&(l=60),parseInt(Phaser.VERSION.match(/\.(\d+)\./)[1])<l&&console.error("Minimum supported version : 3.".concat(l)),p=!0);var g=Phaser.Display.Canvas.CanvasPool,x=function(t){r(s,t);var i=h(s);function s(t,n,r,o,h){var u;return e(this,s),void 0===n&&(n=0),void 0===r&&(r=0),void 0===o&&(o=1),void 0===h&&(h=1),(u=i.call(this,t,"rexCanvas")).renderer=t.sys.game.renderer,u.resolution=1,u._width=o,u._height=h,o=Math.max(Math.ceil(o*u.resolution),1),h=Math.max(Math.ceil(h*u.resolution),1),u.canvas=g.create(a(u),o,h),u.context=u.canvas.getContext("2d",{willReadFrequently:!0}),u.dirty=!1,u.setPosition(n,r),u.setOrigin(.5,.5),u.initPipeline(),u.initPostPipeline(!0),u._crop=u.resetCropObject(),u.texture=t.sys.textures.addCanvas(null,u.canvas,!0),u.frame=u.texture.get(),u.frame.source.resolution=u.resolution,u.renderer&&u.renderer.gl&&(u.renderer.deleteTexture(u.frame.source.glTexture),u.frame.source.glTexture=null),u.dirty=!0,u}return n(s,[{key:"preDestroy",value:function(){g.remove(this.canvas),this.texture.destroy(),this.canvas=null,this.context=null;}},{key:"width",get:function(){return this._width},set:function(t){this.setSize(t,this._height);}},{key:"height",get:function(){return this._height},set:function(t){this.setSize(this._width,t);}},{key:"setCanvasSize",value:function(t,e){return this._width===t&&this._height===e||(this._width=t,this._height=e,this.updateDisplayOrigin(),t=Math.max(Math.ceil(t*this.resolution),1),e=Math.max(Math.ceil(e*this.resolution),1),this.canvas.width=t,this.canvas.height=e,this.frame.setSize(t,e),this.dirty=!0),this}},{key:"setSize",value:function(t,e){return this.setCanvasSize(t,e),this}},{key:"displayWidth",get:function(){return this.scaleX*this._width},set:function(t){this.scaleX=t/this._width;}},{key:"displayHeight",get:function(){return this.scaleY*this._height},set:function(t){this.scaleY=t/this._height;}},{key:"setDisplaySize",value:function(t,e){return this.displayWidth=t,this.displayHeight=e,this}},{key:"getCanvas",value:function(t){return t||(this.dirty=!0),this.canvas}},{key:"getContext",value:function(t){return t||(this.dirty=!0),this.context}},{key:"needRedraw",value:function(){return this.dirty=!0,this}},{key:"resize",value:function(t,e){return this.setSize(t,e),this}}]),s}(Phaser.GameObjects.GameObject),b=Phaser.GameObjects.Components;Phaser.Class.mixin(x,[b.Alpha,b.BlendMode,b.Crop,b.Depth,b.Flip,b.GetBounds,b.Mask,b.Origin,b.Pipeline,b.PostPipeline,b.ScrollFactor,b.Tint,b.Transform,b.Visible,d,y,v]);var m=Phaser.Utils.String.Pad,w=function(e,i,n){if(null==e)return e;switch(t(e)){case"string":default:return e;case"number":return "#".concat(m(Math.floor(e).toString(16),6,"0",1));case"function":return e(i,n);case"object":return e.hasOwnProperty("r")?e.hasOwnProperty("a")?"rgba(".concat(e.r,",").concat(e.g,",").concat(e.b,",").concat(e.a,")"):"rgb(".concat(e.r,",").concat(e.g,",").concat(e.b,")"):e.hasOwnProperty("h")?e.hasOwnProperty("a")?"hsla(".concat(e.h,",").concat(e.s,",").concat(e.l,",").concat(e.a,")"):"hsl(".concat(e.h,",").concat(e.s,",").concat(e.l,")"):e}},_=Phaser.Utils.Objects.GetValue,R=function(){function t(i,n,r,s,o){e(this,t),void 0===i&&(i=0),void 0===n&&(n=i),void 0===r&&(r=0),void 0===s&&(s=0),void 0===o&&(o=0),this.cornerRadius={},this._width=0,this._height=0,this.setTo(i,n,r,s,o);}return n(t,[{key:"setTo",value:function(t,e,i,n,r){return this.setPosition(t,e),this.setRadius(r),this.setSize(i,n),this}},{key:"setPosition",value:function(t,e){return this.x=t,this.y=e,this}},{key:"setRadius",value:function(t){return void 0===t&&(t=0),this.radius=t,this}},{key:"setSize",value:function(t,e){return this.width=t,this.height=e,this}},{key:"minWidth",get:function(){var t=this.cornerRadius;return Math.max(t.tl.x+t.tr.x,t.bl.x+t.br.x)}},{key:"minHeight",get:function(){var t=this.cornerRadius;return Math.max(t.tl.y+t.bl.y,t.tr.y+t.br.y)}},{key:"width",get:function(){return this._width},set:function(t){null==t&&(t=0),this._width=Math.max(t,this.minWidth);}},{key:"height",get:function(){return this._height},set:function(t){null==t&&(t=0),this._height=Math.max(t,this.minHeight);}},{key:"radius",get:function(){var t=this.cornerRadius;return Math.max(t.tl.x,t.tl.y,t.tr.x,t.tr.y,t.bl.x,t.bl.y,t.br.x,t.br.y)},set:function(t){var e,i;"number"==typeof t?(e=t,i=t):(e=_(t,"x",0),i=_(t,"y",0));var n=this.cornerRadius;n.tl=S(_(t,"tl",void 0),e,i),n.tr=S(_(t,"tr",void 0),e,i),n.bl=S(_(t,"bl",void 0),e,i),n.br=S(_(t,"br",void 0),e,i);}},{key:"radiusTL",get:function(){var t=this.cornerRadius.tl;return Math.max(t.x,t.y)},set:function(t){k(this.cornerRadius.tl,t);}},{key:"radiusTR",get:function(){var t=this.cornerRadius.tr;return Math.max(t.x,t.y)},set:function(t){k(this.cornerRadius.tr,t);}},{key:"radiusBL",get:function(){var t=this.cornerRadius.bl;return Math.max(t.x,t.y)},set:function(t){k(this.cornerRadius.bl,t);}},{key:"radiusBR",get:function(){var t=this.cornerRadius.br;return Math.max(t.x,t.y)},set:function(t){k(this.cornerRadius.br,t);}}]),t}(),S=function(t,e,i){return void 0===t?t={x:e,y:i}:"number"==typeof t&&(t={x:t,y:t}),P(t),t},k=function(t,e){"number"==typeof e?(t.x=e,t.y=e):(t.x=_(e,"x",0),t.y=_(e,"y",0)),P(t);},P=function(t){t.convex=t.x>=0||t.y>=0,t.x=Math.abs(t.x),t.y=Math.abs(t.y);},T=Phaser.Math.DegToRad,O=function(t){return !t.hasOwnProperty("convex")||t.convex},j=function(t){return t.x>0&&t.y>0},C=function(t,e,i,n,r,s,o,a,h){if(a&&o>s?o-=360:!a&&o<s&&(o+=360),s=T(s),o=T(o),null==h)t.ellipse(e,i,n,r,0,s,o,a);else for(var u,l,c,d=(o-s)/(h+=1),f=0;f<=h;f++)c=s+d*f,u=e+n*Math.cos(c),l=i+r*Math.sin(c),t.lineTo(u,l);},M=function(t,e,i,n,r,s,o,a,h,u,l,c,d){if(function(t,e,i,n,r,s,o){var a,h,u,l,c,d=new R(e,i,n,r,s),f=d.minWidth,y=d.minHeight,v=n>=f?1:n/f,p=r>=y?1:r/y,g=d.cornerRadius;t.save(),t.beginPath(),t.translate(e,i),a=g.tl,j(a)?(h=a.x*v,u=a.y*p,O(a)?C(t,h,u,h,u,180,270,!1,o):C(t,0,0,h,u,90,0,!0,o),l=0,c=u):(t.lineTo(0,0),l=0,c=0),a=g.tr,j(a)?(h=a.x*v,u=a.y*p,O(a)?C(t,n-h,u,h,u,270,360,!1,o):C(t,n,0,h,u,180,90,!0,o)):t.lineTo(n,0),a=g.br,j(a)?(h=a.x*v,u=a.y*p,O(a)?C(t,n-h,r-u,h,u,0,90,!1,o):C(t,n,r,h,u,270,180,!0,o)):t.lineTo(n,r),a=g.bl,j(a)?(h=a.x*v,u=a.y*p,O(a)?C(t,h,r-u,h,u,90,180,!1,o):C(t,0,r,h,u,360,270,!0,o)):t.lineTo(0,r),t.lineTo(l,c),t.closePath(),t.restore();}(e,i,n,r,s,o,d),null!=a){var f;if(null!=l)(f=c?e.createLinearGradient(0,0,r,0):e.createLinearGradient(0,0,0,s)).addColorStop(0,a),f.addColorStop(1,l),a=f;e.fillStyle=a,e.fill();}null!=h&&u>0&&(e.strokeStyle=h,e.lineWidth=u,e.stroke());},G=function(){!function(t,e,i,n,r,s,o,a){if(null!=e||null!=i){var h=t.canvas.width,u=t.canvas.height;null==i&&(n=0);var l=n/2;h=Math.max(1,h-n),u=Math.max(1,u-n),M(t.canvas,t.context,l,l,h,u,r,e,i,n,s,o,a);}}(this,this.fillStyle,this.strokeStyle,this.lineWidth,this.radius,this.fillColor2,this.isHorizontalGradient,this.iteration);},z=Phaser.Utils.Objects.GetValue,W=function(t){r(o,t);var i=h(o);function o(t,n,r,s,a,h,u,l,c,d,f){var y;e(this,o),void 0===n&&(n=0),void 0===r&&(r=0),void 0===s&&(s=1),void 0===a&&(a=s),void 0===h&&(h=0),(y=i.call(this,t,n,r,s,a)).type="rexRoundRectangleCanvas";var v=z(h,"radius",h),p=z(h,"iteration",void 0);return y.setRadius(v),y.setIteration(p),y.setFillStyle(u,d,f),y.setStrokeStyle(l,c),y}return n(o,[{key:"radius",get:function(){return this._radius},set:function(t){this.dirty|=this._radius!=t,this._radius=t;}},{key:"setRadius",value:function(t){return this.radius=t,this}},{key:"iteration",get:function(){return this._iteration},set:function(t){this.dirty|=this._iteration!=t,this._iteration=t;}},{key:"setIteration",value:function(t){return this.iteration=t,this}},{key:"fillStyle",get:function(){return this._fillStyle},set:function(t){t=w(t,this.canvas,this.context),this.dirty|=this._fillStyle!=t,this._fillStyle=t;}},{key:"fillColor2",get:function(){return this._fillColor2},set:function(t){t=w(t,this.canvas,this.context),this.dirty|=this._fillColor2!=t,this._fillColor2=t;}},{key:"isHorizontalGradient",get:function(){return this._isHorizontalGradient},set:function(t){this.dirty|=this._isHorizontalGradient!=t,this._isHorizontalGradient=t;}},{key:"setFillStyle",value:function(t,e,i){return void 0===i&&(i=!0),this.fillStyle=t,this.fillColor2=e,this.isHorizontalGradient=i,this}},{key:"strokeStyle",get:function(){return this._strokeStyle},set:function(t){t=w(t,this.canvas,this.context),this.dirty|=this._strokeStyle!=t,this._strokeStyle=t;}},{key:"lineWidth",get:function(){return this._lineWidth},set:function(t){this.dirty|=this._lineWidth!=t,this._lineWidth=t;}},{key:"setStrokeStyle",value:function(t,e){return this.strokeStyle=t,this.lineWidth=e,this}},{key:"updateTexture",value:function(){return this.clear(),G.call(this),u(s(o.prototype),"updateTexture",this).call(this),this}}]),o}(x);function H(t,e,i,n,r,s,o,a,h,u){var l=new W(this.scene,t,e,i,n,r,s,o,a,h,u);return this.scene.add.existing(l),l}var D=Phaser.Utils.Objects.GetAdvancedValue,B=Phaser.GameObjects.BuildGameObject;function F(t,e){void 0===t&&(t={}),void 0!==e&&(t.add=e);var i=D(t,"width",void 0),n=D(t,"height",void 0),r=D(t,"radius",void 0),s=D(t,"fillStyle",void 0),o=D(t,"strokeStyle",void 0),a=D(t,"lineWidth",void 0),h=D(t,"fillColor2",void 0),u=D(t,"isHorizontalGradient",!0),l=new W(this.scene,0,0,i,n,r,s,o,a,h,u);return B(this.scene,l,t),l}var L=function(t){return null==t||""===t||0===t.length},I=function(t){r(s,Phaser.Plugins.BasePlugin);var i=h(s);function s(t){var n;return e(this,s),n=i.call(this,t),t.registerGameObject("rexRoundRectangleCanvas",H,F),n}return n(s,[{key:"start",value:function(){this.game.events.on("destroy",this.destroy,this);}}]),s}();return function(e,i,n,r){if(void 0===r&&(r="."),"object"===t(e)){if(L(i)){if(null==n)return;"object"===t(n)&&(e=n);}else {"string"==typeof i&&(i=i.split(r));var s=i.pop(),o=function(e,i,n){var r=e;if(L(i));else {var s;"string"==typeof i&&(i=i.split("."));for(var o=0,a=i.length;o<a;o++){var h;null!=r[s=i[o]]&&"object"===t(r[s])||(h=o===a-1?void 0===n?{}:n:{},r[s]=h),r=r[s];}}return r}(e,i);o[s]=n;}}}(window,"RexPlugins.GameObjects.RoundRectangleCanvas",W),I}));