modern-canvas 0.5.0 → 0.5.1

package/dist/index.cjs

@@ -4300,7 +4300,7 @@ function parseCSSFilter(filter) {
 
 function parseCSSTransform(transform, width, height, output = new Transform2D()) {
   transform = !transform || transform === "none" ? "" : transform;
-  parseCssFunctions(transform, { width, height }).forEach(({ name, args }) => {
+  parseCssFunctions(transform, { width, height }).reverse().forEach(({ name, args }) => {
     const values = args.map((arg) => arg.normalizedIntValue);
     switch (name) {
       case "translate":

package/dist/index.js

@@ -67,7 +67,7 @@ void main(void) {
   gl_FragColor = color;
 }`}),i=e.buffer.create({target:"array_buffer",data:new Float32Array(1),usage:"dynamic_draw"}),s=e.buffer.create({target:"element_array_buffer",data:new Uint16Array(1),usage:"dynamic_draw"}),n={attributes:Object.fromEntries(Object.entries(this._attributes).map(([l,c])=>[l,{...c,buffer:i}])),elementArrayBuffer:s},o=e.vertexArray.create(A,n),a=new Int32Array(Array.from({length:t},(l,c)=>c));return{update:(l,c)=>{e.vertexArray.bind(o??n),e.buffer.update(i,{target:"array_buffer",data:l}),e.buffer.update(s,{target:"element_array_buffer",data:c})},draw:l=>{const c=this._renderer;c.program.bind(A),c.program.updateUniforms(A,{samplers:a,modulate:[1,1,1,1],translationMatrix:[1,0,0,0,1,0,0,0,1],...c.program.uniforms}),c.vertexArray.bind(o??n),c.draw(l)}}}render(t){const{vertices:e,indices:A}=t,i=e.length/2;this._vertexCount+i>this._batchSize&&this.flush(),this._vertexCount+=i,this._indexCount+=A.length,this._batchables.push(t)}flush(){if(super.flush(),this._vertexCount===0)return;const t=this._vertexCount,e=this._indexCount,A=this._batchables;this._batchables=[],this._vertexCount=0,this._indexCount=0;const i=this._renderer.texture.maxUnits,s=this._getAttributeBuffer(t),n=new Float32Array(s),o=new Uint32Array(s),a=this._getIndexBuffer(e);let l=0,c=0;const g=[];for(let d=A.length,f={id:++this._drawCallUid},B=[],p=new Map,S=0,R=0,w=0;w<d;w++){const D=A[w].texture,Q=w===d-1;if(!D||p.has(D)){if(!Q)continue}else B.push(D),p.set(D,S++);if(Q||S>=i){f.textures=B,f.textureLocationMap=p,S=0,f.first=c;for(let m=R;m<=w;m++){const{indices:x,vertices:M,uvs:V=[],texture:et,modulate:z=this._defaultModulate,backgroundColor:J=this._defaultBackgroundColor,colorMatrix:$=this._defaultColorMatrix,colorMatrixOffset:K=this._defaultColorMatrixOffset,blendMode:L=UA.NORMAL,disableWrapMode:it=!1}=A[m],G=(et?p.get(et):-1)??-1;R<m&&f.blendMode!==L&&(f.count=c-f.first,g.push(f),R=m,f={id:++this._drawCallUid},f.textures=B,f.first=c);const W=l/this._vertexSize;for(let At=M.length,T=0;T<At;T+=2){n[l++]=G,n[l++]=M[T],n[l++]=M[T+1],n[l++]=V[T]??0,n[l++]=V[T+1]??0,o[l++]=z,o[l++]=J,n[l++]=it?1:0,n[l++]=0,n[l++]=0,n[l++]=0;for(let tt=0;tt<4;tt++)n[l++]=K[tt]??0;for(let tt=0;tt<16;tt++)n[l++]=$[tt]??0}for(let At=x.length,T=0;T<At;T++)a[c++]=W+x[T];f.blendMode=L}R=w+1,f.count=c-f.first,g.push(f),f={id:++this._drawCallUid},B=[],p=new Map}}const u=this._getShader(i);u.update(s,a);for(let d=g.length,f=0;f<d;f++){const B=g[f],{first:p=0,textures:S,textureLocationMap:R}=B;for(let w=S.length,D=0;D<w;D++){const Q=S[D],m=R.get(Q);m!==void 0&&this._renderer.texture.bind({target:"texture_2d",location:m,value:Q})}this._state.blendMode=B.blendMode,this._renderer.state.bind(this._state),u.draw({mode:"triangles",count:B.count,first:p,bytesPerElement:2})}}_getAttributeBuffer(t){const e=Ss(Math.ceil(t/8)),A=Ms(e),i=e*8;this._attributeBuffer.length<=A&&(this._indexBuffers.length=A+1);let s=this._attributeBuffer[i];return s||(this._attributeBuffer[i]=s=new ArrayBuffer(i*this._vertexSize*4)),s}_getIndexBuffer(t){const e=Ss(Math.ceil(t/12)),A=Ms(e),i=e*12;this._indexBuffers.length<=A&&(this._indexBuffers.length=A+1);let s=this._indexBuffers[A];return s||(this._indexBuffers[A]=s=new Uint16Array(i)),s}}function Ss(r){return r+=r===0?1:0,--r,r|=r>>>1,r|=r>>>2,r|=r>>>4,r|=r>>>8,r|=r>>>16,r+1}function Ms(r){let t=(r>65535?1:0)<<4;r>>>=t;let e=(r>255?1:0)<<3;return r>>>=e,t|=e,e=(r>15?1:0)<<2,r>>>=e,t|=e,e=(r>3?1:0)<<1,r>>>=e,t|=e,t|r>>1}class Yo extends Ee{install(t){super.install(t),t.buffer=this}boundArrayBuffer=null;boundTarget="array_buffer";create(t){const e=this.gl.createBuffer();if(!e)throw new Error("failed to create");return t&&(this.bind({target:t.target,value:e}),this.update(t)),e}getMeta(t){return this._renderer.getRelated(t,()=>({id:Eo(t),length:0,byteLength:0,bytesPerElement:0}))}update(...t){if(t.length>1){this.bind({target:t[1].target,value:t[0]}),this.update(t[1]);return}const e=t[0],A=(e.target??this.boundTarget)==="array_buffer"?this.boundArrayBuffer:this._renderer.vertexArray.boundVertexArray.elementArrayBuffer;if(!A)return;const i=this.getMeta(A);Object.assign(i,{target:e.target,usage:e.usage});const s=i.target??this.boundTarget,n=i.usage??"static_draw",o=e.data,a=this.gl;let l;Array.isArray(o)?s==="array_buffer"?l=new Float32Array(o):l=new Uint32Array(o):l=o;const c=this._renderer.getBindPoint(s);l&&l.byteLength<=i.byteLength?a.bufferSubData(c,0,l):(a.bufferData(c,l,this._renderer.getBindPoint(n)),i.length=l?.length??0,i.byteLength=l?.byteLength??0,i.bytesPerElement=i.length?i.byteLength/i.length:0)}bind(t){let{target:e,value:A}=t;if(A){const s=this.getMeta(A);e??=s.target??this.boundTarget,s.target=e}else e??=this.boundTarget;const i=this._renderer.getBindPoint(e);this._renderer.gl.bindBuffer(i,A),e==="array_buffer"?this.boundArrayBuffer=A:this._renderer.vertexArray.boundVertexArray.elementArrayBuffer=A,this.boundTarget=e}unbind(t){return this.bind({target:t,value:null})}reset(){super.reset(),this.boundArrayBuffer=null,this.boundTarget="array_buffer"}}class Vo extends Ee{install(t){super.install(t),t.framebuffer=this}boundFramebuffer=null;_msaaSamples=[];_hasMRT=!0;_writeDepthTexture=!0;onUpdateContext(){if(this._hasMRT=!0,this._writeDepthTexture=!0,this._renderer.version===1){const t=this._renderer.gl,e=this._renderer.extensions.drawBuffers,A=this._renderer.extensions.depthTexture;e?t.drawBuffers=i=>e.drawBuffersWEBGL(i):(this._hasMRT=!1,t.drawBuffers=()=>{}),A||(this._writeDepthTexture=!1)}else{const t=this._renderer.gl;this._msaaSamples=t.getInternalformatParameter(t.RENDERBUFFER,t.RGBA8,t.SAMPLES)}}create(t){const e=this._renderer.gl.createFramebuffer();if(!e)throw new Error("Unable to create framebuffer");return t&&(this.bind(e),this.update(t)),e}getMeta(t){return this._renderer.getRelated(t,()=>({width:0,height:0,mipLevel:0,stencil:!1,depth:!1,depthTexture:null,colorTextures:[],multisample:0}))}update(...t){if(t.length>1)return this.bind(t[0]),this.update(t[1]);const e=this.boundFramebuffer;if(!e)return;const A=t[0],i=this.getMeta(e);Object.assign(i,{...A});const s=this._renderer.gl;let n=i.colorTextures.length;"drawBuffers"in s||(n=Math.min(n,1));for(let o=0;o<n;o++){const a=i.colorTextures[o];this._renderer.texture.bind({location:0,target:"texture_2d",value:a,forceUpdateLocation:!0}),s.framebufferTexture2D(s.FRAMEBUFFER,s.COLOR_ATTACHMENT0+o,s.TEXTURE_2D,a,i.mipLevel),this._renderer.texture.unbind(a)}if(n>1&&s.drawBuffers(i.colorTextures.map((o,a)=>s.COLOR_ATTACHMENT0+a)),i.depthTexture&&(this._renderer.version>1||this._renderer.extensions.depthTexture)&&(this._renderer.texture.bind({location:0,target:"texture_2d",value:i.depthTexture,forceUpdateLocation:!0}),s.framebufferTexture2D(s.FRAMEBUFFER,s.DEPTH_ATTACHMENT,s.TEXTURE_2D,i.depthTexture,i.mipLevel),this._renderer.texture.unbind(i.depthTexture)),(i.stencilBuffer||i.stencil||i.depth)&&!(i.depthTexture&&this._writeDepthTexture)){i.stencilBuffer??=s.createRenderbuffer(),s.bindRenderbuffer(s.RENDERBUFFER,i.stencilBuffer);const{attachment:o,format:a}=this._getAttachmentAndFormat(i);i.msaaBuffer?s.renderbufferStorageMultisample(s.RENDERBUFFER,i.multisample,a,i.width,i.height):s.renderbufferStorage(s.RENDERBUFFER,a,i.width*this._renderer.pixelRatio,i.height*this._renderer.pixelRatio),s.framebufferRenderbuffer(s.FRAMEBUFFER,o,s.RENDERBUFFER,i.stencilBuffer)}else i.stencilBuffer&&(s.deleteRenderbuffer(i.stencilBuffer),i.stencilBuffer=null)}_getAttachmentAndFormat(t){const e=this.gl;let A,i;return this._renderer.version===1?(A=e.DEPTH_STENCIL_ATTACHMENT,i=e.DEPTH_STENCIL):t.depth&&t.stencil?(A=e.DEPTH_STENCIL_ATTACHMENT,i=e.DEPTH24_STENCIL8):t.depth?(A=e.DEPTH_ATTACHMENT,i=e.DEPTH_COMPONENT24):(A=e.STENCIL_ATTACHMENT,i=e.STENCIL_INDEX8),{attachment:A,format:i}}resize(t,e,A){const i=this.gl,s=this.getMeta(t);if(Object.assign(s,{width:e,height:A}),s.stencil){const{format:o}=this._getAttachmentAndFormat(s);i.bindRenderbuffer(i.RENDERBUFFER,s.stencil),s.msaaBuffer?i.renderbufferStorageMultisample(i.RENDERBUFFER,s.multisample,o,s.width,s.height):i.renderbufferStorage(i.RENDERBUFFER,o,s.width,s.height)}let n=s.colorTextures.length;i.drawBuffers||(n=Math.min(n,1));for(let o=0;o<n;o++){const a=s.colorTextures[o];this._renderer.texture.update(a,{value:{pixels:null,width:s.width,height:s.height}}),o===0&&s.msaaBuffer&&(i.bindRenderbuffer(i.RENDERBUFFER,s.msaaBuffer),i.renderbufferStorageMultisample(i.RENDERBUFFER,s.multisample,i.RGBA,s.width,s.height))}s.depthTexture&&this._renderer.texture.update(s.depthTexture,{value:{pixels:null,width:s.width,height:s.height}})}bind(t){const e=this._renderer.gl,A=t;if({value:this.boundFramebuffer!==A}.value&&(e.bindFramebuffer(e.FRAMEBUFFER,A),this.boundFramebuffer=A),A){const n=this.getMeta(A);for(let l=0;l<n.colorTextures.length;l++)this._renderer.texture.unbind(n.colorTextures[l]);n.depthTexture&&this._renderer.texture.unbind(n.depthTexture);const o=n.width>>n.mipLevel,a=n.height>>n.mipLevel;this._renderer.viewport.bind({x:0,y:0,width:o*this._renderer.pixelRatio,height:a*this._renderer.pixelRatio})}else this._renderer.viewport.bind({x:0,y:0,width:this._renderer.screen.width*this._renderer.pixelRatio,height:this._renderer.screen.height*this._renderer.pixelRatio})}forceStencil(){const t=this.boundFramebuffer;if(!t)return;const e=this.getMeta(t);if(!e||e.stencilBuffer)return;const A=this._renderer.gl;e.stencilBuffer=A.createRenderbuffer(),A.bindRenderbuffer(A.RENDERBUFFER,e.stencilBuffer);let i,s;this._renderer.version===1?(i=A.DEPTH_STENCIL_ATTACHMENT,s=A.DEPTH_STENCIL):e.depth?(i=A.DEPTH_STENCIL_ATTACHMENT,s=A.DEPTH24_STENCIL8):(i=A.STENCIL_ATTACHMENT,s=A.STENCIL_INDEX8),e.msaaBuffer?A.renderbufferStorageMultisample(A.RENDERBUFFER,e.multisample,s,e.width*this._renderer.pixelRatio,e.height*this._renderer.pixelRatio):A.renderbufferStorage(A.RENDERBUFFER,s,e.width*this._renderer.pixelRatio,e.height*this._renderer.pixelRatio),A.framebufferRenderbuffer(A.FRAMEBUFFER,i,A.RENDERBUFFER,e.stencilBuffer)}reset(){super.reset(),this.boundFramebuffer=null}}class zo extends Ee{install(t){super.install(t),t.mask=this}stack=[];get length(){return this.stack.length}get last(){return this.stack[this.length-1]}push(t,e){const A={source:t,mask:e};this.stack.push(A),typeof A.mask=="number"?this.pushColorMask(A):"render"in A.mask?this._renderer.stencil.push(A):this._renderer.scissor.push(A)}pop(t){const e=this.stack.pop();!e||e.source!==t||(typeof e.mask=="number"?this.popColorMask(e):"render"in e.mask?this._renderer.stencil.pop(e):this._renderer.scissor.pop(e))}pushColorMask(t){const e=t.preComputedColor??15,A=t.preComputedColor=e&t.mask;A!==e&&this.useColorMask(A)}popColorMask(t){const e=t.preComputedColor??15,A=this.length>0?this.last.preComputedColor??15:15;A!==e&&this.useColorMask(A)}useColorMask(t){this._renderer.gl.colorMask((t&1)!==0,(t&2)!==0,(t&4)!==0,(t&8)!==0)}}class Wo extends Ee{install(t){super.install(t),t.program=this}boundProgram=null;uniforms={projectionMatrix:[1,0,0,0,1,0,0,0,1]};create(t){const e=this.gl.createProgram();if(!e)throw new Error("Unable to create program");return t&&this.update(e,t),e}getMeta(t){return this._renderer.getRelated(t,()=>({attributes:new Map,uniforms:new Map,boundUniforms:new us}))}update(...t){if(t.length>1){const a=this.boundProgram;this.boundProgram=t[0],this.update(t[1]),this.boundProgram=a;return}const e=t[0],A=this.boundProgram;if(!A)return;const i=this.gl,s=this.getMeta(A),n=this.createShader(e.vert,"vertex_shader"),o=this.createShader(e.frag,"fragment_shader");if(i.attachShader(A,n),i.attachShader(A,o),i.linkProgram(A),i.deleteShader(n),i.deleteShader(o),!i.getProgramParameter(A,i.LINK_STATUS))throw new Error(`Unable to link program: ${i.getProgramInfoLog(A)}`);s.attributes.clear(),s.uniforms.clear();for(let a=i.getProgramParameter(A,i.ACTIVE_ATTRIBUTES),l=0;l<a;l++){const c=i.getActiveAttrib(A,l);if(!c||c.name.startsWith("gl_"))continue;const g=this._renderer.bindPoints.get(c.type)??String(c.type);s.attributes.set(c.name,{type:g,name:c.name,size:Th(g),location:i.getAttribLocation(A,c.name)})}for(let a=i.getProgramParameter(A,i.ACTIVE_UNIFORMS),l=0;l<a;l++){const c=i.getActiveUniform(A,l);if(!c)continue;const g=c.name.replace(/\[.*?\]$/,"");let u=i.getUniformLocation(A,g);u||(u=i.getUniformLocation(A,c.name)),s.uniforms.set(g,{name:g,index:l,type:this._renderer.bindPoints.get(c.type)??String(c.type),size:c.size,isArray:g!==c.name,location:u})}}bind(t){const e=this.gl;({value:this.boundProgram!==t}).value&&(e.useProgram(t),this.boundProgram=t)}createShader(t,e){const A=this.gl,i=A.createShader(this._renderer.getBindPoint(e));if(!i)throw new Error("Unable to create shader");if(A.shaderSource(i,t),A.compileShader(i),!A.getShaderParameter(i,A.COMPILE_STATUS))throw new Error(`Unable to compiling shader :
 ${t}
-${A.getShaderInfoLog(i)}`);return i}updateUniforms(...t){if(t.length>1){this.bind(t[0]),this.updateUniforms(t[1]);return}const e=this.boundProgram;if(!e)return;const A=this.gl,i=t[0],{uniforms:s,boundUniforms:n}=this.getMeta(e);for(const o in i){const a=i[o],l=s.get(o);if(!l)continue;const{type:c,isArray:g,location:u}=l;if(!(!u||n.get(u)===a))switch(n.set(u,a),c){case"float":g?A.uniform1fv(u,a):A.uniform1f(u,a);break;case"unsigned_int":g?A.uniform1uiv(u,a):A.uniform1ui(u,a);break;case"bool":case"int":case"sampler_2d":case"sampler_cube":case"sampler_2d_array":g?A.uniform1iv(u,a):A.uniform1i(u,a);break;case"bool_vec2":case"int_vec2":A.uniform2iv(u,a);break;case"unsigned_int_vec2":A.uniform2uiv(u,a);break;case"float_vec2":A.uniform2fv(u,a);break;case"bool_vec3":case"int_vec3":A.uniform3iv(u,a);break;case"unsigned_int_vec3":A.uniform3uiv(u,a);break;case"float_vec3":A.uniform3fv(u,a);break;case"bool_vec4":case"int_vec4":A.uniform4iv(u,a);break;case"unsigned_int_vec4":A.uniform4uiv(u,a);break;case"float_vec4":A.uniform4fv(u,a);break;case"float_mat2":A.uniformMatrix2fv(u,!1,a);break;case"float_mat3":A.uniformMatrix3fv(u,!1,a);break;case"float_mat4":A.uniformMatrix4fv(u,!1,a);break}}}reset(){super.reset(),this.boundProgram=null,this.uniforms={}}free(){super.free(),this.bind(null)}}function Th(r){switch(r){case"float":case"int":case"unsigned_int":case"bool":case"sampler_2d":return 1;case"float_vec2":case"int_vec2":case"unsigned_int_vec2":case"bool_vec2":return 2;case"float_vec3":case"int_vec3":case"unsigned_int_vec3":case"bool_vec3":return 3;case"float_vec4":case"int_vec4":case"unsigned_int_vec4":case"bool_vec4":case"float_mat2":return 4;case"float_mat3":return 9;case"float_mat4":return 16;default:return 1}}class qo extends Ee{install(t){super.install(t),t.scissor=this}get length(){return this._renderer.mask.last?.scissorCounter??0}push(t){const e=this._renderer.gl;e.enable(e.SCISSOR_TEST),t.scissorCounter??=0,t.scissorCounter++,this.use()}pop(t){if(this.length>0)this.use();else{const e=this._renderer.gl;e.disable(e.SCISSOR_TEST)}}use(){const t=this._renderer,{pixelRatio:e,mask:A,viewport:i,screen:s,gl:n}=t,o=A.last.mask;let a;i.boundViewport?a=i.boundViewport.height-(o.height+o.y)*e:a=(s.height-(o.height+o.y))*e,n.scissor(o.x*e,a,o.width*e,o.height*e)}}class Xo extends Ee{install(t){super.install(t),t.stencil=this}get length(){return this._renderer.mask.last?.stencilCounter??0}push(t){const e=this._renderer.gl,A=t.mask,i=t.stencilCounter??=0;t.stencilCounter===0&&(this._renderer.framebuffer.forceStencil(),e.clearStencil(0),e.clear(e.STENCIL_BUFFER_BIT),e.enable(e.STENCIL_TEST)),t.stencilCounter++;const s=t.color;s&&(t.color=0,e.colorMask(!1,!1,!1,!1)),e.stencilFunc(e.EQUAL,i,4294967295),e.stencilOp(e.KEEP,e.KEEP,e.INCR),A.render(this._renderer),this._renderer.flush(),s&&(t.color=s,e.colorMask((s&1)!==0,(s&2)!==0,(s&4)!==0,(s&8)!==0)),this.use()}pop(t){const e=this._renderer.gl,A=t.mask;if(!this.length)e.disable(e.STENCIL_TEST);else{const i=this._renderer.mask.last,s=i?.color??15;s!==0&&(i.color=0,e.colorMask(!1,!1,!1,!1)),e.stencilOp(e.KEEP,e.KEEP,e.DECR),A.render(this._renderer),this._renderer.flush(),s!==0&&(i.color=s,e.colorMask((s&1)!==0,(s&2)!==0,(s&4)!==0,(s&8)!==0)),this.use()}}use(){const t=this._renderer.gl;t.stencilFunc(t.EQUAL,this.length,4294967295),t.stencilOp(t.KEEP,t.KEEP,t.KEEP)}}function Lh(r,t){const e=new Set([...Object.keys(r),...Object.keys(t)]),A={};return e.forEach(i=>{A[i]=r[i]!==t[i]}),A}class jo extends Ee{install(t){super.install(t),t.texture=this}maxUnits=0;boundLocation=0;boundTarget="texture_2d";boundTextures=[];emptyTextures={texture_2d:null,texture_cube_map:null};onUpdateContext(){super.onUpdateContext();const t=this.gl;this.maxUnits=t.getParameter(t.MAX_TEXTURE_IMAGE_UNITS);for(let i=0;i<this.maxUnits;i++)this.boundTextures[i]={texture_2d:null,texture_cube_map:null};const e=t.createTexture();t.bindTexture(t.TEXTURE_2D,e),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,new Uint8Array(4));const A=t.createTexture();t.bindTexture(t.TEXTURE_CUBE_MAP,A);for(let i=0;i<6;i++)t.texImage2D(t.TEXTURE_CUBE_MAP_POSITIVE_X+i,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,null);t.texParameteri(t.TEXTURE_CUBE_MAP,t.TEXTURE_MAG_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_CUBE_MAP,t.TEXTURE_MIN_FILTER,t.LINEAR),this.emptyTextures={texture_2d:e,texture_cube_map:A};for(let i=this.boundTextures.length,s=0;s<i;s++)this.unbind(s)}create(t){const e=this.gl.createTexture();if(!e)throw new Error("Unable to create texture");return t&&(this.bind({location:t.location,target:t.target,value:e,forceUpdateLocation:!0}),this.update({filterMode:"linear",wrapMode:"repeat",...t})),e}getMeta(t){return this._renderer.getRelated(t,()=>({}))}update(...t){if(t.length>1){this.bind({location:t[1].location,target:t[1].target,value:t[0],forceUpdateLocation:!0}),this.update(t[1]);return}const e=t[0],{value:A,...i}=e,s=this.boundTextures[this.boundLocation][e.target??this.boundTarget];if(!s)return;const n=this.gl,o=this.getMeta(s),a=Lh(o,i);Object.assign(o,i);const l=this._renderer.getBindPoint(o.target??this.boundTarget);if(A!==void 0&&(A===null?n.texImage2D(l,0,n.RGBA,1,1,0,n.RGBA,n.UNSIGNED_BYTE,null):"pixels"in A?n.texImage2D(l,0,n.RGBA,A.width,A.height,0,n.RGBA,n.UNSIGNED_BYTE,A.pixels):n.texImage2D(l,0,n.RGBA,n.RGBA,n.UNSIGNED_BYTE,A)),a.wrapMode&&o.wrapMode){const g=this._renderer.getBindPoint(o.wrapMode);n.texParameteri(l,n.TEXTURE_WRAP_S,g),n.texParameteri(l,n.TEXTURE_WRAP_T,g)}const c=o.filterMode;if(a.filterMode&&c){const g=this._renderer.getBindPoint(c.split("_")[0]);c.includes("_")?n.texParameteri(l,n.TEXTURE_MIN_FILTER,this._renderer.getBindPoint(c)):n.texParameteri(l,n.TEXTURE_MIN_FILTER,g),n.texParameteri(l,n.TEXTURE_MAG_FILTER,g)}if(o.anisoLevel&&c==="linear"&&this._renderer.extensions.anisotropicFiltering&&a.anisoLevel){const{MAX_TEXTURE_MAX_ANISOTROPY_EXT:g,TEXTURE_MAX_ANISOTROPY_EXT:u}=this._renderer.extensions.anisotropicFiltering;n.texParameterf(l,u,Math.min(o.anisoLevel,n.getParameter(g)))}}bind(t){const e=this.gl;let A,i,s,n;if(t&&"value"in t?{target:i,value:A,location:s,forceUpdateLocation:n}=t:A=t,A){const d=this.getMeta(A);d.target=i??=d.target??"texture_2d",d.location=s??=d.location??0}else i??="texture_2d",s??=0;let o=this.boundTextures[s];o||(this.boundTextures[s]=o={texture_2d:null,texture_cube_map:null});const a=o[i]??null,l=this.boundLocation,c=A!==a,g={location:s!==l&&(c||n),texture:c},u=this._renderer.getBindPoint(i);g.location&&(e.activeTexture(e.TEXTURE0+s),this.boundLocation=s),g.texture&&(e.bindTexture(u,A??this.emptyTextures[i]),o[i]=A),this.boundTarget=i}unbind(t,e="texture_2d"){const A=this._renderer.gl;if(typeof t=="number")this.bind({value:null,target:e,location:t});else{const i=this.getMeta(t),{target:s=this.boundTarget}=i,n=this._renderer.getBindPoint(s);for(let o=0;o<this.boundTextures.length;o++)this.boundTextures[o][s]===t&&(this.boundLocation!==o&&(A.activeTexture(A.TEXTURE0+o),this.boundLocation=o),A.bindTexture(n,this.emptyTextures[s]),this.boundTextures[o][s]=null)}}reset(){super.reset(),this.boundLocation=0,this.boundTarget="texture_2d",this.boundTextures=[],this.maxUnits=0}}class Zo extends Ee{install(t){super.install(t),t.vertexArray=this}boundVertexArrayNull={attributes:{},elementArrayBuffer:null};boundVertexArrayObject=null;boundVertexArray=this.boundVertexArrayNull;enableVertexAttrib(t,e,A,i=1){const{buffer:s,size:n=0,type:o="float",normalized:a=!1,stride:l=0,offset:c=0,divisor:g}=A,u=this._renderer.gl;this._renderer.buffer.bind({target:"array_buffer",value:s});for(let d=0;d<i;d++)u.enableVertexAttribArray(e+d),u.vertexAttribPointer(e+d,n,this._renderer.getBindPoint(o),a,l,c+(l-c)/i*d);g&&("vertexAttribDivisor"in u?u.vertexAttribDivisor(e,g):console.warn("Failed to active vertex array object, GPU Instancing is not supported on this device")),this.boundVertexArray.attributes[t]={enable:!0,...A}}create(...t){const e=this._renderer.gl;if(!("createVertexArray"in e))return null;const A=e.createVertexArray();if(!A)throw new Error("Unable to create vertex array");return t.length===2?this.update(t[0],A,t[1]):t.length===1&&this.update(A,t[0]),A}getVertexArrayMeta(t){return this._renderer.getRelated(t,()=>({attributes:{},elementArrayBuffer:null}))}update(...t){if(t.length>2){this._renderer.program.bind(t[0]),this.update(t[1],t[2]);return}else if(t.length===2)if(t[0]){const s=t[0],n=t[1],o=this.getVertexArrayMeta(s);this.bind(s),this.update(n),o.attributes=this.boundVertexArray.attributes,o.elementArrayBuffer=this.boundVertexArray.elementArrayBuffer,this.unbind(),this._renderer.buffer.unbind("array_buffer");return}else return this.update(t[1]);const e=this._renderer.program.boundProgram;if(!e)return;const A=t[0];if(A.attributes){const s=this._renderer.program.getMeta(e),n={},o={};for(const l in A.attributes){const c=A.attributes[l],g=s.attributes.get(l);let u;"buffer"in c?u={...c}:u={buffer:c},u.size=u.size||g?.size||0;const d=this._renderer.buffer.getMeta(u.buffer),f=Number(g?.type.match(/mat(\d)/)?.[1]??1);let B;switch(u.type){case"unsigned_byte":B=u.size;break;case"unsigned_short":B=u.size*2;break;case"float":default:B=u.size*4;break}B*=f,n[d.id]??=0,n[d.id]+=B,o[l]={attrib:u,meta:d,info:g,byteLength:B,dimension:f}}const a={};for(const l in o){const{attrib:c,meta:g,info:u,byteLength:d,dimension:f}=o[l];u?.location!==void 0&&(a[g.id]??=0,c.offset??=a[g.id],c.stride??=n[g.id]===d?0:n[g.id],this.enableVertexAttrib(l,u.location,c,f),a[g.id]+=d)}}const i=A.elementArrayBuffer??null;this._renderer.buffer.bind({target:"element_array_buffer",value:i}),this.boundVertexArray.elementArrayBuffer=i}bind(t){const e=this._renderer.gl;if(t&&"attributes"in t)this.update(t);else if("bindVertexArray"in e){const A=this.boundVertexArrayObject;({value:t!==A}).value&&(e.bindVertexArray(t),this.boundVertexArrayObject=t,t?this.boundVertexArray={...this.getVertexArrayMeta(t)}:this.boundVertexArray=this.boundVertexArrayNull)}}unbind(){return this.bind(null)}reset(){super.reset(),this.boundVertexArrayNull={attributes:{},elementArrayBuffer:null},this.boundVertexArray=this.boundVertexArrayNull,this.boundVertexArrayObject=null}}class $o extends Ee{install(t){super.install(t),t.viewport=this}boundViewport={x:0,y:0,width:0,height:0};bind(t){const e=this.boundViewport,A=Math.floor(t.x),i=Math.floor(t.y),s=Math.floor(t.width),n=Math.floor(t.height);e.x===A&&e.y===i&&e.width===s&&e.height===n||(this._renderer.gl.viewport(A,i,s,n),e.x=A,e.y=i,e.width=s,e.height=n)}reset(){super.reset(),this.boundViewport={x:0,y:0,width:0,height:0}}}class ta extends Oo{_modules=[new jo,new Yo,new Vo,new Wo,new Zo,new $o,new Jo,new zo,new qo,new Xo,new Ko];bindPoints=new Map;constructor(t=So(),e){if(super(),!t)throw new Error("Failed to createHTMLCanvas");Do(t)?this._setupContext(t,e):(this.gl=t,this.version=xo(this.gl)?2:1),this._setupBindPoints()._setupExtensions()._setupPolyfill(),this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!0),this._modules.forEach(A=>A.install(this)),this._modules.forEach(A=>A.onUpdateContext())}_setupContext(t,e){this.view=t;let A=t.getContext("webgl2",e)||t.getContext("experimental-webgl2",e),i=2;if(A||(A=t.getContext("webgl",e)||t.getContext("experimental-webgl",e),i=1),!A)throw new Error("Unable to getContext");return this.gl=A,this.version=i,this._onContextLost=this._onContextLost.bind(this),this._onContextRestored=this._onContextRestored.bind(this),t.addEventListener("webglcontextlost",this._onContextLost,!1),t.addEventListener("webglcontextrestored",this._onContextRestored,!1),this}_setupExtensions(){const t=this.gl,e={loseContext:t.getExtension("WEBGL_lose_context"),anisotropicFiltering:t.getExtension("EXT_texture_filter_anisotropic"),floatTextureLinear:t.getExtension("OES_texture_float_linear"),s3tc:t.getExtension("WEBGL_compressed_texture_s3tc"),s3tcSRGB:t.getExtension("WEBGL_compressed_texture_s3tc_srgb"),etc:t.getExtension("WEBGL_compressed_texture_etc"),etc1:t.getExtension("WEBGL_compressed_texture_etc1"),pvrtc:t.getExtension("WEBGL_compressed_texture_pvrtc")||t.getExtension("WEBKIT_WEBGL_compressed_texture_pvrtc"),atc:t.getExtension("WEBGL_compressed_texture_atc"),astc:t.getExtension("WEBGL_compressed_texture_astc")};return this.version===1?(e.instancedArrays=t.getExtension("ANGLE_instanced_arrays"),e.drawBuffers=t.getExtension("WEBGL_draw_buffers"),e.depthTexture=t.getExtension("WEBGL_depth_texture"),e.vertexArrayObject=t.getExtension("OES_vertex_array_object")||t.getExtension("MOZ_OES_vertex_array_object")||t.getExtension("WEBKIT_OES_vertex_array_object"),e.uint32ElementIndex=t.getExtension("OES_element_index_uint"),e.floatTexture=t.getExtension("OES_texture_float"),e.textureHalfFloat=t.getExtension("OES_texture_half_float"),e.textureHalfFloatLinear=t.getExtension("OES_texture_half_float_linear")):this.version===2&&(e.colorBufferFloat=t.getExtension("EXT_color_buffer_float")),this.extensions=e,this}_setupBindPoints(){for(const t in this.gl)if(t===t.toUpperCase()){const e=this.gl[t];typeof e=="number"&&this.bindPoints.set(e,t.toLowerCase())}return this}_setupPolyfill(){if(this.version===1){const{instancedArrays:t,vertexArrayObject:e,drawBuffers:A}=this.extensions,i=this.gl;e&&(i.createVertexArray=()=>e.createVertexArrayOES(),i.bindVertexArray=s=>e.bindVertexArrayOES(s),i.deleteVertexArray=s=>e.deleteVertexArrayOES(s)),t&&(i.vertexAttribDivisor=(s,n)=>t.vertexAttribDivisorANGLE(s,n),i.drawElementsInstanced=(s,n,o,a,l)=>t.drawElementsInstancedANGLE(s,n,o,a,l),i.drawArraysInstanced=(s,n,o,a)=>t.drawArraysInstancedANGLE(s,n,o,a)),A&&(i.drawBuffers=s=>A.drawBuffersWEBGL(s))}return this}_onContextLost(t){t.preventDefault(),setTimeout(()=>{this.gl.isContextLost()&&this.extensions.loseContext?.restoreContext()},0)}_onContextRestored(){}getBindPoint(t){return this.gl[t.toUpperCase()]}clear(t=this.gl.COLOR_BUFFER_BIT|this.gl.DEPTH_BUFFER_BIT){this.gl.clear(t)}draw(t={}){const{mode:e="triangles",first:A=0,instanceCount:i}=t;let{count:s=0,bytesPerElement:n=0}=t;if(!s||!n){const a=this.vertexArray.boundVertexArray.elementArrayBuffer??Object.values(this.vertexArray.boundVertexArray.attributes)[0];if(a){const l=this.buffer.getMeta(a);s||(s=l.length),n||(n=l.bytesPerElement)}}const o=this.getBindPoint(e);if(n)if(n===2||n===4&&this.extensions.uint32ElementIndex){const a=n===2?this.gl.UNSIGNED_SHORT:this.gl.UNSIGNED_INT;i&&"drawElementsInstanced"in this.gl?this.gl.drawElementsInstanced(o,s,a,A*n,i):this.gl.drawElements(o,s,a,A*n)}else console.warn("Unsupported index buffer type: uint32");else i&&"drawArraysInstanced"in this.gl?this.gl.drawArraysInstanced(o,A,s,i):this.gl.drawArrays(o,A,s)}reset(){this._modules.forEach(t=>t.reset())}flush(){this._modules.forEach(t=>t.flush())}free(){this._modules.forEach(t=>t.free()),this.view?.removeEventListener("webglcontextlost",this._onContextLost,!1),this.view?.removeEventListener("webglcontextrestored",this._onContextRestored,!1),this.extensions.loseContext?.loseContext()}toPixels(){const t=this.gl.drawingBufferWidth,e=this.gl.drawingBufferHeight,A=t*e*4,i=t*4,s=(e-1)*i,n=new Uint8Array(A),o=new Uint8ClampedArray(A);this.gl.readPixels(0,0,t,e,this.gl.RGBA,this.gl.UNSIGNED_BYTE,n);for(let a=0;a<A;a+=i)o.set(n.subarray(a,a+i),s-a);return o}}class iA{}class ea extends iA{install(t){const e=async A=>{const{parseFont:i}=await Promise.resolve().then(()=>eI);return await t.fetch(A).then(s=>s.arrayBuffer()).then(s=>i(s))};return this.load=A=>t.loadBy(A,()=>e(A)),["woff","ttf","otf"].forEach(A=>{t.register(A,e)}),t.font=this,this}}const Aa={brightness:1,contrast:1,grayscale:0,"hue-rotate":0,invert:0,opacity:1,saturate:1,sepia:0};function ia(r){const t=new bs;if(r==="none")return t;const e=ui(r).reduce((A,{name:i,args:s})=>(A[i]=s[0].normalizedIntValue,A),{});Object.keys(Aa).forEach(A=>{e[A]=e[A]??Aa[A]});for(const A in e){const i=e[A];switch(A){case"hue-rotate":t.hueRotate(i*Ae);break;case"saturate":t.saturate(i);break;case"brightness":t.brightness(i);break;case"contrast":t.contrast(i);break;case"invert":t.invert(i);break;case"sepia":t.sepia(i);break;case"opacity":t.opacity(i);break;case"grayscale":t.grayscale(i);break}}return t}function ra(r,t,e,A=new kt){return r=!r||r==="none"?"":r,ui(r,{width:t,height:e}).forEach(({name:i,args:s})=>{const n=s.map(o=>o.normalizedIntValue);switch(i){case"translate":A.translate(n[0]*t,(n[1]??n[0])*e);break;case"translateX":A.translateX(n[0]*t);break;case"translateY":A.translateY(n[0]*e);break;case"translateZ":A.translateZ(n[0]);break;case"translate3d":A.translate3d(n[0]*t,(n[1]??n[0])*e,n[2]??n[1]??n[0]);break;case"scale":A.scale(n[0],n[1]??n[0]);break;case"scaleX":A.scaleX(n[0]);break;case"scaleY":A.scaleY(n[0]);break;case"scale3d":A.scale3d(n[0],n[1]??n[0],n[2]??n[1]??n[0]);break;case"rotate":A.rotate(n[0]*Ae);break;case"rotateX":A.rotateX(n[0]*Ae);break;case"rotateY":A.rotateY(n[0]*Ae);break;case"rotateZ":A.rotateZ(n[0]*Ae);break;case"rotate3d":A.rotate3d(n[0]*Ae,(n[1]??n[0])*Ae,(n[2]??n[1]??n[0])*Ae,(n[3]??n[2]??n[1]??n[0])*Ae);break;case"skew":A.skew(n[0],n[0]??n[1]);break;case"skewX":A.skewX(n[0]);break;case"skewY":A.skewY(n[0]);break;case"matrix":A.set(n);break}}),A}function sa(r){const[t,e=t]=r.split(" ");return[t,e].map(A=>{switch(A=A.trim(),A){case"left":case"top":return 0;case"center":return .5;case"right":case"bottom":return 1;default:return Number(A)}})}class cr extends Ke{vertexAttributes;indexBuffer;instanceCount;mode;_materialWeakMap=new vs;constructor(t={}){super(),this.vertexAttributes=new Map(Object.entries(t?.vertexAttributes??{})),this.indexBuffer=t?.indexBuffer,this.instanceCount=t?.instanceCount,this.mode=t?.mode??"triangles"}_glVertexArray(t){return{attributes:Object.fromEntries(Array.from(this.vertexAttributes).map(([e,A])=>[e,{buffer:A.buffer._glBuffer(t),size:A.size,type:A.type,normalized:A.normalized,stride:A.stride,offset:A.offset,divisor:A.divisor}])),elementArrayBuffer:this.indexBuffer?._glBuffer(t)}}_glVertexArrayObject(t,e){let A=this._materialWeakMap.get(e);return A||(A={material:e.instanceId,geometry:this.instanceId},this._materialWeakMap.set(e,A)),t.getRelated(A,()=>t.vertexArray.create(e._glProgram(t),this._glVertexArray(t)))}draw(t,e,A){t.flush(),e.activate(t,A);const i=this._glVertexArrayObject(t,e);let s=!1,n;this.vertexAttributes.forEach(o=>{n?.instanceId!==o.buffer.instanceId&&(n=o.buffer,n.upload(t)&&(s=!0)),o.upload()&&(s=!0)}),this.indexBuffer?.upload(t)&&(s=!0),s&&i&&t.vertexArray.update(e._glProgram(t),i,this._glVertexArray(t)),t.vertexArray.bind(i??this._glVertexArray(t)),t.draw({mode:this.mode,instanceCount:this.instanceCount}),t.vertexArray.unbind()}}var Gh=Object.defineProperty,na=(r,t,e,A)=>{for(var i=void 0,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=n(t,e,i)||i);return i&&Gh(t,e,i),i};class NA extends Ke{needsUpload=!1;constructor(t){super(),this.setProperties(t)}_glBufferOptions(){return{target:"element_array_buffer",data:this.data,usage:this.dynamic?"dynamic_draw":"static_draw"}}_glBuffer(t){return t.getRelated(this,()=>t.buffer.create(this._glBufferOptions()))}_updateProperty(t,e,A,i){switch(super._updateProperty(t,e,A,i),t){case"data":case"dynamic":this.needsUpload=!0;break}}upload(t){const e=this.needsUpload;return e&&(this.needsUpload=!1,t.buffer.update(this._glBuffer(t),this._glBufferOptions())),e}}na([dt({default:null})],NA.prototype,"data"),na([dt({default:!1})],NA.prototype,"dynamic");var Oh=Object.defineProperty,oa=(r,t,e,A)=>{for(var i=void 0,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=n(t,e,i)||i);return i&&Oh(t,e,i),i};class ze extends Ke{needsUpload=!1;constructor(t){super(),this.setProperties(t)}_glBufferOptions(){return{target:"array_buffer",data:this.data,usage:this.dynamic?"dynamic_draw":"static_draw"}}_glBuffer(t){return t.getRelated(this,()=>t.buffer.create(this._glBufferOptions()))}_updateProperty(t,e,A,i){switch(super._updateProperty(t,e,A,i),t){case"data":case"dynamic":this.needsUpload=!0;break}}upload(t){const e=this.needsUpload;return e&&(this.needsUpload=!1,t.buffer.update(this._glBuffer(t),this._glBufferOptions())),e}}oa([dt({default:null})],ze.prototype,"data"),oa([dt({default:!1})],ze.prototype,"dynamic");var Hh=Object.defineProperty,yA=(r,t,e,A)=>{for(var i=void 0,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=n(t,e,i)||i);return i&&Hh(t,e,i),i};class ge extends Ke{stride;offset;divisor;needsUpload=!1;constructor(t){super(),this.setProperties({buffer:new ze,...t})}_updateProperty(t,e,A,i){switch(super._updateProperty(t,e,A,i),t){case"buffer":case"size":case"normalized":case"type":case"stride":case"offset":case"divisor":this.needsUpload=!0;break}}upload(){const t=this.needsUpload;return t&&(this.needsUpload=!1),t}}yA([dt()],ge.prototype,"buffer"),yA([dt({default:0})],ge.prototype,"size"),yA([dt({default:!1})],ge.prototype,"normalized"),yA([dt({default:"float"})],ge.prototype,"type"),yA([dt()],ge.prototype,"stride"),yA([dt()],ge.prototype,"offset"),yA([dt()],ge.prototype,"divisor");class Jh extends cr{constructor(){super({vertexAttributes:{position:new ge({buffer:new ze({data:new Float32Array([0,0,1,0,1,1,0,1]),dynamic:!1}),size:2,normalized:!1,type:"float"})},indexBuffer:new NA({data:new Uint16Array([0,1,3,2]),dynamic:!1}),mode:"triangle_strip"})}}class Qt extends Ke{static instance=new this;vert;frag;uniforms;constructor(t={}){super(),this.vert=t.vert??`precision highp float;
+${A.getShaderInfoLog(i)}`);return i}updateUniforms(...t){if(t.length>1){this.bind(t[0]),this.updateUniforms(t[1]);return}const e=this.boundProgram;if(!e)return;const A=this.gl,i=t[0],{uniforms:s,boundUniforms:n}=this.getMeta(e);for(const o in i){const a=i[o],l=s.get(o);if(!l)continue;const{type:c,isArray:g,location:u}=l;if(!(!u||n.get(u)===a))switch(n.set(u,a),c){case"float":g?A.uniform1fv(u,a):A.uniform1f(u,a);break;case"unsigned_int":g?A.uniform1uiv(u,a):A.uniform1ui(u,a);break;case"bool":case"int":case"sampler_2d":case"sampler_cube":case"sampler_2d_array":g?A.uniform1iv(u,a):A.uniform1i(u,a);break;case"bool_vec2":case"int_vec2":A.uniform2iv(u,a);break;case"unsigned_int_vec2":A.uniform2uiv(u,a);break;case"float_vec2":A.uniform2fv(u,a);break;case"bool_vec3":case"int_vec3":A.uniform3iv(u,a);break;case"unsigned_int_vec3":A.uniform3uiv(u,a);break;case"float_vec3":A.uniform3fv(u,a);break;case"bool_vec4":case"int_vec4":A.uniform4iv(u,a);break;case"unsigned_int_vec4":A.uniform4uiv(u,a);break;case"float_vec4":A.uniform4fv(u,a);break;case"float_mat2":A.uniformMatrix2fv(u,!1,a);break;case"float_mat3":A.uniformMatrix3fv(u,!1,a);break;case"float_mat4":A.uniformMatrix4fv(u,!1,a);break}}}reset(){super.reset(),this.boundProgram=null,this.uniforms={}}free(){super.free(),this.bind(null)}}function Th(r){switch(r){case"float":case"int":case"unsigned_int":case"bool":case"sampler_2d":return 1;case"float_vec2":case"int_vec2":case"unsigned_int_vec2":case"bool_vec2":return 2;case"float_vec3":case"int_vec3":case"unsigned_int_vec3":case"bool_vec3":return 3;case"float_vec4":case"int_vec4":case"unsigned_int_vec4":case"bool_vec4":case"float_mat2":return 4;case"float_mat3":return 9;case"float_mat4":return 16;default:return 1}}class qo extends Ee{install(t){super.install(t),t.scissor=this}get length(){return this._renderer.mask.last?.scissorCounter??0}push(t){const e=this._renderer.gl;e.enable(e.SCISSOR_TEST),t.scissorCounter??=0,t.scissorCounter++,this.use()}pop(t){if(this.length>0)this.use();else{const e=this._renderer.gl;e.disable(e.SCISSOR_TEST)}}use(){const t=this._renderer,{pixelRatio:e,mask:A,viewport:i,screen:s,gl:n}=t,o=A.last.mask;let a;i.boundViewport?a=i.boundViewport.height-(o.height+o.y)*e:a=(s.height-(o.height+o.y))*e,n.scissor(o.x*e,a,o.width*e,o.height*e)}}class Xo extends Ee{install(t){super.install(t),t.stencil=this}get length(){return this._renderer.mask.last?.stencilCounter??0}push(t){const e=this._renderer.gl,A=t.mask,i=t.stencilCounter??=0;t.stencilCounter===0&&(this._renderer.framebuffer.forceStencil(),e.clearStencil(0),e.clear(e.STENCIL_BUFFER_BIT),e.enable(e.STENCIL_TEST)),t.stencilCounter++;const s=t.color;s&&(t.color=0,e.colorMask(!1,!1,!1,!1)),e.stencilFunc(e.EQUAL,i,4294967295),e.stencilOp(e.KEEP,e.KEEP,e.INCR),A.render(this._renderer),this._renderer.flush(),s&&(t.color=s,e.colorMask((s&1)!==0,(s&2)!==0,(s&4)!==0,(s&8)!==0)),this.use()}pop(t){const e=this._renderer.gl,A=t.mask;if(!this.length)e.disable(e.STENCIL_TEST);else{const i=this._renderer.mask.last,s=i?.color??15;s!==0&&(i.color=0,e.colorMask(!1,!1,!1,!1)),e.stencilOp(e.KEEP,e.KEEP,e.DECR),A.render(this._renderer),this._renderer.flush(),s!==0&&(i.color=s,e.colorMask((s&1)!==0,(s&2)!==0,(s&4)!==0,(s&8)!==0)),this.use()}}use(){const t=this._renderer.gl;t.stencilFunc(t.EQUAL,this.length,4294967295),t.stencilOp(t.KEEP,t.KEEP,t.KEEP)}}function Lh(r,t){const e=new Set([...Object.keys(r),...Object.keys(t)]),A={};return e.forEach(i=>{A[i]=r[i]!==t[i]}),A}class jo extends Ee{install(t){super.install(t),t.texture=this}maxUnits=0;boundLocation=0;boundTarget="texture_2d";boundTextures=[];emptyTextures={texture_2d:null,texture_cube_map:null};onUpdateContext(){super.onUpdateContext();const t=this.gl;this.maxUnits=t.getParameter(t.MAX_TEXTURE_IMAGE_UNITS);for(let i=0;i<this.maxUnits;i++)this.boundTextures[i]={texture_2d:null,texture_cube_map:null};const e=t.createTexture();t.bindTexture(t.TEXTURE_2D,e),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,new Uint8Array(4));const A=t.createTexture();t.bindTexture(t.TEXTURE_CUBE_MAP,A);for(let i=0;i<6;i++)t.texImage2D(t.TEXTURE_CUBE_MAP_POSITIVE_X+i,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,null);t.texParameteri(t.TEXTURE_CUBE_MAP,t.TEXTURE_MAG_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_CUBE_MAP,t.TEXTURE_MIN_FILTER,t.LINEAR),this.emptyTextures={texture_2d:e,texture_cube_map:A};for(let i=this.boundTextures.length,s=0;s<i;s++)this.unbind(s)}create(t){const e=this.gl.createTexture();if(!e)throw new Error("Unable to create texture");return t&&(this.bind({location:t.location,target:t.target,value:e,forceUpdateLocation:!0}),this.update({filterMode:"linear",wrapMode:"repeat",...t})),e}getMeta(t){return this._renderer.getRelated(t,()=>({}))}update(...t){if(t.length>1){this.bind({location:t[1].location,target:t[1].target,value:t[0],forceUpdateLocation:!0}),this.update(t[1]);return}const e=t[0],{value:A,...i}=e,s=this.boundTextures[this.boundLocation][e.target??this.boundTarget];if(!s)return;const n=this.gl,o=this.getMeta(s),a=Lh(o,i);Object.assign(o,i);const l=this._renderer.getBindPoint(o.target??this.boundTarget);if(A!==void 0&&(A===null?n.texImage2D(l,0,n.RGBA,1,1,0,n.RGBA,n.UNSIGNED_BYTE,null):"pixels"in A?n.texImage2D(l,0,n.RGBA,A.width,A.height,0,n.RGBA,n.UNSIGNED_BYTE,A.pixels):n.texImage2D(l,0,n.RGBA,n.RGBA,n.UNSIGNED_BYTE,A)),a.wrapMode&&o.wrapMode){const g=this._renderer.getBindPoint(o.wrapMode);n.texParameteri(l,n.TEXTURE_WRAP_S,g),n.texParameteri(l,n.TEXTURE_WRAP_T,g)}const c=o.filterMode;if(a.filterMode&&c){const g=this._renderer.getBindPoint(c.split("_")[0]);c.includes("_")?n.texParameteri(l,n.TEXTURE_MIN_FILTER,this._renderer.getBindPoint(c)):n.texParameteri(l,n.TEXTURE_MIN_FILTER,g),n.texParameteri(l,n.TEXTURE_MAG_FILTER,g)}if(o.anisoLevel&&c==="linear"&&this._renderer.extensions.anisotropicFiltering&&a.anisoLevel){const{MAX_TEXTURE_MAX_ANISOTROPY_EXT:g,TEXTURE_MAX_ANISOTROPY_EXT:u}=this._renderer.extensions.anisotropicFiltering;n.texParameterf(l,u,Math.min(o.anisoLevel,n.getParameter(g)))}}bind(t){const e=this.gl;let A,i,s,n;if(t&&"value"in t?{target:i,value:A,location:s,forceUpdateLocation:n}=t:A=t,A){const d=this.getMeta(A);d.target=i??=d.target??"texture_2d",d.location=s??=d.location??0}else i??="texture_2d",s??=0;let o=this.boundTextures[s];o||(this.boundTextures[s]=o={texture_2d:null,texture_cube_map:null});const a=o[i]??null,l=this.boundLocation,c=A!==a,g={location:s!==l&&(c||n),texture:c},u=this._renderer.getBindPoint(i);g.location&&(e.activeTexture(e.TEXTURE0+s),this.boundLocation=s),g.texture&&(e.bindTexture(u,A??this.emptyTextures[i]),o[i]=A),this.boundTarget=i}unbind(t,e="texture_2d"){const A=this._renderer.gl;if(typeof t=="number")this.bind({value:null,target:e,location:t});else{const i=this.getMeta(t),{target:s=this.boundTarget}=i,n=this._renderer.getBindPoint(s);for(let o=0;o<this.boundTextures.length;o++)this.boundTextures[o][s]===t&&(this.boundLocation!==o&&(A.activeTexture(A.TEXTURE0+o),this.boundLocation=o),A.bindTexture(n,this.emptyTextures[s]),this.boundTextures[o][s]=null)}}reset(){super.reset(),this.boundLocation=0,this.boundTarget="texture_2d",this.boundTextures=[],this.maxUnits=0}}class Zo extends Ee{install(t){super.install(t),t.vertexArray=this}boundVertexArrayNull={attributes:{},elementArrayBuffer:null};boundVertexArrayObject=null;boundVertexArray=this.boundVertexArrayNull;enableVertexAttrib(t,e,A,i=1){const{buffer:s,size:n=0,type:o="float",normalized:a=!1,stride:l=0,offset:c=0,divisor:g}=A,u=this._renderer.gl;this._renderer.buffer.bind({target:"array_buffer",value:s});for(let d=0;d<i;d++)u.enableVertexAttribArray(e+d),u.vertexAttribPointer(e+d,n,this._renderer.getBindPoint(o),a,l,c+(l-c)/i*d);g&&("vertexAttribDivisor"in u?u.vertexAttribDivisor(e,g):console.warn("Failed to active vertex array object, GPU Instancing is not supported on this device")),this.boundVertexArray.attributes[t]={enable:!0,...A}}create(...t){const e=this._renderer.gl;if(!("createVertexArray"in e))return null;const A=e.createVertexArray();if(!A)throw new Error("Unable to create vertex array");return t.length===2?this.update(t[0],A,t[1]):t.length===1&&this.update(A,t[0]),A}getVertexArrayMeta(t){return this._renderer.getRelated(t,()=>({attributes:{},elementArrayBuffer:null}))}update(...t){if(t.length>2){this._renderer.program.bind(t[0]),this.update(t[1],t[2]);return}else if(t.length===2)if(t[0]){const s=t[0],n=t[1],o=this.getVertexArrayMeta(s);this.bind(s),this.update(n),o.attributes=this.boundVertexArray.attributes,o.elementArrayBuffer=this.boundVertexArray.elementArrayBuffer,this.unbind(),this._renderer.buffer.unbind("array_buffer");return}else return this.update(t[1]);const e=this._renderer.program.boundProgram;if(!e)return;const A=t[0];if(A.attributes){const s=this._renderer.program.getMeta(e),n={},o={};for(const l in A.attributes){const c=A.attributes[l],g=s.attributes.get(l);let u;"buffer"in c?u={...c}:u={buffer:c},u.size=u.size||g?.size||0;const d=this._renderer.buffer.getMeta(u.buffer),f=Number(g?.type.match(/mat(\d)/)?.[1]??1);let B;switch(u.type){case"unsigned_byte":B=u.size;break;case"unsigned_short":B=u.size*2;break;case"float":default:B=u.size*4;break}B*=f,n[d.id]??=0,n[d.id]+=B,o[l]={attrib:u,meta:d,info:g,byteLength:B,dimension:f}}const a={};for(const l in o){const{attrib:c,meta:g,info:u,byteLength:d,dimension:f}=o[l];u?.location!==void 0&&(a[g.id]??=0,c.offset??=a[g.id],c.stride??=n[g.id]===d?0:n[g.id],this.enableVertexAttrib(l,u.location,c,f),a[g.id]+=d)}}const i=A.elementArrayBuffer??null;this._renderer.buffer.bind({target:"element_array_buffer",value:i}),this.boundVertexArray.elementArrayBuffer=i}bind(t){const e=this._renderer.gl;if(t&&"attributes"in t)this.update(t);else if("bindVertexArray"in e){const A=this.boundVertexArrayObject;({value:t!==A}).value&&(e.bindVertexArray(t),this.boundVertexArrayObject=t,t?this.boundVertexArray={...this.getVertexArrayMeta(t)}:this.boundVertexArray=this.boundVertexArrayNull)}}unbind(){return this.bind(null)}reset(){super.reset(),this.boundVertexArrayNull={attributes:{},elementArrayBuffer:null},this.boundVertexArray=this.boundVertexArrayNull,this.boundVertexArrayObject=null}}class $o extends Ee{install(t){super.install(t),t.viewport=this}boundViewport={x:0,y:0,width:0,height:0};bind(t){const e=this.boundViewport,A=Math.floor(t.x),i=Math.floor(t.y),s=Math.floor(t.width),n=Math.floor(t.height);e.x===A&&e.y===i&&e.width===s&&e.height===n||(this._renderer.gl.viewport(A,i,s,n),e.x=A,e.y=i,e.width=s,e.height=n)}reset(){super.reset(),this.boundViewport={x:0,y:0,width:0,height:0}}}class ta extends Oo{_modules=[new jo,new Yo,new Vo,new Wo,new Zo,new $o,new Jo,new zo,new qo,new Xo,new Ko];bindPoints=new Map;constructor(t=So(),e){if(super(),!t)throw new Error("Failed to createHTMLCanvas");Do(t)?this._setupContext(t,e):(this.gl=t,this.version=xo(this.gl)?2:1),this._setupBindPoints()._setupExtensions()._setupPolyfill(),this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!0),this._modules.forEach(A=>A.install(this)),this._modules.forEach(A=>A.onUpdateContext())}_setupContext(t,e){this.view=t;let A=t.getContext("webgl2",e)||t.getContext("experimental-webgl2",e),i=2;if(A||(A=t.getContext("webgl",e)||t.getContext("experimental-webgl",e),i=1),!A)throw new Error("Unable to getContext");return this.gl=A,this.version=i,this._onContextLost=this._onContextLost.bind(this),this._onContextRestored=this._onContextRestored.bind(this),t.addEventListener("webglcontextlost",this._onContextLost,!1),t.addEventListener("webglcontextrestored",this._onContextRestored,!1),this}_setupExtensions(){const t=this.gl,e={loseContext:t.getExtension("WEBGL_lose_context"),anisotropicFiltering:t.getExtension("EXT_texture_filter_anisotropic"),floatTextureLinear:t.getExtension("OES_texture_float_linear"),s3tc:t.getExtension("WEBGL_compressed_texture_s3tc"),s3tcSRGB:t.getExtension("WEBGL_compressed_texture_s3tc_srgb"),etc:t.getExtension("WEBGL_compressed_texture_etc"),etc1:t.getExtension("WEBGL_compressed_texture_etc1"),pvrtc:t.getExtension("WEBGL_compressed_texture_pvrtc")||t.getExtension("WEBKIT_WEBGL_compressed_texture_pvrtc"),atc:t.getExtension("WEBGL_compressed_texture_atc"),astc:t.getExtension("WEBGL_compressed_texture_astc")};return this.version===1?(e.instancedArrays=t.getExtension("ANGLE_instanced_arrays"),e.drawBuffers=t.getExtension("WEBGL_draw_buffers"),e.depthTexture=t.getExtension("WEBGL_depth_texture"),e.vertexArrayObject=t.getExtension("OES_vertex_array_object")||t.getExtension("MOZ_OES_vertex_array_object")||t.getExtension("WEBKIT_OES_vertex_array_object"),e.uint32ElementIndex=t.getExtension("OES_element_index_uint"),e.floatTexture=t.getExtension("OES_texture_float"),e.textureHalfFloat=t.getExtension("OES_texture_half_float"),e.textureHalfFloatLinear=t.getExtension("OES_texture_half_float_linear")):this.version===2&&(e.colorBufferFloat=t.getExtension("EXT_color_buffer_float")),this.extensions=e,this}_setupBindPoints(){for(const t in this.gl)if(t===t.toUpperCase()){const e=this.gl[t];typeof e=="number"&&this.bindPoints.set(e,t.toLowerCase())}return this}_setupPolyfill(){if(this.version===1){const{instancedArrays:t,vertexArrayObject:e,drawBuffers:A}=this.extensions,i=this.gl;e&&(i.createVertexArray=()=>e.createVertexArrayOES(),i.bindVertexArray=s=>e.bindVertexArrayOES(s),i.deleteVertexArray=s=>e.deleteVertexArrayOES(s)),t&&(i.vertexAttribDivisor=(s,n)=>t.vertexAttribDivisorANGLE(s,n),i.drawElementsInstanced=(s,n,o,a,l)=>t.drawElementsInstancedANGLE(s,n,o,a,l),i.drawArraysInstanced=(s,n,o,a)=>t.drawArraysInstancedANGLE(s,n,o,a)),A&&(i.drawBuffers=s=>A.drawBuffersWEBGL(s))}return this}_onContextLost(t){t.preventDefault(),setTimeout(()=>{this.gl.isContextLost()&&this.extensions.loseContext?.restoreContext()},0)}_onContextRestored(){}getBindPoint(t){return this.gl[t.toUpperCase()]}clear(t=this.gl.COLOR_BUFFER_BIT|this.gl.DEPTH_BUFFER_BIT){this.gl.clear(t)}draw(t={}){const{mode:e="triangles",first:A=0,instanceCount:i}=t;let{count:s=0,bytesPerElement:n=0}=t;if(!s||!n){const a=this.vertexArray.boundVertexArray.elementArrayBuffer??Object.values(this.vertexArray.boundVertexArray.attributes)[0];if(a){const l=this.buffer.getMeta(a);s||(s=l.length),n||(n=l.bytesPerElement)}}const o=this.getBindPoint(e);if(n)if(n===2||n===4&&this.extensions.uint32ElementIndex){const a=n===2?this.gl.UNSIGNED_SHORT:this.gl.UNSIGNED_INT;i&&"drawElementsInstanced"in this.gl?this.gl.drawElementsInstanced(o,s,a,A*n,i):this.gl.drawElements(o,s,a,A*n)}else console.warn("Unsupported index buffer type: uint32");else i&&"drawArraysInstanced"in this.gl?this.gl.drawArraysInstanced(o,A,s,i):this.gl.drawArrays(o,A,s)}reset(){this._modules.forEach(t=>t.reset())}flush(){this._modules.forEach(t=>t.flush())}free(){this._modules.forEach(t=>t.free()),this.view?.removeEventListener("webglcontextlost",this._onContextLost,!1),this.view?.removeEventListener("webglcontextrestored",this._onContextRestored,!1),this.extensions.loseContext?.loseContext()}toPixels(){const t=this.gl.drawingBufferWidth,e=this.gl.drawingBufferHeight,A=t*e*4,i=t*4,s=(e-1)*i,n=new Uint8Array(A),o=new Uint8ClampedArray(A);this.gl.readPixels(0,0,t,e,this.gl.RGBA,this.gl.UNSIGNED_BYTE,n);for(let a=0;a<A;a+=i)o.set(n.subarray(a,a+i),s-a);return o}}class iA{}class ea extends iA{install(t){const e=async A=>{const{parseFont:i}=await Promise.resolve().then(()=>eI);return await t.fetch(A).then(s=>s.arrayBuffer()).then(s=>i(s))};return this.load=A=>t.loadBy(A,()=>e(A)),["woff","ttf","otf"].forEach(A=>{t.register(A,e)}),t.font=this,this}}const Aa={brightness:1,contrast:1,grayscale:0,"hue-rotate":0,invert:0,opacity:1,saturate:1,sepia:0};function ia(r){const t=new bs;if(r==="none")return t;const e=ui(r).reduce((A,{name:i,args:s})=>(A[i]=s[0].normalizedIntValue,A),{});Object.keys(Aa).forEach(A=>{e[A]=e[A]??Aa[A]});for(const A in e){const i=e[A];switch(A){case"hue-rotate":t.hueRotate(i*Ae);break;case"saturate":t.saturate(i);break;case"brightness":t.brightness(i);break;case"contrast":t.contrast(i);break;case"invert":t.invert(i);break;case"sepia":t.sepia(i);break;case"opacity":t.opacity(i);break;case"grayscale":t.grayscale(i);break}}return t}function ra(r,t,e,A=new kt){return r=!r||r==="none"?"":r,ui(r,{width:t,height:e}).reverse().forEach(({name:i,args:s})=>{const n=s.map(o=>o.normalizedIntValue);switch(i){case"translate":A.translate(n[0]*t,(n[1]??n[0])*e);break;case"translateX":A.translateX(n[0]*t);break;case"translateY":A.translateY(n[0]*e);break;case"translateZ":A.translateZ(n[0]);break;case"translate3d":A.translate3d(n[0]*t,(n[1]??n[0])*e,n[2]??n[1]??n[0]);break;case"scale":A.scale(n[0],n[1]??n[0]);break;case"scaleX":A.scaleX(n[0]);break;case"scaleY":A.scaleY(n[0]);break;case"scale3d":A.scale3d(n[0],n[1]??n[0],n[2]??n[1]??n[0]);break;case"rotate":A.rotate(n[0]*Ae);break;case"rotateX":A.rotateX(n[0]*Ae);break;case"rotateY":A.rotateY(n[0]*Ae);break;case"rotateZ":A.rotateZ(n[0]*Ae);break;case"rotate3d":A.rotate3d(n[0]*Ae,(n[1]??n[0])*Ae,(n[2]??n[1]??n[0])*Ae,(n[3]??n[2]??n[1]??n[0])*Ae);break;case"skew":A.skew(n[0],n[0]??n[1]);break;case"skewX":A.skewX(n[0]);break;case"skewY":A.skewY(n[0]);break;case"matrix":A.set(n);break}}),A}function sa(r){const[t,e=t]=r.split(" ");return[t,e].map(A=>{switch(A=A.trim(),A){case"left":case"top":return 0;case"center":return .5;case"right":case"bottom":return 1;default:return Number(A)}})}class cr extends Ke{vertexAttributes;indexBuffer;instanceCount;mode;_materialWeakMap=new vs;constructor(t={}){super(),this.vertexAttributes=new Map(Object.entries(t?.vertexAttributes??{})),this.indexBuffer=t?.indexBuffer,this.instanceCount=t?.instanceCount,this.mode=t?.mode??"triangles"}_glVertexArray(t){return{attributes:Object.fromEntries(Array.from(this.vertexAttributes).map(([e,A])=>[e,{buffer:A.buffer._glBuffer(t),size:A.size,type:A.type,normalized:A.normalized,stride:A.stride,offset:A.offset,divisor:A.divisor}])),elementArrayBuffer:this.indexBuffer?._glBuffer(t)}}_glVertexArrayObject(t,e){let A=this._materialWeakMap.get(e);return A||(A={material:e.instanceId,geometry:this.instanceId},this._materialWeakMap.set(e,A)),t.getRelated(A,()=>t.vertexArray.create(e._glProgram(t),this._glVertexArray(t)))}draw(t,e,A){t.flush(),e.activate(t,A);const i=this._glVertexArrayObject(t,e);let s=!1,n;this.vertexAttributes.forEach(o=>{n?.instanceId!==o.buffer.instanceId&&(n=o.buffer,n.upload(t)&&(s=!0)),o.upload()&&(s=!0)}),this.indexBuffer?.upload(t)&&(s=!0),s&&i&&t.vertexArray.update(e._glProgram(t),i,this._glVertexArray(t)),t.vertexArray.bind(i??this._glVertexArray(t)),t.draw({mode:this.mode,instanceCount:this.instanceCount}),t.vertexArray.unbind()}}var Gh=Object.defineProperty,na=(r,t,e,A)=>{for(var i=void 0,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=n(t,e,i)||i);return i&&Gh(t,e,i),i};class NA extends Ke{needsUpload=!1;constructor(t){super(),this.setProperties(t)}_glBufferOptions(){return{target:"element_array_buffer",data:this.data,usage:this.dynamic?"dynamic_draw":"static_draw"}}_glBuffer(t){return t.getRelated(this,()=>t.buffer.create(this._glBufferOptions()))}_updateProperty(t,e,A,i){switch(super._updateProperty(t,e,A,i),t){case"data":case"dynamic":this.needsUpload=!0;break}}upload(t){const e=this.needsUpload;return e&&(this.needsUpload=!1,t.buffer.update(this._glBuffer(t),this._glBufferOptions())),e}}na([dt({default:null})],NA.prototype,"data"),na([dt({default:!1})],NA.prototype,"dynamic");var Oh=Object.defineProperty,oa=(r,t,e,A)=>{for(var i=void 0,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=n(t,e,i)||i);return i&&Oh(t,e,i),i};class ze extends Ke{needsUpload=!1;constructor(t){super(),this.setProperties(t)}_glBufferOptions(){return{target:"array_buffer",data:this.data,usage:this.dynamic?"dynamic_draw":"static_draw"}}_glBuffer(t){return t.getRelated(this,()=>t.buffer.create(this._glBufferOptions()))}_updateProperty(t,e,A,i){switch(super._updateProperty(t,e,A,i),t){case"data":case"dynamic":this.needsUpload=!0;break}}upload(t){const e=this.needsUpload;return e&&(this.needsUpload=!1,t.buffer.update(this._glBuffer(t),this._glBufferOptions())),e}}oa([dt({default:null})],ze.prototype,"data"),oa([dt({default:!1})],ze.prototype,"dynamic");var Hh=Object.defineProperty,yA=(r,t,e,A)=>{for(var i=void 0,s=r.length-1,n;s>=0;s--)(n=r[s])&&(i=n(t,e,i)||i);return i&&Hh(t,e,i),i};class ge extends Ke{stride;offset;divisor;needsUpload=!1;constructor(t){super(),this.setProperties({buffer:new ze,...t})}_updateProperty(t,e,A,i){switch(super._updateProperty(t,e,A,i),t){case"buffer":case"size":case"normalized":case"type":case"stride":case"offset":case"divisor":this.needsUpload=!0;break}}upload(){const t=this.needsUpload;return t&&(this.needsUpload=!1),t}}yA([dt()],ge.prototype,"buffer"),yA([dt({default:0})],ge.prototype,"size"),yA([dt({default:!1})],ge.prototype,"normalized"),yA([dt({default:"float"})],ge.prototype,"type"),yA([dt()],ge.prototype,"stride"),yA([dt()],ge.prototype,"offset"),yA([dt()],ge.prototype,"divisor");class Jh extends cr{constructor(){super({vertexAttributes:{position:new ge({buffer:new ze({data:new Float32Array([0,0,1,0,1,1,0,1]),dynamic:!1}),size:2,normalized:!1,type:"float"})},indexBuffer:new NA({data:new Uint16Array([0,1,3,2]),dynamic:!1}),mode:"triangle_strip"})}}class Qt extends Ke{static instance=new this;vert;frag;uniforms;constructor(t={}){super(),this.vert=t.vert??`precision highp float;
 attribute vec2 position;
 uniform mat3 projectionMatrix;
 uniform mat3 modelViewMatrix;

package/dist/index.mjs

@@ -4294,7 +4294,7 @@ function parseCSSFilter(filter) {
 
 function parseCSSTransform(transform, width, height, output = new Transform2D()) {
   transform = !transform || transform === "none" ? "" : transform;
-  parseCssFunctions(transform, { width, height }).forEach(({ name, args }) => {
+  parseCssFunctions(transform, { width, height }).reverse().forEach(({ name, args }) => {
     const values = args.map((arg) => arg.normalizedIntValue);
     switch (name) {
       case "translate":

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",