rapid-render 0.0.1 → 0.0.2

package/dist/rapid.umd.cjs

@@ -1,42 +1 @@
-(function(n,o){typeof exports=="object"&&typeof module<"u"?o(exports):typeof define=="function"&&define.amd?define(["exports"],o):(n=typeof globalThis<"u"?globalThis:n||self,o(n.rapid={}))})(this,function(n){"use strict";var L=Object.defineProperty;var j=(n,o,c)=>o in n?L(n,o,{enumerable:!0,configurable:!0,writable:!0,value:c}):n[o]=c;var s=(n,o,c)=>(j(n,typeof o!="symbol"?o+"":o,c),c);class f{constructor(e){s(this,"usedElemNum");s(this,"typedArray");s(this,"arrayType");s(this,"maxElemNum");s(this,"bytePerElem");this.usedElemNum=0,this.maxElemNum=64,this.bytePerElem=e.BYTES_PER_ELEMENT,this.arrayType=e,this.typedArray=new e(this.maxElemNum)}clear(){this.usedElemNum=0}resize(e=0){if(e+=this.usedElemNum,e>this.maxElemNum){for(;e>this.maxElemNum;)this.maxElemNum<<=1;const t=this.typedArray;return this.typedArray=new this.arrayType(this.maxElemNum),this.typedArray.set(t),this}}push(e){this.typedArray[this.usedElemNum]=e,this.usedElemNum+=1}pop(e){this.usedElemNum-=e}getArray(e=0,t){return t==null?this.typedArray:this.typedArray.subarray(e,t)}get length(){return this.typedArray.length}}class g extends f{constructor(){super(Float32Array)}pushMat(){const e=this.usedElemNum-6,t=this.typedArray;this.resize(6),this.push(t[e+0]),this.push(t[e+1]),this.push(t[e+2]),this.push(t[e+3]),this.push(t[e+4]),this.push(t[e+5])}popMat(){this.pop(6)}pushIdentity(){this.resize(6),this.push(1),this.push(0),this.push(0),this.push(1),this.push(0),this.push(0)}translate(e,t){const r=this.usedElemNum-6,i=this.typedArray;i[r+4]=i[r+0]*e+i[r+2]*t+i[r+4],i[r+5]=i[r+1]*e+i[r+3]*t+i[r+5]}rotate(e){const t=this.usedElemNum-6,r=this.typedArray,i=Math.cos(e),h=Math.sin(e),u=r[t+0],v=r[t+1],P=r[t+2],x=r[t+3];r[t+0]=u*i-v*h,r[t+1]=u*h+v*i,r[t+2]=P*i-x*h,r[t+3]=P*h+x*i}scale(e,t=e){const r=this.usedElemNum-6,i=this.typedArray;i[r+0]=i[r+0]*e,i[r+1]=i[r+1]*e,i[r+2]=i[r+2]*t,i[r+3]=i[r+3]*t}apply(e,t){const r=this.usedElemNum-6,i=this.typedArray;return[i[r+0]*e+i[r+2]*t+i[r+4],i[r+1]*e+i[r+3]*t+i[r+5]]}}class d{constructor(e,t,r,i){s(this,"r");s(this,"g");s(this,"b");s(this,"a");this.r=e,this.g=t,this.b=r,this.a=i}equals(e){return e.r==this.r&&e.g==this.g&&e.b==this.b&&e.a==this.a}static fromHex(e){e.startsWith("#")&&(e=e.slice(1));const t=parseInt(e.slice(0,2),16)/255,r=parseInt(e.slice(2,4),16)/255,i=parseInt(e.slice(4,6),16)/255;let h=1;return e.length>=8&&(h=parseInt(e.slice(6,8),16)/255),new d(t,r,i,h)}}class T extends f{constructor(t,r,i=t.ARRAY_BUFFER){super(r);s(this,"buffer");s(this,"gl");s(this,"type");s(this,"bufferSize",0);this.gl=t,this.buffer=t.createBuffer(),this.type=i}bindBuffer(){this.gl.bindBuffer(this.type,this.buffer)}bufferData(){const t=this.gl;this.usedElemNum>this.bufferSize?(t.bufferData(this.type,this.getArray(0,this.usedElemNum),t.STATIC_DRAW),this.bufferSize=this.usedElemNum):t.bufferSubData(this.type,0,this.getArray(0,this.usedElemNum))}clear(){super.clear(),this.bufferSize=0}}class b extends T{constructor(t,r,i){super(t,Uint16Array,t.ELEMENT_ARRAY_BUFFER);s(this,"elemVertPerObj");s(this,"objects",0);s(this,"vertexPerObject");s(this,"dirty",!0);this.elemVertPerObj=r,this.vertexPerObject=i}addObject(t){this.objects++,this.resize(this.elemVertPerObj)}setObjects(t){if(t>this.objects){for(;t>this.objects;)this.addObject(this.objects*this.vertexPerObject);this.dirty=!0}}bufferData(){this.dirty&&super.bufferData(),this.dirty=!1}clear(){super.clear(),this.objects=0}}const _=a=>{const e=a.getContext("webgl2")||a.getContext("webgl");if(!e)throw new Error("TODO");return e},p=(a,e,t)=>{const r=a.createShader(t);if(!r)throw new Error("Unable to create webgl shader");if(a.shaderSource(r,e),a.compileShader(r),!a.getShaderParameter(r,a.COMPILE_STATUS)){const h=a.getShaderInfoLog(r);throw console.error("Shader compilation failed:",h),new Error("Unable to compile shader: "+h+e)}return r},m=(a,e,t)=>{var r=a.createProgram(),i=p(a,e,35633),h=p(a,t,35632);if(!r)throw new Error("Unable to create program shader");return a.attachShader(r,i),a.attachShader(r,h),a.linkProgram(r),r};function A(a,e,t){const r=a.createTexture();if(a.bindTexture(a.TEXTURE_2D,r),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MIN_FILTER,t?a.LINEAR:a.NEAREST),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MAG_FILTER,t?a.LINEAR:a.NEAREST),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_WRAP_S,a.CLAMP_TO_EDGE),a.texParameteri(a.TEXTURE_2D,a.TEXTURE_WRAP_T,a.CLAMP_TO_EDGE),a.texImage2D(a.TEXTURE_2D,0,a.RGBA,a.RGBA,a.UNSIGNED_BYTE,e),!r)throw new Error("unable to create texture");return r}class R{constructor(e){s(this,"shader");s(this,"defaultShader");s(this,"render");s(this,"gl");s(this,"attributeBuffer");s(this,"attribute");this.render=e,this.gl=e.gl,this.attributeBuffer=new T(this.gl,Float32Array)}createDefaultShader(e){this.defaultShader=m(this.render.gl,e.vs,e.fs),this.attribute=e.attribute}addVertex(e,t,...r){const[i,h]=this.render.matrix.apply(e,t);this.attributeBuffer.push(i),this.attributeBuffer.push(h)}flush(){this.doFlush(),this.reset()}doFlush(){this.attributeBuffer.bufferData()}reset(){this.attributeBuffer.clear()}enter(e){this.shader=e||this.defaultShader;const t=this.gl;t.useProgram(this.shader),this.attributeBuffer.bindBuffer(),this.attribute.forEach(i=>{const h=t.getAttribLocation(this.shader,i.name);t.enableVertexAttribArray(h),t.vertexAttribPointer(h,i.size,i.type,i.normalized||!1,i.stride,i.offset||0)});const r=t.getUniformLocation(this.shader,"uProjectionMatrix");t.uniformMatrix4fv(r,!1,this.render.projection)}exit(){}}const w=`precision mediump float;\r
-\r
-uniform vec4 uColor;\r
-\r
-void main(void) {\r
-    gl_FragColor = uColor;\r
-}\r
-`,M=`precision mediump float;\r
-\r
-attribute vec2 aPosition;\r
-uniform mat4 uProjectionMatrix;\r
-uniform vec4 uColor;\r
-\r
-void main(void) {\r
-    gl_Position = uProjectionMatrix * vec4(aPosition, 0.0, 1.0);\r
-}\r
-`;class y extends R{constructor(t){super(t);s(this,"color",new d(0,0,0,1));s(this,"colorDirty",!0);s(this,"count",0);const r=this.gl,i=2*Float32Array.BYTES_PER_ELEMENT;this.createDefaultShader({fs:w,vs:M,attribute:[{name:"aPosition",size:2,type:r.FLOAT,stride:i}]})}setColor(t){t.equals(this.color)||(this.color=t,this.colorDirty=!0)}drawShape(t,r=new d(0,0,0,1)){this.setColor(r);for(let i=0;i<t.length;i+=2)this.addVertex(t[i],t[i+1]),this.count++;this.flush()}doFlush(){if(this.count>0){super.doFlush();const t=this.gl;if(this.colorDirty){const r=this.color,i=this.gl,h=i.getUniformLocation(this.shader,"uColor");i.uniform4f(h,r.r,r.g,r.b,r.a),this.colorDirty=!1}t.drawArrays(t.TRIANGLE_FAN,0,this.count)}}reset(){super.reset(),this.count=0}enter(t){super.enter(t),this.colorDirty=!0}}const N=`precision lowp float;\r
-uniform sampler2D uTextures[%TEXTURE_NUM%];\r
-\r
-uniform vec4 uColor;\r
-varying vec2 vRegion;\r
-varying float vTextureId;\r
-\r
-void main(void) {\r
-    vec4 color;\r
-    %GET_COLOR%\r
-    \r
-    gl_FragColor = color;\r
-}`,U=`precision lowp float;\r
-attribute vec2 aPosition;\r
-attribute vec2 aRegion;\r
-attribute float aTextureId;\r
-\r
-uniform mat4 uProjectionMatrix;\r
-varying vec2 vRegion;\r
-varying float vTextureId;\r
-\r
-void main(void) {\r
-    gl_Position = uProjectionMatrix * vec4(aPosition, 0.0, 1.0);\r
-    vRegion = aRegion;\r
-    vTextureId = aTextureId;\r
-}`;class X extends b{constructor(e){super(e,6,4)}addObject(e){super.addObject(),this.push(e),this.push(e+3),this.push(e+2),this.push(e),this.push(e+1),this.push(e+2)}}class S extends R{constructor(t){super(t);s(this,"objects",0);s(this,"usedTextures",[]);s(this,"elementArray",new X(this.gl));s(this,"textureUnits");const r=this.gl,i=5*Float32Array.BYTES_PER_ELEMENT;this.createDefaultShader({fs:this.generateFragShader(N,t.MAX_TEXTURE_IMAGE_UNITS),vs:U,attribute:[{name:"aPosition",size:2,type:r.FLOAT,stride:i},{name:"aRegion",size:2,type:r.FLOAT,stride:i,offset:2*Float32Array.BYTES_PER_ELEMENT},{name:"aTextureId",size:1,type:r.FLOAT,stride:i,offset:4*Float32Array.BYTES_PER_ELEMENT}]}),this.textureUnits=Array.from({length:t.MAX_TEXTURE_IMAGE_UNITS},(h,u)=>u)}addVertex(t,r,i,h,u){super.addVertex(t,r),this.attributeBuffer.push(i),this.attributeBuffer.push(h),this.attributeBuffer.push(u)}drawSprite(t,r,i){this.objects>10922&&this.flush();const h=t.base,u=this.useTexture(h.texture);this.objects++,this.elementArray.setObjects(this.objects),this.attributeBuffer.resize(2*6),this.addVertex(r,i,t.clipX,t.clipY,u),this.addVertex(r+t.width,i,t.clipW,t.clipY,u),this.addVertex(r+t.width,i+t.height,t.clipW,t.clipH,u),this.addVertex(r,i+t.height,t.clipX,t.clipH,u)}useTexture(t){let r=this.usedTextures.indexOf(t);return r===-1&&(this.usedTextures.length>=this.render.MAX_TEXTURE_IMAGE_UNITS&&this.flush(),this.usedTextures.push(t),r=this.usedTextures.length-1),r}doFlush(){if(this.objects>0){super.doFlush();const t=this.gl;for(let r=0;r<this.usedTextures.length;r++){const i=this.usedTextures[r];t.activeTexture(t.TEXTURE0+r),t.bindTexture(t.TEXTURE_2D,i)}this.elementArray.bufferData(),t.drawElements(t.TRIANGLES,this.objects*6,t.UNSIGNED_SHORT,0)}}reset(){super.reset(),this.elementArray.clear(),this.objects=0,this.usedTextures=[]}enter(t){super.enter(t);const r=this.gl,i=r.getUniformLocation(this.shader,"uTextures");r.uniform1iv(i,this.textureUnits),this.elementArray.bindBuffer()}generateFragShader(t,r){let i="";t=t.replace("%TEXTURE_NUM%",r.toString());for(let h=0;h<r;h++)h==0?i+=`if(vTextureId == ${h}.0)`:h==r-1?i+="else":i+=`else if(vTextureId == ${h}.0)`,i+=`{color = texture2D(uTextures[${h}], vRegion);}`;return t=t.replace("%GET_COLOR%",i),t}}class I{constructor(e){s(this,"render");s(this,"cache",new Map);this.render=e}async textureFromUrl(e,t=!1){let r=this.cache.get(e);if(!r){const i=await this.loadImage(e);r=l.fromImageSource(this.render,i,t),this.cache.set(e,r)}return new E(r)}async loadImage(e){return new Promise(t=>{const r=new Image;r.onload=()=>{t(r)},r.src=e})}}class l{constructor(e,t,r){s(this,"texture");s(this,"width");s(this,"height");this.texture=e,this.width=t,this.height=r}static fromImageSource(e,t,r=!1){return new l(A(e.gl,t,r),t.width,t.height)}}class E{constructor(e){s(this,"base");s(this,"clipX");s(this,"clipY");s(this,"clipW");s(this,"clipH");s(this,"width");s(this,"height");this.base=e,this.setClipRegion(0,0,e.width,e.height),console.log(this)}setClipRegion(e,t,r,i){this.clipX=e/this.base.width,this.clipY=t/this.base.width,this.clipW=this.clipX+r/this.base.width,this.clipH=this.clipY+i/this.base.width,this.width=r,this.height=i}static fromImageSource(e,t,r=!1){return new E(l.fromImageSource(e,t,r))}static fromUrl(e,t){return e.texture.textureFromUrl(t)}}class C{constructor(e){s(this,"canvas");s(this,"gl");s(this,"projection");s(this,"matrix",new g);s(this,"texture",new I(this));s(this,"devicePixelRatio");s(this,"nativeWdith");s(this,"nativeHeight");s(this,"backgroundColor");s(this,"currentRegion");s(this,"regions",new Map);s(this,"MAX_TEXTURE_IMAGE_UNITS");this.canvas=e.canvas;const t=_(this.canvas);this.gl=t,this.backgroundColor=e.backgroundColor||new d(.2,.2,.2,1),this.devicePixelRatio=e.pixelDensity||window.devicePixelRatio||1,this.projection=this.createOrthMatrix(0,this.canvas.width,this.canvas.height,0),this.nativeHeight=e.height||500,this.nativeWdith=e.width||500,this.updateNativeSize(),this.resize(),t.enable(t.BLEND),t.blendFunc(t.SRC_ALPHA,t.ONE_MINUS_SRC_ALPHA),this.MAX_TEXTURE_IMAGE_UNITS=this.gl.getParameter(this.gl.MAX_TEXTURE_IMAGE_UNITS),this.registerRegion("sprite",S),this.registerRegion("graphic",y)}registerRegion(e,t){this.regions.set(e,new t(this))}setRegion(e,t){var i,h;const r=this.regions.get(e);(r!=this.currentRegion||t&&t!==this.currentRegion.shader)&&((i=this.currentRegion)==null||i.flush(),(h=this.currentRegion)==null||h.exit(),this.currentRegion=r,r.enter(t))}drawSprite(e,t=0,r=0,i){this.setRegion("sprite",i),this.currentRegion.drawSprite(e,t,r)}drawShape(e,t,r){this.setRegion("graphic",r),this.currentRegion.drawShape(e,t)}flush(){this.currentRegion&&this.currentRegion.flush()}save(){this.matrix.pushMat()}start(){this.matrix.clear(),this.matrix.pushIdentity(),this.currentRegion=void 0,this.clear()}end(){var e;(e=this.currentRegion)==null||e.flush()}restore(){this.matrix.popMat()}clear(){const e=this.gl,t=this.backgroundColor;e.clearColor(t.r,t.g,t.b,t.a),e.clear(e.COLOR_BUFFER_BIT)}resize(){const e=this.canvas,t=this.devicePixelRatio;e.width=this.nativeWdith*t,e.height=this.nativeHeight*t,this.gl.viewport(0,0,e.width,e.height)}updateNativeSize(){this.projection=this.createOrthMatrix(0,this.nativeWdith,this.nativeHeight,0)}setNativeSize(e,t){this.nativeWdith=e/this.devicePixelRatio,this.nativeHeight=t/this.devicePixelRatio,this.updateNativeSize()}createOrthMatrix(e,t,r,i){return new Float32Array([2/(t-e),0,0,0,0,2/(i-r),0,0,0,0,-1,0,-(t+e)/(t-e),-(i+r)/(i-r),0,1])}createShader(e,t){return m(this.gl,e,t)}}n.BaseTexture=l,n.BufferArray=T,n.Color=d,n.DynamicArrayBuffer=f,n.ElementArray=b,n.GraphicRegion=y,n.MatrixStack=g,n.Rapid=C,n.RenderRegion=R,n.SpriteRegion=S,n.Texture=E,n.TextureCache=I,n.compileShader=p,n.createShaderProgram=m,n.createTexture=A,n.getContext=_,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+"use strict";class e{constructor(e){Object.defineProperty(this,"usedElemNum",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"typedArray",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"arrayType",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxElemNum",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"bytePerElem",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"arraybuffer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"uint32",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.usedElemNum=0,this.maxElemNum=512,this.bytePerElem=e.BYTES_PER_ELEMENT,this.arrayType=e,this.arraybuffer=new ArrayBuffer(this.maxElemNum*this.bytePerElem),this.typedArray=new e(this.arraybuffer),e==Float32Array&&(this.uint32=new Uint32Array(this.arraybuffer))}clear(){this.usedElemNum=0}resize(e=0){if((e+=this.usedElemNum)>this.maxElemNum){for(;e>this.maxElemNum;)this.maxElemNum<<=1;this.setMaxSize(this.maxElemNum)}}setMaxSize(e=this.maxElemNum){const t=this.typedArray;this.maxElemNum=e,this.arraybuffer=new ArrayBuffer(e*this.bytePerElem),this.typedArray=new this.arrayType(this.arraybuffer),this.uint32&&(this.uint32=new Uint32Array(this.arraybuffer)),this.typedArray.set(t)}push(e){this.typedArray[this.usedElemNum++]=e}pushUint(e){this.uint32[this.usedElemNum++]=e}pop(e){this.usedElemNum-=e}getArray(e=0,t){return null==t?this.typedArray:this.typedArray.subarray(e,t)}get length(){return this.typedArray.length}}class t extends e{constructor(e,t,r=e.ARRAY_BUFFER){super(t),Object.defineProperty(this,"buffer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"gl",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dirty",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(this,"type",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"webglBufferSize",{enumerable:!0,configurable:!0,writable:!0,value:0}),this.gl=e,this.buffer=e.createBuffer(),this.type=r}push(e){super.push(e),this.dirty=!0}bindBuffer(){this.gl.bindBuffer(this.type,this.buffer)}bufferData(){if(this.dirty){const e=this.gl;this.maxElemNum>this.webglBufferSize?(e.bufferData(this.type,this.getArray(),e.STATIC_DRAW),this.webglBufferSize=this.maxElemNum):e.bufferSubData(this.type,0,this.getArray(0,this.usedElemNum)),this.dirty=!1}}}class r extends e{constructor(){super(Float32Array)}pushMat(){const e=this.usedElemNum-6,t=this.typedArray;this.resize(6),this.push(t[e+0]),this.push(t[e+1]),this.push(t[e+2]),this.push(t[e+3]),this.push(t[e+4]),this.push(t[e+5])}popMat(){this.pop(6)}pushIdentity(){this.resize(6),this.push(1),this.push(0),this.push(0),this.push(1),this.push(0),this.push(0)}translate(e,t){const r=this.usedElemNum-6,i=this.typedArray;i[r+4]=i[r+0]*e+i[r+2]*t+i[r+4],i[r+5]=i[r+1]*e+i[r+3]*t+i[r+5]}rotate(e){const t=this.usedElemNum-6,r=this.typedArray,i=Math.cos(e),a=Math.sin(e),s=r[t+0],n=r[t+1],u=r[t+2],o=r[t+3];r[t+0]=s*i-n*a,r[t+1]=s*a+n*i,r[t+2]=u*i-o*a,r[t+3]=u*a+o*i}scale(e,t=e){const r=this.usedElemNum-6,i=this.typedArray;i[r+0]=i[r+0]*e,i[r+1]=i[r+1]*e,i[r+2]=i[r+2]*t,i[r+3]=i[r+3]*t}apply(e,t){const r=this.usedElemNum-6,i=this.typedArray;return[i[r+0]*e+i[r+2]*t+i[r+4],i[r+1]*e+i[r+3]*t+i[r+5]]}getInverse(){const e=this.usedElemNum-6,t=this.typedArray,r=t[e+0],i=t[e+1],a=t[e+2],s=t[e+3],n=t[e+4],u=t[e+5],o=r*s-i*a;return new Float32Array([s/o,-i/o,-a/o,r/o,(a*u-s*n)/o,(i*n-r*u)/o])}getTransform(){const e=this.usedElemNum-6,t=this.typedArray;return new Float32Array([t[e+0],t[e+1],t[e+2],t[e+3],t[e+4],t[e+5]])}setTransform(e){const t=this.usedElemNum-6,r=this.typedArray;r[t+0]=e[0],r[t+1]=e[1],r[t+2]=e[2],r[t+3]=e[3],r[t+4]=e[4],r[t+5]=e[5]}}class i extends t{constructor(e,t,r,i){super(e,Uint16Array,e.ELEMENT_ARRAY_BUFFER),this.setMaxSize(t*i);for(let e=0;e<i;e++)this.addObject(e*r);this.bindBuffer(),this.bufferData()}addObject(e){}}class a{constructor(e,t,r,i){Object.defineProperty(this,"_r",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_g",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_b",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_a",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"uint32",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this._r=e,this._g=t,this._b=r,this._a=i,this.updateUint()}get r(){return this._r}set r(e){this._r=e,this.updateUint()}get g(){return this._g}set g(e){this._g=e,this.updateUint()}get b(){return this._b}set b(e){this._b=e,this.updateUint()}get a(){return this._a}set a(e){this._a=e,this.updateUint()}updateUint(){this.uint32=(this._a<<24|this._b<<16|this._g<<8|this._r)>>>0}setRGBA(e,t,r,i){this.r=e,this.g=t,this.b=r,this.a=i,this.updateUint()}copy(e){this.setRGBA(e.r,e.g,e.b,e.a)}equals(e){return e.r==this.r&&e.g==this.g&&e.b==this.b&&e.a==this.a}static fromHex(e){e.startsWith("#")&&(e=e.slice(1));const t=parseInt(e.slice(0,2),16),r=parseInt(e.slice(2,4),16),i=parseInt(e.slice(4,6),16);let s=255;return e.length>=8&&(s=parseInt(e.slice(6,8),16)),new a(t,r,i,s)}add(e){return new a(Math.min(this.r+e.r,255),Math.min(this.g+e.g,255),Math.min(this.b+e.b,255),Math.min(this.a+e.a,255))}subtract(e){return new a(Math.max(this.r-e.r,0),Math.max(this.g-e.g,0),Math.max(this.b-e.b,0),Math.max(this.a-e.a,0))}}const s=(e,t,r)=>{const i=e.createShader(r);if(!i)throw new Error("Unable to create webgl shader");e.shaderSource(i,t),e.compileShader(i);if(!e.getShaderParameter(i,e.COMPILE_STATUS)){const r=e.getShaderInfoLog(i);throw console.error("Shader compilation failed:",r),new Error("Unable to compile shader: "+r+t)}return i};class n{constructor(e,t,r){Object.defineProperty(this,"attributeLoc",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(this,"unifromLoc",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(this,"program",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"gl",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.program=((e,t,r)=>{var i=e.createProgram(),a=s(e,t,35633),n=s(e,r,35632);if(!i)throw new Error("Unable to create program shader");return e.attachShader(i,a),e.attachShader(i,n),e.linkProgram(i),i})(e.gl,t,r),this.gl=e.gl,this.parseShader(t),this.parseShader(r)}use(){this.gl.useProgram(this.program)}parseShader(e){const t=this.gl,r=e.match(/attribute\s+\w+\s+(\w+)/g);if(r)for(const e of r){const r=e.split(" ")[2];this.attributeLoc[r]=t.getAttribLocation(this.program,r)}const i=e.match(/uniform\s+\w+\s+(\w+)/g);if(i)for(const e of i){const r=e.split(" ")[2];this.unifromLoc[r]=t.getUniformLocation(this.program,r)}}setAttribute(e){const t=this.gl;t.vertexAttribPointer(this.attributeLoc[e.name],e.size,e.type,e.normalized||!1,e.stride,e.offset||0),t.enableVertexAttribArray(this.attributeLoc[e.name])}}class u{constructor(e,r){Object.defineProperty(this,"currentShader",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"defaultShader",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"attribute",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"webglArrayBuffer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"rapid",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"gl",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"usedTextures",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(this,"TEXTURE_UNITS_ARRAY",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.attribute=r,this.rapid=e,this.gl=e.gl,this.webglArrayBuffer=new t(e.gl,Float32Array,e.gl.ARRAY_BUFFER),this.TEXTURE_UNITS_ARRAY=Array.from({length:e.MAX_TEXTURE_UNITS},((e,t)=>t))}addVertex(e,t,...r){const[i,a]=this.rapid.transformPoint(e,t);this.webglArrayBuffer.push(i),this.webglArrayBuffer.push(a)}useTexture(e){let t=this.usedTextures.indexOf(e);return-1===t&&(this.usedTextures.length>=this.rapid.MAX_TEXTURE_UNITS&&this.render(),this.usedTextures.push(e),t=this.usedTextures.length-1),t}enterRegion(e){this.currentShader=e??this.defaultShader,this.currentShader.use(),this.initializeForNextRender(),this.webglArrayBuffer.bindBuffer(),this.attribute.forEach((e=>{this.currentShader?.setAttribute(e)})),this.gl.uniformMatrix4fv(this.currentShader.unifromLoc.uProjectionMatrix,!1,this.rapid.projection)}exitRegion(){}initDefaultShader(e,t){this.webglArrayBuffer.bindBuffer(),this.defaultShader=new n(this.rapid,e,t)}render(){this.executeRender(),this.initializeForNextRender()}executeRender(){this.webglArrayBuffer.bufferData();const e=this.gl;for(let t=0;t<this.usedTextures.length;t++)e.activeTexture(e.TEXTURE0+t),e.bindTexture(e.TEXTURE_2D,this.usedTextures[t])}initializeForNextRender(){this.webglArrayBuffer.clear(),this.usedTextures=[]}}class o extends u{constructor(e){const t=e.gl;super(e,[{name:"aPosition",size:2,type:t.FLOAT,stride:12},{name:"aColor",size:4,type:t.UNSIGNED_BYTE,stride:12,offset:2*Float32Array.BYTES_PER_ELEMENT,normalized:!0}]),Object.defineProperty(this,"vertex",{enumerable:!0,configurable:!0,writable:!0,value:0}),this.initDefaultShader("precision mediump float;\r\n\r\nattribute vec2 aPosition;\r\nattribute vec4 aColor;\r\nvarying vec4 vColor;\r\nuniform mat4 uProjectionMatrix;\r\nuniform vec4 uColor;\r\n\r\nvoid main(void) {\r\n    gl_Position = uProjectionMatrix * vec4(aPosition, 0.0, 1.0);\r\n    vColor = aColor;\r\n}\r\n","precision mediump float;\r\n\r\nvarying vec4 vColor;\r\nvoid main(void) {\r\n    gl_FragColor = vColor;//vColor;\r\n}\r\n")}startRender(){this.vertex=0,this.webglArrayBuffer.clear()}addVertex(e,t,r){this.webglArrayBuffer.resize(3),super.addVertex(e,t),this.webglArrayBuffer.pushUint(r),this.vertex+=1}executeRender(){super.executeRender();const e=this.gl;e.drawArrays(e.TRIANGLE_FAN,0,this.vertex),this.vertex=0}}class h extends i{constructor(e,t){super(e,6,4,t)}addObject(e){super.addObject(),this.push(e),this.push(e+3),this.push(e+2),this.push(e),this.push(e+1),this.push(e+2)}}class l extends u{constructor(e){const t=e.gl;super(e,[{name:"aPosition",size:2,type:t.FLOAT,stride:24},{name:"aRegion",size:2,type:t.FLOAT,stride:24,offset:2*Float32Array.BYTES_PER_ELEMENT},{name:"aTextureId",size:1,type:t.FLOAT,stride:24,offset:4*Float32Array.BYTES_PER_ELEMENT},{name:"aColor",size:4,type:t.UNSIGNED_BYTE,stride:24,offset:5*Float32Array.BYTES_PER_ELEMENT,normalized:!0}]),Object.defineProperty(this,"batchSprite",{enumerable:!0,configurable:!0,writable:!0,value:0}),Object.defineProperty(this,"indexBuffer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"MAX_BATCH",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.initDefaultShader("precision mediump float;\r\n\r\nattribute vec2 aPosition;\r\nattribute vec2 aRegion;\r\nattribute float aTextureId;\r\nattribute vec4 aColor;\r\n\r\nuniform mat4 uProjectionMatrix;\r\n\r\nvarying vec2 vRegion;\r\nvarying float vTextureId;\r\nvarying vec4 vColor;\r\n\r\nvoid main(void) {\r\n    vRegion = aRegion;\r\n    vTextureId = aTextureId;\r\n    vColor = aColor;\r\n    gl_Position = uProjectionMatrix * vec4(aPosition, 0.0, 1.0);\r\n}",this.generateFragShader("precision mediump float;\r\nuniform sampler2D uTextures[%TEXTURE_NUM%];\r\n\r\nvarying vec2 vRegion;\r\nvarying float vTextureId;\r\nvarying vec4 vColor;\r\n\r\nvoid main(void) {\r\n    vec4 color;\r\n    %GET_COLOR%\r\n\r\n    gl_FragColor = color*vColor;\r\n}",e.MAX_TEXTURE_UNITS)),this.MAX_BATCH=Math.floor(16384),this.indexBuffer=new h(t,this.MAX_BATCH)}addVertex(e,t,r,i,a,s){super.addVertex(e,t),this.webglArrayBuffer.push(r),this.webglArrayBuffer.push(i),this.webglArrayBuffer.push(a),this.webglArrayBuffer.pushUint(s)}renderSprite(e,t,r,i,a,s,n,u,o,h){this.batchSprite>=this.MAX_BATCH&&this.render(),this.batchSprite++,this.webglArrayBuffer.resize(24);const l=this.useTexture(e),c=u+t,b=o+r,d=i+s,f=a+n;this.addVertex(u,o,i,a,l,h),this.addVertex(c,o,d,a,l,h),this.addVertex(c,b,d,f,l,h),this.addVertex(u,b,i,f,l,h)}executeRender(){super.executeRender();const e=this.gl;this.indexBuffer.bufferData(),e.drawElements(e.TRIANGLES,6*this.batchSprite,e.UNSIGNED_SHORT,0)}enterRegion(e){super.enterRegion(e),this.indexBuffer.bindBuffer(),this.gl.uniform1iv(this.currentShader.unifromLoc.uTextures,this.TEXTURE_UNITS_ARRAY)}initializeForNextRender(){super.initializeForNextRender(),this.batchSprite=0}generateFragShader(e,t){let r="";e=e.replace("%TEXTURE_NUM%",t.toString());for(let e=0;e<t;e++)r+=0==e?`if(vTextureId == ${e}.0)`:e==t-1?"else":`else if(vTextureId == ${e}.0)`,r+=`{color = texture2D(uTextures[${e}], vRegion);}`;return e=e.replace("%GET_COLOR%",r)}}class c{constructor(e){Object.defineProperty(this,"render",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"cache",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),this.render=e}async textureFromUrl(e,t=!1){let r=this.cache.get(e);if(!r){const i=await this.loadImage(e);r=b.fromImageSource(this.render,i,t),this.cache.set(e,r)}return new d(r)}async loadImage(e){return new Promise((t=>{const r=new Image;r.onload=()=>{t(r)},r.src=e}))}}class b{constructor(e,t,r){Object.defineProperty(this,"texture",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"width",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"height",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.texture=e,this.width=t,this.height=r}static fromImageSource(e,t,r=!1){return new b(function(e,t,r){const i=e.createTexture();if(e.bindTexture(e.TEXTURE_2D,i),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,r?e.LINEAR:e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,r?e.LINEAR:e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),!i)throw new Error("unable to create texture");return i}(e.gl,t,r),t.width,t.height)}}class d{constructor(e){Object.defineProperty(this,"base",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"clipX",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"clipY",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"clipW",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"clipH",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"width",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"height",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.base=e,this.setClipRegion(0,0,e.width,e.height)}setClipRegion(e,t,r,i){this.clipX=e/this.base.width,this.clipY=t/this.base.width,this.clipW=this.clipX+r/this.base.width,this.clipH=this.clipY+i/this.base.width,this.width=r,this.height=i}static fromImageSource(e,t,r=!1){return new d(b.fromImageSource(e,t,r))}static fromUrl(e,t){return e.texture.textureFromUrl(t)}}exports.BaseTexture=b,exports.Color=a,exports.DynamicArrayBuffer=e,exports.MatrixStack=r,exports.Rapid=class{constructor(e){Object.defineProperty(this,"gl",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"canvas",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"projection",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"matrixStack",{enumerable:!0,configurable:!0,writable:!0,value:new r}),Object.defineProperty(this,"texture",{enumerable:!0,configurable:!0,writable:!0,value:new c(this)}),Object.defineProperty(this,"currentRegion",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"currentRegionName",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"regions",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),Object.defineProperty(this,"MAX_TEXTURE_UNITS",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"defaultColor",{enumerable:!0,configurable:!0,writable:!0,value:new a(255,255,255,255)});const t=(e=>{const t=e.getContext("webgl2")||e.getContext("webgl");if(!t)throw new Error("TODO");return t})(e.canvas);this.gl=t,this.canvas=e.canvas,this.MAX_TEXTURE_UNITS=t.getParameter(this.gl.MAX_TEXTURE_IMAGE_UNITS),this.projection=this.createOrthMatrix(0,this.canvas.width,this.canvas.height,0),this.registerBuildInRegion(),t.enable(t.BLEND),t.disable(t.DEPTH_TEST),t.blendFunc(t.SRC_ALPHA,t.ONE_MINUS_SRC_ALPHA)}registerBuildInRegion(){this.registerRegion("sprite",l),this.registerRegion("graphic",o)}registerRegion(e,t){this.regions.set(e,new t(this))}setRegion(e,t){if(e!=this.currentRegionName||t&&t!==this.currentRegion.currentShader){const r=this.regions.get(e);this.currentRegion&&(this.currentRegion.render(),this.currentRegion.exitRegion()),this.currentRegion=r,this.currentRegionName=e,r.enterRegion(t)}}save(){this.matrixStack.pushMat()}restore(){this.matrixStack.popMat()}startRender(e=!0){e&&this.matrixStack.clear(),this.matrixStack.pushIdentity(),this.currentRegion=void 0,this.currentRegionName=void 0}endRender(){this.currentRegion?.render()}renderSprite(e,t=0,r=0,i=this.defaultColor,a){this.setRegion("sprite",a),this.currentRegion.renderSprite(e.base.texture,e.width,e.height,e.clipX,e.clipY,e.clipW,e.clipH,t,r,i.uint32)}startGraphicDraw(e){this.setRegion("graphic",e),this.currentRegion.startRender()}addGraphicVertex(e,t,r){this.currentRegion.addVertex(e,t,r.uint32)}endGraphicDraw(){this.currentRegion.render()}clear(){const e=this.gl;e.clearColor(.2,.2,.2,1),e.clear(e.COLOR_BUFFER_BIT)}createOrthMatrix(e,t,r,i){return new Float32Array([2/(t-e),0,0,0,0,2/(i-r),0,0,0,0,-1,0,-(t+e)/(t-e),-(i+r)/(i-r),0,1])}transformPoint(e,t){return this.matrixStack.apply(e,t)}},exports.Texture=d,exports.TextureCache=c,exports.WebglBufferArray=t,exports.WebglElementBufferArray=i;

package/dist/regions/graphic_region.d.ts

@@ -0,0 +1,10 @@
+import { Rapid } from "..";
+import RenderRegion from "./region";
+declare class GraphicRegion extends RenderRegion {
+    private vertex;
+    constructor(rapid: Rapid);
+    startRender(): void;
+    addVertex(x: number, y: number, color: number): void;
+    protected executeRender(): void;
+}
+export default GraphicRegion;

package/dist/regions/region.d.ts

@@ -0,0 +1,24 @@
+import { IAttribute, WebGLContext } from "../interface";
+import { WebglBufferArray } from "../math";
+import Rapid from "../render";
+import GLShader from "../webgl/glshader";
+declare class RenderRegion {
+    currentShader?: GLShader;
+    protected defaultShader: GLShader;
+    protected attribute: IAttribute[];
+    protected webglArrayBuffer: WebglBufferArray;
+    protected rapid: Rapid;
+    protected gl: WebGLContext;
+    protected usedTextures: WebGLTexture[];
+    protected readonly TEXTURE_UNITS_ARRAY: number[];
+    constructor(rapid: Rapid, attributes?: IAttribute[]);
+    protected addVertex(x: number, y: number, ..._: unknown[]): void;
+    protected useTexture(texture: WebGLTexture): number;
+    enterRegion(customShader?: GLShader): void;
+    exitRegion(): void;
+    protected initDefaultShader(vs: string, fs: string): void;
+    render(): void;
+    protected executeRender(): void;
+    protected initializeForNextRender(): void;
+}
+export default RenderRegion;

package/dist/regions/sprite_region.d.ts

@@ -0,0 +1,16 @@
+import RenderRegion from "./region";
+import Rapid from "../render";
+import GLShader from "../webgl/glshader";
+declare class SpriteRegion extends RenderRegion {
+    private batchSprite;
+    private indexBuffer;
+    protected readonly MAX_BATCH: number;
+    constructor(rapid: Rapid);
+    protected addVertex(x: number, y: number, u: number, v: number, textureUnit: number, color: number): void;
+    renderSprite(texture: WebGLTexture, width: number, height: number, u0: number, v0: number, u1: number, v1: number, offsetX: number, offsetY: number, color: number): void;
+    protected executeRender(): void;
+    enterRegion(customShader?: GLShader | undefined): void;
+    protected initializeForNextRender(): void;
+    private generateFragShader;
+}
+export default SpriteRegion;

package/dist/render.d.ts

@@ -0,0 +1,33 @@
+import { IRapiadOptions, WebGLContext } from "./interface";
+import { Color, MatrixStack } from "./math";
+import RenderRegion from "./regions/region";
+import { Texture, TextureCache } from "./texture";
+import GLShader from "./webgl/glshader";
+declare class Rapid {
+    gl: WebGLContext;
+    canvas: HTMLCanvasElement;
+    projection: Float32Array;
+    matrixStack: MatrixStack;
+    texture: TextureCache;
+    private currentRegion?;
+    private currentRegionName?;
+    private regions;
+    readonly MAX_TEXTURE_UNITS: number;
+    private readonly defaultColor;
+    constructor(options: IRapiadOptions);
+    private registerBuildInRegion;
+    registerRegion(name: string, regionClass: typeof RenderRegion): void;
+    setRegion(regionName: string, customShader?: GLShader): void;
+    save(): void;
+    restore(): void;
+    startRender(clear?: boolean): void;
+    endRender(): void;
+    renderSprite(texture: Texture, offsetX?: number, offsetY?: number, color?: Color, customShader?: GLShader): void;
+    startGraphicDraw(customShader?: GLShader): void;
+    addGraphicVertex(x: number, y: number, color: Color): void;
+    endGraphicDraw(): void;
+    clear(): void;
+    private createOrthMatrix;
+    transformPoint(x: number, y: number): number[];
+}
+export default Rapid;

package/dist/texture.d.ts

@@ -1,4 +1,4 @@
-import { Rapid } from ".";
+import Rapid from "./render";
 import { Images } from "./interface";
 /**
  * texture manager

package/dist/webgl/glshader.d.ts

@@ -0,0 +1,13 @@
+import { IAttribute } from "../interface";
+import Rapid from "../render";
+declare class GLShader {
+    attributeLoc: Record<string, number>;
+    unifromLoc: Record<string, WebGLUniformLocation>;
+    program: WebGLProgram;
+    private gl;
+    constructor(rapid: Rapid, vs: string, fs: string);
+    use(): void;
+    parseShader(shader: string): void;
+    setAttribute(element: IAttribute): void;
+}
+export default GLShader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rapid-render",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "files": [
     "dist"
@@ -14,27 +14,16 @@
     "require": "./dist/rapid.umd.cjs"
   },
   "scripts": {
-    "dev": "vite",
-    "build": "vite build && tsc"
+    "dev": "rollup -c rollup.config.dev.js -w",
+    "build": "rollup -c rollup.config.prod.js && tsc "
   },
-  "keywords": [
-    "webgl",
-    "game",
-    "engine",
-    "game engine",
-    "canvas",
-    "game dev",
-    "renderer",
-    "render",
-    "fast"
-  ],
   "devDependencies": {
+    "rollup": "^4.12.0",
+    "rollup-plugin-server": "^0.7.0",
+    "rollup-plugin-typescript2": "^0.36.0",
     "tslib": "^2.6.2",
-    "typedoc": "^0.25.7",
-    "typedoc-theme-category-nav": "^0.0.3",
     "typescript": "^5.3.3",
-    "vite": "^5.0.10"
-  },
-  "author": "nightscra",
-  "license": "MIT"
-}
+    "rollup-plugin-string": "^3.0.0",
+    "rollup-plugin-terser": "^7.0.2"
+  }
+}

package/dist/consts.d.ts

@@ -1,5 +0,0 @@
-export declare const MAX_BATCH = 10922;
-export declare const MATRIX_SIZE = 6;
-export declare const VERTICES_PER_SPRITE = 6;
-export declare const SPRITE_ELEMENT_PER_VERTEX = 5;
-export declare const GRAPHIC_ELEMENT_PER_VERTEX = 2;

package/dist/region/graphic_region.d.ts

@@ -1,41 +0,0 @@
-import RenderRegion from "./region";
-import Rapid from "../renderer";
-import { Color } from "../math";
-/**
- * draw quad texture sprites
- */
-declare class GraphicRegion extends RenderRegion {
-    /** color to draw shapes */
-    protected color: Color;
-    /** is the color needs to be updated */
-    private colorDirty;
-    /** number of vertex to render */
-    private count;
-    constructor(render: Rapid);
-    /**
-     * set a color
-     * @param color
-     */
-    private setColor;
-    /**
-     * draw a shape
-     * @param vertexs
-     * @param color
-     */
-    drawShape(vertexs: number[], color?: Color): void;
-    /**
-     * render
-     */
-    protected doFlush(): void;
-    /**
-     * reset this region
-     * called when flush or entering this region
-     */
-    reset(): void;
-    /**
-     * enter this region
-     * @param shader costum shader
-     */
-    enter(shader?: WebGLProgram | undefined): void;
-}
-export default GraphicRegion;

package/dist/region/region.d.ts

@@ -1,44 +0,0 @@
-import { IRenderRegionOptions, WebGLContext } from "../interface";
-import { BufferArray as WebglBufferArray } from "../math";
-import Rapid from "../renderer";
-declare class RenderRegion {
-    /** shader to render */
-    shader?: WebGLProgram;
-    /** If there is no new shader, use the default shader  */
-    protected defaultShader: WebGLProgram;
-    protected render: Rapid;
-    protected gl: WebGLContext;
-    /** buffer  */
-    protected attributeBuffer: WebglBufferArray;
-    /** shader attribute */
-    private attribute;
-    constructor(render: Rapid);
-    /**
-     * Create a default shader that is called by subclasses
-     * @param options
-     */
-    createDefaultShader(options: IRenderRegionOptions): void;
-    /**
-     * add a vertex
-     * @param x
-     * @param y
-     */
-    addVertex(x: number, y: number, ..._args: unknown[]): void;
-    flush(): void;
-    protected doFlush(): void;
-    /**
-     * reset this region
-     * called when flush or entering this region
-     */
-    reset(): void;
-    /**
-     * enter this region
-     * @param shader costum shader
-     */
-    enter(shader?: WebGLProgram): void;
-    /**
-     * exit this reigon
-     */
-    exit(): void;
-}
-export default RenderRegion;

package/dist/region/sprite_region.d.ts

@@ -1,47 +0,0 @@
-import RenderRegion from "./region";
-import Rapid from "../renderer";
-import { Texture } from "../texture";
-/**
- * draw quad texture sprites
- */
-declare class SpriteRegion extends RenderRegion {
-    private objects;
-    private usedTextures;
-    private elementArray;
-    readonly textureUnits: number[];
-    constructor(render: Rapid);
-    addVertex(x: number, y: number, v: number, u: number, t: number): void;
-    /**
-     * draw a sprite
-     * @param texture sprite texture
-     * @param offsetX
-     * @param offsetY
-     */
-    drawSprite(texture: Texture, offsetX: number, offsetY: number): void;
-    /**
-     * use a texture
-     * @return texture unit id
-     */
-    private useTexture;
-    /**
-     * render
-     */
-    protected doFlush(): void;
-    /**
-     * reset this region
-     */
-    reset(): void;
-    /**
-     * enter this region
-     * @param shader costum shader
-     */
-    enter(shader?: WebGLProgram | undefined): void;
-    /**
-     * Generate shader based on the maximum texture units supported by the GPU
-     * @param fs
-     * @param max
-     * @returns
-     */
-    generateFragShader(fs: string, max: number): string;
-}
-export default SpriteRegion;

package/dist/renderer.d.ts

@@ -1,109 +0,0 @@
-import { IRapiadOptions, WebGLContext } from "./interface";
-import { Color, MatrixStack } from "./math";
-import RenderRegion from "./region/region";
-import { Texture, TextureCache } from "./texture";
-/**
- * Rapid
- *⚡Rapid.js is a lightning-fast and lightweight 2D WebGL rendering for HTML5
- * @example
- * ```js
- * let rap = new Rapid({
- *  canvas: document.getElementById("game"),
- *  width: 600,
- *  height: 600,
- *  backgroundColor: Color.fromHex("00FFFF")
- * })
- * rap.start() // Please call rap.start before rendering
- * // draw..
- * rap.end() // Please call rap.end after rendering
- * ```
- */
-declare class Rapid {
-    /**
-     * canvas element
-     */
-    canvas: HTMLCanvasElement;
-    /**
-     * WebGLContext
-     */
-    gl: WebGLContext;
-    /**
-     * projection matrix
-     */
-    projection: Float32Array;
-    /**
-     * matrix stack
-     */
-    matrix: MatrixStack;
-    /**
-     * texture manager
-     */
-    texture: TextureCache;
-    devicePixelRatio: number;
-    nativeWdith: number;
-    nativeHeight: number;
-    /** background color */
-    backgroundColor: Color;
-    private currentRegion?;
-    private regions;
-    readonly MAX_TEXTURE_IMAGE_UNITS: number;
-    constructor(options: IRapiadOptions);
-    /**
-     * register a region, use {@link setRegion} to use it
-     * @param name
-     * @param region
-     */
-    registerRegion(name: string, region: typeof RenderRegion): void;
-    /**
-     * Sets the current render region and its associated shader.
-     *
-     * @param regionName - The name of the render region to use.
-     * @param shader - The shader to use with the render region, or undefined to use the default shader.
-     */
-    setRegion(regionName: string, shader?: WebGLShader): void;
-    /**
-     * Draws a sprite on the screen.
-     *
-     * @param texture - The texture to use for the sprite.
-     * @param offsetX - The horizontal offset of the sprite from the origin.
-     * @param offsetY - The vertical offset of the sprite from the origin.
-     */
-    drawSprite(texture: Texture, offsetX?: number, offsetY?: number, shader?: WebGLShader): void;
-    /**
-     * Draws a shape on the screen.
-     *
-     * @param vertexs - An array of vertex coordinates, where each vertex is a 2-element array of X and Y coordinates.
-     * @param color - The color of the shape
-     */
-    drawShape(vertexs: number[], color?: Color, shader?: WebGLShader): void;
-    /**
-     * render
-     */
-    flush(): void;
-    /**
-     * Saves the current state
-     */
-    save(): void;
-    /**
-     * Call this before rendering
-     */
-    start(): void;
-    /**
-     * Call this after rendering
-     */
-    end(): void;
-    /**
-     * Restore to the previous saved state
-     */
-    restore(): void;
-    /**
-     * clear the canvas
-     */
-    clear(): void;
-    resize(): void;
-    private updateNativeSize;
-    setNativeSize(width: number, height: number): void;
-    private createOrthMatrix;
-    createShader(vs: string, fs: string): WebGLProgram;
-}
-export default Rapid;