war3-model-blp 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017-2023 4eb0da
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/NOTICE

@@ -0,0 +1,5 @@
+war3-model-blp.js contains the BLP1 decoder extracted from war3-model 4.0.1.
+Source: https://github.com/4eb0da/war3-model
+License: MIT (see war3-model.LICENSE.txt)
+
+Bundled exports: decodeBLP, getBLPImageData

package/README.md

@@ -0,0 +1,88 @@
+# war3-model-blp
+
+Lightweight BLP functionality extracted from [war3-model](https://github.com/4eb0da/war3-model), focused on BLP image decoding without the full model viewer/runtime.
+
+This package currently exposes the BLP1 decoder bundled from `war3-model` 4.0.1.
+
+## Install
+
+```sh
+npm install war3-model-blp
+```
+
+## Usage
+
+### Node.js
+
+```js
+const fs = require("node:fs");
+const { decodeBLP, getBLPImageData } = require("war3-model-blp");
+
+const buffer = fs.readFileSync("ReplaceableTextures/CommandButtons/BTNFootman.blp");
+const blp = decodeBLP(buffer.buffer.slice(buffer.byteOffset, buffer.byteOffset + buffer.byteLength));
+const imageData = getBLPImageData(blp, 0);
+
+console.log(imageData.width, imageData.height, imageData.data);
+```
+
+Run the Node example with a local BLP file:
+
+```sh
+node examples/node.cjs path/to/file.blp
+```
+
+### Browser
+
+```html
+<script src="dist/war3-model-blp.js"></script>
+<script>
+  const { decodeBLP, getBLPImageData } = globalThis.war3modelBlp;
+</script>
+```
+
+## Browser demo
+
+Open [examples/browser.html](examples/browser.html) in a browser, choose a `.blp` file, and the demo will decode mipmap 0 onto a canvas.
+
+## Tests
+
+```sh
+npm test
+```
+
+The automated test is Node-only and verifies the package entry plus a synthetic 1x1 red BLP1 fixture stored at [test/fixtures/red-1x1.blp](test/fixtures/red-1x1.blp). The browser test case is intentionally kept as [examples/browser.html](examples/browser.html), because it needs a real browser and a local `.blp` file selected by the user.
+
+## API
+
+### `decodeBLP(arrayBuffer)`
+
+Parses a BLP1 image from an `ArrayBuffer` and returns decoded metadata plus mipmap information.
+
+### `getBLPImageData(blp, mipmapIndex)`
+
+Decodes one mipmap from the object returned by `decodeBLP`.
+
+Returns an `ImageData` object when `ImageData` is available. In non-browser runtimes it returns an ImageData-like object:
+
+```js
+{
+  width: number,
+  height: number,
+  data: Uint8ClampedArray,
+  colorSpace: "srgb"
+}
+```
+
+## Scope
+
+- BLP1 is supported.
+- BLP0 and BLP2 are not supported by this extracted decoder.
+- This package is intended as a small decoder bundle, not a full `war3-model` replacement.
+
+## Attribution
+
+The decoder is extracted from `war3-model` 4.0.1.
+
+Source: <https://github.com/4eb0da/war3-model>
+
+License: MIT. See [LICENSE](LICENSE) and [NOTICE](NOTICE).

package/dist/war3-model-blp.js

@@ -0,0 +1,825 @@
+(()=>{var ge=function(e){return e[e.INT1=0]="INT1",e[e.FLOAT1=1]="FLOAT1",e[e.FLOAT3=2]="FLOAT3",e[e.FLOAT4=3]="FLOAT4",e}(ge||{}),rr={[ge.INT1]:1,[ge.FLOAT1]:1,[ge.FLOAT3]:3,[ge.FLOAT4]:4};var pe=function(e){return e[e.INT1=0]="INT1",e[e.FLOAT1=1]="FLOAT1",e[e.FLOAT3=2]="FLOAT3",e[e.FLOAT4=3]="FLOAT4",e}(pe||{}),tr={[pe.INT1]:1,[pe.FLOAT1]:1,[pe.FLOAT3]:3,[pe.FLOAT4]:4};var me=function(e){return e[e.INT1=0]="INT1",e[e.FLOAT1=1]="FLOAT1",e[e.FLOAT3=2]="FLOAT3",e[e.FLOAT4=3]="FLOAT4",e}(me||{}),nr={[me.INT1]:1,[me.FLOAT1]:1,[me.FLOAT3]:3,[me.FLOAT4]:4};var De=function(e){return e[e.BLP0=0]="BLP0",e[e.BLP1=1]="BLP1",e[e.BLP2=2]="BLP2",e}({}),xe=function(e){return e[e.JPEG=0]="JPEG",e[e.Direct=1]="Direct",e}({}),Re=function(){"use strict";var r=new Int32Array([0,1,8,16,9,2,3,10,17,24,32,25,18,11,4,5,12,19,26,33,40,48,41,34,27,20,13,6,7,14,21,28,35,42,49,56,57,50,43,36,29,22,15,23,30,37,44,51,58,59,52,45,38,31,39,46,53,60,61,54,47,55,62,63]),a=4017,n=799,s=3406,g=2276,T=1567,b=3784,F=5793,k=2896;function I(){}function J(B,h){for(var t=0,E=[],x,i,c=16;c>0&&!B[c-1];)c--;E.push({children:[],index:0});var d=E[0],o;for(x=0;x<c;x++){for(i=0;i<B[x];i++){for(d=E.pop(),d.children[d.index]=h[t];d.index>0;)d=E.pop();for(d.index++,E.push(d);E.length<=x;)E.push(o={children:[],index:0}),d.children[d.index]=o.children,d=o;t++}x+1<c&&(E.push(o={children:[],index:0}),d.children[d.index]=o.children,d=o)}return E[0].children}function M(B,h,t){return 64*((B.blocksPerLine+1)*h+t)}function H(B,h,t,E,x,i,c,d,o){t.precision,t.samplesPerLine,t.scanLines;var S=t.mcusPerLine,y=t.progressive;t.maxH,t.maxV;var A=h,l=0,v=0;function u(){if(v>0)return v--,l>>v&1;if(l=B[h++],l==255){var m=B[h++];if(m)throw"unexpected marker: "+(l<<8|m).toString(16)}return v=7,l>>>7}function f(m){for(var P=m,L;(L=u())!==null;){if(P=P[L],typeof P=="number")return P;if(typeof P!="object")throw"invalid huffman sequence"}return null}function R(m){for(var P=0;m>0;){var L=u();if(L===null)return;P=P<<1|L,m--}return P}function p(m){var P=R(m);return P>=1<<m-1?P:P+(-1<<m)+1}function fe(m,P){var L=f(m.huffmanTableDC),U=L===0?0:p(L);m.blockData[P]=m.pred+=U;for(var C=1;C<64;){var D=f(m.huffmanTableAC),w=D&15,Y=D>>4;if(w===0){if(Y<15)break;C+=16;continue}C+=Y;var Se=r[C];m.blockData[P+Se]=p(w),C++}}function K(m,P){var L=f(m.huffmanTableDC),U=L===0?0:p(L)<<o;m.blockData[P]=m.pred+=U}function $(m,P){m.blockData[P]|=u()<<o}var _=0;function re(m,P){if(_>0){_--;return}for(var L=i,U=c;L<=U;){var C=f(m.huffmanTableAC),D=C&15,w=C>>4;if(D===0){if(w<15){_=R(w)+(1<<w)-1;break}L+=16;continue}L+=w;var Y=r[L];m.blockData[P+Y]=p(D)*(1<<o),L++}}var O=0,X;function ie(m,P){for(var L=i,U=c,C=0;L<=U;){var D=r[L];switch(O){case 0:var w=f(m.huffmanTableAC),Y=w&15,C=w>>4;if(Y===0)C<15?(_=R(C)+(1<<C),O=4):(C=16,O=1);else{if(Y!==1)throw"invalid ACn encoding";X=p(Y),O=C?2:3}continue;case 1:case 2:m.blockData[P+D]?m.blockData[P+D]+=u()<<o:(C--,C===0&&(O=O==2?3:0));break;case 3:m.blockData[P+D]?m.blockData[P+D]+=u()<<o:(m.blockData[P+D]=X<<o,O=0);break;case 4:m.blockData[P+D]&&(m.blockData[P+D]+=u()<<o);break}L++}O===4&&(_--,_===0&&(O=0))}function oe(m,P,L,U,C){var D=L/S|0,w=L%S;P(m,M(m,D*m.v+U,w*m.h+C))}function te(m,P,L){P(m,M(m,L/m.blocksPerLine|0,L%m.blocksPerLine))}var j=E.length,z,W,ae,Z,Q,se;y?i===0?se=d===0?K:$:se=d===0?re:ie:se=fe;var ne=0,V,ue;j==1?ue=E[0].blocksPerLine*E[0].blocksPerColumn:ue=S*t.mcusPerColumn,x||(x=ue);for(var de,be;ne<ue;){for(W=0;W<j;W++)E[W].pred=0;if(_=0,j==1)for(z=E[0],Q=0;Q<x;Q++)te(z,se,ne),ne++;else for(Q=0;Q<x;Q++){for(W=0;W<j;W++)for(z=E[W],de=z.h,be=z.v,ae=0;ae<be;ae++)for(Z=0;Z<de;Z++)oe(z,se,ne,ae,Z);ne++}if(v=0,V=B[h]<<8|B[h+1],V<=65280)throw"marker was not found";if(V>=65488&&V<=65495)h+=2;else break}return h-A}function ce(B,h,t){var E=B.quantizationTable,x,i,c,d,o,S,y,A,l,v;for(v=0;v<64;v++)t[v]=B.blockData[h+v]*E[v];for(v=0;v<8;++v){var u=8*v;if(t[1+u]==0&&t[2+u]==0&&t[3+u]==0&&t[4+u]==0&&t[5+u]==0&&t[6+u]==0&&t[7+u]==0){l=F*t[0+u]+512>>10,t[0+u]=l,t[1+u]=l,t[2+u]=l,t[3+u]=l,t[4+u]=l,t[5+u]=l,t[6+u]=l,t[7+u]=l;continue}x=F*t[0+u]+128>>8,i=F*t[4+u]+128>>8,c=t[2+u],d=t[6+u],o=k*(t[1+u]-t[7+u])+128>>8,A=k*(t[1+u]+t[7+u])+128>>8,S=t[3+u]<<4,y=t[5+u]<<4,l=x-i+1>>1,x=x+i+1>>1,i=l,l=c*b+d*T+128>>8,c=c*T-d*b+128>>8,d=l,l=o-y+1>>1,o=o+y+1>>1,y=l,l=A+S+1>>1,S=A-S+1>>1,A=l,l=x-d+1>>1,x=x+d+1>>1,d=l,l=i-c+1>>1,i=i+c+1>>1,c=l,l=o*g+A*s+2048>>12,o=o*s-A*g+2048>>12,A=l,l=S*n+y*a+2048>>12,S=S*a-y*n+2048>>12,y=l,t[0+u]=x+A,t[7+u]=x-A,t[1+u]=i+y,t[6+u]=i-y,t[2+u]=c+S,t[5+u]=c-S,t[3+u]=d+o,t[4+u]=d-o}for(v=0;v<8;++v){var f=v;if(t[8+f]==0&&t[16+f]==0&&t[24+f]==0&&t[32+f]==0&&t[40+f]==0&&t[48+f]==0&&t[56+f]==0){l=F*t[v+0]+8192>>14,t[0+f]=l,t[8+f]=l,t[16+f]=l,t[24+f]=l,t[32+f]=l,t[40+f]=l,t[48+f]=l,t[56+f]=l;continue}x=F*t[0+f]+2048>>12,i=F*t[32+f]+2048>>12,c=t[16+f],d=t[48+f],o=k*(t[8+f]-t[56+f])+2048>>12,A=k*(t[8+f]+t[56+f])+2048>>12,S=t[24+f],y=t[40+f],l=x-i+1>>1,x=x+i+1>>1,i=l,l=c*b+d*T+2048>>12,c=c*T-d*b+2048>>12,d=l,l=o-y+1>>1,o=o+y+1>>1,y=l,l=A+S+1>>1,S=A-S+1>>1,A=l,l=x-d+1>>1,x=x+d+1>>1,d=l,l=i-c+1>>1,i=i+c+1>>1,c=l,l=o*g+A*s+2048>>12,o=o*s-A*g+2048>>12,A=l,l=S*n+y*a+2048>>12,S=S*a-y*n+2048>>12,y=l,t[0+f]=x+A,t[56+f]=x-A,t[8+f]=i+y,t[48+f]=i-y,t[16+f]=c+S,t[40+f]=c-S,t[24+f]=d+o,t[32+f]=d-o}for(v=0;v<64;++v){var R=h+v,p=t[v];p=p<=-2056?0:p>=2024?255:p+2056>>4,B.blockData[R]=p}}function ee(B,h){var t=h.blocksPerLine,E=h.blocksPerColumn;t<<3;for(var x=new Int32Array(64),i=0;i<E;i++)for(var c=0;c<t;c++)ce(h,M(h,i,c),x);return h.blockData}function q(B){return B<=0?0:B>=255?255:B|0}return I.prototype={load:function(h){var t=new XMLHttpRequest;t.open("GET",h,!0),t.responseType="arraybuffer",t.onload=function(){var E=new Uint8Array(t.response||t.mozResponseArrayBuffer);this.parse(E),this.onload&&this.onload()}.bind(this),t.send(null)},loadFromBuffer:function(h){this.parse(h),this.onload&&this.onload()},parse:function(h){function t(){var U=h[i]<<8|h[i+1];return i+=2,U}function E(){var U=t(),C=h.subarray(i,i+U-2);return i+=C.length,C}function x(U){for(var C=Math.ceil(U.samplesPerLine/8/U.maxH),D=Math.ceil(U.scanLines/8/U.maxV),w=0;w<U.components.length;w++){V=U.components[w];var Y=Math.ceil(Math.ceil(U.samplesPerLine/8)*V.h/U.maxH),Se=Math.ceil(Math.ceil(U.scanLines/8)*V.v/U.maxV),Ve=C*V.h,Me=64*(D*V.v)*(Ve+1);V.blockData=new Int16Array(Me),V.blocksPerLine=Y,V.blocksPerColumn=Se}U.mcusPerLine=C,U.mcusPerColumn=D}var i=0;h.length;var c=null,d=null,o,S,y=[],A=[],l=[],v=t();if(v!=65496)throw"SOI not found";for(v=t();v!=65497;){var u,f,R;switch(v){case 65504:case 65505:case 65506:case 65507:case 65508:case 65509:case 65510:case 65511:case 65512:case 65513:case 65514:case 65515:case 65516:case 65517:case 65518:case 65519:case 65534:var p=E();v===65504&&p[0]===74&&p[1]===70&&p[2]===73&&p[3]===70&&p[4]===0&&(c={version:{major:p[5],minor:p[6]},densityUnits:p[7],xDensity:p[8]<<8|p[9],yDensity:p[10]<<8|p[11],thumbWidth:p[12],thumbHeight:p[13],thumbData:p.subarray(14,14+3*p[12]*p[13])}),v===65518&&p[0]===65&&p[1]===100&&p[2]===111&&p[3]===98&&p[4]===101&&p[5]===0&&(d={version:p[6],flags0:p[7]<<8|p[8],flags1:p[9]<<8|p[10],transformCode:p[11]});break;case 65499:for(var fe=t()+i-2;i<fe;){var K=h[i++],$=new Int32Array(64);if(K>>4===0)for(f=0;f<64;f++){var _=r[f];$[_]=h[i++]}else if(K>>4===1)for(f=0;f<64;f++){var _=r[f];$[_]=t()}else throw"DQT: invalid table spec";y[K&15]=$}break;case 65472:case 65473:case 65474:if(o)throw"Only single frame JPEGs supported";t(),o={},o.extended=v===65473,o.progressive=v===65474,o.precision=h[i++],o.scanLines=t(),o.samplesPerLine=t(),o.components=[],o.componentIds={};var re=h[i++],O,X=0,ie=0;for(u=0;u<re;u++){O=h[i];var oe=h[i+1]>>4,te=h[i+1]&15;X<oe&&(X=oe),ie<te&&(ie=te);var j=h[i+2],R=o.components.push({h:oe,v:te,quantizationTable:y[j]});o.componentIds[O]=R-1,i+=3}o.maxH=X,o.maxV=ie,x(o);break;case 65476:var z=t();for(u=2;u<z;){var W=h[i++],ae=new Uint8Array(16),Z=0;for(f=0;f<16;f++,i++)Z+=ae[f]=h[i];var Q=new Uint8Array(Z);for(f=0;f<Z;f++,i++)Q[f]=h[i];u+=17+Z,(W>>4===0?l:A)[W&15]=J(ae,Q)}break;case 65501:t(),S=t();break;case 65498:t();var se=h[i++],ne=[],V;for(u=0;u<se;u++){var ue=o.componentIds[h[i++]];V=o.components[ue];var de=h[i++];V.huffmanTableDC=l[de>>4],V.huffmanTableAC=A[de&15],ne.push(V)}var be=h[i++],m=h[i++],P=h[i++],L=H(h,i,o,ne,S,be,m,P>>4,P&15);i+=L;break;default:if(h[i-3]==255&&h[i-2]>=192&&h[i-2]<=254){i-=3;break}throw"unknown JPEG marker "+v.toString(16)}v=t()}this.width=o.samplesPerLine,this.height=o.scanLines,this.jfif=c,this.adobe=d,this.components=[];for(var u=0;u<o.components.length;u++){var V=o.components[u];this.components.push({output:ee(o,V),scaleX:V.h/o.maxH,scaleY:V.v/o.maxV,blocksPerLine:V.blocksPerLine,blocksPerColumn:V.blocksPerColumn})}},getData:function(h,t,E){var x=this.width/t,i=this.height/E,c,d,o,S,y,A,l=0,v=this.components.length;t*E*v;var u=h.data,f=new Uint8Array((this.components[0].blocksPerLine<<3)*this.components[0].blocksPerColumn*8);for(A=0;A<v;A++){c=this.components[A<3?2-A:A];for(var R=c.blocksPerLine,p=c.blocksPerColumn,fe=R<<3,K,$,_=0,re=0;re<p;re++)for(var O=re<<3,X=0;X<R;X++){var ie=M(c,re,X),l=0,oe=X<<3;for(K=0;K<8;K++){var _=(O+K)*fe;for($=0;$<8;$++)f[_+oe+$]=c.output[ie+l++]}}d=c.scaleX*x,o=c.scaleY*i,l=A;var te,j,z;for(y=0;y<E;y++)for(S=0;S<t;S++)j=0|y*o,te=0|S*d,z=j*fe+te,u[l]=f[z],l+=v}return u},copyToImageData:function(h){var t=h.width,E=h.height,x=t*E*4,i=h.data,c=this.getData(t,E),d=0,o=0,S,y,A,l,v,u,f,R,p;switch(this.components.length){case 1:for(;o<x;)A=c[d++],i[o++]=A,i[o++]=A,i[o++]=A,i[o++]=255;break;case 3:for(;o<x;)f=c[d++],R=c[d++],p=c[d++],i[o++]=f,i[o++]=R,i[o++]=p,i[o++]=255;break;case 4:for(;o<x;)v=c[d++],u=c[d++],A=c[d++],l=c[d++],S=255-l,y=S/255,f=q(S-v*y),R=q(S-u*y),p=q(S-A*y),i[o++]=f,i[o++]=R,i[o++]=p,i[o++]=255;break;default:throw"Unsupported color mode"}}},I}();function we(e){let r=new Re;r.loadFromBuffer(e);var a;return typeof ImageData<"u"?a=new ImageData(r.width,r.height):a={width:r.width,height:r.height,data:new Uint8ClampedArray(r.width*r.height*4)},r.getData(a,r.width,r.height),a}function Ge(e,r){return String.fromCharCode(e.getUint8(r),e.getUint8(r+1),e.getUint8(r+2),e.getUint8(r+3))}function le(e,r){return e.getUint32(r*4,!0)}function Ie(e,r,a){let n=e[Math.floor(a*r/8)],s=8/r;return n>>s-a%s-1&(1<<r)-1}function _e(e,r){return typeof ImageData<"u"?new ImageData(e,r):{width:e,height:r,data:new Uint8ClampedArray(e*r*4),colorSpace:"srgb"}}function Fe(e){let r=new DataView(e),a={type:De.BLP1,width:0,height:0,content:xe.JPEG,alphaBits:0,mipmaps:[],data:e},n=Ge(r,0);if(n==="BLP0"||n==="BLP2")throw new Error("BLP0/BLP2 not supported");if(n!=="BLP1")throw new Error("Not a blp image");if(a.content=le(r,1),a.content!==xe.JPEG&&a.content!==xe.Direct)throw new Error("Unknown BLP content");a.alphaBits=le(r,2),a.width=le(r,3),a.height=le(r,4);for(let s=0;s<16;++s){let g={offset:le(r,7+s),size:le(r,23+s)};if(g.size>0)a.mipmaps.push(g);else break}return a}function Ue(e,r){let a=new DataView(e.data),n=new Uint8Array(e.data),s=e.mipmaps[r];if(e.content===xe.JPEG){let g=le(a,39),T=new Uint8Array(g+s.size);return T.set(n.subarray(160,160+g)),T.set(n.subarray(s.offset,s.offset+s.size),g),we(T)}else{let g=new Uint8Array(e.data,156,1024),T=e.width/(1<<r),b=e.height/(1<<r),F=T*b,k=new Uint8Array(e.data,s.offset+F,Math.ceil(F*e.alphaBits/8)),I=_e(T,b),J=255/((1<<e.alphaBits)-1);for(let M=0;M<F;++M){let H=a.getUint8(s.offset+M)*4;I.data[M*4]=g[H+2],I.data[M*4+1]=g[H+1],I.data[M*4+2]=g[H],e.alphaBits>0?I.data[M*4+3]=Ie(k,e.alphaBits,M)*J:I.data[M*4+3]=255}return I}}var N=typeof Float32Array<"u"?Float32Array:Array;Math.PI/180;Math.hypot||(Math.hypot=function(){for(var e=0,r=arguments.length;r--;)e+=arguments[r]*arguments[r];return Math.sqrt(e)});function Le(){var e=new N(9);return N!=Float32Array&&(e[1]=0,e[2]=0,e[3]=0,e[5]=0,e[6]=0,e[7]=0),e[0]=1,e[4]=1,e[8]=1,e}function Ae(){var e=new N(16);return N!=Float32Array&&(e[1]=0,e[2]=0,e[3]=0,e[4]=0,e[6]=0,e[7]=0,e[8]=0,e[9]=0,e[11]=0,e[12]=0,e[13]=0,e[14]=0),e[0]=1,e[5]=1,e[10]=1,e[15]=1,e}function G(){var e=new N(3);return N!=Float32Array&&(e[0]=0,e[1]=0,e[2]=0),e}function Oe(e){var r=e[0],a=e[1],n=e[2];return Math.hypot(r,a,n)}function ve(e,r,a){var n=new N(3);return n[0]=e,n[1]=r,n[2]=a,n}function Ne(e,r){var a=r[0],n=r[1],s=r[2],g=a*a+n*n+s*s;return g>0&&(g=1/Math.sqrt(g)),e[0]=r[0]*g,e[1]=r[1]*g,e[2]=r[2]*g,e}function ke(e,r){return e[0]*r[0]+e[1]*r[1]+e[2]*r[2]}function ye(e,r,a){var n=r[0],s=r[1],g=r[2],T=a[0],b=a[1],F=a[2];return e[0]=s*F-g*b,e[1]=g*T-n*F,e[2]=n*b-s*T,e}var He=Oe;(function(){var e=G();return function(r,a,n,s,g,T){var b,F;for(a||(a=3),n||(n=0),s?F=Math.min(s*a+n,r.length):F=r.length,b=n;b<F;b+=a)e[0]=r[b],e[1]=r[b+1],e[2]=r[b+2],g(e,e,T),r[b]=e[0],r[b+1]=e[1],r[b+2]=e[2];return r}})();function Pe(){var e=new N(4);return N!=Float32Array&&(e[0]=0,e[1]=0,e[2]=0,e[3]=0),e}function Xe(e,r,a,n){var s=new N(4);return s[0]=e,s[1]=r,s[2]=a,s[3]=n,s}function ze(e,r){var a=r[0],n=r[1],s=r[2],g=r[3],T=a*a+n*n+s*s+g*g;return T>0&&(T=1/Math.sqrt(T)),e[0]=a*T,e[1]=n*T,e[2]=s*T,e[3]=g*T,e}(function(){var e=Pe();return function(r,a,n,s,g,T){var b,F;for(a||(a=4),n||(n=0),s?F=Math.min(s*a+n,r.length):F=r.length,b=n;b<F;b+=a)e[0]=r[b],e[1]=r[b+1],e[2]=r[b+2],e[3]=r[b+3],g(e,e,T),r[b]=e[0],r[b+1]=e[1],r[b+2]=e[2],r[b+3]=e[3];return r}})();function Te(){var e=new N(4);return N!=Float32Array&&(e[0]=0,e[1]=0,e[2]=0),e[3]=1,e}function We(e,r,a){a=a*.5;var n=Math.sin(a);return e[0]=n*r[0],e[1]=n*r[1],e[2]=n*r[2],e[3]=Math.cos(a),e}function Ee(e,r,a,n){var s=r[0],g=r[1],T=r[2],b=r[3],F=a[0],k=a[1],I=a[2],J=a[3],M,H=s*F+g*k+T*I+b*J,ce,ee,q;return H<0&&(H=-H,F=-F,k=-k,I=-I,J=-J),1-H>1e-6?(M=Math.acos(H),ce=Math.sin(M),ee=Math.sin((1-n)*M)/ce,q=Math.sin(n*M)/ce):(ee=1-n,q=n),e[0]=ee*s+q*F,e[1]=ee*g+q*k,e[2]=ee*T+q*I,e[3]=ee*b+q*J,e}function qe(e,r){var a=r[0]+r[4]+r[8],n;if(a>0)n=Math.sqrt(a+1),e[3]=.5*n,n=.5/n,e[0]=(r[5]-r[7])*n,e[1]=(r[6]-r[2])*n,e[2]=(r[1]-r[3])*n;else{var s=0;r[4]>r[0]&&(s=1),r[8]>r[s*3+s]&&(s=2);var g=(s+1)%3,T=(s+2)%3;n=Math.sqrt(r[s*3+s]-r[g*3+g]-r[T*3+T]+1),e[s]=.5*n,n=.5/n,e[3]=(r[g*3+T]-r[T*3+g])*n,e[g]=(r[g*3+s]+r[s*3+g])*n,e[T]=(r[T*3+s]+r[s*3+T])*n}return e}var Ke=Xe;var Ce=ze,ir=function(){var e=G(),r=ve(1,0,0),a=ve(0,1,0);return function(n,s,g){var T=ke(s,g);return T<-.999999?(ye(e,r,s),He(e)<1e-6&&ye(e,a,s),Ne(e,e),We(n,e,Math.PI),n):T>.999999?(n[0]=0,n[1]=0,n[2]=0,n[3]=1,n):(ye(e,s,g),n[0]=e[0],n[1]=e[1],n[2]=e[2],n[3]=1+T,Ce(n,n))}}(),or=function(){var e=Te(),r=Te();return function(a,n,s,g,T,b){return Ee(e,n,T,b),Ee(r,s,g,b),Ee(a,e,r,2*b*(1-b)),a}}();(function(){var e=Le();return function(r,a,n,s){return e[0]=n[0],e[3]=n[1],e[6]=n[2],e[1]=s[0],e[4]=s[1],e[7]=s[2],e[2]=-a[0],e[5]=-a[1],e[8]=-a[2],Ce(r,qe(r,e))}})();var ar=ve(0,0,0),sr=Pe(),lr=Pe(),fr=Pe(),ur=G(),hr=G();var $e=`attribute vec3 aVertexPosition;
+attribute vec3 aNormal;
+attribute vec2 aTextureCoord;
+attribute vec4 aGroup;
+
+uniform mat4 uMVMatrix;
+uniform mat4 uPMatrix;
+uniform mat4 uNodesMatrices[\${MAX_NODES}];
+
+varying vec3 vNormal;
+varying vec2 vTextureCoord;
+
+void main(void) {
+    vec4 position = vec4(aVertexPosition, 1.0);
+    int count = 1;
+    vec4 sum = uNodesMatrices[int(aGroup[0])] * position;
+
+    if (aGroup[1] < \${MAX_NODES}.) {
+        sum += uNodesMatrices[int(aGroup[1])] * position;
+        count += 1;
+    }
+    if (aGroup[2] < \${MAX_NODES}.) {
+        sum += uNodesMatrices[int(aGroup[2])] * position;
+        count += 1;
+    }
+    if (aGroup[3] < \${MAX_NODES}.) {
+        sum += uNodesMatrices[int(aGroup[3])] * position;
+        count += 1;
+    }
+    sum.xyz /= float(count);
+    sum.w = 1.;
+    position = sum;
+
+    gl_Position = uPMatrix * uMVMatrix * position;
+    vTextureCoord = aTextureCoord;
+    vNormal = aNormal;
+}`;var Ye=`attribute vec3 aVertexPosition;
+attribute vec3 aNormal;
+attribute vec2 aTextureCoord;
+attribute vec4 aSkin;
+attribute vec4 aBoneWeight;
+attribute vec4 aTangent;
+
+uniform mat4 uMVMatrix;
+uniform mat4 uPMatrix;
+uniform mat4 uNodesMatrices[\${MAX_NODES}];
+
+varying vec3 vNormal;
+varying vec3 vTangent;
+varying vec3 vBinormal;
+varying vec2 vTextureCoord;
+varying mat3 vTBN;
+varying vec3 vFragPos;
+
+void main(void) {
+    vec4 position = vec4(aVertexPosition, 1.0);
+    mat4 sum;
+
+    // sum += uNodesMatrices[int(aSkin[0])] * 1.;
+    sum += uNodesMatrices[int(aSkin[0])] * aBoneWeight[0];
+    sum += uNodesMatrices[int(aSkin[1])] * aBoneWeight[1];
+    sum += uNodesMatrices[int(aSkin[2])] * aBoneWeight[2];
+    sum += uNodesMatrices[int(aSkin[3])] * aBoneWeight[3];
+
+    mat3 rotation = mat3(sum);
+
+    position = sum * position;
+    position.w = 1.;
+
+    gl_Position = uPMatrix * uMVMatrix * position;
+    vTextureCoord = aTextureCoord;
+
+    vec3 normal = aNormal;
+    vec3 tangent = aTangent.xyz;
+
+    // https://learnopengl.com/Advanced-Lighting/Normal-Mapping
+    tangent = normalize(tangent - dot(tangent, normal) * normal);
+
+    vec3 binormal = cross(normal, tangent) * aTangent.w;
+
+    normal = normalize(rotation * normal);
+    tangent = normalize(rotation * tangent);
+    binormal = normalize(rotation * binormal);
+
+    vNormal = normal;
+    vTangent = tangent;
+    vBinormal = binormal;
+
+    vTBN = mat3(tangent, binormal, normal);
+
+    vFragPos = position.xyz;
+}`,je=`#version 300 es
+in vec3 aVertexPosition;
+in vec3 aNormal;
+in vec2 aTextureCoord;
+in vec4 aSkin;
+in vec4 aBoneWeight;
+in vec4 aTangent;
+
+uniform mat4 uMVMatrix;
+uniform mat4 uPMatrix;
+uniform mat4 uNodesMatrices[\${MAX_NODES}];
+
+out vec3 vNormal;
+out vec3 vTangent;
+out vec3 vBinormal;
+out vec2 vTextureCoord;
+out mat3 vTBN;
+out vec3 vFragPos;
+
+void main(void) {
+    vec4 position = vec4(aVertexPosition, 1.0);
+    mat4 sum;
+
+    // sum += uNodesMatrices[int(aSkin[0])] * 1.;
+    sum += uNodesMatrices[int(aSkin[0])] * aBoneWeight[0];
+    sum += uNodesMatrices[int(aSkin[1])] * aBoneWeight[1];
+    sum += uNodesMatrices[int(aSkin[2])] * aBoneWeight[2];
+    sum += uNodesMatrices[int(aSkin[3])] * aBoneWeight[3];
+
+    mat3 rotation = mat3(sum);
+
+    position = sum * position;
+    position.w = 1.;
+
+    gl_Position = uPMatrix * uMVMatrix * position;
+    vTextureCoord = aTextureCoord;
+
+    vec3 normal = aNormal;
+    vec3 tangent = aTangent.xyz;
+
+    // https://learnopengl.com/Advanced-Lighting/Normal-Mapping
+    tangent = normalize(tangent - dot(tangent, normal) * normal);
+
+    vec3 binormal = cross(normal, tangent) * aTangent.w;
+
+    normal = normalize(rotation * normal);
+    tangent = normalize(rotation * tangent);
+    binormal = normalize(rotation * binormal);
+
+    vNormal = normal;
+    vTangent = tangent;
+    vBinormal = binormal;
+
+    vTBN = mat3(tangent, binormal, normal);
+
+    vFragPos = position.xyz;
+}`;var Ze=`#version 300 es
+precision mediump float;
+
+in vec2 vTextureCoord;
+in vec3 vNormal;
+in vec3 vTangent;
+in vec3 vBinormal;
+in mat3 vTBN;
+in vec3 vFragPos;
+
+out vec4 FragColor;
+
+uniform sampler2D uSampler;
+uniform sampler2D uNormalSampler;
+uniform sampler2D uOrmSampler;
+uniform vec3 uReplaceableColor;
+uniform float uDiscardAlphaLevel;
+uniform mat3 uTVertexAnim;
+uniform vec3 uLightPos;
+uniform vec3 uLightColor;
+uniform vec3 uCameraPos;
+uniform vec3 uShadowParams;
+uniform sampler2D uShadowMapSampler;
+uniform mat4 uShadowMapLightMatrix;
+uniform bool uHasEnv;
+uniform samplerCube uIrradianceMap;
+uniform samplerCube uPrefilteredEnv;
+uniform sampler2D uBRDFLUT;
+uniform float uWireframe;
+
+const float PI = 3.14159265359;
+const float gamma = 2.2;
+const float MAX_REFLECTION_LOD = \${MAX_ENV_MIP_LEVELS};
+
+float distributionGGX(vec3 normal, vec3 halfWay, float roughness) {
+    float a = roughness * roughness;
+    float a2 = a * a;
+    float nDotH = max(dot(normal, halfWay), 0.0);
+    float nDotH2 = nDotH * nDotH;
+
+    float num = a2;
+    float denom = (nDotH2 * (a2 - 1.0) + 1.0);
+    denom = PI * denom * denom;
+
+    return num / denom;
+}
+
+float geometrySchlickGGX(float nDotV, float roughness) {
+    float r = roughness + 1.;
+    float k = r * r / 8.;
+    // float k = roughness * roughness / 2.;
+
+    float num = nDotV;
+    float denom = nDotV * (1. - k) + k;
+
+    return num / denom;
+}
+
+float geometrySmith(vec3 normal, vec3 viewDir, vec3 lightDir, float roughness) {
+    float nDotV = max(dot(normal, viewDir), .0);
+    float nDotL = max(dot(normal, lightDir), .0);
+    float ggx2  = geometrySchlickGGX(nDotV, roughness);
+    float ggx1  = geometrySchlickGGX(nDotL, roughness);
+
+    return ggx1 * ggx2;
+}
+
+vec3 fresnelSchlick(float lightFactor, vec3 f0) {
+    return f0 + (1. - f0) * pow(clamp(1. - lightFactor, 0., 1.), 5.);
+}
+
+vec3 fresnelSchlickRoughness(float lightFactor, vec3 f0, float roughness) {
+    return f0 + (max(vec3(1.0 - roughness), f0) - f0) * pow(clamp(1.0 - lightFactor, 0.0, 1.0), 5.0);
+}
+
+void main(void) {
+    if (uWireframe > 0.) {
+        FragColor = vec4(1.);
+        return;
+    }
+
+    vec2 texCoord = (uTVertexAnim * vec3(vTextureCoord.s, vTextureCoord.t, 1.)).st;
+
+    vec4 orm = texture(uOrmSampler, texCoord);
+
+    float occlusion = orm.r;
+    float roughness = orm.g;
+    float metallic = orm.b;
+    float teamColorFactor = orm.a;
+
+    vec4 baseColor = texture(uSampler, texCoord);
+    vec3 teamColor = baseColor.rgb * uReplaceableColor;
+    baseColor.rgb = mix(baseColor.rgb, teamColor, teamColorFactor);
+    baseColor.rgb = pow(baseColor.rgb, vec3(gamma));
+
+    vec3 normal = texture(uNormalSampler, texCoord).rgb;
+    normal = normal * 2.0 - 1.0;
+    normal.x = -normal.x;
+    normal.y = -normal.y;
+    if (!gl_FrontFacing) {
+        normal = -normal;
+    }
+    normal = normalize(vTBN * -normal);
+
+    vec3 viewDir = normalize(uCameraPos - vFragPos);
+    vec3 reflected = reflect(-viewDir, normal);
+
+    vec3 lightDir = normalize(uLightPos - vFragPos);
+    float lightFactor = max(dot(normal, lightDir), .0);
+    vec3 radiance = uLightColor;
+
+    vec3 f0 = vec3(.04);
+    f0 = mix(f0, baseColor.rgb, metallic);
+
+    vec3 totalLight = vec3(0.);
+    vec3 halfWay = normalize(viewDir + lightDir);
+    float ndf = distributionGGX(normal, halfWay, roughness);
+    float g = geometrySmith(normal, viewDir, lightDir, roughness);
+    vec3 f = fresnelSchlick(max(dot(halfWay, viewDir), 0.), f0);
+
+    vec3 kS = f;
+    vec3 kD = vec3(1.);// - kS;
+    if (uHasEnv) {
+        kD *= 1.0 - metallic;
+    }
+    vec3 num = ndf * g * f;
+    float denom = 4. * max(dot(normal, viewDir), 0.) * max(dot(normal, lightDir), 0.) + .0001;
+    vec3 specular = num / denom;
+
+    totalLight = (kD * baseColor.rgb / PI + specular) * radiance * lightFactor;
+
+    if (uShadowParams[0] > .5) {
+        float shadowBias = uShadowParams[1];
+        float shadowStep = uShadowParams[2];
+        vec4 fragInLightPos = uShadowMapLightMatrix * vec4(vFragPos, 1.);
+        vec3 shadowMapCoord = fragInLightPos.xyz / fragInLightPos.w;
+        shadowMapCoord.xyz = (shadowMapCoord.xyz + 1.0) * .5;
+
+        int passes = 5;
+        float step = 1. / float(passes);
+
+        float lightDepth = texture(uShadowMapSampler, shadowMapCoord.xy).r;
+        float lightDepth0 = texture(uShadowMapSampler, vec2(shadowMapCoord.x + shadowStep, shadowMapCoord.y)).r;
+        float lightDepth1 = texture(uShadowMapSampler, vec2(shadowMapCoord.x, shadowMapCoord.y + shadowStep)).r;
+        float lightDepth2 = texture(uShadowMapSampler, vec2(shadowMapCoord.x, shadowMapCoord.y - shadowStep)).r;
+        float lightDepth3 = texture(uShadowMapSampler, vec2(shadowMapCoord.x - shadowStep, shadowMapCoord.y)).r;
+        float currentDepth = shadowMapCoord.z;
+
+        float visibility = 0.;
+        if (lightDepth > currentDepth - shadowBias) {
+            visibility += step;
+        }
+        if (lightDepth0 > currentDepth - shadowBias) {
+            visibility += step;
+        }
+        if (lightDepth1 > currentDepth - shadowBias) {
+            visibility += step;
+        }
+        if (lightDepth2 > currentDepth - shadowBias) {
+            visibility += step;
+        }
+        if (lightDepth3 > currentDepth - shadowBias) {
+            visibility += step;
+        }
+
+        totalLight *= visibility;
+    }
+
+    vec3 color;
+
+    if (uHasEnv) {
+        vec3 f = fresnelSchlickRoughness(max(dot(normal, viewDir), 0.0), f0, roughness);
+        vec3 kS = f;
+        vec3 kD = vec3(1.0) - kS;
+        kD *= 1.0 - metallic;
+
+        vec3 diffuse = texture(uIrradianceMap, normal).rgb * baseColor.rgb;
+        vec3 prefilteredColor = textureLod(uPrefilteredEnv, reflected, roughness * MAX_REFLECTION_LOD).rgb;
+        vec2 envBRDF = texture(uBRDFLUT, vec2(max(dot(normal, viewDir), 0.0), roughness)).rg;
+        specular = prefilteredColor * (f * envBRDF.x + envBRDF.y);
+
+        vec3 ambient = (kD * diffuse + specular) * occlusion;
+        color = ambient + totalLight;
+    } else {
+        vec3 ambient = vec3(.03);
+        ambient *= baseColor.rgb * occlusion;
+        color = ambient + totalLight;
+    }
+
+    color = color / (vec3(1.) + color);
+    color = pow(color, vec3(1. / gamma));
+
+    FragColor = vec4(color, baseColor.a);
+
+    // hand-made alpha-test
+    if (FragColor[3] < uDiscardAlphaLevel) {
+        discard;
+    }
+}
+`;var Qe=`struct VSUniforms {
+    mvMatrix: mat4x4f,
+    pMatrix: mat4x4f,
+    nodesMatrices: array<mat4x4f, \${MAX_NODES}>,
+}
+
+struct FSUniforms {
+    replaceableColor: vec3f,
+    replaceableType: u32,
+    discardAlphaLevel: f32,
+    wireframe: u32,
+    tVertexAnim: mat3x3f,
+}
+
+@group(0) @binding(0) var<uniform> vsUniforms: VSUniforms;
+@group(1) @binding(0) var<uniform> fsUniforms: FSUniforms;
+@group(1) @binding(1) var fsUniformSampler: sampler;
+@group(1) @binding(2) var fsUniformTexture: texture_2d<f32>;
+
+struct VSIn {
+    @location(0) vertexPosition: vec3f,
+    @location(1) normal: vec3f,
+    @location(2) textureCoord: vec2f,
+    @location(3) group: vec4<u32>,
+}
+
+struct VSOut {
+    @builtin(position) position: vec4f,
+    @location(0) normal: vec3f,
+    @location(1) textureCoord: vec2f,
+}
+
+@vertex fn vs(
+    in: VSIn
+) -> VSOut {
+    var position: vec4f = vec4f(in.vertexPosition, 1.0);
+    var count: i32 = 1;
+    var sum: vec4f = vsUniforms.nodesMatrices[in.group[0]] * position;
+
+    if (in.group[1] < \${MAX_NODES}) {
+        sum += vsUniforms.nodesMatrices[in.group[1]] * position;
+        count += 1;
+    }
+    if (in.group[2] < \${MAX_NODES}) {
+        sum += vsUniforms.nodesMatrices[in.group[2]] * position;
+        count += 1;
+    }
+    if (in.group[3] < \${MAX_NODES}) {
+        sum += vsUniforms.nodesMatrices[in.group[3]] * position;
+        count += 1;
+    }
+    sum /= f32(count);
+    sum.w = 1.;
+    position = sum;
+
+    var out: VSOut;
+    out.position = vsUniforms.pMatrix * vsUniforms.mvMatrix * position;
+    out.textureCoord = in.textureCoord;
+    out.normal = in.normal;
+    return out;
+}
+
+fn hypot(z: vec2f) -> f32 {
+    var t: f32 = 0;
+    var x: f32 = abs(z.x);
+    let y: f32 = abs(z.y);
+    t = min(x, y);
+    x = max(x, y);
+    t = t / x;
+    if (z.x == 0.0 && z.y == 0.0) {
+        return 0.0;
+    }
+    return x * sqrt(1.0 + t * t);
+}
+
+@fragment fn fs(
+    in: VSOut
+) -> @location(0) vec4f {
+    if (fsUniforms.wireframe > 0) {
+        return vec4f(1);
+    }
+
+    let texCoord: vec2f = (fsUniforms.tVertexAnim * vec3f(in.textureCoord.x, in.textureCoord.y, 1.)).xy;
+    var color: vec4f = vec4f(0.0);
+
+    if (fsUniforms.replaceableType == 0) {
+        color = textureSample(fsUniformTexture, fsUniformSampler, texCoord);
+    } else if (fsUniforms.replaceableType == 1) {
+        color = vec4f(fsUniforms.replaceableColor, 1.0);
+    } else if (fsUniforms.replaceableType == 2) {
+        let dist: f32 = hypot(texCoord - vec2(0.5, 0.5)) * 2.;
+        let truncateDist: f32 = clamp(1. - dist * 1.4, 0., 1.);
+        let alpha: f32 = sin(truncateDist);
+        color = vec4f(fsUniforms.replaceableColor * alpha, 1.0);
+    }
+
+    // hand-made alpha-test
+    if (color.a < fsUniforms.discardAlphaLevel) {
+        discard;
+    }
+
+    return color;
+}
+`,Je=`struct VSUniforms {
+    mvMatrix: mat4x4f,
+    pMatrix: mat4x4f,
+    nodesMatrices: array<mat4x4f, \${MAX_NODES}>,
+}
+
+struct FSUniforms {
+    replaceableColor: vec3f,
+    // replaceableType: u32,
+    discardAlphaLevel: f32,
+    tVertexAnim: mat3x3f,
+    lightPos: vec3f,
+    hasEnv: u32,
+    lightColor: vec3f,
+    wireframe: u32,
+    cameraPos: vec3f,
+    shadowParams: vec3f,
+    shadowMapLightMatrix: mat4x4f,
+}
+
+@group(0) @binding(0) var<uniform> vsUniforms: VSUniforms;
+@group(1) @binding(0) var<uniform> fsUniforms: FSUniforms;
+@group(1) @binding(1) var fsUniformDiffuseSampler: sampler;
+@group(1) @binding(2) var fsUniformDiffuseTexture: texture_2d<f32>;
+@group(1) @binding(3) var fsUniformNormalSampler: sampler;
+@group(1) @binding(4) var fsUniformNormalTexture: texture_2d<f32>;
+@group(1) @binding(5) var fsUniformOrmSampler: sampler;
+@group(1) @binding(6) var fsUniformOrmTexture: texture_2d<f32>;
+@group(1) @binding(7) var fsUniformShadowSampler: sampler_comparison;
+@group(1) @binding(8) var fsUniformShadowTexture: texture_depth_2d;
+@group(1) @binding(9) var irradienceMapSampler: sampler;
+@group(1) @binding(10) var irradienceMapTexture: texture_cube<f32>;
+@group(1) @binding(11) var prefilteredEnvSampler: sampler;
+@group(1) @binding(12) var prefilteredEnvTexture: texture_cube<f32>;
+@group(1) @binding(13) var brdfLutSampler: sampler;
+@group(1) @binding(14) var brdfLutTexture: texture_2d<f32>;
+
+struct VSIn {
+    @location(0) vertexPosition: vec3f,
+    @location(1) normal: vec3f,
+    @location(2) textureCoord: vec2f,
+    @location(3) tangent: vec4f,
+    @location(4) skin: vec4<u32>,
+    @location(5) boneWeight: vec4f,
+}
+
+struct VSOut {
+    @builtin(position) position: vec4f,
+    @location(0) normal: vec3f,
+    @location(1) textureCoord: vec2f,
+    @location(2) tangent: vec3f,
+    @location(3) binormal: vec3f,
+    @location(4) fragPos: vec3f,
+}
+
+@vertex fn vs(
+    in: VSIn
+) -> VSOut {
+    var position: vec4f = vec4f(in.vertexPosition, 1.0);
+    var sum: mat4x4f;
+
+    sum += vsUniforms.nodesMatrices[in.skin[0]] * in.boneWeight[0];
+    sum += vsUniforms.nodesMatrices[in.skin[1]] * in.boneWeight[1];
+    sum += vsUniforms.nodesMatrices[in.skin[2]] * in.boneWeight[2];
+    sum += vsUniforms.nodesMatrices[in.skin[3]] * in.boneWeight[3];
+
+    let rotation: mat3x3f = mat3x3f(sum[0].xyz, sum[1].xyz, sum[2].xyz);
+
+    position = sum * position;
+    position.w = 1;
+
+    var out: VSOut;
+    out.position = vsUniforms.pMatrix * vsUniforms.mvMatrix * position;
+    out.textureCoord = in.textureCoord;
+    out.normal = in.normal;
+
+    var normal: vec3f = in.normal;
+    var tangent: vec3f = in.tangent.xyz;
+
+    // https://learnopengl.com/Advanced-Lighting/Normal-Mapping
+    tangent = normalize(tangent - dot(tangent, normal) * normal);
+
+    var binormal: vec3f = cross(normal, tangent) * in.tangent.w;
+
+    normal = normalize(rotation * normal);
+    tangent = normalize(rotation * tangent);
+    binormal = normalize(rotation * binormal);
+
+    out.normal = normal;
+    out.tangent = tangent;
+    out.binormal = binormal;
+
+    out.fragPos = position.xyz;
+
+    return out;
+}
+
+fn hypot(z: vec2f) -> f32 {
+    var t: f32 = 0;
+    var x: f32 = abs(z.x);
+    let y: f32 = abs(z.y);
+    t = min(x, y);
+    x = max(x, y);
+    t = t / x;
+    if (z.x == 0.0 && z.y == 0.0) {
+        return 0.0;
+    }
+    return x * sqrt(1.0 + t * t);
+}
+
+const PI: f32 = 3.14159265359;
+const gamma: f32 = 2.2;
+const MAX_REFLECTION_LOD: f32 = \${MAX_ENV_MIP_LEVELS};
+
+fn distributionGGX(normal: vec3f, halfWay: vec3f, roughness: f32) -> f32 {
+    let a: f32 = roughness * roughness;
+    let a2: f32 = a * a;
+    let nDotH: f32 = max(dot(normal, halfWay), 0.0);
+    let nDotH2: f32 = nDotH * nDotH;
+
+    let num: f32 = a2;
+    var denom: f32 = (nDotH2 * (a2 - 1.0) + 1.0);
+    denom = PI * denom * denom;
+
+    return num / denom;
+}
+
+fn geometrySchlickGGX(nDotV: f32, roughness: f32) -> f32 {
+    let r: f32 = roughness + 1.;
+    let k: f32 = r * r / 8.;
+    // float k = roughness * roughness / 2.;
+
+    let num: f32 = nDotV;
+    let denom: f32 = nDotV * (1. - k) + k;
+
+    return num / denom;
+}
+
+fn geometrySmith(normal: vec3f, viewDir: vec3f, lightDir: vec3f, roughness: f32) -> f32 {
+    let nDotV: f32 = max(dot(normal, viewDir), .0);
+    let nDotL: f32 = max(dot(normal, lightDir), .0);
+    let ggx2: f32  = geometrySchlickGGX(nDotV, roughness);
+    let ggx1: f32  = geometrySchlickGGX(nDotL, roughness);
+
+    return ggx1 * ggx2;
+}
+
+fn fresnelSchlick(lightFactor: f32, f0: vec3f) -> vec3f {
+    return f0 + (1. - f0) * pow(clamp(1. - lightFactor, 0., 1.), 5.);
+}
+
+fn fresnelSchlickRoughness(lightFactor: f32, f0: vec3f, roughness: f32) -> vec3f {
+    return f0 + (max(vec3(1.0 - roughness), f0) - f0) * pow(clamp(1.0 - lightFactor, 0.0, 1.0), 5.0);
+}
+
+@fragment fn fs(
+    in: VSOut,
+    @builtin(front_facing) isFront: bool
+) -> @location(0) vec4f {
+    if (fsUniforms.wireframe > 0) {
+        return vec4f(1);
+    }
+
+    let texCoord: vec2f = (fsUniforms.tVertexAnim * vec3f(in.textureCoord.x, in.textureCoord.y, 1.)).xy;
+    var baseColor: vec4f = textureSample(fsUniformDiffuseTexture, fsUniformDiffuseSampler, texCoord);
+
+    // hand-made alpha-test
+    if (baseColor.a < fsUniforms.discardAlphaLevel) {
+        discard;
+    }
+
+    let orm: vec4f = textureSample(fsUniformOrmTexture, fsUniformOrmSampler, texCoord);
+
+    let occlusion: f32 = orm.r;
+    let roughness: f32 = orm.g;
+    let metallic: f32 = orm.b;
+    let teamColorFactor: f32 = orm.a;
+
+    var teamColor: vec3f = baseColor.rgb * fsUniforms.replaceableColor;
+    baseColor = vec4(mix(baseColor.rgb, teamColor, teamColorFactor), baseColor.a);
+    baseColor = vec4(pow(baseColor.rgb, vec3f(gamma)), baseColor.a);
+
+    let TBN: mat3x3f = mat3x3f(in.tangent, in.binormal, in.normal);
+
+    var normal: vec3f = textureSample(fsUniformNormalTexture, fsUniformNormalSampler, texCoord).xyz;
+    normal = normal * 2 - 1;
+    normal.x = -normal.x;
+    normal.y = -normal.y;
+    if (!isFront) {
+        normal = -normal;
+    }
+    normal = normalize(TBN * -normal);
+
+    let viewDir: vec3f = normalize(fsUniforms.cameraPos - in.fragPos);
+    let reflected = reflect(-viewDir, normal);
+
+    let lightDir: vec3f = normalize(fsUniforms.lightPos - in.fragPos);
+    let lightFactor: f32 = max(dot(normal, lightDir), 0);
+    let radiance: vec3f = fsUniforms.lightColor;
+
+    var f0 = vec3f(.04);
+    f0 = mix(f0, baseColor.rgb, metallic);
+
+    var totalLight: vec3f = vec3f(0);
+    let halfWay: vec3f = normalize(viewDir + lightDir);
+    let ndf: f32 = distributionGGX(normal, halfWay, roughness);
+    let g: f32 = geometrySmith(normal, viewDir, lightDir, roughness);
+    let f: vec3f = fresnelSchlick(max(dot(halfWay, viewDir), 0), f0);
+
+    let kS = f;
+    var kD = vec3f(1);// - kS;
+    if (fsUniforms.hasEnv > 0) {
+        kD *= 1 - metallic;
+    }
+    let num: vec3f = ndf * g * f;
+    let denom: f32 = 4. * max(dot(normal, viewDir), 0.) * max(dot(normal, lightDir), 0.) + .0001;
+    var specular: vec3f = num / denom;
+
+    totalLight = (kD * baseColor.rgb / PI + specular) * radiance * lightFactor;
+
+    if (fsUniforms.shadowParams[0] > .5) {
+        let shadowBias: f32 = fsUniforms.shadowParams[1];
+        let shadowStep: f32 = fsUniforms.shadowParams[2];
+        let fragInLightPos: vec4f = fsUniforms.shadowMapLightMatrix * vec4f(in.fragPos, 1.);
+        var shadowMapCoord: vec3f = fragInLightPos.xyz / fragInLightPos.w;
+        shadowMapCoord = vec3f((shadowMapCoord.xy + 1) * .5, shadowMapCoord.z);
+        shadowMapCoord.y = 1 - shadowMapCoord.y;
+
+        let passes: u32 = 5;
+        let step: f32 = 1. / f32(passes);
+
+        let currentDepth: f32 = shadowMapCoord.z;
+        var lightDepth: f32 = textureSampleCompare(fsUniformShadowTexture, fsUniformShadowSampler, shadowMapCoord.xy, currentDepth - shadowBias);
+        let lightDepth0: f32 = textureSampleCompare(fsUniformShadowTexture, fsUniformShadowSampler, vec2f(shadowMapCoord.x + shadowStep, shadowMapCoord.y), currentDepth - shadowBias);
+        let lightDepth1: f32 = textureSampleCompare(fsUniformShadowTexture, fsUniformShadowSampler, vec2f(shadowMapCoord.x, shadowMapCoord.y + shadowStep), currentDepth - shadowBias);
+        let lightDepth2: f32 = textureSampleCompare(fsUniformShadowTexture, fsUniformShadowSampler, vec2f(shadowMapCoord.x, shadowMapCoord.y - shadowStep), currentDepth - shadowBias);
+        let lightDepth3: f32 = textureSampleCompare(fsUniformShadowTexture, fsUniformShadowSampler, vec2f(shadowMapCoord.x - shadowStep, shadowMapCoord.y), currentDepth - shadowBias);
+
+        var visibility: f32 = 0.;
+        if (lightDepth > .5) {
+            visibility += step;
+        }
+        if (lightDepth0 > .5) {
+            visibility += step;
+        }
+        if (lightDepth1 > .5) {
+            visibility += step;
+        }
+        if (lightDepth2 > .5) {
+            visibility += step;
+        }
+        if (lightDepth3 > .5) {
+            visibility += step;
+        }
+
+        totalLight *= visibility;
+    }
+
+    var color: vec3f = vec3f(0.0);
+
+    if (fsUniforms.hasEnv > 0) {
+        let f: vec3f = fresnelSchlickRoughness(max(dot(normal, viewDir), 0.0), f0, roughness);
+        let kS: vec3f = f;
+        var kD: vec3f = vec3f(1.0) - kS;
+        kD *= 1.0 - metallic;
+
+        let diffuse: vec3f = textureSample(irradienceMapTexture, irradienceMapSampler, normal).rgb * baseColor.rgb;
+        let prefilteredColor: vec3f = textureSampleLevel(prefilteredEnvTexture, prefilteredEnvSampler, reflected, roughness * MAX_REFLECTION_LOD).rgb;
+        let envBRDF: vec2f = textureSample(brdfLutTexture, brdfLutSampler, vec2f(max(dot(normal, viewDir), 0.0), roughness)).rg;
+        specular = prefilteredColor * (f * envBRDF.x + envBRDF.y);
+
+        let ambient: vec3f = (kD * diffuse + specular) * occlusion;
+        color = ambient + totalLight;
+    } else {
+        var ambient: vec3f = vec3(.03);
+        ambient *= baseColor.rgb * occlusion;
+        color = ambient + totalLight;
+    }
+
+    color = color / (vec3f(1) + color);
+    color = pow(color, vec3f(1 / gamma));
+
+    return vec4f(color, baseColor.a);
+}
+`,er=`struct VSUniforms {
+    mvMatrix: mat4x4f,
+    pMatrix: mat4x4f,
+    nodesMatrices: array<mat4x4f, \${MAX_NODES}>,
+}
+
+struct FSUniforms {
+    replaceableColor: vec3f,
+    // replaceableType: u32,
+    discardAlphaLevel: f32,
+    tVertexAnim: mat3x3f,
+    lightPos: vec3f,
+    lightColor: vec3f,
+    cameraPos: vec3f,
+    shadowParams: vec3f,
+    shadowMapLightMatrix: mat4x4f,
+    // env
+}
+
+@group(0) @binding(0) var<uniform> vsUniforms: VSUniforms;
+@group(1) @binding(0) var<uniform> fsUniforms: FSUniforms;
+@group(1) @binding(1) var fsUniformDiffuseSampler: sampler;
+@group(1) @binding(2) var fsUniformDiffuseTexture: texture_2d<f32>;
+@group(1) @binding(3) var fsUniformNormalSampler: sampler;
+@group(1) @binding(4) var fsUniformNormalTexture: texture_2d<f32>;
+@group(1) @binding(5) var fsUniformOrmSampler: sampler;
+@group(1) @binding(6) var fsUniformOrmTexture: texture_2d<f32>;
+@group(1) @binding(7) var fsUniformShadowSampler: sampler_comparison;
+// @group(1) @binding(7) var fsUniformShadowSampler: sampler;
+@group(1) @binding(8) var fsUniformShadowTexture: texture_depth_2d;
+
+struct VSIn {
+    @location(0) vertexPosition: vec3f,
+    @location(1) normal: vec3f,
+    @location(2) textureCoord: vec2f,
+    @location(3) tangent: vec4f,
+    @location(4) skin: vec4<u32>,
+    @location(5) boneWeight: vec4f,
+}
+
+struct VSOut {
+    @builtin(position) position: vec4f,
+    @location(0) textureCoord: vec2f,
+    @location(1) depth: f32,
+}
+
+@vertex fn vs(
+    in: VSIn
+) -> VSOut {
+    var position: vec4f = vec4f(in.vertexPosition, 1.0);
+    var sum: mat4x4f;
+
+    sum += vsUniforms.nodesMatrices[in.skin[0]] * in.boneWeight[0];
+    sum += vsUniforms.nodesMatrices[in.skin[1]] * in.boneWeight[1];
+    sum += vsUniforms.nodesMatrices[in.skin[2]] * in.boneWeight[2];
+    sum += vsUniforms.nodesMatrices[in.skin[3]] * in.boneWeight[3];
+
+    position = sum * position;
+    position.w = 1;
+
+    var out: VSOut;
+    out.position = vsUniforms.pMatrix * vsUniforms.mvMatrix * position;
+    out.textureCoord = in.textureCoord;
+
+    out.depth = out.position.z / out.position.w;
+
+    return out;
+}
+
+struct FSOut {
+    @builtin(frag_depth) depth: f32,
+    @location(0) color: vec4f
+}
+
+@fragment fn fs(
+    in: VSOut,
+    @builtin(front_facing) isFront: bool
+) -> FSOut {
+    let texCoord: vec2f = (fsUniforms.tVertexAnim * vec3f(in.textureCoord.x, in.textureCoord.y, 1.)).xy;
+    var baseColor: vec4f = textureSample(fsUniformDiffuseTexture, fsUniformDiffuseSampler, texCoord);
+
+    // hand-made alpha-test
+    if (baseColor.a < fsUniforms.discardAlphaLevel) {
+        discard;
+    }
+
+    var out: FSOut;
+    out.color = vec4f(1, 1, 1, 1);
+    out.depth = in.depth;
+    return out;
+}
+`;var he=254;var Be=8;var cr=$e.replace(/\$\{MAX_NODES}/g,String(he)),dr=Ye.replace(/\$\{MAX_NODES}/g,String(he)),gr=je.replace(/\$\{MAX_NODES}/g,String(he)),pr=Ze.replace(/\$\{MAX_ENV_MIP_LEVELS}/g,String(Be.toFixed(1))),mr=Qe.replace(/\$\{MAX_NODES}/g,String(he)),vr=Je.replace(/\$\{MAX_NODES}/g,String(he)).replace(/\$\{MAX_ENV_MIP_LEVELS}/g,String(Be.toFixed(1))),Tr=er.replace(/\$\{MAX_NODES}/g,String(he)),br=G(),xr=Te(),Ar=G(),Pr=ve(0,0,0),Sr=Ke(0,0,0,1),yr=ve(1,1,1),Er=Te(),Lr=Ae(),Fr=Ae(),Ur=G(),Cr=G(),Br=Te(),Vr=Ae(),Mr=G(),Dr=G(),Rr=G(),wr=G(),Gr=G(),Ir=G(),_r=G(),Or=Le(),Nr=Ae(),kr=Le();var exports={decodeBLP:Fe,getBLPImageData:Ue};if(typeof module!=="undefined"&&module.exports){module.exports=exports}else{globalThis.war3modelBlp=exports}})();

package/examples/browser.html

@@ -0,0 +1,95 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>war3-model-blp browser demo</title>
+    <style>
+      :root {
+        color-scheme: light dark;
+        font-family: Arial, sans-serif;
+      }
+
+      body {
+        margin: 24px;
+        max-width: 860px;
+      }
+
+      main {
+        display: grid;
+        gap: 16px;
+      }
+
+      .toolbar {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        flex-wrap: wrap;
+      }
+
+      canvas {
+        image-rendering: pixelated;
+        max-width: 100%;
+        border: 1px solid #888;
+        background:
+          linear-gradient(45deg, #ccc 25%, transparent 25%),
+          linear-gradient(-45deg, #ccc 25%, transparent 25%),
+          linear-gradient(45deg, transparent 75%, #ccc 75%),
+          linear-gradient(-45deg, transparent 75%, #ccc 75%);
+        background-position: 0 0, 0 8px, 8px -8px, -8px 0;
+        background-size: 16px 16px;
+      }
+
+      #status {
+        min-height: 1.4em;
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>war3-model-blp browser demo</h1>
+
+      <div class="toolbar">
+        <input id="file" type="file" accept=".blp">
+        <span id="status">Choose a BLP1 file.</span>
+      </div>
+
+      <canvas id="preview" width="1" height="1"></canvas>
+    </main>
+
+    <script src="../dist/war3-model-blp.js"></script>
+    <script>
+      const fileInput = document.getElementById("file");
+      const status = document.getElementById("status");
+      const canvas = document.getElementById("preview");
+      const context = canvas.getContext("2d");
+      const { decodeBLP, getBLPImageData } = globalThis.war3modelBlp;
+
+      fileInput.addEventListener("change", async () => {
+        const file = fileInput.files[0];
+
+        if (!file) {
+          status.textContent = "Choose a BLP1 file.";
+          return;
+        }
+
+        try {
+          const buffer = await file.arrayBuffer();
+          const blp = decodeBLP(buffer);
+          const imageData = getBLPImageData(blp, 0);
+
+          canvas.width = imageData.width;
+          canvas.height = imageData.height;
+          context.putImageData(imageData, 0, 0);
+
+          status.textContent = `${file.name}: ${imageData.width} x ${imageData.height}`;
+        } catch (error) {
+          status.textContent = error instanceof Error ? error.message : String(error);
+          canvas.width = 1;
+          canvas.height = 1;
+          context.clearRect(0, 0, canvas.width, canvas.height);
+        }
+      });
+    </script>
+  </body>
+</html>

package/examples/node.cjs

@@ -0,0 +1,18 @@
+const fs = require("node:fs");
+const path = require("node:path");
+const { decodeBLP, getBLPImageData } = require("../dist/war3-model-blp.js");
+
+const filePath = process.argv[2];
+
+if (!filePath) {
+  console.error("Usage: node examples/node.cjs <file.blp>");
+  process.exit(1);
+}
+
+const buffer = fs.readFileSync(filePath);
+const arrayBuffer = buffer.buffer.slice(buffer.byteOffset, buffer.byteOffset + buffer.byteLength);
+const blp = decodeBLP(arrayBuffer);
+const imageData = getBLPImageData(blp, 0);
+
+console.log(`${path.basename(filePath)}: ${imageData.width} x ${imageData.height}`);
+console.log(`pixels: ${imageData.data.length} bytes`);

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "war3-model-blp",
+  "version": "0.1.0",
+  "description": "Lightweight BLP1 decoder extracted from war3-model.",
+  "main": "dist/war3-model-blp.js",
+  "files": [
+    "dist",
+    "examples",
+    "LICENSE",
+    "NOTICE",
+    "README.md"
+  ],
+  "scripts": {
+    "test": "npm run test:node",
+    "test:node": "node test/node.cjs"
+  },
+  "keywords": [
+    "warcraft",
+    "warcraft3",
+    "war3",
+    "blp",
+    "blp1",
+    "decoder"
+  ],
+  "license": "MIT",
+  "homepage": "https://github.com/giveyousomecolorlooklook/war3-model-blp#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/giveyousomecolorlooklook/war3-model-blp.git"
+  },
+  "bugs": {
+    "url": "https://github.com/giveyousomecolorlooklook/war3-model-blp/issues"
+  }
+}