rapid-render 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +79 -70
- package/dist/draw.d.ts +30 -0
- package/dist/index.d.ts +1 -0
- package/dist/math.d.ts +2 -0
- package/dist/matrix-engine.d.ts +1 -0
- package/dist/particle.d.ts +1 -3
- package/dist/rapid-render.js +658 -417
- package/dist/rapid-render.umd.cjs +60 -9
- package/dist/region/particleRegion.d.ts +16 -0
- package/dist/region/region.d.ts +1 -0
- package/dist/region/spriteRegion.d.ts +8 -5
- package/dist/render.d.ts +9 -1
- package/package.json +37 -36
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(function(f,A){typeof exports=="object"&&typeof module<"u"?A(exports):typeof define=="function"&&define.amd?define(["exports"],A):(f=typeof globalThis<"u"?globalThis:f||self,A(f.RapidRender={}))})(this,(function(f){"use strict";var A=(s=>(s[s.Float32=0]="Float32",s[s.Uint32=1]="Uint32",s[s.Uint16=2]="Uint16",s))(A||{});class W{usedElemNum;typedArray;arrayType;maxElemNum;bytePerElem;arraybuffer;uint32;float32;uint16;constructor(t){this.usedElemNum=0,this.maxElemNum=512,this.bytePerElem=this.getArrayType(t).BYTES_PER_ELEMENT,this.arrayType=t,this.arraybuffer=new ArrayBuffer(this.maxElemNum*this.bytePerElem),this.updateTypedArray()}getArrayType(t){switch(t){case 0:return Float32Array;case 1:return Uint32Array;case 2:return Uint16Array;default:throw new Error("Unsupported ArrayType")}}updateTypedArray(){switch(this.uint32=new Uint32Array(this.arraybuffer),this.float32=new Float32Array(this.arraybuffer),this.uint16=new Uint16Array(this.arraybuffer),this.arrayType){case 0:this.typedArray=this.float32;break;case 1:this.typedArray=this.uint32;break;case 2:this.typedArray=this.uint16;break}}clear(){this.usedElemNum=0}resize(t=0){if(t+=this.usedElemNum,t>this.maxElemNum){for(;t>this.maxElemNum;)this.maxElemNum*=2;return this.setMaxSize(this.maxElemNum),!0}return!1}setMaxSize(t=this.maxElemNum){const e=this.typedArray;this.maxElemNum=t,this.arraybuffer=new ArrayBuffer(t*this.bytePerElem),this.updateTypedArray(),this.typedArray.set(e)}pushUint32(t){this.resize(1),this.uint32[this.usedElemNum++]=t}pushFloat32(t){this.resize(1),this.float32[this.usedElemNum++]=t}push(t){this.resize(1),this.typedArray[this.usedElemNum++]=t}pop(){return this.typedArray[--this.usedElemNum]}top(){return this.typedArray[this.usedElemNum-1]}get(t){return this.typedArray[t]}getArray(t=0,e){return e===void 0?this.typedArray:this.typedArray.subarray(t,e)}get length(){return this.usedElemNum}reset(){this.usedElemNum=0}}class z extends W{buffer;gl;dirty=!0;type;webglBufferSize=0;usage;constructor(t,e,i=t.ARRAY_BUFFER,r=t.DYNAMIC_DRAW){super(e),this.gl=t,this.buffer=t.createBuffer(),this.type=i,this.usage=r}makeDirty(){this.dirty=!0}clear(){super.clear(),this.dirty=!1}bindBuffer(){this.gl.bindBuffer(this.type,this.buffer)}bufferData(){if(this.dirty){const t=this.gl;this.maxElemNum>this.webglBufferSize&&(t.bufferData(this.type,this.maxElemNum*this.bytePerElem,this.usage),this.webglBufferSize=this.maxElemNum),t.bufferSubData(this.type,0,this.getArray(0,this.usedElemNum)),this.dirty=!1}}}class d{_r;_g;_b;_a;uint32;premultipliedUint32;static clampByte(t){return t<=0?0:t>=255?255:Math.round(t)}constructor(t,e,i,r=255){this._r=t,this._g=e,this._b=i,this._a=r,this.updateUint()}setClearColor(t){t.clearColor(this.r/255,this.g/255,this.b/255,this.a/255)}get r(){return this._r}set r(t){this._r=t,this.updateUint()}get g(){return this._g}set g(t){this._g=t,this.updateUint()}get b(){return this._b}set b(t){this._b=t,this.updateUint()}get a(){return this._a}set a(t){this._a=t,this.updateUint()}updateUint(){this.uint32=(this._a<<24|this._b<<16|this._g<<8|this._r)>>>0;const t=d.clampByte(this._a),e=d.clampByte(this._r*t/255),i=d.clampByte(this._g*t/255),r=d.clampByte(this._b*t/255);this.premultipliedUint32=(t<<24|r<<16|i<<8|e)>>>0}reset(){this._r=0,this._g=0,this._b=0,this._a=255,this.updateUint()}setRGBA(t,e,i,r){this.r=t,this.g=e,this.b=i,this.a=r,this.updateUint()}setHSL(t,e,i){t=(t%360+360)%360,e=Math.max(0,Math.min(100,e))/100,i=Math.max(0,Math.min(100,i))/100;const r=(1-Math.abs(2*i-1))*e,n=r*(1-Math.abs(t/60%2-1)),a=i-r/2;let o=0,h=0,u=0;return t<60?[o,h,u]=[r,n,0]:t<120?[o,h,u]=[n,r,0]:t<180?[o,h,u]=[0,r,n]:t<240?[o,h,u]=[0,n,r]:t<300?[o,h,u]=[n,0,r]:[o,h,u]=[r,0,n],this.setRGBA((o+a)*255,(h+a)*255,(u+a)*255,255),this}toHex(){const t=e=>Math.max(0,Math.min(255,Math.round(e))).toString(16).padStart(2,"0");return`#${t(this._r)}${t(this._g)}${t(this._b)}${t(this._a)}`}copy(t){this.setRGBA(t.r,t.g,t.b,t.a)}clone(){return new d(this._r,this._g,this._b,this._a)}toHexString(t=!0){const e=this.r.toString(16).padStart(2,"0"),i=this.g.toString(16).padStart(2,"0"),r=this.b.toString(16).padStart(2,"0"),n=this.a.toString(16).padStart(2,"0");return`#${e}${i}${r}${t?n:""}`}equal(t){return t.r===this.r&&t.g===this.g&&t.b===this.b&&t.a===this.a}equals(t){return this.equal(t)}static FromHSL(t,e,i){return new d(0,0,0).setHSL(t,e,i)}static FromRGB(t,e,i){return new d(t,e,i)}static fromNorm(t,e,i,r=1){return new d(Math.round(t*255),Math.round(e*255),Math.round(i*255),Math.round(r*255))}static fromHex(t){t.startsWith("#")&&(t=t.slice(1));const e=parseInt(t.slice(0,2),16),i=parseInt(t.slice(2,4),16),r=parseInt(t.slice(4,6),16);let n=255;return t.length>=8&&(n=parseInt(t.slice(6,8),16)),new d(e,i,r,n)}add(t){return new d(Math.min(this.r+t.r,255),Math.min(this.g+t.g,255),Math.min(this.b+t.b,255),Math.min(this.a+t.a,255))}subtract(t){return new d(Math.max(0,this.r-t.r),Math.max(0,this.g-t.g),Math.max(0,this.b-t.b),Math.max(0,this.a-t.a))}divide(t){return t instanceof d?new d(this.r/t.r,this.g/t.g,this.b/t.b,this.a/t.a):new d(this.r/t,this.g/t,this.b/t,this.a/t)}multiply(t){return t instanceof d?new d(this.r*t.r,this.g*t.g,this.b*t.b,this.a*t.a):new d(this.r*t,this.g*t,this.b*t,this.a*t)}clamp(){this.r=Math.max(0,Math.min(255,this.r)),this.g=Math.max(0,Math.min(255,this.g)),this.b=Math.max(0,Math.min(255,this.b)),this.a=Math.max(0,Math.min(255,this.a))}static Red=new d(255,0,0,255);static Green=new d(0,255,0,255);static Blue=new d(0,0,255,255);static Yellow=new d(255,255,0,255);static Purple=new d(128,0,128,255);static Orange=new d(255,165,0,255);static Pink=new d(255,192,203,255);static Gray=new d(128,128,128,255);static Brown=new d(139,69,19,255);static Cyan=new d(0,255,255,255);static Magenta=new d(255,0,255,255);static Lime=new d(192,255,0,255);static White=new d(255,255,255,255);static Black=new d(0,0,0,255);static Transparent=new d(0,0,0,0);static TRANSPARENT=new d(0,0,0,0)}const g=6;class ot{matrixCount=0;buffer;data;constructor(t=10){this.buffer=new W(A.Float32),this.buffer.resize(t*g),this.data=this.buffer.getArray()}alloc(){const t=this.allocDirty();return this.identity(t),t}allocDirty(){return this.buffer.resize(g)&&(this.data=this.buffer.getArray()),this.buffer.usedElemNum+=g,this.matrixCount++}reset(){this.matrixCount=0,this.buffer.usedElemNum=0}identity(t){const e=t*g,i=this.data;i[e]=1,i[e+1]=0,i[e+2]=0,i[e+3]=1,i[e+4]=0,i[e+5]=0}translate(t,e,i){const r=t*g,n=this.data;n[r+4]=n[r]*e+n[r+2]*i+n[r+4],n[r+5]=n[r+1]*e+n[r+3]*i+n[r+5]}scale(t,e,i){const r=t*g,n=this.data;n[r]*=e,n[r+1]*=e,n[r+2]*=i,n[r+3]*=i}rotate(t,e){const i=t*g,r=this.data,n=Math.cos(e),a=Math.sin(e),o=r[i],h=r[i+1],u=r[i+2],c=r[i+3];r[i]=o*n+u*a,r[i+1]=h*n+c*a,r[i+2]=o*-a+u*n,r[i+3]=h*-a+c*n}rotateWithOffset(t,e,i,r){this.translate(t,i,r),this.rotate(t,e),this.translate(t,-i,-r)}copy(t,e){const i=t*g,r=e*g,n=this.data;n[i]=n[r],n[i+1]=n[r+1],n[i+2]=n[r+2],n[i+3]=n[r+3],n[i+4]=n[r+4],n[i+5]=n[r+5]}multiply(t,e){this.multiplyOut(t,t,e)}multiplyOut(t,e,i){const r=t*g,n=e*g,a=i*g,o=this.data,h=o[n],u=o[n+1],c=o[n+2],x=o[n+3],m=o[n+4],T=o[n+5],p=o[a],y=o[a+1],E=o[a+2],M=o[a+3],P=o[a+4],_=o[a+5];o[r]=h*p+c*y,o[r+1]=u*p+x*y,o[r+2]=h*E+c*M,o[r+3]=u*E+x*M,o[r+4]=h*P+c*_+m,o[r+5]=u*P+x*_+T}invert(t){const e=t*g,i=this.data,r=i[e],n=i[e+1],a=i[e+2],o=i[e+3],h=i[e+4],u=i[e+5];let c=r*o-n*a;if(!c){this.identity(t);return}c=1/c,i[e]=o*c,i[e+1]=-n*c,i[e+2]=-a*c,i[e+3]=r*c,i[e+4]=(a*u-o*h)*c,i[e+5]=(n*h-r*u)*c}transformPoint(t,e,i){const r=t*g,n=this.data;return{x:e*n[r]+i*n[r+2]+n[r+4],y:e*n[r+1]+i*n[r+3]+n[r+5]}}worldToLocal(t,e,i){const r=this.allocDirty();this.copy(r,t),this.invert(r);const n=this.transformPoint(r,e,i);return this.matrixCount--,this.buffer.usedElemNum-=g,n}localToWorld(t,e,i){return this.transformPoint(t,e,i)}getPosition(t){const e=t*g,i=this.data;return{x:i[e+4],y:i[e+5]}}getScale(t){const e=t*g,i=this.data,r=Math.sqrt(i[e]*i[e]+i[e+1]*i[e+1]),n=Math.sqrt(i[e+2]*i[e+2]+i[e+3]*i[e+3]);return{x:r,y:n}}getRotation(t){const e=t*g,i=this.data;return Math.atan2(i[e+1],i[e])}toCSSMatrix(t,e=1,i=1){const r=t*g,n=this.data;return`matrix(${n[r]*e}, ${n[r+1]*i}, ${n[r+2]*e}, ${n[r+3]*i}, ${n[r+4]*e}, ${n[r+5]*i})`}getMatrix(t){const e=t*g;return this.data.slice(e,e+g)}getMatrixRef(t){const e=t*g;return this.data.subarray(e,e+g)}setMatrix(t,e){const i=t*g,r=this.data;r[i]=e[0],r[i+1]=e[1],r[i+2]=e[2],r[i+3]=e[3],r[i+4]=e[4],r[i+5]=e[5]}}class ut{matrix=new ot;step=0;stack=new W(A.Uint32);stepWorldM=new W(A.Uint32);stepAction=new W(A.Uint32);stepParentM=new W(A.Uint32);parentStack=new W(A.Uint32);curLocalM=-1;curWorldM=-1;rapid;constructor(t){this.reset(),this.rapid=t}save(){this.stack.push(this.curWorldM);const t=this.curWorldM;return this.step++,this.curLocalM=this.matrix.alloc(),this.curWorldM=this.matrix.allocDirty(),this.stepWorldM.push(this.curWorldM),this.stepParentM.push(t),this.matrix.copy(this.curWorldM,t),this.stepAction.push(1),{world:this.curWorldM,local:this.curLocalM,step:this.step}}restore(){this.stack.length!=0&&(this.curWorldM=this.stack.pop(),this.curLocalM=this.curWorldM-1,this.stepAction.push(0))}updateMatrix(t){const e=(typeof t=="number"?t:t.step)-1,i=this.stepParentM.get(e);let r=0,n=e;const a=this.parentStack;for(a.reset(),a.push(i);n<this.stepAction.length;){if(this.stepAction.get(n)===1){const h=this.stepWorldM.get(n),u=h-1,c=a.top();this.matrix.multiplyOut(h,c,u),a.push(h),r++}else if(a.pop(),r--,r===0)break;n++}}translate(t,e){this.matrix.translate(this.curLocalM,t,e),this.matrix.translate(this.curWorldM,t,e)}scale(t,e=t){this.matrix.scale(this.curLocalM,t,e),this.matrix.scale(this.curWorldM,t,e)}rotate(t){this.matrix.rotate(this.curLocalM,t),this.matrix.rotate(this.curWorldM,t)}rotateWithOffset(t,e,i){this.matrix.rotateWithOffset(this.curLocalM,t,e,i),this.matrix.rotateWithOffset(this.curWorldM,t,e,i)}identity(){this.matrix.identity(this.curLocalM),this.matrix.identity(this.curWorldM)}reset(){this.matrix.reset(),this.stack.reset(),this.stepAction.reset(),this.stepWorldM.reset(),this.stepParentM.reset(),this.step=0,this.curLocalM=this.matrix.alloc(),this.curWorldM=this.matrix.alloc()}localToWorld(t,e){return this.matrix.localToWorld(this.curWorldM,t,e)}worldToLocal(t,e){return this.matrix.worldToLocal(this.curWorldM,t,e)}getGlobalPosition(){return this.matrix.getPosition(this.curWorldM)}getGlobalScale(){return this.matrix.getScale(this.curWorldM)}getGlobalRotation(){return this.matrix.getRotation(this.curWorldM)}toCSSMatrix(){return this.matrix.toCSSMatrix(this.curWorldM)}getTransform(){const t=this.curWorldM*g;return this.matrix.data.slice(t,t+g)}setTransform(t){const e=this.curWorldM*g,i=this.matrix.data;i[e]=t[0],i[e+1]=t[1],i[e+2]=t[2],i[e+3]=t[3],i[e+4]=t[4],i[e+5]=t[5]}transformPoint(t,e){return this.matrix.transformPoint(this.curLocalM,t,e)}applyTransform(t,e=0,i=0){(t.saveTransform??!0)&&this.save(),t.afterSave?.();const r=t.x??0,n=t.y??0;(r||n)&&this.translate(r,n),t.position&&this.translate(t.position.x,t.position.y),t.rotation&&this.rotate(t.rotation);const a=t.scale,o=typeof a=="number";a&&this.scale(o?a:a.x,o?a:a.y);let h=t.offsetX??0,u=t.offsetY??0;t.offset&&(h+=t.offset.x,u+=t.offset.y);const c=t.origin;c!==void 0&&(typeof c=="number"?(h-=c*e,u-=c*i):(h-=c.x*e,u-=c.y*i)),this.translate(h,u)}}var k=(s=>(s[s.REPEAT=0]="REPEAT",s[s.CLAMP=1]="CLAMP",s[s.MIRRORED_REPEAT=2]="MIRRORED_REPEAT",s))(k||{});class ct{render;cache=new Map;constructor(t){this.render=t}async load(t,e){let i=this.cache.get(t);if(i)return new U(i);try{const r=await this._fetchImage(t);return i=F.fromSource(this.render,r,e),i.uid=t,this.cache.set(t,i),new U(i)}catch(r){throw console.error(`[TextureManager] Failed to load: ${t}`,r),r}}create(t,e){if(e?.key&&this.cache.has(e.key))return new U(this.cache.get(e.key));const i=F.fromSource(this.render,t,e);return e?.key&&(i.uid=e.key,this.cache.set(e.key,i)),new U(i)}createRenderTexture(t){return new lt(this.render,t)}createTextTexture(t){return new dt(this.render,t)}destroy(t,e=!1){let i,r;typeof t=="string"?(r=t,i=this.cache.get(r)):t instanceof U?(i=t.base,r=i?.uid,t.destroy()):(i=t,r=i.uid),i&&(i.refCount<=0||e)&&(i.destroy(this.render.gl),r&&this.cache.delete(r))}destroyAll(){for(const t of this.cache.values())t.destroy(this.render.gl);this.cache.clear()}_fetchImage(t){return new Promise((e,i)=>{const r=new Image;r.crossOrigin="anonymous",r.onload=()=>e(r),r.onerror=()=>i(new Error(`Failed to load image resource: ${t}`)),r.src=t})}}class F{glTexture=null;width;height;uid;refCount=0;constructor(t,e,i){this.glTexture=t,this.width=e,this.height=i}static fromSource(t,e,i={}){const r=X(t,e,i);return new F(r,e.width,e.height)}updateSource(t,e,i={}){this.glTexture&&(t.bindTexture(t.TEXTURE_2D,this.glTexture),i.textureFilter!==void 0&&Z(t,i.textureFilter),i.wrap!==void 0&&q(t,i.wrap),t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL,1),t.pixelStorei(t.UNPACK_ALIGNMENT,1),i.premultipliedAlpha!==void 0&&t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL,i.premultipliedAlpha),this.width===e.width&&this.height===e.height?t.texSubImage2D(t.TEXTURE_2D,0,0,0,t.RGBA,t.UNSIGNED_BYTE,e):(t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,e),this.width=e.width,this.height=e.height),i.premultipliedAlpha!==void 0&&t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!1))}setFilterMode(t,e){this.glTexture&&(t.bindTexture(t.TEXTURE_2D,this.glTexture),Z(t,e),t.bindTexture(t.TEXTURE_2D,null))}setWrapMode(t,e){this.glTexture&&(t.bindTexture(t.TEXTURE_2D,this.glTexture),q(t,e),t.bindTexture(t.TEXTURE_2D,null))}destroy(t){this.glTexture&&(t.deleteTexture(this.glTexture),this.glTexture=null)}}class U{base;uvX=0;uvY=0;uvW=1;uvH=1;rawWidth=0;rawHeight=0;offsetX=0;offsetY=0;scale=1;isAtlas=!1;flipY=!1;isRotated=!1;glTexture=null;get width(){return(this.isRotated?this.rawHeight:this.rawWidth)*this.scale}get height(){return(this.isRotated?this.rawWidth:this.rawHeight)*this.scale}_px=0;_py=0;_pw=0;_ph=0;constructor(t){t&&this.setBase(t)}setBase(t){return this.base===t?this:(this.base&&this.base.refCount--,this.base=t,this.base.refCount++,this.setRegion(0,0,t.width,t.height),this.glTexture=t.glTexture,this)}setRegion(t,e,i,r){return this.base?(this._px=t,this._py=e,this._pw=i,this._ph=r,this.isAtlas=t!==0||e!==0||i!==this.base.width||r!==this.base.height,this.uvX=t/this.base.width,this.uvY=e/this.base.height,this.uvW=this.uvX+i/this.base.width,this.uvH=this.uvY+r/this.base.height,this.rawWidth=i,this.rawHeight=r,this):this}getSubTexture(t,e,i,r){if(!this.base)return new U;const n=this.clone(),a=this._px,o=this._py;return n.setRegion(a+t,o+e,i,r),n}clone(t){const e=t??new U(this.base);return t&&this.base&&t.setBase(this.base),e.scale=this.scale,e.uvX=this.uvX,e.uvY=this.uvY,e.uvW=this.uvW,e.uvH=this.uvH,e.rawWidth=this.rawWidth,e.rawHeight=this.rawHeight,e.offsetX=this.offsetX,e.offsetY=this.offsetY,e.flipY=this.flipY,e.isRotated=this.isRotated,e.isAtlas=this.isAtlas,e._px=this._px,e._py=this._py,e._pw=this._pw,e._ph=this._ph,e}splitGrid(t,e,i,r,n=0){if(!this.base)return[];const a=[],o=this.rawWidth,h=this.rawHeight,u=Math.max(0,n),c=t+u,x=e+u,m=i??Math.floor((o+u)/c),T=r??Math.floor((h+u)/x);for(let p=0;p<T;p++)for(let y=0;y<m;y++)a.push(this.getSubTexture(y*c,p*x,t,e));return a}static fromImageSource(t,e,i={}){const r=X(t,e,i);return new U(new F(r,e.width,e.height))}destroy(){this.base&&(this.base.refCount--,this.base=void 0),this.glTexture=null}}class lt extends U{framebuffer;renderbuffer;gl;flipY=!0;clearColor;_allocW=0;_allocH=0;constructor(t,e){super(),this.gl=t.gl,this.clearColor=e.clearColor??d.Black;const i=Math.max(Math.round(e.width),1),r=Math.max(Math.round(e.height),1),a=X(t,{width:i,height:r},{...e,onlySize:!0});if(this.setBase(new F(a,i,r)),this.framebuffer=this.gl.createFramebuffer(),this.renderbuffer=this.gl.createRenderbuffer(),!this.framebuffer||!this.renderbuffer)throw new Error("Failed to create Framebuffer or Renderbuffer");this.resize(i,r,!0)}resize(t,e,i=!1){t=Math.max(Math.round(t),1),e=Math.max(Math.round(e),1);const r=this.rawWidth===t&&this.rawHeight===e;if(!i&&r)return;const n=this.gl;(i||t>this._allocW||e>this._allocH)&&this.base&&(this._allocW=Math.max(this._allocW,t),this._allocH=Math.max(this._allocH,e),this.base.width=this._allocW,this.base.height=this._allocH,n.bindTexture(n.TEXTURE_2D,this.base.glTexture),n.texImage2D(n.TEXTURE_2D,0,n.RGBA,this._allocW,this._allocH,0,n.RGBA,n.UNSIGNED_BYTE,null),n.bindRenderbuffer(n.RENDERBUFFER,this.renderbuffer),n.renderbufferStorage(n.RENDERBUFFER,n.STENCIL_INDEX8,this._allocW,this._allocH),n.bindFramebuffer(n.FRAMEBUFFER,this.framebuffer),n.framebufferTexture2D(n.FRAMEBUFFER,n.COLOR_ATTACHMENT0,n.TEXTURE_2D,this.base.glTexture,0),n.framebufferRenderbuffer(n.FRAMEBUFFER,n.STENCIL_ATTACHMENT,n.RENDERBUFFER,this.renderbuffer),n.bindFramebuffer(n.FRAMEBUFFER,null),n.bindRenderbuffer(n.RENDERBUFFER,null),n.bindTexture(n.TEXTURE_2D,null)),this.rawWidth=t,this.rawHeight=e,this.uvX=0,this.uvW=t/this._allocW,this.uvY=0,this.uvH=e/this._allocH}activate(t=!1){if(!this.framebuffer)return;const e=this.gl;e.bindFramebuffer(e.FRAMEBUFFER,this.framebuffer),e.viewport(0,0,this.rawWidth,this.rawHeight),t&&this.clear()}clear(t){if(!this.framebuffer)return;const e=this.gl,i=t??this.clearColor;i&&(i.setClearColor(e),e.clear(e.COLOR_BUFFER_BIT|e.STENCIL_BUFFER_BIT))}deactivate(){const t=this.gl;t.bindFramebuffer(t.FRAMEBUFFER,null)}GetPixels(t=0,e=0,i=this.rawWidth,r=this.rawHeight){if(!this.framebuffer)return new Uint8Array(0);const n=Math.floor(t),a=Math.floor(e),o=Math.floor(i),h=Math.floor(r);if(o<=0||h<=0)return new Uint8Array(0);if(n<0||a<0||n>=this.rawWidth||a>=this.rawHeight)return new Uint8Array(0);const u=Math.min(o,this.rawWidth-n),c=Math.min(h,this.rawHeight-a),x=this.rawHeight-a-c,m=this.gl,T=m.getParameter(m.FRAMEBUFFER_BINDING);m.bindFramebuffer(m.FRAMEBUFFER,this.framebuffer);const p=new Uint8Array(u*c*4);return m.readPixels(n,x,u,c,m.RGBA,m.UNSIGNED_BYTE,p),m.bindFramebuffer(m.FRAMEBUFFER,T),p}GetColorAt(t,e){const i=this.GetPixels(t,e,1,1);return i.length<4?new d(0,0,0,0):new d(i[0],i[1],i[2],i[3])}destroy(){super.destroy(),this.framebuffer&&this.gl.deleteFramebuffer(this.framebuffer),this.renderbuffer&&this.gl.deleteRenderbuffer(this.renderbuffer),this.base?.destroy(this.gl)}}const Lt={fontFamily:"Arial",fontSize:24,fontWeight:"normal",fill:"#000000",strokeThickness:1,align:"left",baseline:"top"};class dt extends U{canvas;ctx;render;_text;_style;options;flipY=!0;constructor(t,e){super(),this.render=t,this._style={...Lt,...e},this._text=e?.text??"",this.options={premultipliedAlpha:t.premultipliedAlpha,...e},this.scale=1/t.dpr,this.canvas=document.createElement("canvas");const i=this.canvas.getContext("2d",{willReadFrequently:!0});if(!i)throw new Error("Failed to get 2d context for TextTexture");this.ctx=i,this.canvas.width=1,this.canvas.height=1;const r=X(t,this.canvas,this.options);this.setBase(new F(r,1,1)),this.update()}get text(){return this._text}set text(t){this._text!==t&&(this._text=t,this.update())}get style(){return this._style}set style(t){this._style={...this._style,...t},this.update()}updateOffset(t,e){switch(this._style.align){case"center":this.offsetX=-t/2;break;case"right":this.offsetX=-t;break;default:this.offsetX=0;break}switch(this._style.baseline){case"middle":this.offsetY=-e/2;break;case"bottom":this.offsetY=-e;break;default:this.offsetY=0;break}}update(){const t=this.ctx,e=this._style.fontSize,i=this._style.fontWeight,r=this._style.fontFamily,n=`${i} ${e}px ${r}`,a=this.render.dpr;t.font=n;const o=this._text.split(`
|
|
2
|
-
`);let h=0,
|
|
1
|
+
(function(x,N){typeof exports=="object"&&typeof module<"u"?N(exports):typeof define=="function"&&define.amd?define(["exports"],N):(x=typeof globalThis<"u"?globalThis:x||self,N(x.RapidRender={}))})(this,(function(x){"use strict";var N=(s=>(s[s.Float32=0]="Float32",s[s.Uint32=1]="Uint32",s[s.Uint16=2]="Uint16",s))(N||{});class F{usedElemNum;typedArray;arrayType;maxElemNum;bytePerElem;arraybuffer;uint32;float32;uint16;constructor(t){this.usedElemNum=0,this.maxElemNum=512,this.bytePerElem=this.getArrayType(t).BYTES_PER_ELEMENT,this.arrayType=t,this.arraybuffer=new ArrayBuffer(this.maxElemNum*this.bytePerElem),this.updateTypedArray()}getArrayType(t){switch(t){case 0:return Float32Array;case 1:return Uint32Array;case 2:return Uint16Array;default:throw new Error("Unsupported ArrayType")}}updateTypedArray(){switch(this.uint32=new Uint32Array(this.arraybuffer),this.float32=new Float32Array(this.arraybuffer),this.uint16=new Uint16Array(this.arraybuffer),this.arrayType){case 0:this.typedArray=this.float32;break;case 1:this.typedArray=this.uint32;break;case 2:this.typedArray=this.uint16;break}}clear(){this.usedElemNum=0}resize(t=0){if(t+=this.usedElemNum,t>this.maxElemNum){for(;t>this.maxElemNum;)this.maxElemNum*=2;return this.setMaxSize(this.maxElemNum),!0}return!1}setMaxSize(t=this.maxElemNum){const e=this.typedArray;this.maxElemNum=t,this.arraybuffer=new ArrayBuffer(t*this.bytePerElem),this.updateTypedArray(),this.typedArray.set(e)}pushUint32(t){this.resize(1),this.uint32[this.usedElemNum++]=t}pushFloat32(t){this.resize(1),this.float32[this.usedElemNum++]=t}push(t){this.resize(1),this.typedArray[this.usedElemNum++]=t}pop(){return this.typedArray[--this.usedElemNum]}top(){return this.typedArray[this.usedElemNum-1]}get(t){return this.typedArray[t]}getArray(t=0,e){return e===void 0?this.typedArray:this.typedArray.subarray(t,e)}get length(){return this.usedElemNum}reset(){this.usedElemNum=0}}class K extends F{buffer;gl;dirty=!0;type;webglBufferSize=0;usage;constructor(t,e,i=t.ARRAY_BUFFER,r=t.DYNAMIC_DRAW){super(e),this.gl=t,this.buffer=t.createBuffer(),this.type=i,this.usage=r}makeDirty(){this.dirty=!0}clear(){super.clear(),this.dirty=!1}bindBuffer(){this.gl.bindBuffer(this.type,this.buffer)}bufferData(){if(this.dirty){const t=this.gl;this.maxElemNum>this.webglBufferSize&&(t.bufferData(this.type,this.maxElemNum*this.bytePerElem,this.usage),this.webglBufferSize=this.maxElemNum),t.bufferSubData(this.type,0,this.getArray(0,this.usedElemNum)),this.dirty=!1}}}class m{_r;_g;_b;_a;uint32;premultipliedUint32;static clampByte(t){return t<=0?0:t>=255?255:Math.round(t)}constructor(t,e,i,r=255){this._r=t,this._g=e,this._b=i,this._a=r,this.updateUint()}setClearColor(t){t.clearColor(this.r/255,this.g/255,this.b/255,this.a/255)}get r(){return this._r}set r(t){this._r=t,this.updateUint()}get g(){return this._g}set g(t){this._g=t,this.updateUint()}get b(){return this._b}set b(t){this._b=t,this.updateUint()}get a(){return this._a}set a(t){this._a=t,this.updateUint()}updateUint(){this.uint32=(this._a<<24|this._b<<16|this._g<<8|this._r)>>>0;const t=m.clampByte(this._a),e=m.clampByte(this._r*t/255),i=m.clampByte(this._g*t/255),r=m.clampByte(this._b*t/255);this.premultipliedUint32=(t<<24|r<<16|i<<8|e)>>>0}reset(){this._r=0,this._g=0,this._b=0,this._a=255,this.updateUint()}setRGBA(t,e,i,r){this.r=t,this.g=e,this.b=i,this.a=r,this.updateUint()}setHSL(t,e,i){t=(t%360+360)%360,e=Math.max(0,Math.min(100,e))/100,i=Math.max(0,Math.min(100,i))/100;const r=(1-Math.abs(2*i-1))*e,n=r*(1-Math.abs(t/60%2-1)),a=i-r/2;let o=0,h=0,c=0;return t<60?[o,h,c]=[r,n,0]:t<120?[o,h,c]=[n,r,0]:t<180?[o,h,c]=[0,r,n]:t<240?[o,h,c]=[0,n,r]:t<300?[o,h,c]=[n,0,r]:[o,h,c]=[r,0,n],this.setRGBA((o+a)*255,(h+a)*255,(c+a)*255,255),this}toHex(){const t=e=>Math.max(0,Math.min(255,Math.round(e))).toString(16).padStart(2,"0");return`#${t(this._r)}${t(this._g)}${t(this._b)}${t(this._a)}`}copy(t){this.setRGBA(t.r,t.g,t.b,t.a)}clone(){return new m(this._r,this._g,this._b,this._a)}toHexString(t=!0){const e=this.r.toString(16).padStart(2,"0"),i=this.g.toString(16).padStart(2,"0"),r=this.b.toString(16).padStart(2,"0"),n=this.a.toString(16).padStart(2,"0");return`#${e}${i}${r}${t?n:""}`}equal(t){return t.r===this.r&&t.g===this.g&&t.b===this.b&&t.a===this.a}equals(t){return this.equal(t)}static FromHSL(t,e,i){return new m(0,0,0).setHSL(t,e,i)}static FromRGB(t,e,i){return new m(t,e,i)}static fromNorm(t,e,i,r=1){return new m(Math.round(t*255),Math.round(e*255),Math.round(i*255),Math.round(r*255))}static fromHex(t){t.startsWith("#")&&(t=t.slice(1));const e=parseInt(t.slice(0,2),16),i=parseInt(t.slice(2,4),16),r=parseInt(t.slice(4,6),16);let n=255;return t.length>=8&&(n=parseInt(t.slice(6,8),16)),new m(e,i,r,n)}add(t){return new m(Math.min(this.r+t.r,255),Math.min(this.g+t.g,255),Math.min(this.b+t.b,255),Math.min(this.a+t.a,255))}subtract(t){return new m(this.r-t.r,this.g-t.g,this.b-t.b,this.a-t.a)}divide(t){return t instanceof m?new m(this.r/t.r,this.g/t.g,this.b/t.b,this.a/t.a):new m(this.r/t,this.g/t,this.b/t,this.a/t)}multiply(t){return t instanceof m?new m(this.r*t.r,this.g*t.g,this.b*t.b,this.a*t.a):new m(this.r*t,this.g*t,this.b*t,this.a*t)}clamp(){this.r=Math.max(0,Math.min(255,this.r)),this.g=Math.max(0,Math.min(255,this.g)),this.b=Math.max(0,Math.min(255,this.b)),this.a=Math.max(0,Math.min(255,this.a))}static Red=new m(255,0,0,255);static Green=new m(0,255,0,255);static Blue=new m(0,0,255,255);static Yellow=new m(255,255,0,255);static Purple=new m(128,0,128,255);static Orange=new m(255,165,0,255);static Pink=new m(255,192,203,255);static Gray=new m(128,128,128,255);static Brown=new m(139,69,19,255);static Cyan=new m(0,255,255,255);static Magenta=new m(255,0,255,255);static Lime=new m(192,255,0,255);static White=new m(255,255,255,255);static Black=new m(0,0,0,255);static Transparent=new m(0,0,0,0);static TRANSPARENT=new m(0,0,0,0)}const R=6;class mt{matrixCount=0;buffer;data;constructor(t=10){this.buffer=new F(N.Float32),this.buffer.resize(t*R),this.data=this.buffer.getArray()}alloc(){const t=this.allocDirty();return this.identity(t),t}allocDirty(){return this.buffer.resize(R)&&(this.data=this.buffer.getArray()),this.buffer.usedElemNum+=R,this.matrixCount++}reset(){this.matrixCount=0,this.buffer.usedElemNum=0}identity(t){const e=t*R,i=this.data;i[e]=1,i[e+1]=0,i[e+2]=0,i[e+3]=1,i[e+4]=0,i[e+5]=0}translate(t,e,i){const r=t*R,n=this.data;n[r+4]=n[r]*e+n[r+2]*i+n[r+4],n[r+5]=n[r+1]*e+n[r+3]*i+n[r+5]}scale(t,e,i){const r=t*R,n=this.data;n[r]*=e,n[r+1]*=e,n[r+2]*=i,n[r+3]*=i}rotate(t,e){const i=t*R,r=this.data,n=Math.cos(e),a=Math.sin(e),o=r[i],h=r[i+1],c=r[i+2],u=r[i+3];r[i]=o*n+c*a,r[i+1]=h*n+u*a,r[i+2]=o*-a+c*n,r[i+3]=h*-a+u*n}rotateWithOffset(t,e,i,r){this.translate(t,i,r),this.rotate(t,e),this.translate(t,-i,-r)}copy(t,e){const i=t*R,r=e*R,n=this.data;n[i]=n[r],n[i+1]=n[r+1],n[i+2]=n[r+2],n[i+3]=n[r+3],n[i+4]=n[r+4],n[i+5]=n[r+5]}multiply(t,e){this.multiplyOut(t,t,e)}multiplyOut(t,e,i){const r=t*R,n=e*R,a=i*R,o=this.data,h=o[n],c=o[n+1],u=o[n+2],f=o[n+3],l=o[n+4],g=o[n+5],p=o[a],v=o[a+1],T=o[a+2],E=o[a+3],S=o[a+4],y=o[a+5];o[r]=h*p+u*v,o[r+1]=c*p+f*v,o[r+2]=h*T+u*E,o[r+3]=c*T+f*E,o[r+4]=h*S+u*y+l,o[r+5]=c*S+f*y+g}invert(t){const e=t*R,i=this.data,r=i[e],n=i[e+1],a=i[e+2],o=i[e+3],h=i[e+4],c=i[e+5];let u=r*o-n*a;if(!u){this.identity(t);return}u=1/u,i[e]=o*u,i[e+1]=-n*u,i[e+2]=-a*u,i[e+3]=r*u,i[e+4]=(a*c-o*h)*u,i[e+5]=(n*h-r*c)*u}transformPoint(t,e,i){const r=t*R,n=this.data;return{x:e*n[r]+i*n[r+2]+n[r+4],y:e*n[r+1]+i*n[r+3]+n[r+5]}}worldToLocal(t,e,i){const r=this.allocDirty();this.copy(r,t),this.invert(r);const n=this.transformPoint(r,e,i);return this.matrixCount--,this.buffer.usedElemNum-=R,n}localToWorld(t,e,i){return this.transformPoint(t,e,i)}getPosition(t){const e=t*R,i=this.data;return{x:i[e+4],y:i[e+5]}}getScale(t){const e=t*R,i=this.data,r=Math.sqrt(i[e]*i[e]+i[e+1]*i[e+1]),n=Math.sqrt(i[e+2]*i[e+2]+i[e+3]*i[e+3]);return{x:r,y:n}}getRotation(t){const e=t*R,i=this.data;return Math.atan2(i[e+1],i[e])}toCSSMatrix(t,e=1,i=1){const r=t*R,n=this.data;return`matrix(${n[r]*e}, ${n[r+1]*i}, ${n[r+2]*e}, ${n[r+3]*i}, ${n[r+4]*e}, ${n[r+5]*i})`}getMatrix(t){const e=t*R;return this.data.slice(e,e+R)}getMatrixRef(t){const e=t*R;return this.data.subarray(e,e+R)}setMatrix(t,e){const i=t*R,r=this.data;r[i]=e[0],r[i+1]=e[1],r[i+2]=e[2],r[i+3]=e[3],r[i+4]=e[4],r[i+5]=e[5]}multiplyAffineInPlace(t,e,i,r,n,a,o){const h=t*6,c=this.data,u=c[h],f=c[h+1],l=c[h+2],g=c[h+3],p=c[h+4],v=c[h+5];c[h]=u*e+l*i,c[h+1]=f*e+g*i,c[h+2]=u*r+l*n,c[h+3]=f*r+g*n,c[h+4]=u*a+l*o+p,c[h+5]=f*a+g*o+v}}class xt{matrix=new mt;step=0;stack=new F(N.Uint32);stepWorldM=new F(N.Uint32);stepAction=new F(N.Uint32);stepParentM=new F(N.Uint32);parentStack=new F(N.Uint32);curLocalM=-1;curWorldM=-1;rapid;constructor(t){this.reset(),this.rapid=t}save(){this.stack.push(this.curWorldM);const t=this.curWorldM;return this.step++,this.curLocalM=this.matrix.alloc(),this.curWorldM=this.matrix.allocDirty(),this.stepWorldM.push(this.curWorldM),this.stepParentM.push(t),this.matrix.copy(this.curWorldM,t),this.stepAction.push(1),{world:this.curWorldM,local:this.curLocalM,step:this.step}}restore(){this.stack.length!=0&&(this.curWorldM=this.stack.pop(),this.curLocalM=this.curWorldM-1,this.stepAction.push(0))}updateMatrix(t){const e=(typeof t=="number"?t:t.step)-1,i=this.stepParentM.get(e);let r=0,n=e;const a=this.parentStack;for(a.reset(),a.push(i);n<this.stepAction.length;){if(this.stepAction.get(n)===1){const h=this.stepWorldM.get(n),c=h-1,u=a.top();this.matrix.multiplyOut(h,u,c),a.push(h),r++}else if(a.pop(),r--,r===0)break;n++}}translate(t,e){this.matrix.translate(this.curLocalM,t,e),this.matrix.translate(this.curWorldM,t,e)}scale(t,e=t){this.matrix.scale(this.curLocalM,t,e),this.matrix.scale(this.curWorldM,t,e)}rotate(t){this.matrix.rotate(this.curLocalM,t),this.matrix.rotate(this.curWorldM,t)}rotateWithOffset(t,e,i){this.matrix.rotateWithOffset(this.curLocalM,t,e,i),this.matrix.rotateWithOffset(this.curWorldM,t,e,i)}identity(){this.matrix.identity(this.curLocalM),this.matrix.identity(this.curWorldM)}reset(){this.matrix.reset(),this.stack.reset(),this.stepAction.reset(),this.stepWorldM.reset(),this.stepParentM.reset(),this.step=0,this.curLocalM=this.matrix.alloc(),this.curWorldM=this.matrix.alloc()}localToWorld(t,e){return this.matrix.localToWorld(this.curWorldM,t,e)}worldToLocal(t,e){return this.matrix.worldToLocal(this.curWorldM,t,e)}getGlobalPosition(){return this.matrix.getPosition(this.curWorldM)}getGlobalScale(){return this.matrix.getScale(this.curWorldM)}getGlobalRotation(){return this.matrix.getRotation(this.curWorldM)}toCSSMatrix(){return this.matrix.toCSSMatrix(this.curWorldM)}getTransform(){const t=this.curWorldM*R;return this.matrix.data.slice(t,t+R)}setTransform(t){const e=this.curWorldM*R,i=this.matrix.data;i[e]=t[0],i[e+1]=t[1],i[e+2]=t[2],i[e+3]=t[3],i[e+4]=t[4],i[e+5]=t[5]}transformPoint(t,e){return this.matrix.transformPoint(this.curLocalM,t,e)}applyTransform(t,e=0,i=0){(t.saveTransform??!0)&&this.save();let r=t.x??0,n=t.y??0;t.position&&(r+=t.position.x,n+=t.position.y);let a=1,o=1;const h=t.scale;h&&(typeof h=="number"?(a=h,o=h):(a=h.x,o=h.y));const c=t.rotation??0;let u=t.offsetX??0,f=t.offsetY??0;t.offset&&(u+=t.offset.x,f+=t.offset.y);const l=t.origin;l!==void 0&&(typeof l=="number"?(u-=l*e,f-=l*i):(u-=l.x*e,f-=l.y*i));const g=c?Math.cos(c):1,p=c?Math.sin(c):0,v=g*a,T=p*a,E=-p*o,S=g*o,y=r+v*u+E*f,b=n+T*u+S*f;(t.afterSave!==void 0||t.saveTransform===!1)&&this.matrix.multiplyAffineInPlace(this.curLocalM,v,T,E,S,y,b),this.matrix.multiplyAffineInPlace(this.curWorldM,v,T,E,S,y,b),t.afterSave?.()}}var G=(s=>(s[s.REPEAT=0]="REPEAT",s[s.CLAMP=1]="CLAMP",s[s.MIRRORED_REPEAT=2]="MIRRORED_REPEAT",s))(G||{});class pt{render;cache=new Map;constructor(t){this.render=t}async load(t,e){let i=this.cache.get(t);if(i)return new L(i);try{const r=await this._fetchImage(t);return i=D.fromSource(this.render,r,e),i.uid=t,this.cache.set(t,i),new L(i)}catch(r){throw console.error(`[TextureManager] Failed to load: ${t}`,r),r}}create(t,e){if(e?.key&&this.cache.has(e.key))return new L(this.cache.get(e.key));const i=D.fromSource(this.render,t,e);return e?.key&&(i.uid=e.key,this.cache.set(e.key,i)),new L(i)}createRenderTexture(t){return new gt(this.render,t)}createTextTexture(t){return new vt(this.render,t)}destroy(t,e=!1){let i,r;typeof t=="string"?(r=t,i=this.cache.get(r)):t instanceof L?(i=t.base,r=i?.uid,t.destroy()):(i=t,r=i.uid),i&&(i.refCount<=0||e)&&(i.destroy(this.render.gl),r&&this.cache.delete(r))}destroyAll(){for(const t of this.cache.values())t.destroy(this.render.gl);this.cache.clear()}_fetchImage(t){return new Promise((e,i)=>{const r=new Image;r.crossOrigin="anonymous",r.onload=()=>e(r),r.onerror=()=>i(new Error(`Failed to load image resource: ${t}`)),r.src=t})}}class D{glTexture=null;width;height;uid;refCount=0;constructor(t,e,i){this.glTexture=t,this.width=e,this.height=i}static fromSource(t,e,i={}){const r=q(t,e,i);return new D(r,e.width,e.height)}updateSource(t,e,i={}){this.glTexture&&(t.bindTexture(t.TEXTURE_2D,this.glTexture),i.textureFilter!==void 0&&st(t,i.textureFilter),i.wrap!==void 0&&rt(t,i.wrap),t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL,1),t.pixelStorei(t.UNPACK_ALIGNMENT,1),i.premultipliedAlpha!==void 0&&t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL,i.premultipliedAlpha),this.width===e.width&&this.height===e.height?t.texSubImage2D(t.TEXTURE_2D,0,0,0,t.RGBA,t.UNSIGNED_BYTE,e):(t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,e),this.width=e.width,this.height=e.height),i.premultipliedAlpha!==void 0&&t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!1))}setFilterMode(t,e){this.glTexture&&(t.bindTexture(t.TEXTURE_2D,this.glTexture),st(t,e),t.bindTexture(t.TEXTURE_2D,null))}setWrapMode(t,e){this.glTexture&&(t.bindTexture(t.TEXTURE_2D,this.glTexture),rt(t,e),t.bindTexture(t.TEXTURE_2D,null))}destroy(t){this.glTexture&&(t.deleteTexture(this.glTexture),this.glTexture=null)}}class L{base;uvX=0;uvY=0;uvW=1;uvH=1;rawWidth=0;rawHeight=0;offsetX=0;offsetY=0;scale=1;isAtlas=!1;flipY=!1;isRotated=!1;glTexture=null;get width(){return(this.isRotated?this.rawHeight:this.rawWidth)*this.scale}get height(){return(this.isRotated?this.rawWidth:this.rawHeight)*this.scale}_px=0;_py=0;_pw=0;_ph=0;constructor(t){t&&this.setBase(t)}setBase(t){return this.base===t?this:(this.base&&this.base.refCount--,this.base=t,this.base.refCount++,this.setRegion(0,0,t.width,t.height),this.glTexture=t.glTexture,this)}setRegion(t,e,i,r){return this.base?(this._px=t,this._py=e,this._pw=i,this._ph=r,this.isAtlas=t!==0||e!==0||i!==this.base.width||r!==this.base.height,this.uvX=t/this.base.width,this.uvY=e/this.base.height,this.uvW=this.uvX+i/this.base.width,this.uvH=this.uvY+r/this.base.height,this.rawWidth=i,this.rawHeight=r,this):this}getSubTexture(t,e,i,r){if(!this.base)return new L;const n=this.clone(),a=this._px,o=this._py;return n.setRegion(a+t,o+e,i,r),n}clone(t){const e=t??new L(this.base);return t&&this.base&&t.setBase(this.base),e.scale=this.scale,e.uvX=this.uvX,e.uvY=this.uvY,e.uvW=this.uvW,e.uvH=this.uvH,e.rawWidth=this.rawWidth,e.rawHeight=this.rawHeight,e.offsetX=this.offsetX,e.offsetY=this.offsetY,e.flipY=this.flipY,e.isRotated=this.isRotated,e.isAtlas=this.isAtlas,e._px=this._px,e._py=this._py,e._pw=this._pw,e._ph=this._ph,e}splitGrid(t,e,i,r,n=0){if(!this.base)return[];const a=[],o=this.rawWidth,h=this.rawHeight,c=Math.max(0,n),u=t+c,f=e+c,l=i??Math.floor((o+c)/u),g=r??Math.floor((h+c)/f);for(let p=0;p<g;p++)for(let v=0;v<l;v++)a.push(this.getSubTexture(v*u,p*f,t,e));return a}static fromImageSource(t,e,i={}){const r=q(t,e,i);return new L(new D(r,e.width,e.height))}destroy(){this.base&&(this.base.refCount--,this.base=void 0),this.glTexture=null}}class gt extends L{framebuffer;renderbuffer;gl;flipY=!0;clearColor;_allocW=0;_allocH=0;constructor(t,e){super(),this.gl=t.gl,this.clearColor=e.clearColor??m.Black;const i=Math.max(Math.round(e.width),1),r=Math.max(Math.round(e.height),1),a=q(t,{width:i,height:r},{...e,onlySize:!0});if(this.setBase(new D(a,i,r)),this.framebuffer=this.gl.createFramebuffer(),this.renderbuffer=this.gl.createRenderbuffer(),!this.framebuffer||!this.renderbuffer)throw new Error("Failed to create Framebuffer or Renderbuffer");this.resize(i,r,!0)}resize(t,e,i=!1){t=Math.max(Math.round(t),1),e=Math.max(Math.round(e),1);const r=this.rawWidth===t&&this.rawHeight===e;if(!i&&r)return;const n=this.gl;(i||t>this._allocW||e>this._allocH)&&this.base&&(this._allocW=Math.max(this._allocW,t),this._allocH=Math.max(this._allocH,e),this.base.width=this._allocW,this.base.height=this._allocH,n.bindTexture(n.TEXTURE_2D,this.base.glTexture),n.texImage2D(n.TEXTURE_2D,0,n.RGBA,this._allocW,this._allocH,0,n.RGBA,n.UNSIGNED_BYTE,null),n.bindRenderbuffer(n.RENDERBUFFER,this.renderbuffer),n.renderbufferStorage(n.RENDERBUFFER,n.STENCIL_INDEX8,this._allocW,this._allocH),n.bindFramebuffer(n.FRAMEBUFFER,this.framebuffer),n.framebufferTexture2D(n.FRAMEBUFFER,n.COLOR_ATTACHMENT0,n.TEXTURE_2D,this.base.glTexture,0),n.framebufferRenderbuffer(n.FRAMEBUFFER,n.STENCIL_ATTACHMENT,n.RENDERBUFFER,this.renderbuffer),n.bindFramebuffer(n.FRAMEBUFFER,null),n.bindRenderbuffer(n.RENDERBUFFER,null),n.bindTexture(n.TEXTURE_2D,null)),this.rawWidth=t,this.rawHeight=e,this.uvX=0,this.uvW=t/this._allocW,this.uvY=0,this.uvH=e/this._allocH}activate(t=!1){if(!this.framebuffer)return;const e=this.gl;e.bindFramebuffer(e.FRAMEBUFFER,this.framebuffer),e.viewport(0,0,this.rawWidth,this.rawHeight),t&&this.clear()}clear(t){if(!this.framebuffer)return;const e=this.gl,i=t??this.clearColor;i&&(i.setClearColor(e),e.clear(e.COLOR_BUFFER_BIT|e.STENCIL_BUFFER_BIT))}deactivate(){const t=this.gl;t.bindFramebuffer(t.FRAMEBUFFER,null)}GetPixels(t=0,e=0,i=this.rawWidth,r=this.rawHeight){if(!this.framebuffer)return new Uint8Array(0);const n=Math.floor(t),a=Math.floor(e),o=Math.floor(i),h=Math.floor(r);if(o<=0||h<=0)return new Uint8Array(0);if(n<0||a<0||n>=this.rawWidth||a>=this.rawHeight)return new Uint8Array(0);const c=Math.min(o,this.rawWidth-n),u=Math.min(h,this.rawHeight-a),f=this.rawHeight-a-u,l=this.gl,g=l.getParameter(l.FRAMEBUFFER_BINDING);l.bindFramebuffer(l.FRAMEBUFFER,this.framebuffer);const p=new Uint8Array(c*u*4);return l.readPixels(n,f,c,u,l.RGBA,l.UNSIGNED_BYTE,p),l.bindFramebuffer(l.FRAMEBUFFER,g),p}GetColorAt(t,e){const i=this.GetPixels(t,e,1,1);return i.length<4?new m(0,0,0,0):new m(i[0],i[1],i[2],i[3])}destroy(){super.destroy(),this.framebuffer&&this.gl.deleteFramebuffer(this.framebuffer),this.renderbuffer&&this.gl.deleteRenderbuffer(this.renderbuffer),this.base?.destroy(this.gl)}}const $t={fontFamily:"Arial",fontSize:24,fontWeight:"normal",fill:"#000000",strokeThickness:1,align:"left",baseline:"top"};class vt extends L{canvas;ctx;render;_text;_style;options;flipY=!0;constructor(t,e){super(),this.render=t,this._style={...$t,...e},this._text=e?.text??"",this.options={premultipliedAlpha:t.premultipliedAlpha,...e},this.scale=1/t.dpr,this.canvas=document.createElement("canvas");const i=this.canvas.getContext("2d",{willReadFrequently:!0});if(!i)throw new Error("Failed to get 2d context for TextTexture");this.ctx=i,this.canvas.width=1,this.canvas.height=1;const r=q(t,this.canvas,this.options);this.setBase(new D(r,1,1)),this.update()}get text(){return this._text}set text(t){this._text!==t&&(this._text=t,this.update())}get style(){return this._style}set style(t){this._style={...this._style,...t},this.update()}updateOffset(t,e){switch(this._style.align){case"center":this.offsetX=-t/2;break;case"right":this.offsetX=-t;break;default:this.offsetX=0;break}switch(this._style.baseline){case"middle":this.offsetY=-e/2;break;case"bottom":this.offsetY=-e;break;default:this.offsetY=0;break}}update(){const t=this.ctx,e=this._style.fontSize,i=this._style.fontWeight,r=this._style.fontFamily,n=`${i} ${e}px ${r}`,a=this.render.dpr;t.font=n;const o=this._text.split(`
|
|
2
|
+
`);let h=0,c=0;t.textBaseline="alphabetic";const u=t.measureText(o[0]),f=u.fontBoundingBoxAscent,l=u.fontBoundingBoxDescent;for(const y of o){const b=t.measureText(y);b.width>h&&(h=b.width),c+=f+l}c-=l;const g=(this._style.strokeThickness||0)*2,p=Math.ceil(h+g)||1,v=Math.ceil(c+g)||1,T=p*a,E=v*a;(this.canvas.width!==T||this.canvas.height!==E)&&(this.canvas.width=T,this.canvas.height=E),t.setTransform(a,0,0,a,0,0),t.clearRect(0,0,p,v),t.font=n,t.textBaseline="top",t.textAlign="left",this.updateOffset(p,v);let S=g/2;for(const y of o){let b=g/2;this._style.stroke&&this._style.strokeThickness>0&&(t.lineWidth=this._style.strokeThickness,t.strokeStyle=this._style.stroke,t.strokeText(y,b,S)),this._style.fill&&(t.fillStyle=this._style.fill,t.fillText(y,b,S)),S+=f+l}this.base?.updateSource(this.render.gl,this.canvas,this.options),this.setRegion(0,0,this.canvas.width,this.canvas.height)}}const Kt=(s,t=!1,e=!0)=>{const i=s.getContext("webgl2",{stencil:!0,antialias:t,premultipliedAlpha:e});if(!i)throw new Error("WebGL2 is not supported in this browser.");return i},Tt=(s,t,e)=>{const i=s.createShader(e);if(!i)throw new Error("Unable to create webgl shader");if(s.shaderSource(i,t),s.compileShader(i),!s.getShaderParameter(i,s.COMPILE_STATUS)){const n=s.getShaderInfoLog(i);throw console.error("Shader compilation failed:",n),new Error("Unable to compile shader: "+n+t)}return i},qt=(s,t,e)=>{var i=s.createProgram(),r=Tt(s,t,35633),n=Tt(s,e,35632);if(!i)throw new Error("Unable to create program shader");if(s.attachShader(i,r),s.attachShader(i,n),s.linkProgram(i),!s.getProgramParameter(i,s.LINK_STATUS)){const o=s.getProgramInfoLog(i);throw new Error("Unable to link shader program: "+o)}return i};function rt(s,t){const e={[G.CLAMP]:s.CLAMP_TO_EDGE,[G.REPEAT]:s.REPEAT,[G.MIRRORED_REPEAT]:s.MIRRORED_REPEAT}[t]||s.CLAMP_TO_EDGE;s.texParameteri(s.TEXTURE_2D,s.TEXTURE_WRAP_S,e),s.texParameteri(s.TEXTURE_2D,s.TEXTURE_WRAP_T,e)}function st(s,t){const e={[et.LINEAR]:s.LINEAR,[et.NEAREST]:s.NEAREST}[t]??s.NEAREST;s.texParameteri(s.TEXTURE_2D,s.TEXTURE_MIN_FILTER,e),s.texParameteri(s.TEXTURE_2D,s.TEXTURE_MAG_FILTER,e)}function q(s,t,e){const i=s.gl,r=i.createTexture();if(!r)throw new Error("Unable to create WebGL texture");if(i.bindTexture(i.TEXTURE_2D,r),i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL,0),i.pixelStorei(i.UNPACK_ALIGNMENT,1),rt(i,e.wrap??G.CLAMP),st(i,e.textureFilter??s.textureFilter),e.onlySize){const n=t;i.texImage2D(i.TEXTURE_2D,0,i.RGBA,n.width,n.height,0,i.RGBA,i.UNSIGNED_BYTE,null)}else{const n=e.premultipliedAlpha??s.premultipliedAlpha;n&&i.pixelStorei(i.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!0),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,i.RGBA,i.UNSIGNED_BYTE,t),n&&i.pixelStorei(i.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!1)}return i.bindTexture(i.TEXTURE_2D,null),r}function B(s,t){if(s.includes("%TEXTURE_NUM%")&&(s=s.replace("%TEXTURE_NUM%",t.toString())),s.includes("%GET_COLOR%")){let e="";for(let i=0;i<t;i++)i==0?e+=`if(vTextureId == ${i})`:i==t-1?e+="else":e+=`else if(vTextureId == ${i})`,e+=`{return texture(uTextures[${i}], uv) * vColor;}`;s=s.replace("%GET_COLOR%",e)}return s}const Zt=5126,nt=5121;function Qt(s,t,e){s.vertexAttribDivisor(t,e)}function yt(s,t,e,i,r){s.drawArraysInstanced(t,e,i,r)}let Jt=0;class at{program;attributeLoc={};uniformLoc={};isCustom=!1;padding=0;uniformType={};uniformIsArray={};gl;shaderId=Jt++;vao;constructor(t,e,i,r){this.gl=t,this.program=qt(t,e,i),this.parseShader(e),this.parseShader(i),this.vao=t.createVertexArray(),r&&this.setAttributes(r)}use(){this.gl.useProgram(this.program)}bindVAO(){this.gl.bindVertexArray(this.vao)}unbindVAO(){this.gl.bindVertexArray(null)}setUniform(t,e){const i=this.uniformLoc[t];if(i===void 0)return;const r=this.uniformType[t],n=this.uniformIsArray[t];te(this.gl,i,r,e,n)}setUniforms(t){for(const e in t)this.setUniform(e,t[e])}setAttribute(t){const e=this.attributeLoc[t.name];if(e===void 0)return;const i=this.gl;i.vertexAttribPointer(e,t.size,t.type??Zt,t.normalized??!1,t.stride,t.offset??0),i.enableVertexAttribArray(e),Qt(i,e,t.divisor??0)}setAttributes(t){for(const e of t)this.setAttribute(e)}destroy(){this.gl.deleteProgram(this.program)}parseShader(t){const e=this.gl,i=t.match(/(?:in|attribute)\s+\w+\s+\w+/g);if(i)for(const n of i){const o=n.split(/\s+/)[2],h=e.getAttribLocation(this.program,o);h!==-1&&(this.attributeLoc[o]=h)}const r=t.match(/uniform\s+\w+\s+\w+(?:\[\d+\])?/g);if(r)for(const n of r){const a=n.split(/\s+/),o=a[1],h=a[2].replace(/\[\d+\]$/,""),c=e.getUniformLocation(this.program,h);c!==null&&(this.uniformLoc[h]=c,this.uniformType[h]=o,this.uniformIsArray[h]=/\[\d+\]$/.test(a[2]))}}}function te(s,t,e,i,r=!1){switch(e){case"float":return s.uniform1f(t,i);case"int":case"bool":case"sampler2D":case"samplerCube":return r?s.uniform1iv(t,i):s.uniform1i(t,i);case"vec2":return s.uniform2fv(t,i);case"vec3":return s.uniform3fv(t,i);case"vec4":return s.uniform4fv(t,i);case"ivec2":case"bvec2":return s.uniform2iv(t,i);case"ivec3":case"bvec3":return s.uniform3iv(t,i);case"ivec4":case"bvec4":return s.uniform4iv(t,i);case"mat2":return s.uniformMatrix2fv(t,!1,i);case"mat3":return s.uniformMatrix3fv(t,!1,i);case"mat4":return s.uniformMatrix4fv(t,!1,i);default:return ee(s,t,i)}}function ee(s,t,e){if(typeof e=="number")return s.uniform1f(t,e);const i=e;switch(i.length){case 2:return s.uniform2fv(t,i);case 3:return s.uniform3fv(t,i);case 4:return s.uniform4fv(t,i);case 9:return s.uniformMatrix3fv(t,!1,i);case 16:return s.uniformMatrix4fv(t,!1,i);default:return s.uniform1fv(t,i)}}class ht{vs;fs;glshader=new Map;uniforms={};uniformDirty=new Set;uniformTextures={};usedTextureUnitNum=0;padding=0;rapid;constructor(t,e,i,r=0,n){this.vs=e,this.fs=i,this.rapid=t,this.uniforms=n??{},this.usedTextureUnitNum=r}setUniforms(t){this.rapid.flush();const e={},i={};for(const[r,n]of Object.entries(t))n instanceof WebGLTexture?i[r]=n:e[r]=n;Object.assign(this.uniforms,e),Object.assign(this.uniformTextures,i);for(const r of this.glshader.keys())this.uniformDirty.add(r)}setPadding(t){this.padding=t;for(const e of this.glshader.values())e.padding=t;return this}applyUniform(t,e){const i=this.glshader.get(t);i&&(Object.keys(e).length>0&&i.setUniforms(e),this.uniformDirty.has(t)&&(i.setUniforms(this.uniforms),this.uniformDirty.delete(t)))}getGLShader(t,e,i,r){if(this.glshader.has(e))return this.glshader.get(e);if(r==null||i==null)return console.warn("CustomGlShader: missing base shader for "+e),null;i=i.replace("// CUSTOM_CODE_CALL","vertex(position, vRegion);"),r=r.replace("// CUSTOM_CODE_CALL","fragment(fragColor);"),i=i.replace("// CUSTOM_CODE",this.vs),r=r.replace("// CUSTOM_CODE",this.fs);const n=t.createShader(i,r);return n.isCustom=!0,n.padding=this.padding,this.glshader.set(e,n),this.uniformDirty.add(e),n}}const z=1/0;class ot{constructor(t){this.rapid=t,this.gl=t.gl,this.maxTextureUnits=t.maxTextureUnits,this.matrixStore=t.matrix}defaultShader;currentShader;customShader=null;customShaderUsedTextureNum=0;gl;maxTextureUnits;matrixStore;isDefaultShader=!0;KEY="default";vs="";fs="";usedTextures=[];usedTexturePadding=[];createBuffer(){}createDefaultShader(){}get freeTextureUnitNum(){return this.maxTextureUnits-this.usedTextures.length-this.customShaderUsedTextureNum}getTextureUnitList(){return Array.from({length:this.maxTextureUnits},(t,e)=>e)}findTextureUnit(t,e=0,i=0){for(let r=0;r<this.usedTextures.length;r++){const n=r*2;if(this.usedTextures[r]===t&&this.usedTexturePadding[n]===e&&this.usedTexturePadding[n+1]===i)return r}return-1}useTexture(t,e=0,i=0){const r=this.findTextureUnit(t,e,i);return r==-1?(this.usedTextures.push(t),this.usedTexturePadding.push(e),this.usedTexturePadding.push(i),this.usedTextures.length-1):r}createShader(t,e){return new at(this.gl,t,e)}createCustomShader(t){return t.getGLShader(this,this.KEY,this.vs,this.fs)}getCustomShader(t){if(!t)return this.defaultShader;if(t instanceof ht){const e=this.createCustomShader(t);return e??this.defaultShader}return t}isSameShader(t){return this.isDefaultShader&&!t?!0:this.getCustomShader(t)==this.currentShader}enter(t){this.resetRender(),this.currentShader=this.getCustomShader(t),t instanceof ht?(this.customShader=t,this.customShaderUsedTextureNum=t.usedTextureUnitNum):(this.customShader=null,this.customShaderUsedTextureNum=0),this.isDefaultShader=this.currentShader==this.defaultShader,this.currentShader.use(),this.currentShader.setUniform("u_projection",this.rapid.projection)}exit(){this.hasPendingContent()&&this.flush(),this.gl.bindVertexArray(null)}flush(){this.render(),this.resetRender()}render(){const t=this.currentShader;if(t.use(),this.customShader){const i=this.customShader,r={};for(const n in i.uniformTextures)r[n]=this.useTexture(i.uniformTextures[n]);this.customShader.applyUniform(this.KEY,r)}const e=this.gl;for(let i=0;i<this.usedTextures.length;i++)e.activeTexture(e.TEXTURE0+i),e.bindTexture(e.TEXTURE_2D,this.usedTextures[i]);t.setUniform("uTextures",Int32Array.from({length:this.usedTextures.length},(i,r)=>r)),t.setUniform("uPadding",Float32Array.from({length:this.usedTexturePadding.length},(i,r)=>this.usedTexturePadding[r]))}resetRender(){this.usedTextures.length=0,this.usedTexturePadding.length=0}hasPendingContent(){return!1}}const Z=`#version 300 es\r
|
|
3
3
|
precision mediump float;\r
|
|
4
4
|
\r
|
|
5
5
|
// per-vertex\r
|
|
@@ -47,7 +47,7 @@ void main(void) {\r
|
|
|
47
47
|
\r
|
|
48
48
|
gl_Position = u_projection * position;\r
|
|
49
49
|
}\r
|
|
50
|
-
`,
|
|
50
|
+
`,Rt=`#version 300 es\r
|
|
51
51
|
precision mediump float;\r
|
|
52
52
|
\r
|
|
53
53
|
uniform sampler2D uTextures[%TEXTURE_NUM%];\r
|
|
@@ -96,7 +96,7 @@ void main(void) {\r
|
|
|
96
96
|
\r
|
|
97
97
|
// CUSTOM_CODE_CALL\r
|
|
98
98
|
}\r
|
|
99
|
-
`,
|
|
99
|
+
`,X=48,Et=new Float32Array([0,0,1,0,0,1,1,1]);class Q extends ot{instanceBuffer;quadBuffer;instanceCount=0;localSpriteMatrix=new Float32Array(6);worldSpriteMatrix=new Float32Array(6);KEY="Sprite";constructor(t){super(t),this.createBuffer(),this.createDefaultShader()}createBuffer(){const t=this.gl;this.quadBuffer=new K(t,N.Float32,t.ARRAY_BUFFER,t.STATIC_DRAW),this.quadBuffer.bindBuffer();for(const e of Et)this.quadBuffer.pushFloat32(e);this.quadBuffer.makeDirty(),this.quadBuffer.bufferData(),this.instanceBuffer=new K(t,N.Uint32,t.ARRAY_BUFFER,t.DYNAMIC_DRAW)}createDefaultShader(){const t=this.rapid,e=B(Rt,t.maxTextureUnits),i=B(Z,t.maxTextureUnits);return this.vs=i,this.fs=e,this.defaultShader=this.createShader(i,e),this.defaultShader}createShader(t,e){const i=super.createShader(t,e);return i.use(),i.bindVAO(),this.instanceBuffer.bindBuffer(),i.setAttributes([{name:"aMatrixRow0",size:3,stride:X,offset:0,divisor:1},{name:"aMatrixRow1",size:3,stride:X,offset:12,divisor:1},{name:"aUVRect",size:4,stride:X,offset:24,divisor:1},{name:"aColor",size:4,type:nt,normalized:!0,stride:X,offset:40,divisor:1},{name:"aTextureId",size:1,type:nt,stride:X,offset:44,divisor:1}]),this.quadBuffer.bindBuffer(),i.setAttributes([{name:"aVertex",size:2,stride:8,offset:0,divisor:0}]),i.unbindVAO(),this.currentShader&&this.currentShader.use(),i}createCustomShader(t){const e=B(Rt,this.rapid.maxTextureUnits-t.usedTextureUnitNum),i=B(Z,this.rapid.maxTextureUnits-t.usedTextureUnitNum);return t.getGLShader(this,this.KEY,i,e)}drawSprite(t,e,i=0,r=0,n=1,a=1,o=4294967295,h=0,c=0,u=!1,f=!1,l=!1){const g=e*6,p=this.matrixStore.data;this.drawSpriteAffine(t,p[g],p[g+1],p[g+2],p[g+3],p[g+4],p[g+5],i,r,n,a,o,h,c,u,f,l)}drawSpriteAffine(t,e,i,r,n,a,o,h=0,c=0,u=1,f=1,l=4294967295,g=0,p=0,v=!1,T=!1,E=!1){(this.freeTextureUnitNum===0||this.instanceCount>z)&&this.flush();const S=t.base,y=t.scale??1,b=t.rawWidth,k=t.rawHeight,W=t.offsetX,I=t.offsetY,U=this.useTexture(t.glTexture,g/y/S.width,p/y/S.height),M=this.instanceBuffer,A=M.usedElemNum;M.resize(12);const C=M.float32,O=M.uint32,it=(E?k:b)*y,ft=(E?b:k)*y,V=it+2*g,Y=ft+2*p,Xt=W-g,jt=I-p,w=this.localSpriteMatrix;E?(w[0]=0,w[1]=T?Y:-Y,w[2]=v?-V:V,w[3]=0,w[4]=Xt+(v?V:0),w[5]=jt+(T?0:Y)):(w[0]=v?-V:V,w[1]=0,w[2]=0,w[3]=T?-Y:Y,w[4]=Xt+(v?V:0),w[5]=jt+(T?Y:0));const P=this.worldSpriteMatrix;P[0]=e*w[0]+r*w[1],P[1]=i*w[0]+n*w[1],P[2]=e*w[2]+r*w[3],P[3]=i*w[2]+n*w[3],P[4]=a+e*w[4]+r*w[5],P[5]=o+i*w[4]+n*w[5],C[A+6]=h,C[A+7]=c,C[A+8]=u,C[A+9]=f,O[A+10]=l,O[A+11]=U,this.rapid.roundPixels&&(P[4]=Math.round(P[4]),P[5]=Math.round(P[5])),C[A]=P[0],C[A+1]=P[2],C[A+2]=P[4],C[A+3]=P[1],C[A+4]=P[3],C[A+5]=P[5],M.usedElemNum+=12,M.makeDirty(),this.instanceCount++}render(){if(this.instanceCount===0)return;super.render();const t=this.gl,e=this.currentShader;this.instanceBuffer.bindBuffer(),this.instanceBuffer.bufferData(),e.bindVAO(),yt(t,t.TRIANGLE_STRIP,0,4,this.instanceCount),this.rapid.drawcallCount++}resetRender(){super.resetRender(),this.instanceBuffer.clear(),this.instanceCount=0}hasPendingContent(){return this.instanceCount>0}}const ie=`#version 300 es\r
|
|
100
100
|
precision mediump float;\r
|
|
101
101
|
\r
|
|
102
102
|
in vec2 aPosition;\r
|
|
@@ -127,7 +127,7 @@ void main(void) {\r
|
|
|
127
127
|
// CUSTOM_CODE_CALL\r
|
|
128
128
|
gl_Position = u_projection * position;\r
|
|
129
129
|
}\r
|
|
130
|
-
`,
|
|
130
|
+
`,re=`#version 300 es\r
|
|
131
131
|
precision mediump float;\r
|
|
132
132
|
\r
|
|
133
133
|
in vec4 vColor;\r
|
|
@@ -173,7 +173,7 @@ void main(void) {\r
|
|
|
173
173
|
fragColor = sampleTexture(vRegion);\r
|
|
174
174
|
// CUSTOM_CODE_CALL\r
|
|
175
175
|
}\r
|
|
176
|
-
`,
|
|
176
|
+
`,se=`#version 300 es\r
|
|
177
177
|
precision mediump float;\r
|
|
178
178
|
\r
|
|
179
179
|
in vec2 aPosition;\r
|
|
@@ -196,7 +196,7 @@ void main(void) {\r
|
|
|
196
196
|
);\r
|
|
197
197
|
gl_Position = u_projection * position;\r
|
|
198
198
|
}\r
|
|
199
|
-
`,
|
|
199
|
+
`,ne=`#version 300 es\r
|
|
200
200
|
precision mediump float;\r
|
|
201
201
|
\r
|
|
202
202
|
in vec2 vRegion;\r
|
|
@@ -216,7 +216,7 @@ void main(void) {\r
|
|
|
216
216
|
discard;\r
|
|
217
217
|
}\r
|
|
218
218
|
}\r
|
|
219
|
-
`,
|
|
219
|
+
`,j=20;class wt extends ot{vertexBuffer;vertexCount=0;matrixIndex=-1;drawMode=this.gl.TRIANGLES;texture;maskShader;KEY="Graphic";constructor(t){super(t),this.createBuffer(),this.createDefaultShader()}createBuffer(){const t=this.gl;this.vertexBuffer=new K(t,N.Float32,t.ARRAY_BUFFER,t.DYNAMIC_DRAW),this.maskShader=this.createMaskShader(se,ne)}createDefaultShader(){return this.vs=ie,this.fs=re,this.defaultShader=this.createShader(this.vs,this.fs),this.defaultShader}createMaskShader(t,e){const i=this.gl,r=new at(i,t,e);return r.use(),r.bindVAO(),this.vertexBuffer.bindBuffer(),r.setAttributes([{name:"aPosition",size:2,type:i.FLOAT,stride:j-4,offset:0,divisor:0},{name:"aUV",size:2,type:i.FLOAT,stride:j-4,offset:8,divisor:0}]),r.unbindVAO(),this.currentShader&&this.currentShader.use(),r}createShader(t,e){const i=this.gl,r=super.createShader(t,e);return r.use(),r.bindVAO(),this.vertexBuffer.bindBuffer(),r.setAttributes([{name:"aPosition",size:2,type:i.FLOAT,stride:j,offset:0,divisor:0},{name:"aColor",size:4,type:i.UNSIGNED_BYTE,normalized:!0,stride:j,offset:8,divisor:0},{name:"aUV",size:2,type:i.FLOAT,stride:j,offset:12,divisor:0}]),r.unbindVAO(),this.currentShader&&this.currentShader.use(),r}startGraphic(t,e=this.gl.TRIANGLES,i){this.vertexBuffer.clear(),this.vertexCount=0,this.matrixIndex=t,this.drawMode=e,this.texture=i,this.texture?.glTexture&&this.useTexture(this.texture.glTexture,0,0)}addVertex(t,e,i=0,r=0,n=4294967295){const a=this.vertexBuffer;a.pushFloat32(t),a.pushFloat32(e),this.currentShader!=this.maskShader&&a.pushUint32(n),a.pushFloat32(i),a.pushFloat32(r),this.vertexCount++,this.vertexBuffer.makeDirty()}endGraphic(){this.render()}render(){if(this.vertexCount===0)return;super.render();const t=this.gl,e=this.currentShader,i=this.matrixIndex*6,r=this.matrixStore.data;let n=r[i+4],a=r[i+5];this.rapid.roundPixels&&(n=Math.round(n),a=Math.round(a)),e.setUniform("uMatrixRow0",[r[i],r[i+2],n]),e.setUniform("uMatrixRow1",[r[i+1],r[i+3],a]),e.setUniform("uUVRect",this.texture?[this.texture.uvX,this.texture.uvY,this.texture.uvW,this.texture.uvH]:[0,0,1,1]),this.texture?.glTexture?(t.activeTexture(t.TEXTURE0),t.bindTexture(t.TEXTURE_2D,this.texture.glTexture),e.setUniform("uTexture",0),e.setUniform("uUseTexture",1)):e.setUniform("uUseTexture",0),this.vertexBuffer.bindBuffer(),this.vertexBuffer.bufferData(),e.bindVAO(),t.drawArrays(this.drawMode,0,this.vertexCount),this.rapid.drawcallCount++,this.texture=void 0}hasPendingContent(){return!1}}class d{x;y;static ZERO=new d(0,0);static ONE=new d(1,1);static UP=new d(0,1);static DOWN=new d(0,-1);static LEFT=new d(-1,0);static RIGHT=new d(1,0);constructor(t,e){this.x=t!==void 0?t:0,this.y=e!==void 0?e:0}set(t,e){return e===void 0?(this.x=t,this.y=t):(this.x=t,this.y=e),this}add(t){return new d(this.x+t.x,this.y+t.y)}subtract(t){return new d(this.x-t.x,this.y-t.y)}sub(t){return new d(this.x-t.x,this.y-t.y)}multiply(t){return t instanceof d?new d(this.x*t.x,this.y*t.y):new d(this.x*t,this.y*t)}mul(t){return this.multiply(t)}divide(t){return t instanceof d?new d(this.x/t.x,this.y/t.y):new d(this.x/t,this.y/t)}dot(t){return this.x*t.x+this.y*t.y}cross(t){return this.x*t.y-this.y*t.x}distanceTo(t){const e=this.x-t.x,i=this.y-t.y;return Math.sqrt(e*e+i*i)}clone(){return new d(this.x,this.y)}to(t){this.x=t.x,this.y=t.y}copy(){return new d(this.x,this.y)}equals(t){return t.x==this.x&&t.y==this.y}perpendicular(){const t=this.x;return this.x=-this.y,this.y=t,this}invert(){return this.x=-this.x,this.y=-this.y,this}inverted(){return new d(this.x*-1,this.y*-1)}length(){return Math.sqrt(this.x*this.x+this.y*this.y)}squaredLength(){return this.x*this.x+this.y*this.y}normalize(){const t=this.length();return this.x=this.x/t||0,this.y=this.y/t||0,this}normalized(){const t=this.length();return new d(this.x/t||0,this.y/t||0)}fix(t=1e-13){this.x=Math.abs(this.x)<t?0:this.x,this.y=Math.abs(this.y)<t?0:this.y}fixed(t=1e-13){return new d(Math.abs(this.x)<t?0:this.x,Math.abs(this.y)<t?0:this.y)}angle(){return Math.atan2(this.y,this.x)}abs(){return new d(Math.abs(this.x),Math.abs(this.y))}floor(){return new d(Math.floor(this.x),Math.floor(this.y))}ceil(){return new d(Math.ceil(this.x),Math.ceil(this.y))}stringify(){return`Vec2(${this.x}, ${this.y})`}clear(){this.x=0,this.y=0}isPrettyMuchZero(){return Math.abs(this.x)<1e-4&&Math.abs(this.y)<1e-4}isZero(){return this.x==0&&this.y==0}isNotZero(){return this.x!==0||this.y!==0}setToPolar(t,e=1){return this.x=Math.cos(t)*e,this.y=Math.sin(t)*e,this}static FromArray(t){return t.map(e=>new d(e[0],e[1]))}static fromAngle(t){return new d(Math.cos(t),Math.sin(t))}}const St=(s,t)=>{const[e,i,r,n,a,o]=t,h=new Float32Array([e,n,0,0,i,a,0,0,r,o,1,0,0,0,0,1]);return Mt(s,h)},Mt=(s,t)=>{const e=new Float32Array(16);for(let i=0;i<4;i++)for(let r=0;r<4;r++){let n=0;for(let a=0;a<4;a++)n+=s[r*4+a]*t[a*4+i];e[r*4+i]=n}return e};var bt=(s=>(s[s.STRETCH=0]="STRETCH",s[s.REPEAT=1]="REPEAT",s))(bt||{});const ct=10,At=(s,t,e,i,r,n)=>{const a=[],o=[],h=i?Math.atan2(t.y,t.x):Math.atan2(-t.y,-t.x),c=Math.PI,u=new d(t.y,-t.x);for(let f=0;f<ct;f++){const l=f/ct,g=(f+1)/ct,p=h+l*c,v=h+g*c,T=new d(Math.cos(p)*e,Math.sin(p)*e),E=new d(Math.cos(v)*e,Math.sin(v)*e);a.push(s),o.push(new d(r,.5)),a.push(s.add(T)),o.push(new d(r+T.dot(u)*n,.5-.5*T.dot(t)/e)),a.push(s.add(E)),o.push(new d(r+E.dot(u)*n,.5-.5*E.dot(t)/e))}return{vertices:a,uv:o}},ae=(s,t=!1)=>{const e=[];if(s.length<2||t&&s.length<3)return{normals:e,length:0};const i=4,r=.001,n=s.length;let a=0;if(t)for(let h=0;h<n;h++){const c=s[h],u=s[(h+1)%n];a+=c.distanceTo(u)}else for(let h=0;h<n-1;h++)a+=s[h].distanceTo(s[h+1]);const o=(h,c,u)=>{const f=c.subtract(h).normalize(),l=c.subtract(u).normalize(),g=l.dot(f);if(g<-1+r)return{normal:f.perpendicular(),miters:1};{let p=l.add(f).normalize();f.cross(l)<0&&(p=p.multiply(-1));let v=1/Math.sqrt((1-g)/2);return{normal:p,miters:Math.min(v,i)}}};if(t)for(let h=0;h<n;h++){const c=h===0?s[n-1]:s[h-1],u=s[h],f=h===n-1?s[0]:s[h+1];e.push(o(c,u,f))}else for(let h=0;h<n;h++)if(h===0){const c=s[1].subtract(s[0]).normalize();e.push({normal:c.perpendicular(),miters:1})}else if(h===n-1){const c=s[h].subtract(s[h-1]).normalize();e.push({normal:c.perpendicular(),miters:1})}else e.push(o(s[h-1],s[h],s[h+1]));return{normals:e,length:a}},he=s=>{const t=s.points;if(t.length<2)return{vertices:[],uv:[]};const{normals:e,length:i}=ae(t,s.closed),r=(s.width||1)/2,n=[],a=[],o=s.roundCap||!1,h=s.textureMode||0;let c=0;const u=s.texture?.rawWidth||1,f=s.closed?t.length:t.length-1;for(let l=0;l<f;l++){const g=t[l],p=e[l].normal,v=e[l].miters,T=(l+1)%t.length,E=t[T],S=e[T].normal,y=e[T].miters,b=g.add(p.multiply(v*r)),k=g.subtract(p.multiply(v*r)),W=E.add(S.multiply(y*r)),I=E.subtract(S.multiply(y*r)),U=g.distanceTo(E);let M=0,A=0;h===0?(M=c/i,A=(c+U)/i):(M=c/u,A=M+U/u);const C=new d(M,0),O=new d(M,1),it=new d(A,0),ft=new d(A,1);n.push(b),a.push(C),n.push(k),a.push(O),n.push(W),a.push(it),n.push(W),a.push(it),n.push(I),a.push(ft),n.push(k),a.push(O),c+=U}if(o&&!s.closed){const l=t[0],g=e[0].normal,p=h===0?i>0?1/i:0:1/u,v=At(l,g,r,!0,0,p);n.push(...v.vertices),a.push(...v.uv);const T=t[t.length-1],E=e[t.length-1].normal,S=h===0?1:c/u,y=h===0?i>0?1/i:0:1/u,b=At(T,E,r,!1,S,y);n.push(...b.vertices),a.push(...b.uv)}return{vertices:n,uv:a}},$=(s,t,e,i,r)=>{s.matrixStack.applyTransform(t,e,i);try{r()}finally{t.saveTransform!==!1&&s.matrixStack.restore()}},J=(s,t)=>t?s.premultipliedAlpha?t.premultipliedUint32:t.uint32:4294967295,oe=2,ut=(s,t)=>{const e=t.texture;if(!e?.base||s.inCreateMask)return;const i=e.isAtlas?s.atlasSpriteRegion:s.spriteRegion;s.enterRegion(i,t.shader);let r=e.uvX,n=e.uvY,a=e.uvW,o=e.uvH;const h=!!t.flipX,c=!!t.flipY!=!!e.flipY;let u=t.padding??i.currentShader.padding;e.isAtlas&&(u+=oe);const f=r<=a?u:-u,l=n<=o?u:-u;i.drawSprite(e,t.customMatrix??s.matrixStack.curWorldM,r,n,a,o,J(s,t.color),f,l,h,c,e.isRotated)},Ut=(s,t)=>{$(s,t,t.texture.rawWidth,t.texture.rawHeight,()=>{ut(s,t)})},_t=(s,t)=>{const e=s.particleRegion;s.enterRegion(e,t.shader);const i=t.texture,r=i.uvX,n=i.uvY,a=i.uvW,o=i.uvH;e.drawParticle(i,t.x,t.y,t.scaleX,t.scaleY,t.rotation,r,n,a,o,J(s,t.color),t.flipX,t.flipY,t.isRotated)},Ct=(s,t)=>{const e=s.particleRegion;s.enterRegion(e,t.shader);const i=t.texture,r=t.count??t.x.length,n=t.color,a=n.length,o=new Array(a);if(s.premultipliedAlpha)for(let h=0;h<a;h++)o[h]=n[h].premultipliedUint32;else for(let h=0;h<a;h++)o[h]=n[h].uint32;e.drawParticles(i,t.x,t.y,t.rotation,o,r,t.scaleX,t.scaleY,i.uvX,i.uvY,i.uvW,i.uvH,t.flipX,t.flipY,t.isRotated)},lt=(s,t)=>{t.points.length!==0&&$(s,t,0,0,()=>{s.startGraphic(t.drawMode??s.gl.TRIANGLES,t.texture,t.shader,t.customMatrix);for(let e=0;e<t.points.length;e++){const i=t.points[e],r=t.uv?.[e],n=Array.isArray(t.color)?t.color[e]:t.color;s.addGraphicVertex(i.x,i.y,r?.x??0,r?.y??0,J(s,n))}s.endGraphic()})},Pt=(s,t)=>{if(s.inCreateMask)return;const{vertices:e,uv:i}=he(t);lt(s,{...t,points:e,uv:i,drawMode:s.gl.TRIANGLES})},Nt=(s,t)=>{$(s,t,t.texture.rawWidth,t.texture.rawHeight,()=>{s.startMaskGraphic(s.gl.TRIANGLE_FAN,t.texture,t.customMatrix),s.addRectVertex(t.texture.rawWidth,t.texture.rawHeight),s.endGraphic()})},Lt=(s,t)=>{$(s,t,t.width,t.height,()=>{s.startGraphic(s.gl.TRIANGLE_FAN,t.texture,t.shader,t.customMatrix),s.addRectVertex(t.width,t.height,t.color),s.endGraphic()})},It=(s,t)=>{const e=t.segments??32;$(s,t,0,0,()=>{s.startGraphic(s.gl.TRIANGLE_FAN,void 0,t.shader,t.customMatrix);const i=J(s,t.color);s.addGraphicVertex(0,0,.5,.5,i),s.addCircleVertex(t.radius,t.color,e),s.addGraphicVertex(t.radius,0,1,.5,i),s.endGraphic()})},Ot=`#version 300 es\r
|
|
220
220
|
precision mediump float;\r
|
|
221
221
|
\r
|
|
222
222
|
uniform sampler2D uTextures[%TEXTURE_NUM%];\r
|
|
@@ -265,4 +265,55 @@ void main(void) {\r
|
|
|
265
265
|
\r
|
|
266
266
|
// CUSTOM_CODE_CALL\r
|
|
267
267
|
}\r
|
|
268
|
-
`;class Zt extends et{KEY="AtlasSprite";constructor(t){super(t)}createCustomShader(t){const e=B(Mt,this.rapid.maxTextureUnits-t.usedTextureUnitNum),i=B(K,this.rapid.maxTextureUnits-t.usedTextureUnitNum);return t.getGLShader(this,this.KEY,i,e)}createDefaultShader(){const t=this.rapid,e=B(Mt,t.maxTextureUnits),i=B(K,t.maxTextureUnits);return this.vs=i,this.fs=e,this.defaultShader=this.createShader(i,e),this.defaultShader}}var wt=(s=>(s[s.EQUAL=0]="EQUAL",s[s.NOT_EQUAL=1]="NOT_EQUAL",s))(wt||{}),bt=(s=>(s[s.NORMAL=0]="NORMAL",s[s.ADD=1]="ADD",s[s.MULTIPLY=2]="MULTIPLY",s[s.SCREEN=3]="SCREEN",s[s.ERASE=4]="ERASE",s))(bt||{}),$=(s=>(s[s.LINEAR=0]="LINEAR",s[s.NEAREST=1]="NEAREST",s))($||{}),St=(s=>(s[s.CanvasItem=0]="CanvasItem",s[s.Viewport=1]="Viewport",s))(St||{});class Qt{gl;canvas;projection=new Float32Array(16);projectionDirty=!0;dpr;backgroundColor=d.Black;logicWidth=0;logicHeight=0;physicsWidth=0;physicsHeight=0;currentRegion=null;maxTextureUnits=0;matrixStack=new ut(this);matrix;spriteRegion;graphicRegion;atlasSpriteRegion;drawcallCount=0;inCreateMask=!1;texture;premultipliedAlpha;antialias;roundPixels;textureFilter;scaleMode;_filterRT=[null,null];_filterInput=new U;get height(){return this.logicHeight}get width(){return this.logicWidth}constructor(t){this.canvas=t.canvas,this.dpr=window.devicePixelRatio||1,this.antialias=t.antialias??!1,this.textureFilter=t.textureFilter??1,this.premultipliedAlpha=t.premultipliedAlpha??!0,this.roundPixels=t.roundPixels??!1,this.scaleMode=t.scaleMode??0;const e=It(this.canvas,this.antialias,this.premultipliedAlpha);this.gl=e,this.maxTextureUnits=e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS),this.matrix=this.matrixStack.matrix,this.spriteRegion=new et(this),this.graphicRegion=new pt(this),this.atlasSpriteRegion=new Zt(this);const i=this.canvas.clientWidth||this.canvas.width,r=this.canvas.clientHeight||this.canvas.height;this.physicsWidth=t.physicsWidth||Math.round(i*this.dpr),this.physicsHeight=t.physicsHeight||Math.round(r*this.dpr),this.logicWidth=t.logicWidth||this.physicsWidth/this.dpr,this.logicHeight=t.logicHeight||this.physicsHeight/this.dpr,this.resize(this.logicWidth,this.logicHeight,this.physicsWidth,this.physicsHeight),this.texture=new ct(this),t.backgroundColor&&(this.backgroundColor=t.backgroundColor),e.enable(e.BLEND),this.premultipliedAlpha?e.blendFunc(e.ONE,e.ONE_MINUS_SRC_ALPHA):e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA),e.enable(e.STENCIL_TEST),e.stencilFunc(e.ALWAYS,1,255),e.stencilOp(e.KEEP,e.KEEP,e.KEEP)}setTextureFilter(t){this.textureFilter=t}setAntialias(t){this.antialias=t}getColorUint32(t){return t?this.premultipliedAlpha?t.premultipliedUint32:t.uint32:4294967295}enterRegion(t,e){this.currentRegion===t&&this.currentRegion.isSameShader(e)||(this.flush(),this.currentRegion=t,t.enter(e))}drawSprite(t){vt(this,t)}drawLine(t){Tt(this,t)}drawGraphic(t){nt(this,t)}drawRect(t){Rt(this,t)}drawCircle(t){Et(this,t)}startGraphic(t=this.gl.TRIANGLES,e,i,r){this.enterRegion(this.graphicRegion,i),this.graphicRegion.startGraphic(r??this.matrixStack.curWorldM,t,e)}startMaskGraphic(t=this.gl.TRIANGLES,e,i){this.startGraphic(t,e,this.graphicRegion.maskShader,i)}drawMaskImage(t){yt(this,t)}addRectVertex(t,e,i){const r=this.getColorUint32(i);this.addGraphicVertex(0,0,0,0,r),this.addGraphicVertex(t,0,1,0,r),this.addGraphicVertex(t,e,1,1,r),this.addGraphicVertex(0,e,0,1,r)}addCircleVertex(t,e,i=32){const r=Math.PI*2/i,n=this.getColorUint32(e);for(let a=0;a<i;a++){const o=r*a,h=Math.cos(o)*t,u=Math.sin(o)*t,c=.5+Math.cos(o)*.5,x=.5+Math.sin(o)*.5;this.addGraphicVertex(h,u,c,x,n)}}addGraphicVertex(t,e,i=0,r=0,n=4294967295){this.graphicRegion.addVertex(t,e,i,r,n)}endGraphic(){this.graphicRegion.endGraphic()}resize(t,e,i,r){this.flush();const n=i??this.canvas.clientWidth??this.canvas.width,a=r??this.canvas.clientHeight??this.canvas.height;switch(i!==void 0&&(this.canvas.style.width=n+"px"),r!==void 0&&(this.canvas.style.height=a+"px"),this.physicsWidth=n*this.dpr,this.physicsHeight=a*this.dpr,this.logicWidth=t,this.logicHeight=e,this.scaleMode){case 1:this.canvas.width=t,this.canvas.height=e,this.canvas.style.imageRendering="pixelated",this.gl.viewport(0,0,t,e);break;case 0:this.canvas.width=this.physicsWidth,this.canvas.height=this.physicsHeight,this.canvas.style.imageRendering="auto",this.gl.viewport(0,0,this.physicsWidth,this.physicsHeight);break;default:throw new Error("scaleMode can only be CanvasScaleMode.Viewport or CanvasScaleMode.CanvasItem")}this.updateProjection(0,this.logicWidth,this.logicHeight,0)}updateProjection(t,e,i,r){this.updateOrthMatrix(this.projection,t,e,i,r),this.projectionDirty=!0}clear(){const t=this.gl;this.backgroundColor.setClearColor(t),t.clear(t.COLOR_BUFFER_BIT|t.STENCIL_BUFFER_BIT),this.drawcallCount=0,this.matrixStack.reset()}updateOrthMatrix(t,e,i,r,n){t[0]=2/(i-e),t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=2/(n-r),t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=-1,t[11]=0,t[12]=-(i+e)/(i-e),t[13]=-(n+r)/(n-r),t[14]=0,t[15]=1}flush(){this.currentRegion&&(this.currentRegion.exit(),this.currentRegion=null)}applyFilters(t,e){if(e.length===0)throw new Error("applyFilters: shaders array must not be empty.");const i=Math.max(...e.map(u=>u.padding)),r=i,n=t.rawWidth+i*2,a=t.rawHeight+i*2;for(let u=0;u<2;u++)this._filterRT[u]?this._filterRT[u].resize(n,a):this._filterRT[u]=this.texture.createRenderTexture({width:n,height:a});let o=t.clone(this._filterInput),h=0;this.matrixStack.save(),this.matrixStack.identity();for(let u=0;u<e.length;u++){const c=this._filterRT[h%2];c.offsetX=0,c.offsetY=0,this.enterRenderTexture(c),this.clearRenderTexture(),this.drawSprite({texture:o,shader:e[u],offsetX:u==0?r:0,offsetY:u==0?r:0,padding:i}),this.leaveRenderTexture(),o=c,h++}return this.matrixStack.restore(),o.offsetX=-r,o.offsetY=-r,o}enterRenderTexture(t){this.flush(),t.activate(),this.gl.viewport(0,0,t.rawWidth,t.rawHeight),this.updateProjection(0,t.rawWidth,t.rawHeight,0)}clearRenderTexture(t=new d(0,0,0,0)){this.flush();const e=this.gl;t.setClearColor(e),e.clear(e.COLOR_BUFFER_BIT)}leaveRenderTexture(){this.flush(),this.gl.bindFramebuffer(this.gl.FRAMEBUFFER,null),this.gl.viewport(0,0,this.physicsWidth,this.physicsHeight),this.updateProjection(0,this.logicWidth,this.logicHeight,0)}drawToRenderTexture(t,e,i=new d(0,0,0,0)){this.enterRenderTexture(t);try{i!==null&&this.clearRenderTexture(i),e()}finally{this.leaveRenderTexture()}}withMask(t,e,i=0,r=1){this.clearMask(),this.startDrawMask(r);try{t()}finally{this.endDrawMask()}this.enterMask(i,r);try{e()}finally{this.exitMask()}}withTransform(t,e,i=0,r=0){if(e){const n=e.saveTransform??!0;try{this.matrixStack.applyTransform(e,i,r),t()}finally{n&&this.matrixStack.restore()}}else{this.matrixStack.save();try{t()}finally{this.matrixStack.restore()}}}withScissor(t,e,i,r,n){this.startScissor(t,e,i,r);try{n()}finally{this.endScissor()}}withBlendMode(t,e){this.setBlendMode(t);try{e()}finally{this.setBlendMode(0)}}startDrawMask(t=1,e=255){this.flush();const i=this.gl;i.stencilMask(e),i.colorMask(!1,!1,!1,!1),i.stencilFunc(i.ALWAYS,t,e),i.stencilOp(i.KEEP,i.KEEP,i.REPLACE),this.enterRegion(this.graphicRegion,this.graphicRegion.maskShader),this.inCreateMask=!0}endDrawMask(){this.flush();const t=this.gl;t.colorMask(!0,!0,!0,!0),t.stencilMask(0),this.inCreateMask=!1}clearMask(t=255){this.flush();const e=this.gl;e.stencilMask(t),e.clear(e.STENCIL_BUFFER_BIT),this.inCreateMask=!1}enterMask(t,e=1,i=255){this.flush();const r=this.gl;r.colorMask(!0,!0,!0,!0),r.stencilMask(0),r.stencilFunc(t===0?r.EQUAL:r.NOTEQUAL,e,i),r.stencilOp(r.KEEP,r.KEEP,r.KEEP),this.inCreateMask=!1}exitMask(){this.flush();const t=this.gl;t.colorMask(!0,!0,!0,!0),t.stencilMask(255),t.stencilFunc(t.ALWAYS,1,255),t.stencilOp(t.KEEP,t.KEEP,t.KEEP),this.inCreateMask=!1}setBlendMode(t){this.flush();const e=this.gl;switch(t){case 0:this.premultipliedAlpha?e.blendFuncSeparate(e.ONE,e.ONE_MINUS_SRC_ALPHA,e.ONE,e.ONE_MINUS_SRC_ALPHA):e.blendFuncSeparate(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA,e.ONE,e.ONE_MINUS_SRC_ALPHA);break;case 1:e.blendFuncSeparate(e.ONE,e.ONE,e.ONE,e.ONE);break;case 2:e.blendFuncSeparate(e.DST_COLOR,e.ONE_MINUS_SRC_ALPHA,e.ONE,e.ONE_MINUS_SRC_ALPHA);break;case 3:e.blendFuncSeparate(e.ONE,e.ONE_MINUS_SRC_COLOR,e.ONE,e.ONE_MINUS_SRC_ALPHA);break;case 4:e.blendFuncSeparate(e.ZERO,e.ONE_MINUS_SRC_ALPHA,e.ZERO,e.ONE_MINUS_SRC_ALPHA);break}}startScissor(t,e,i,r){this.flush();const n=this.gl,a=this.physicsWidth/this.logicWidth,o=this.physicsHeight/this.logicHeight,h=Math.round(t*a),u=Math.round(this.physicsHeight-(e+r)*o),c=Math.round(i*a),x=Math.round(r*o);n.enable(n.SCISSOR_TEST),n.scissor(h,u,c,x)}endScissor(){this.flush(),this.gl.disable(this.gl.SCISSOR_TEST)}renderCamera(t){this.matrixStack.applyTransform(t);const e=this.matrixStack.curWorldM;this.matrix.invert(e)}logicToPhysics(t){return t.multiply(new l(this.physicsWidth/this.logicWidth,this.physicsHeight/this.logicHeight))}physicsToLogic(t){return t.multiply(new l(this.logicWidth/this.physicsWidth,this.logicHeight/this.physicsHeight))}cssToDevicePixel(t){return t.mul(this.dpr)}cssToLogic(t){const e=this.cssToDevicePixel(t);return this.physicsToLogic(e)}devicePixelToCss(t){return t.divide(this.dpr)}toCSSMatrix(t){const e=this.physicsWidth/this.dpr/this.logicWidth,i=this.physicsHeight/this.dpr/this.logicHeight;return this.matrix.toCSSMatrix(t??this.matrixStack.curWorldM,e,i)}}function Jt(s){return!(s===null||typeof s!="object"||Array.isArray(s)||s instanceof l||s instanceof d)}class b{static float(t,e){return Math.random()*(e-t)+t}static int(t,e){return Math.floor(Math.random()*(e-t+1))+t}static angle(){return Math.random()*Math.PI*2}static vector(t,e,i,r){return new l(b.float(t,e),b.float(i,r))}static randomColor(t,e){return new d(b.float(t.r,e.r),b.float(t.g,e.g),b.float(t.b,e.b),b.float(t.a,e.a))}static pick(t){return t[b.int(0,t.length-1)]}static pickWeight(t){if(!t||t.length===0)return null;let e=0;for(const[,r]of t)e+=r;let i=Math.random()*e;for(const[r,n]of t)if(i-=n,i<=0)return r;return t[t.length-1][0]}static scalarOrRange(t,e){if(t==null)return e;if(Array.isArray(t)){const[i,r]=t;if(typeof i=="number")return b.float(i,r);if(i instanceof l)return b.vector(i.x,r.x,i.y,r.y);if(i instanceof d)return b.randomColor(i,r)}return typeof t=="number"?t:t.clone()}}var At=(s=>(s.POINT="point",s.CIRCLE="circle",s.RECT="rect",s))(At||{});const Ut=10,_t=0,Ct=!0;class Nt{life=0;maxLife;texture;options;position;datas;rapid;constructor(t,e){this.rapid=t,this.options=e,e.texture instanceof U?this.texture=e.texture:e.texture instanceof Array&&e.texture[0]instanceof Array?this.texture=b.pickWeight(e.texture):e.texture instanceof Array&&(this.texture=b.pick(e.texture)),this.maxLife=b.scalarOrRange(e.life,1),this.datas={speed:this.processAttribute(e.animation.speed,0),rotation:this.processAttribute(e.animation.rotation,0),scale:this.processAttribute(e.animation.scale,1),color:this.processAttribute(e.animation.color,d.White.clone()),velocity:this.processAttribute(e.animation.velocity,l.ZERO),acceleration:this.processAttribute(e.animation.acceleration,l.ZERO)},this.position=l.ZERO,this.initializePosition()}processAttribute(t,e){if(t==null)return{value:e};if(Jt(t)){const i=t,r=b.scalarOrRange(i.start,e),n=i.end===void 0?r:b.scalarOrRange(i.end,e);return{delta:i.delta??this.getDelta(r,n,this.maxLife),value:r,damping:i.damping}}else return this.processAttribute({start:t},e)}updateNumberAttribute(t,e){t.damping!==void 0&&(t.value*=Math.pow(t.damping,e)),t.delta!==void 0&&(t.value+=t.delta*e)}updateVec2Attribute(t,e){t.damping!==void 0&&(t.value=t.value.multiply(Math.pow(t.damping,e))),t.delta!==void 0&&(t.value=t.value.add(t.delta.multiply(e)))}updateColorAttribute(t,e){t.damping!==void 0&&(t.value=t.value.multiply(Math.pow(t.damping,e))),t.delta!==void 0&&(t.value=t.value.add(t.delta.multiply(e))),t.value.clamp()}updateAttributes(t){const e=this.datas;this.updateNumberAttribute(e.speed,t),this.updateNumberAttribute(e.rotation,t),this.updateNumberAttribute(e.scale,t),this.updateColorAttribute(e.color,t),this.updateVec2Attribute(e.velocity,t),this.updateVec2Attribute(e.acceleration,t),e.velocity.value=e.velocity.value.add(e.acceleration.value.multiply(t));const r=l.fromAngle(e.rotation.value).multiply(e.speed.value*t);this.position=this.position.add(r).add(e.velocity.value.multiply(t))}getDelta(t,e,i){return typeof t=="number"&&typeof e=="number"?(e-t)/i:t instanceof l&&e instanceof l||t instanceof d&&e instanceof d?e.subtract(t).divide(i):t}update(t){return this.life+=t,this.life>=this.maxLife?!1:(this.updateAttributes(t),!0)}render(){const t=this.rapid.matrixStack,e=this.datas.scale.value,i=this.datas.rotation.value,r=this.datas.color.value;t.save(),t.translate(this.position.x,this.position.y),i!==0&&t.rotate(i),e!==1&&t.scale(e,e);const n=this.options.origin?this.options.origin.x:.5,a=this.options.origin?this.options.origin.y:.5;(n!==0||a!==0)&&t.translate(-n*this.texture.rawWidth,-a*this.texture.rawHeight),st(this.rapid,{texture:this.texture,color:r}),t.restore()}initializePosition(){switch(this.options.emitShape){case"circle":{const t=Math.random()*Math.PI*2,e=(this.options.emitRadius??0)*Math.sqrt(Math.random());this.position=new l(Math.cos(t)*e,Math.sin(t)*e);break}case"rect":{this.position=new l((Math.random()-.5)*(this.options.emitRect?.width??0),(Math.random()-.5)*(this.options.emitRect?.height??0));break}default:this.position=l.ZERO;break}!this.options.localSpace&&this.options.position&&(this.position=this.position.add(this.options.position))}}class at{particles=[];options;emitting=!1;emitTimer=0;emitRate=Ut;emitTime=_t;emitTimeCounter=0;localSpace=Ct;position=l.ZERO;rapid;gameObject;constructor(t,e){this.rapid=t,this.options=e,this.emitRate=e.emitRate!==void 0?e.emitRate:Ut,this.emitTime=e.emitTime!==void 0?e.emitTime:_t,this.localSpace=e.localSpace!==void 0?e.localSpace:Ct,this.position=e.position??l.ZERO}setTexture(t){this.options.texture=t}clone(){return new at(this.rapid,{...this.options})}setEmitRate(t){this.emitRate=t}setEmitTime(t){this.emitTime=t}start(){this.emitting=!0,this.emitTimeCounter=0}stop(){this.emitting=!1}clear(){this.particles=[],this.emitTimeCounter=0}emit(t){const e=this.options.maxParticles??1/0,i=Math.min(t,e-this.particles.length);for(let r=0;r<i;r++)this.particles.push(new Nt(this.rapid,{...this.options}))}update(t){if(this.emitting&&this.emitRate>0)if(this.emitTime>0){if(this.emitTimeCounter+=t,this.emitTimeCounter>=this.emitTime){const e=Math.floor(this.emitTimeCounter/this.emitTime);this.emit(this.emitRate*e),this.emitTimeCounter-=e*this.emitTime}}else{this.emitTimer+=t;const e=Math.floor(this.emitTimer*this.emitRate);e>0&&(this.emit(e),this.emitTimer-=e/this.emitRate)}for(let e=this.particles.length-1;e>=0;e--)this.particles[e].update(t)||this.particles.splice(e,1)}render(){const t=this.rapid.matrixStack;this.localSpace&&(t.save(),t.translate(this.position.x,this.position.y));for(const e of this.particles)e.render();this.localSpace&&t.restore()}getParticleCount(){return this.particles.length}isActive(){return this.emitting||this.particles.length>0}oneShot(){this.emit(this.emitRate)}}f.ArrayType=A,f.BaseTexture=F,f.BlendMode=bt,f.CanvasScaleMode=St,f.Color=d,f.CustomGlShader=J,f.DynamicArrayBuffer=W,f.GLShader=Q,f.GraphicRegion=pt,f.MaskType=wt,f.MatrixStack=ut,f.MatrixStore=ot,f.Particle=Nt,f.ParticleEmitter=at,f.ParticleShape=At,f.Rapid=Qt,f.Region=tt,f.RenderTexture=lt,f.SpriteRegion=et,f.TextTexture=dt,f.Texture=U,f.TextureFilterMode=$,f.TextureManager=ct,f.TextureWrapMode=k,f.Vec2=l,f.WebglBufferArray=z,f.drawCircle=Et,f.drawGraphic=nt,f.drawLine=Tt,f.drawMaskImage=yt,f.drawRect=Rt,f.drawSprite=vt,f.drawSpriteRaw=st,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
|
|
268
|
+
`;class ce extends Q{KEY="AtlasSprite";constructor(t){super(t)}createCustomShader(t){const e=B(Ot,this.rapid.maxTextureUnits-t.usedTextureUnitNum),i=B(Z,this.rapid.maxTextureUnits-t.usedTextureUnitNum);return t.getGLShader(this,this.KEY,i,e)}createDefaultShader(){const t=this.rapid,e=B(Ot,t.maxTextureUnits),i=B(Z,t.maxTextureUnits);return this.vs=i,this.fs=e,this.defaultShader=this.createShader(i,e),this.defaultShader}}const Wt=`#version 300 es\r
|
|
269
|
+
precision mediump float;\r
|
|
270
|
+
\r
|
|
271
|
+
// per-vertex\r
|
|
272
|
+
in vec2 aVertex;\r
|
|
273
|
+
\r
|
|
274
|
+
// per-instance: 变换\r
|
|
275
|
+
in vec2 aPosition;\r
|
|
276
|
+
in vec2 aScale;\r
|
|
277
|
+
in float aRotation;\r
|
|
278
|
+
\r
|
|
279
|
+
// per-instance：UV 区域 (u0, v0, u1, v1)\r
|
|
280
|
+
in vec4 aUVRect;\r
|
|
281
|
+
\r
|
|
282
|
+
// per-instance：tint color\r
|
|
283
|
+
in vec4 aColor;\r
|
|
284
|
+
uniform mat4 u_projection;\r
|
|
285
|
+
\r
|
|
286
|
+
out vec2 vRegion;\r
|
|
287
|
+
out vec4 vColor;\r
|
|
288
|
+
// CUSTOM_CODE\r
|
|
289
|
+
\r
|
|
290
|
+
void main(void) {\r
|
|
291
|
+
vColor = aColor;\r
|
|
292
|
+
\r
|
|
293
|
+
//vRegion = mix(aUVRect.xy, aUVRect.zw, vertex.xy);\r
|
|
294
|
+
vRegion = aUVRect.xy + aVertex * (aUVRect.zw - aUVRect.xy);\r
|
|
295
|
+
// CUSTOM_CODE_CALL\r
|
|
296
|
+
\r
|
|
297
|
+
vec2 v;\r
|
|
298
|
+
v.x = (aVertex.x) * cos(aRotation) - (aVertex.y) * sin(aRotation);\r
|
|
299
|
+
v.y = (aVertex.x) * sin(aRotation) + (aVertex.y) * cos(aRotation);\r
|
|
300
|
+
v = v * aScale + aPosition;\r
|
|
301
|
+
gl_Position = u_projection * vec4(v, 0.0, 1.0);\r
|
|
302
|
+
}\r
|
|
303
|
+
`,Ft=`#version 300 es\r
|
|
304
|
+
precision mediump float;\r
|
|
305
|
+
\r
|
|
306
|
+
uniform sampler2D uTexture;\r
|
|
307
|
+
\r
|
|
308
|
+
in vec2 vRegion;\r
|
|
309
|
+
in vec4 vColor;\r
|
|
310
|
+
out vec4 fragColor;\r
|
|
311
|
+
\r
|
|
312
|
+
// CUSTOM_CODE\r
|
|
313
|
+
\r
|
|
314
|
+
void main(void) {\r
|
|
315
|
+
fragColor = texture(uTexture, vRegion) * vColor;\r
|
|
316
|
+
\r
|
|
317
|
+
// CUSTOM_CODE_CALL\r
|
|
318
|
+
}\r
|
|
319
|
+
`,H=40,tt=H/4;class ue extends Q{KEY="ParticleSprite";texture;constructor(t){super(t)}createCustomShader(t){return t.getGLShader(this,this.KEY,Wt,Ft)}createDefaultShader(){const t=Ft,e=Wt;return this.vs=e,this.fs=t,this.defaultShader=this.createShader(e,t),this.defaultShader}enter(t){super.enter(t),this.currentShader.setUniform("u_projection",this.rapid.projection)}createShader(t,e){const i=super.createShader(t,e);return i.use(),i.bindVAO(),this.instanceBuffer.bindBuffer(),i.setAttributes([{name:"aPosition",size:2,stride:H,offset:0,divisor:1},{name:"aScale",size:2,stride:H,offset:8,divisor:1},{name:"aRotation",size:1,stride:H,offset:16,divisor:1},{name:"aUVRect",size:4,stride:H,offset:20,divisor:1},{name:"aColor",size:4,type:nt,normalized:!0,stride:H,offset:36,divisor:1}]),this.quadBuffer.bindBuffer(),i.setAttributes([{name:"aVertex",size:2,stride:8,offset:0,divisor:0}]),i.unbindVAO(),this.currentShader&&this.currentShader.use(),i}drawParticle(t,e=0,i=0,r=1,n=1,a=0,o=0,h=0,c=1,u=1,f=4294967295,l=!1,g=!1,p=!1){(this.instanceCount>=z||this.texture&&t!=this.texture)&&this.flush(),t.glTexture&&(this.texture=t,this.useTexture(t.glTexture,0,0));const v=this.instanceBuffer,T=v.usedElemNum,E=t.rawWidth,S=t.rawHeight;v.resize(tt);const y=v.float32,b=v.uint32;y[T]=e,y[T+1]=i,y[T+2]=r*(l?-1:1)*E,y[T+3]=n*(g?-1:1)*S,y[T+4]=a,p&&(y[T+4]+=Math.PI/2),y[T+5]=o,y[T+6]=h,y[T+7]=c,y[T+8]=u,b[T+9]=f,v.usedElemNum+=tt,v.makeDirty(),this.instanceCount++}drawParticles(t,e,i,r,n,a,o=1,h=1,c=0,u=0,f=1,l=1,g=!1,p=!1,v=!1){if(!t.glTexture||a<=0)return;let T=0;const E=t.rawWidth*o*(g?-1:1),S=t.rawHeight*h*(p?-1:1),y=v?Math.PI/2:0;for(;T<a;){this.texture&&t!==this.texture&&this.flush(),this.texture||(this.texture=t,this.useTexture(t.glTexture,0,0));const b=a-T,k=z-this.instanceCount,W=Math.min(b,k),I=this.instanceBuffer;let U=I.usedElemNum;I.resize(W*tt);const M=I.float32,A=I.uint32;for(let C=0;C<W;C++){const O=T+C;M[U]=e[O],M[U+1]=i[O],M[U+2]=E,M[U+3]=S,M[U+4]=r[O]+y,M[U+5]=c,M[U+6]=u,M[U+7]=f,M[U+8]=l,A[U+9]=n[O],U+=tt}I.usedElemNum=U,I.makeDirty(),this.instanceCount+=W,T+=W,this.instanceCount>=z&&this.flush()}}render(){if(this.instanceCount===0)return;super.render();const t=this.gl;this.texture&&(t.activeTexture(t.TEXTURE0),t.bindTexture(t.TEXTURE_2D,this.texture.glTexture));const e=this.currentShader;this.instanceBuffer.bindBuffer(),this.instanceBuffer.bufferData(),e.bindVAO();const i=St(this.rapid.projection,this.worldSpriteMatrix);this.currentShader.setUniform("u_projection",i),yt(t,t.TRIANGLE_STRIP,0,4,this.instanceCount),this.rapid.drawcallCount++,this.texture=void 0}}var Dt=(s=>(s[s.EQUAL=0]="EQUAL",s[s.NOT_EQUAL=1]="NOT_EQUAL",s))(Dt||{}),Bt=(s=>(s[s.NORMAL=0]="NORMAL",s[s.ADD=1]="ADD",s[s.MULTIPLY=2]="MULTIPLY",s[s.SCREEN=3]="SCREEN",s[s.ERASE=4]="ERASE",s))(Bt||{}),et=(s=>(s[s.LINEAR=0]="LINEAR",s[s.NEAREST=1]="NEAREST",s))(et||{}),kt=(s=>(s[s.CanvasItem=0]="CanvasItem",s[s.Viewport=1]="Viewport",s))(kt||{});class le{gl;canvas;projection=new Float32Array(16);projectionDirty=!0;dpr;backgroundColor=m.Black;logicWidth=0;logicHeight=0;physicsWidth=0;physicsHeight=0;currentRegion=null;maxTextureUnits=0;matrixStack=new xt(this);matrix;spriteRegion;graphicRegion;atlasSpriteRegion;particleRegion;drawcallCount=0;inCreateMask=!1;texture;premultipliedAlpha;antialias;roundPixels;textureFilter;scaleMode;_filterRT=[null,null];_filterInput=new L;get height(){return this.logicHeight}get width(){return this.logicWidth}constructor(t){this.canvas=t.canvas,this.dpr=window.devicePixelRatio||1,this.antialias=t.antialias??!1,this.textureFilter=t.textureFilter??1,this.premultipliedAlpha=t.premultipliedAlpha??!0,this.roundPixels=t.roundPixels??!1,this.scaleMode=t.scaleMode??0;const e=Kt(this.canvas,this.antialias,this.premultipliedAlpha);this.gl=e,this.maxTextureUnits=e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS),this.matrix=this.matrixStack.matrix,this.spriteRegion=new Q(this),this.graphicRegion=new wt(this),this.atlasSpriteRegion=new ce(this),this.particleRegion=new ue(this);const i=this.canvas.clientWidth||this.canvas.width,r=this.canvas.clientHeight||this.canvas.height;this.physicsWidth=t.physicsWidth||Math.round(i*this.dpr),this.physicsHeight=t.physicsHeight||Math.round(r*this.dpr),this.logicWidth=t.logicWidth||t.width||this.physicsWidth/this.dpr,this.logicHeight=t.logicHeight||t.height||this.physicsHeight/this.dpr,this.resize(this.logicWidth,this.logicHeight,this.physicsWidth,this.physicsHeight),this.texture=new pt(this),t.backgroundColor&&(this.backgroundColor=t.backgroundColor),e.enable(e.BLEND),this.premultipliedAlpha?e.blendFunc(e.ONE,e.ONE_MINUS_SRC_ALPHA):e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA),e.enable(e.STENCIL_TEST),e.stencilFunc(e.ALWAYS,1,255),e.stencilOp(e.KEEP,e.KEEP,e.KEEP)}setTextureFilter(t){this.textureFilter=t}setAntialias(t){this.antialias=t}getColorUint32(t){return t?this.premultipliedAlpha?t.premultipliedUint32:t.uint32:4294967295}enterRegion(t,e){this.currentRegion===t&&this.currentRegion.isSameShader(e)||(this.flush(),this.currentRegion=t,t.enter(e))}drawParticle(t){_t(this,t)}drawParticles(t){Ct(this,t)}drawSprite(t){Ut(this,t)}drawLine(t){Pt(this,t)}drawGraphic(t){lt(this,t)}drawRect(t){Lt(this,t)}drawCircle(t){It(this,t)}startGraphic(t=this.gl.TRIANGLES,e,i,r){this.enterRegion(this.graphicRegion,i),this.graphicRegion.startGraphic(r??this.matrixStack.curWorldM,t,e)}startMaskGraphic(t=this.gl.TRIANGLES,e,i){this.startGraphic(t,e,this.graphicRegion.maskShader,i)}drawMaskImage(t){Nt(this,t)}addRectVertex(t,e,i){const r=this.getColorUint32(i);this.addGraphicVertex(0,0,0,0,r),this.addGraphicVertex(t,0,1,0,r),this.addGraphicVertex(t,e,1,1,r),this.addGraphicVertex(0,e,0,1,r)}addCircleVertex(t,e,i=32){const r=Math.PI*2/i,n=this.getColorUint32(e);for(let a=0;a<i;a++){const o=r*a,h=Math.cos(o)*t,c=Math.sin(o)*t,u=.5+Math.cos(o)*.5,f=.5+Math.sin(o)*.5;this.addGraphicVertex(h,c,u,f,n)}}addGraphicVertex(t,e,i=0,r=0,n=4294967295){this.graphicRegion.addVertex(t,e,i,r,n)}endGraphic(){this.graphicRegion.endGraphic()}resize(t,e,i,r){this.flush();const n=i??this.canvas.clientWidth??this.canvas.width,a=r??this.canvas.clientHeight??this.canvas.height;switch(i!==void 0&&(this.canvas.style.width=n+"px"),r!==void 0&&(this.canvas.style.height=a+"px"),this.physicsWidth=n*this.dpr,this.physicsHeight=a*this.dpr,this.logicWidth=t,this.logicHeight=e,this.scaleMode){case 1:this.canvas.width=t,this.canvas.height=e,this.canvas.style.imageRendering="pixelated",this.gl.viewport(0,0,t,e);break;case 0:this.canvas.width=this.physicsWidth,this.canvas.height=this.physicsHeight,this.canvas.style.imageRendering="auto",this.gl.viewport(0,0,this.physicsWidth,this.physicsHeight);break;default:throw new Error("scaleMode can only be CanvasScaleMode.Viewport or CanvasScaleMode.CanvasItem")}this.updateProjection(0,this.logicWidth,this.logicHeight,0)}updateProjection(t,e,i,r){this.updateOrthMatrix(this.projection,t,e,i,r),this.projectionDirty=!0}clear(){const t=this.gl;this.backgroundColor.setClearColor(t),t.clear(t.COLOR_BUFFER_BIT|t.STENCIL_BUFFER_BIT),this.drawcallCount=0,this.matrixStack.reset()}updateOrthMatrix(t,e,i,r,n){t[0]=2/(i-e),t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=2/(n-r),t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=-1,t[11]=0,t[12]=-(i+e)/(i-e),t[13]=-(n+r)/(n-r),t[14]=0,t[15]=1}flush(){this.currentRegion&&(this.currentRegion.exit(),this.currentRegion=null)}applyFilters(t,e){if(e.length===0)throw new Error("applyFilters: shaders array must not be empty.");const i=Math.max(...e.map(c=>c.padding)),r=i,n=t.rawWidth+i*2,a=t.rawHeight+i*2;for(let c=0;c<2;c++)this._filterRT[c]?this._filterRT[c].resize(n,a):this._filterRT[c]=this.texture.createRenderTexture({width:n,height:a});let o=t.clone(this._filterInput),h=0;this.matrixStack.save(),this.matrixStack.identity();for(let c=0;c<e.length;c++){const u=this._filterRT[h%2];u.offsetX=0,u.offsetY=0,this.enterRenderTexture(u),this.clearRenderTexture(),this.drawSprite({texture:o,shader:e[c],offsetX:c==0?r:0,offsetY:c==0?r:0,padding:i}),this.leaveRenderTexture(),o=u,h++}return this.matrixStack.restore(),o.offsetX=-r,o.offsetY=-r,o}enterRenderTexture(t){this.flush(),t.activate(),this.gl.viewport(0,0,t.rawWidth,t.rawHeight),this.updateProjection(0,t.rawWidth,t.rawHeight,0)}clearRenderTexture(t=new m(0,0,0,0)){this.flush();const e=this.gl;t.setClearColor(e),e.clear(e.COLOR_BUFFER_BIT)}leaveRenderTexture(){this.flush(),this.gl.bindFramebuffer(this.gl.FRAMEBUFFER,null),this.gl.viewport(0,0,this.physicsWidth,this.physicsHeight),this.updateProjection(0,this.logicWidth,this.logicHeight,0)}drawToRenderTexture(t,e,i=new m(0,0,0,0)){this.enterRenderTexture(t);try{i!==null&&this.clearRenderTexture(i),e()}finally{this.leaveRenderTexture()}}withMask(t,e,i=0,r=1){this.clearMask(),this.startDrawMask(r);try{t()}finally{this.endDrawMask()}this.enterMask(i,r);try{e()}finally{this.exitMask()}}withTransform(t,e,i=0,r=0){if(e){const n=e.saveTransform??!0;try{this.matrixStack.applyTransform(e,i,r),t()}finally{n&&this.matrixStack.restore()}}else{this.matrixStack.save();try{t()}finally{this.matrixStack.restore()}}}withScissor(t,e,i,r,n){this.startScissor(t,e,i,r);try{n()}finally{this.endScissor()}}withBlendMode(t,e){this.setBlendMode(t);try{e()}finally{this.setBlendMode(0)}}startDrawMask(t=1,e=255){this.flush();const i=this.gl;i.stencilMask(e),i.colorMask(!1,!1,!1,!1),i.stencilFunc(i.ALWAYS,t,e),i.stencilOp(i.KEEP,i.KEEP,i.REPLACE),this.enterRegion(this.graphicRegion,this.graphicRegion.maskShader),this.inCreateMask=!0}endDrawMask(){this.flush();const t=this.gl;t.colorMask(!0,!0,!0,!0),t.stencilMask(0),this.inCreateMask=!1}clearMask(t=255){this.flush();const e=this.gl;e.stencilMask(t),e.clear(e.STENCIL_BUFFER_BIT),this.inCreateMask=!1}enterMask(t,e=1,i=255){this.flush();const r=this.gl;r.colorMask(!0,!0,!0,!0),r.stencilMask(0),r.stencilFunc(t===0?r.EQUAL:r.NOTEQUAL,e,i),r.stencilOp(r.KEEP,r.KEEP,r.KEEP),this.inCreateMask=!1}exitMask(){this.flush();const t=this.gl;t.colorMask(!0,!0,!0,!0),t.stencilMask(255),t.stencilFunc(t.ALWAYS,1,255),t.stencilOp(t.KEEP,t.KEEP,t.KEEP),this.inCreateMask=!1}setBlendMode(t){this.flush();const e=this.gl;switch(t){case 0:this.premultipliedAlpha?e.blendFuncSeparate(e.ONE,e.ONE_MINUS_SRC_ALPHA,e.ONE,e.ONE_MINUS_SRC_ALPHA):e.blendFuncSeparate(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA,e.ONE,e.ONE_MINUS_SRC_ALPHA);break;case 1:e.blendFuncSeparate(e.ONE,e.ONE,e.ONE,e.ONE);break;case 2:e.blendFuncSeparate(e.DST_COLOR,e.ONE_MINUS_SRC_ALPHA,e.ONE,e.ONE_MINUS_SRC_ALPHA);break;case 3:e.blendFuncSeparate(e.ONE,e.ONE_MINUS_SRC_COLOR,e.ONE,e.ONE_MINUS_SRC_ALPHA);break;case 4:e.blendFuncSeparate(e.ZERO,e.ONE_MINUS_SRC_ALPHA,e.ZERO,e.ONE_MINUS_SRC_ALPHA);break}}startScissor(t,e,i,r){this.flush();const n=this.gl,a=this.physicsWidth/this.logicWidth,o=this.physicsHeight/this.logicHeight,h=Math.round(t*a),c=Math.round(this.physicsHeight-(e+r)*o),u=Math.round(i*a),f=Math.round(r*o);n.enable(n.SCISSOR_TEST),n.scissor(h,c,u,f)}endScissor(){this.flush(),this.gl.disable(this.gl.SCISSOR_TEST)}renderCamera(t){this.matrixStack.applyTransform(t);const e=this.matrixStack.curWorldM;this.matrix.invert(e)}logicToPhysics(t){return t.multiply(new d(this.physicsWidth/this.logicWidth,this.physicsHeight/this.logicHeight))}physicsToLogic(t){return t.multiply(new d(this.logicWidth/this.physicsWidth,this.logicHeight/this.physicsHeight))}cssToDevicePixel(t){return t.mul(this.dpr)}cssToLogic(t){const e=this.cssToDevicePixel(t);return this.physicsToLogic(e)}devicePixelToCss(t){return t.divide(this.dpr)}toCSSMatrix(t){const e=this.physicsWidth/this.dpr/this.logicWidth,i=this.physicsHeight/this.dpr/this.logicHeight;return this.matrix.toCSSMatrix(t??this.matrixStack.curWorldM,e,i)}}function de(s){return!(s===null||typeof s!="object"||Array.isArray(s)||s instanceof d||s instanceof m)}class _{static float(t,e){return Math.random()*(e-t)+t}static int(t,e){return Math.floor(Math.random()*(e-t+1))+t}static angle(){return Math.random()*Math.PI*2}static vector(t,e,i,r){return new d(_.float(t,e),_.float(i,r))}static randomColor(t,e){return new m(_.float(t.r,e.r),_.float(t.g,e.g),_.float(t.b,e.b),_.float(t.a,e.a))}static pick(t){return t[_.int(0,t.length-1)]}static pickWeight(t){if(!t||t.length===0)return null;let e=0;for(const[,r]of t)e+=r;let i=Math.random()*e;for(const[r,n]of t)if(i-=n,i<=0)return r;return t[t.length-1][0]}static scalarOrRange(t,e){if(t==null)return e;if(Array.isArray(t)){const[i,r]=t;if(typeof i=="number")return _.float(i,r);if(i instanceof d)return _.vector(i.x,r.x,i.y,r.y);if(i instanceof m)return _.randomColor(i,r)}return typeof t=="number"?t:t.clone()}}var Gt=(s=>(s.POINT="point",s.CIRCLE="circle",s.RECT="rect",s))(Gt||{});const Ht=10,Vt=0,Yt=!0;class zt{life=0;maxLife;texture;options;position;datas;rapid;constructor(t,e){this.rapid=t,this.options=e,e.texture instanceof L?this.texture=e.texture:e.texture instanceof Array&&e.texture[0]instanceof Array?this.texture=_.pickWeight(e.texture):e.texture instanceof Array&&(this.texture=_.pick(e.texture)),this.maxLife=_.scalarOrRange(e.life,1),this.datas={speed:this.processAttribute(e.animation.speed,0),rotation:this.processAttribute(e.animation.rotation,0),scale:this.processAttribute(e.animation.scale,1),color:this.processAttribute(e.animation.color,m.White.clone()),velocity:this.processAttribute(e.animation.velocity,d.ZERO)},this.position=d.ZERO,this.initializePosition()}processAttribute(t,e){if(t==null)return{value:e};if(de(t)){const i=t,r=_.scalarOrRange(i.start,e),n=i.end===void 0?r:_.scalarOrRange(i.end,e);return{delta:i.delta??this.getDelta(r,n,this.maxLife),value:r,damping:i.damping}}else return this.processAttribute({start:t},e)}updateNumberAttribute(t,e){t.damping!==void 0&&(t.value*=Math.pow(t.damping,e)),t.delta!==void 0&&(t.value+=t.delta*e)}updateVec2Attribute(t,e){t.damping!==void 0&&(t.value=t.value.multiply(Math.pow(t.damping,e))),t.delta!==void 0&&(t.value=t.value.add(t.delta.multiply(e)))}updateColorAttribute(t,e){t.damping!==void 0&&(t.value=t.value.multiply(Math.pow(t.damping,e))),t.delta!==void 0&&(t.value=t.value.add(t.delta.multiply(e))),t.value.clamp()}updateAttributes(t){const e=this.datas;this.updateNumberAttribute(e.speed,t),this.updateNumberAttribute(e.rotation,t),this.updateNumberAttribute(e.scale,t),this.updateColorAttribute(e.color,t),this.updateVec2Attribute(e.velocity,t);const r=d.fromAngle(e.rotation.value).multiply(e.speed.value*t);this.position=this.position.add(r).add(e.velocity.value.multiply(t))}getDelta(t,e,i){return typeof t=="number"&&typeof e=="number"?(e-t)/i:t instanceof d&&e instanceof d||t instanceof m&&e instanceof m?e.subtract(t).divide(i):t}update(t){return this.life+=t,this.life>=this.maxLife?!1:(this.updateAttributes(t),!0)}render(){const t=this.rapid.matrixStack,e=this.datas.scale.value,i=this.datas.rotation.value,r=this.datas.color.value;t.save(),t.translate(this.position.x,this.position.y),i!==0&&t.rotate(i),e!==1&&t.scale(e,e);const n=this.options.origin?this.options.origin.x:.5,a=this.options.origin?this.options.origin.y:.5;(n!==0||a!==0)&&t.translate(-n*this.texture.rawWidth,-a*this.texture.rawHeight),ut(this.rapid,{texture:this.texture,color:r}),t.restore()}initializePosition(){switch(this.options.emitShape){case"circle":{const t=Math.random()*Math.PI*2,e=(this.options.emitRadius??0)*Math.sqrt(Math.random());this.position=new d(Math.cos(t)*e,Math.sin(t)*e);break}case"rect":{this.position=new d((Math.random()-.5)*(this.options.emitRect?.width??0),(Math.random()-.5)*(this.options.emitRect?.height??0));break}default:this.position=d.ZERO;break}!this.options.localSpace&&this.options.position&&(this.position=this.position.add(this.options.position))}}class dt{particles=[];options;emitting=!1;emitTimer=0;emitRate=Ht;emitTime=Vt;emitTimeCounter=0;localSpace=Yt;position=d.ZERO;rapid;gameObject;constructor(t,e){this.rapid=t,this.options=e,this.emitRate=e.emitRate!==void 0?e.emitRate:Ht,this.emitTime=e.emitTime!==void 0?e.emitTime:Vt,this.localSpace=e.localSpace!==void 0?e.localSpace:Yt,this.position=e.position??d.ZERO}setTexture(t){this.options.texture=t}clone(){return new dt(this.rapid,{...this.options})}setEmitRate(t){this.emitRate=t}setEmitTime(t){this.emitTime=t}start(){this.emitting=!0,this.emitTimeCounter=0}stop(){this.emitting=!1}clear(){this.particles=[],this.emitTimeCounter=0}emit(t){const e=this.options.maxParticles??1/0,i=Math.min(t,e-this.particles.length);for(let r=0;r<i;r++)this.particles.push(new zt(this.rapid,{...this.options,position:this.position}))}update(t){if(this.emitting&&this.emitRate>0)if(this.emitTime>0){if(this.emitTimeCounter+=t,this.emitTimeCounter>=this.emitTime){const e=Math.floor(this.emitTimeCounter/this.emitTime);this.emit(this.emitRate*e),this.emitTimeCounter-=e*this.emitTime}}else{this.emitTimer+=t;const e=Math.floor(this.emitTimer*this.emitRate);e>0&&(this.emit(e),this.emitTimer-=e/this.emitRate)}for(let e=this.particles.length-1;e>=0;e--)this.particles[e].update(t)||this.particles.splice(e,1)}render(){const t=this.rapid.matrixStack;this.localSpace&&(t.save(),t.translate(this.position.x,this.position.y));for(const e of this.particles)e.render();this.localSpace&&t.restore()}getParticleCount(){return this.particles.length}isActive(){return this.emitting||this.particles.length>0}oneShot(){this.emit(this.emitRate)}}x.ArrayType=N,x.BaseTexture=D,x.BlendMode=Bt,x.CanvasScaleMode=kt,x.Color=m,x.CustomGlShader=ht,x.DynamicArrayBuffer=F,x.GLShader=at,x.GraphicRegion=wt,x.LineTextureMode=bt,x.MAX_INSTANCES=z,x.MaskType=Dt,x.MatrixStack=xt,x.MatrixStore=mt,x.Particle=zt,x.ParticleEmitter=dt,x.ParticleShape=Gt,x.QUAD_VERTICES=Et,x.Rapid=le,x.Region=ot,x.RenderTexture=gt,x.SpriteRegion=Q,x.TextTexture=vt,x.Texture=L,x.TextureFilterMode=et,x.TextureManager=pt,x.TextureWrapMode=G,x.Vec2=d,x.WebglBufferArray=K,x.composeProjectionWithAffine=St,x.drawCircle=It,x.drawGraphic=lt,x.drawLine=Pt,x.drawMaskImage=Nt,x.drawParticle=_t,x.drawParticles=Ct,x.drawRect=Lt,x.drawSprite=Ut,x.drawSpriteRaw=ut,x.multiplyMat4=Mt,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})}));
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { SpriteRegion } from './spriteRegion';
|
|
2
|
+
import { Rapid } from '../render';
|
|
3
|
+
import { default as GLShader, CustomGlShader } from '../webgl/glshader';
|
|
4
|
+
import { Texture } from '../texture';
|
|
5
|
+
export declare class ParticleRegion extends SpriteRegion {
|
|
6
|
+
KEY: string;
|
|
7
|
+
texture?: Texture;
|
|
8
|
+
constructor(rapid: Rapid);
|
|
9
|
+
createCustomShader(customShader: CustomGlShader): GLShader | null;
|
|
10
|
+
createDefaultShader(): GLShader;
|
|
11
|
+
enter(customShader?: GLShader | CustomGlShader): void;
|
|
12
|
+
createShader(vs: string, fs: string): GLShader;
|
|
13
|
+
drawParticle(texture: Texture, x?: number, y?: number, scaleX?: number, scaleY?: number, rotation?: number, u0?: number, v0?: number, u1?: number, v1?: number, color?: number, flipX?: boolean, flipY?: boolean, isRotated?: boolean): void;
|
|
14
|
+
drawParticles(texture: Texture, x: Array<number>, y: Array<number>, rotation: Array<number>, color: Array<number>, count: number, scaleX?: number, scaleY?: number, u0?: number, v0?: number, u1?: number, v1?: number, flipX?: boolean, flipY?: boolean, isRotated?: boolean): void;
|
|
15
|
+
render(): void;
|
|
16
|
+
}
|
package/dist/region/region.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import { Rapid } from '../render';
|
|
|
2
2
|
import { MatrixStore } from '../matrix-engine';
|
|
3
3
|
import { default as GLShader, CustomGlShader } from '../webgl/glshader';
|
|
4
4
|
import { WebGLContext } from '../webgl/utils';
|
|
5
|
+
export declare const MAX_INSTANCES: number;
|
|
5
6
|
export declare class Region {
|
|
6
7
|
rapid: Rapid;
|
|
7
8
|
defaultShader: GLShader;
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { Rapid } from '../render';
|
|
2
2
|
import { Region } from './region';
|
|
3
3
|
import { CustomGlShader } from '../webgl/glshader';
|
|
4
|
+
import { WebglBufferArray } from '../buffer';
|
|
4
5
|
import { Texture } from '../texture';
|
|
6
|
+
export declare const QUAD_VERTICES: Float32Array<ArrayBuffer>;
|
|
5
7
|
export declare class SpriteRegion extends Region {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
protected instanceBuffer: WebglBufferArray;
|
|
9
|
+
protected quadBuffer: WebglBufferArray;
|
|
10
|
+
protected instanceCount: number;
|
|
11
|
+
protected localSpriteMatrix: Float32Array<ArrayBuffer>;
|
|
12
|
+
protected worldSpriteMatrix: Float32Array<ArrayBuffer>;
|
|
11
13
|
KEY: string;
|
|
12
14
|
constructor(rapid: Rapid);
|
|
13
15
|
createBuffer(): void;
|
|
@@ -27,6 +29,7 @@ export declare class SpriteRegion extends Region {
|
|
|
27
29
|
* @param color The tint color as packed ABGR uniform uint32 (default 0xFFFFFFFF).
|
|
28
30
|
*/
|
|
29
31
|
drawSprite(texture: Texture, matrixIndex: number, u0?: number, v0?: number, u1?: number, v1?: number, color?: number, paddingX?: number, paddingY?: number, flipX?: boolean, flipY?: boolean, isRotated?: boolean): void;
|
|
32
|
+
drawSpriteAffine(texture: Texture, matrixA: number, matrixB: number, matrixC: number, matrixD: number, matrixTx: number, matrixTy: number, u0?: number, v0?: number, u1?: number, v1?: number, color?: number, paddingX?: number, paddingY?: number, flipX?: boolean, flipY?: boolean, isRotated?: boolean): void;
|
|
30
33
|
render(): void;
|
|
31
34
|
resetRender(): void;
|
|
32
35
|
hasPendingContent(): boolean;
|
package/dist/render.d.ts
CHANGED
|
@@ -6,15 +6,20 @@ import { MatrixStack, MatrixStore, ITransformOptions } from './matrix-engine';
|
|
|
6
6
|
import { GraphicRegion } from './region/graphicRegion';
|
|
7
7
|
import { RenderTexture, Texture, TextureManager } from './texture';
|
|
8
8
|
import { Color } from './color';
|
|
9
|
-
import { ICircleOptions, IGraphicOptions, ILineOptions, IMaskImageOptions, IRectOptions, ISpriteOptions } from './draw';
|
|
9
|
+
import { ICircleOptions, IDrawParticleOptions, IDrawParticleBatchOptions, IGraphicOptions, ILineOptions, IMaskImageOptions, IRectOptions, ISpriteOptions } from './draw';
|
|
10
10
|
import { Vec2 } from './math';
|
|
11
11
|
import { AtlasSprtieRegion } from './region/atlasSpriteRegion';
|
|
12
|
+
import { ParticleRegion } from './region/particleRegion';
|
|
12
13
|
/**
|
|
13
14
|
* Options for initializing the Rapid application.
|
|
14
15
|
*/
|
|
15
16
|
export interface IAppOptions {
|
|
16
17
|
/** The HTML canvas element to render onto. */
|
|
17
18
|
canvas: HTMLCanvasElement;
|
|
19
|
+
/** Alias for logicWidth */
|
|
20
|
+
width?: number;
|
|
21
|
+
/** Alias for logicHeight */
|
|
22
|
+
height?: number;
|
|
18
23
|
/** The logical width of the application (CSS pixels). */
|
|
19
24
|
logicWidth?: number;
|
|
20
25
|
/** The logical height of the application (CSS pixels). */
|
|
@@ -118,6 +123,7 @@ export declare class Rapid {
|
|
|
118
123
|
/** Region dedicated to arbitrary geometry and shapes rendering. */
|
|
119
124
|
graphicRegion: GraphicRegion;
|
|
120
125
|
atlasSpriteRegion: AtlasSprtieRegion;
|
|
126
|
+
particleRegion: ParticleRegion;
|
|
121
127
|
/** Counts the number of WebGL draw calls made in the current frame. */
|
|
122
128
|
drawcallCount: number;
|
|
123
129
|
/** Indicates whether we are currently writing to the stencil buffer to create a mask. */
|
|
@@ -151,6 +157,8 @@ export declare class Rapid {
|
|
|
151
157
|
* @param customShader An optional custom shader to use for this region.
|
|
152
158
|
*/
|
|
153
159
|
enterRegion(region: Region, customShader?: GLShader | CustomGlShader): void;
|
|
160
|
+
drawParticle(options: IDrawParticleOptions): void;
|
|
161
|
+
drawParticles(options: IDrawParticleBatchOptions): void;
|
|
154
162
|
drawSprite(options: ISpriteOptions): void;
|
|
155
163
|
drawLine(options: ILineOptions): void;
|
|
156
164
|
drawGraphic(options: IGraphicOptions): void;
|
package/package.json
CHANGED
|
@@ -1,36 +1,37 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "rapid-render",
|
|
3
|
-
"private": false,
|
|
4
|
-
"version": "1.0.
|
|
5
|
-
"type": "module",
|
|
6
|
-
"files": [
|
|
7
|
-
"dist",
|
|
8
|
-
"index.d.ts"
|
|
9
|
-
],
|
|
10
|
-
"main": "./dist/rapid.umd.cjs",
|
|
11
|
-
"module": "./dist/rapid.js",
|
|
12
|
-
"types": "./dist/index.d.ts",
|
|
13
|
-
"exports": {
|
|
14
|
-
"types": "./dist/index.d.ts",
|
|
15
|
-
"import": "./dist/rapid.js",
|
|
16
|
-
"require": "./dist/rapid.umd.cjs"
|
|
17
|
-
},
|
|
18
|
-
"scripts": {
|
|
19
|
-
"dev": "vite",
|
|
20
|
-
"build": "tsc && vite build",
|
|
21
|
-
"docs": "
|
|
22
|
-
"
|
|
23
|
-
"example:
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
|
|
36
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "rapid-render",
|
|
3
|
+
"private": false,
|
|
4
|
+
"version": "1.0.2",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"files": [
|
|
7
|
+
"dist",
|
|
8
|
+
"index.d.ts"
|
|
9
|
+
],
|
|
10
|
+
"main": "./dist/rapid.umd.cjs",
|
|
11
|
+
"module": "./dist/rapid.js",
|
|
12
|
+
"types": "./dist/index.d.ts",
|
|
13
|
+
"exports": {
|
|
14
|
+
"types": "./dist/index.d.ts",
|
|
15
|
+
"import": "./dist/rapid.js",
|
|
16
|
+
"require": "./dist/rapid.umd.cjs"
|
|
17
|
+
},
|
|
18
|
+
"scripts": {
|
|
19
|
+
"dev": "vite",
|
|
20
|
+
"build": "tsc && vite build",
|
|
21
|
+
"build:docs": "vite build --config vite.docs.config.ts",
|
|
22
|
+
"docs": "typedoc",
|
|
23
|
+
"example:dev": "vite --config example/vite.config.ts",
|
|
24
|
+
"example:build": "vite build --config example/vite.config.ts"
|
|
25
|
+
},
|
|
26
|
+
"devDependencies": {
|
|
27
|
+
"typedoc": "^0.28.17",
|
|
28
|
+
"typescript": "~5.9.3",
|
|
29
|
+
"vite": "^7.3.1"
|
|
30
|
+
},
|
|
31
|
+
"dependencies": {
|
|
32
|
+
"@types/stats.js": "^0.17.4",
|
|
33
|
+
"highlight.js": "^11.11.1",
|
|
34
|
+
"stats.js": "^0.17.0",
|
|
35
|
+
"vite-plugin-dts": "^4.5.4"
|
|
36
|
+
}
|
|
37
|
+
}
|