glre 0.28.0 → 0.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index-q8W5cl04.d.cts +358 -0
- package/dist/index.cjs +38 -34
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -546
- package/dist/index.js +38 -34
- package/dist/index.js.map +1 -1
- package/dist/native.cjs +38 -34
- package/dist/native.cjs.map +1 -1
- package/dist/native.d.cts +9 -9
- package/dist/native.js +38 -34
- package/dist/native.js.map +1 -1
- package/dist/react.cjs +38 -34
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +2 -2
- package/dist/react.js +38 -34
- package/dist/react.js.map +1 -1
- package/dist/solid.cjs +38 -34
- package/dist/solid.cjs.map +1 -1
- package/dist/solid.d.cts +2 -2
- package/dist/solid.js +38 -34
- package/dist/solid.js.map +1 -1
- package/package.json +23 -23
- package/src/index.ts +0 -1
- package/src/node/code.ts +74 -62
- package/src/node/const.ts +60 -20
- package/src/node/index.ts +43 -40
- package/src/node/infer.ts +63 -64
- package/src/node/node.ts +38 -37
- package/src/node/scope.ts +70 -80
- package/src/node/types.ts +51 -24
- package/src/node/utils.ts +91 -26
- package/src/types.ts +7 -7
- package/src/utils/pipeline.ts +6 -6
- package/src/utils/program.ts +6 -6
- package/src/webgl.ts +1 -2
package/dist/native.js
CHANGED
|
@@ -1,46 +1,50 @@
|
|
|
1
|
-
import{useState as
|
|
2
|
-
`),r=
|
|
3
|
-
`)
|
|
4
|
-
|
|
1
|
+
import{useState as dt}from"react";import{durable as H,event as ct}from"reev";import{createFrame as ft,createQueue as pt}from"refr";import{nested as Y}from"reev";var g={arr:Array.isArray,bol:e=>typeof e=="boolean",str:e=>typeof e=="string",num:e=>typeof e=="number",int:e=>Number.isInteger(e),fun:e=>typeof e=="function",und:e=>typeof e>"u",nul:e=>e===null,set:e=>e instanceof Set,map:e=>e instanceof Map,obj:e=>!!e&&e.constructor.name==="Object",nan:e=>typeof e=="number"&&Number.isNaN(e)},De=(e,t)=>e.forEach(t),xt=(e,...t)=>{De(e,r=>r(...t))},gt=(e="",t="_",r="/")=>e.split(t).join(r),bt=(e=".pdf")=>e.split(".").pop()?.toLowerCase()??"",yt=(e=0)=>`${e}`.split(".")[1]?.length??0,vt=(e=0)=>`${e}`.split(".")[0]?.length-(e<0?1:0),Xt=(e=0,t=-2)=>(t*=-1,t=Math.pow(10,t),e*=t,e=Math.round(e),e/=t,e);var S=["bool","uint","int","float","bvec2","ivec2","uvec2","vec2","bvec3","ivec3","uvec3","vec3","bvec4","ivec4","uvec4","vec4","color","mat2","mat3","mat4"],U=["toBool","toUint","toInt","toFloat","toBvec2","toIvec2","toUvec2","toVec2","toBvec3","toIvec3","toUvec3","toVec3","toBvec4","toIvec4","toUvec4","toVec4","toColor","toMat2","toMat3","toMat4"],A={add:"+",sub:"-",mul:"*",div:"/",mod:"%",equal:"==",notEqual:"!=",lessThan:"<",lessThanEqual:"<=",greaterThan:">",greaterThanEqual:">=",and:"&&",or:"||",bitAnd:"&",bitOr:"|",bitXor:"^",shiftLeft:"<<",shiftRight:">>"},Z=Object.keys(A),$=["dot","distance","length","lengthSq","determinant","luminance"],B=["all","any"],D=["abs","sign","floor","ceil","round","fract","trunc","sin","cos","tan","asin","acos","atan","exp","exp2","log","log2","sqrt","inverseSqrt","normalize","oneMinus","saturate","negate","reciprocal","dFdx","dFdy","fwidth"],M=["cross"],z=["reflect","refract"],V=["min","max","mix","clamp","step","smoothstep"],W=["texture","textureLod","textureSize","cubeTexture"],Me=["atan2","degrees","faceforward","bitcast","cbrt","difference","equals","pow","pow2","pow3","pow4","radians","transformDirection"],Q=[...$,...B,...D,...M,...z,...V,...W,...Me],J={float:"f32",int:"i32",uint:"u32",bool:"bool",vec2:"vec2f",vec3:"vec3f",vec4:"vec4f",mat2:"mat2x2f",mat3:"mat3x3f",mat4:"mat4x4f",ivec2:"vec2i",ivec3:"vec3i",ivec4:"vec4i",uvec2:"vec2u",uvec3:"vec3u",uvec4:"vec4u",bvec2:"vec2<bool>",bvec3:"vec3<bool>",bvec4:"vec4<bool>"},q={1:"float",2:"vec2",3:"vec3",4:"vec4",9:"mat3",16:"mat4"},ee={position:"vec4",vertex_index:"uint",instance_index:"uint",front_facing:"bool",frag_depth:"float",sample_index:"uint",sample_mask:"uint",point_coord:"vec2",positionLocal:"vec3",positionWorld:"vec3",positionView:"vec3",normalLocal:"vec3",normalWorld:"vec3",normalView:"vec3",screenCoordinate:"vec2",screenUV:"vec2",gl_FragCoord:"vec4",gl_VertexID:"uint",gl_InstanceID:"uint",gl_FrontFacing:"bool",gl_FragDepth:"float",gl_SampleID:"uint",gl_SampleMask:"uint",gl_PointCoord:"vec2",normal:"vec3",uv:"vec2",color:"vec4"},te=["equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual"],re=["and","or"],oe={position:"gl_FragCoord",vertex_index:"gl_VertexID",instance_index:"gl_InstanceID",front_facing:"gl_FrontFacing",frag_depth:"gl_FragDepth",sample_index:"gl_SampleID",sample_mask:"gl_SampleMask",point_coord:"gl_PointCoord",uv:"gl_FragCoord.xy"};var k=e=>g.str(e)&&/^[xyzwrgbastpq]{1,4}$/.test(e),ne=e=>Z.includes(e),se=e=>Q.includes(e),ie=e=>U.includes(e),P=e=>!e||typeof e!="object"?!1:e.isProxy;var ze=0,ae=()=>`i${ze++}`,w=(e,t)=>e.filter(r=>!g.und(r)&&!g.nul(r)).map(r=>u(r,t)).join(", "),L=(e,t)=>g.str(e)?t?.isWebGL?e:J[e]:"",ue=e=>A[e]||e,ce=e=>oe[e],fe=e=>{let t=U.indexOf(e);return t!==-1?S[t]:"float"},pe=e=>Array.from(e.headers).map(([,t])=>t).join(`
|
|
2
|
+
`),le=(e,t)=>{let{id:r,children:n=[],layout:o}=e,[s,a,...i]=n,m=o?.type&&o?.type!=="auto"?o?.type:a?v(a,t):"void",b=[],c=[];if(o?.inputs)for(let d of o.inputs)b.push([d.name,d.type]);else for(let d=0;d<i.length;d++)b.push([`p${d}`,v(i[d],t)]);let f="";if(t?.isWebGL){for(let[d,_]of b)c.push(`${_} ${d}`);f+=`${m} ${r}(${c}) {
|
|
3
|
+
`}else{for(let[d,_]of b)c.push(`${d}: ${L(_,t)}`);f+=`fn ${r}(${c}) -> ${L(m,t)} {
|
|
4
|
+
`}let T=u(s,t);return T&&(f+=T+`
|
|
5
|
+
`),a&&(f+=`return ${u(a,t)};`),f+=`
|
|
6
|
+
}`,f},Ve=`
|
|
5
7
|
#version 300 es
|
|
6
8
|
precision mediump float;
|
|
7
9
|
out vec4 fragColor;
|
|
8
|
-
|
|
9
|
-
void main() {
|
|
10
|
-
fragColor = ${e};
|
|
11
|
-
}`.trim():`
|
|
12
|
-
${t}
|
|
10
|
+
`.trim(),We=`
|
|
13
11
|
@fragment
|
|
14
12
|
fn main(@builtin(position) position: vec4f) -> @location(0) vec4f {
|
|
15
|
-
return
|
|
16
|
-
|
|
17
|
-
`)
|
|
18
|
-
${
|
|
19
|
-
${
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
${
|
|
23
|
-
|
|
24
|
-
${c(f,t)}
|
|
25
|
-
|
|
26
|
-
${
|
|
27
|
-
}
|
|
28
|
-
${
|
|
29
|
-
}
|
|
30
|
-
${
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
13
|
+
`.trim(),qe=(e,t,r=!0)=>{let n="";return r&&(n+=Ve),t&&(n+=`
|
|
14
|
+
`+t+`
|
|
15
|
+
`),r?n+=`void main() {
|
|
16
|
+
fragColor = ${e};`:(n+=We+`
|
|
17
|
+
`,n+=` return ${e};`),n+=`
|
|
18
|
+
}`,n},ke=(e,t,r=!0)=>"",C=(e,t={})=>{let r=u(e,t),n=pe(t),o=qe(r,n,t.isWebGL);return console.log(`// \u2193\u2193\u2193 generated \u2193\u2193\u2193
|
|
19
|
+
|
|
20
|
+
${o}
|
|
21
|
+
|
|
22
|
+
`),o},O=(e,t)=>{let r=u(e,t),n=pe(t);return ke(r,n,t.isWebGL)};var Ye=(e,t)=>e.reduce((r,n)=>{let o=v(n,t),s=S.indexOf(r);return S.indexOf(o)>s?o:r},"float"),je=e=>ee[e],He=(e,t,r)=>{let n=t.length>0?v(t[0],r):"float";return z.includes(e)?n:$.includes(e)?"float":B.includes(e)?"bool":D.includes(e)?n:M.includes(e)?"vec3":W.includes(e)?"vec4":V.includes(e)?Ye(t,r):n},me=(e,t,r)=>{if(te.includes(r)||re.includes(r))return"bool";if(e===t||e.includes("vec")&&!t.includes("vec"))return e;if(t.includes("vec")&&!e.includes("vec"))return t;let n=S.indexOf(e),o=S.indexOf(t);return n>=o?e:t},Ke=e=>g.bol(e)?"bool":g.num(e)?"float":g.arr(e)&&q[e.length]||"float",Ze=e=>q[e],Qe=(e,t)=>{let{type:r,props:n}=e,{id:o,children:s=[],inferFrom:a}=n,[i,m,b]=s;return a?v(a,t):r==="conversion"?i:r==="operator"?me(v(m,t),v(b,t),i):r==="function"?He(i,s.slice(1),t):r==="swizzle"?Ze(i.length):r==="ternary"?me(v(m,t),v(b,t),"add"):r==="builtin"?je(o):r==="define"?n.layout?.type&&n.layout?.type!=="auto"?n.layout.type:m?v(m,t):"void":v(i,t)},v=(e,t)=>{if(t||(t={}),!P(e))return Ke(e);if(t.infers||(t.infers=new WeakMap),t.infers.has(e))return t.infers.get(e);let r=Qe(e,t);return t.infers.set(e,r),r};var u=(e,t)=>{if(t||(t={}),t.headers||(t.headers=new Map),g.str(e))return e;if(g.num(e)){let c=`${e}`;return c.includes(".")?c:c+".0"}if(g.bol(e))return e?"true":"false";if(!e)return"";let{type:r,props:n}=e,{id:o="",children:s=[]}=n,[a,i,m]=s,b="";if(r==="attribute"){if(t.headers.has(o))return o;b=`${v(e,t)} ${o}`}if(r==="uniform"){if(t.headers.has(o))return o;t.binding||(t.binding=0);let c=v(e,t);b=t.isWebGL?`uniform ${c} ${o};`:`@group(0) @binding(${t.binding++}) var<uniform> ${o}: ${L(c,t)};`}if(r==="constant"){if(t.headers.has(o))return o;let c=v(e,t),f=u(a,t);b=t.isWebGL?`const ${c} ${o} = ${f};`:`const ${o}: ${L(c,t)} = ${f};`}if(r==="varying"){if(t.headers.has(o))return o;b=`${v(e,t)} ${o}`}if(b)return t.headers.set(o,b),t.onMount?.(o),o;if(r==="variable")return o;if(r==="swizzle")return`${u(i,t)}.${u(a,t)}`;if(r==="ternary")return`(${u(a,t)} ? ${u(i,t)} : ${u(m,t)})`;if(r==="builtin")return t?.isWebGL?ce(o):o;if(r==="conversion")return`${L(a,t)}(${w(s.slice(1),t)})`;if(r==="operator")return a==="not"||a==="bitNot"?`!${u(i,t)}`:`(${u(i,t)} ${ue(a)} ${u(m,t)})`;if(r==="function")return a==="negate"?`(-${w(s.slice(1),t)})`:`${a}(${w(s.slice(1),t)})`;if(r==="scope")return s.map(c=>u(c,t)).join(`
|
|
23
|
+
`);if(r==="assign")return`${u(a,t)} = ${u(i,t)};`;if(r==="loop")return t.isWebGL?`for (int i = 0; i < ${a}; i += 1) {
|
|
24
|
+
${u(i,t)}
|
|
25
|
+
}`:`for (var i: i32 = 0; i < ${a}; i++) {
|
|
26
|
+
${u(i,t)}
|
|
27
|
+
}`;if(r==="define"){let c=s.slice(2),f=`${o}(${c.map(T=>u(T,t))})`;return t.headers.has(o)||t.headers.set(o,le(n,t)),f}if(r==="if"){let c=`if (${u(a,t)}) {
|
|
28
|
+
${u(i,t)}
|
|
29
|
+
}`;for(let f=2;f<s.length;f+=2){let T=f>=s.length-1;c+=T?` else {
|
|
30
|
+
${u(s[f],t)}
|
|
31
|
+
}`:` else if (${u(s[f],t)}) {
|
|
32
|
+
${u(s[f+1],t)}
|
|
33
|
+
}`}return c}if(r==="switch"){let c=`switch (${u(a,t)}) {
|
|
34
|
+
`;for(let f=1;f<s.length;f+=2)f>=s.length-1&&s.length%2===0?c+=`default:
|
|
35
|
+
${u(s[f],t)}
|
|
36
|
+
break;
|
|
37
|
+
`:f+1<s.length&&(c+=`case ${u(s[f],t)}:
|
|
38
|
+
${u(s[f+1],t)}
|
|
35
39
|
break;
|
|
36
|
-
|
|
40
|
+
`);return c+="}",c}if(r==="declare"){let c=v(a,t),f=i?.props?.id;if(t.isWebGL)return`${c} ${f} = ${u(a,t)};`;let T=L(c);return`var ${f}: ${T} = ${u(a,t)};`}return u(a,t)};var G=null;var de=e=>{G&&(G.props.children||(G.props.children=[]),G.props.children.push(e))},xe=(e,t)=>{t||(t=ae());let r=N("variable",{id:t,inferFrom:e}),n=N("declare",null,e,r);return de(n),r},ge=(e,t)=>{let r=N("assign",null,e,t);return de(r),e};var Je=(e,t)=>{if(t==="string")return u(e)},N=(e,t,...r)=>{t||(t={}),r.length&&(t.children=r);let n=(a,i)=>{if(i==="type")return e;if(i==="props")return t;if(i==="toVar")return xe.bind(null,s);if(i==="assign")return ge.bind(null,s);if(i==="isProxy")return!0;if(i==="toString")return u.bind(null,s);if(i===Symbol.toPrimitive)return Je.bind(null,s);if(k(i))return be(i,s);if(ne(i))return(...m)=>et(i,s,...m);if(se(i))return(...m)=>ye(i,s,...m);if(ie(i))return()=>R(fe(i),s)},o=(a,i,m)=>k(i)?(be(i,s).assign(m),!0):!1,s=new Proxy({},{get:n,set:o});return s};var F=(e,t)=>N("uniform",{id:t},e);var X=e=>N("builtin",{id:e}),be=(e,t)=>N("swizzle",null,e,t),et=(e,...t)=>N("operator",null,e,...t),ye=(e,...t)=>N("function",null,e,...t),R=(e,...t)=>N("conversion",null,e,...t);var Ht=X("position"),Kt=X("vertex_index"),Zt=X("instance_index"),Qt=X("front_facing"),Jt=X("frag_depth"),er=X("sample_index"),tr=X("sample_mask"),rr=X("point_coord"),or=X("normalLocal"),nr=X("normalWorld"),sr=X("normalView"),ir=X("position"),ar=X("positionWorld"),ur=X("positionView"),cr=X("screenCoordinate"),fr=X("screenUV"),tt=e=>R("float",e);var ve=(e,t)=>R("vec2",e,t);var pr=F(ve(1280,800),"iResolution"),lr=F(ve(0,0),"iMouse"),mr=F(tt(0),"iTime");var rt=`
|
|
37
41
|
#version 300 es
|
|
38
42
|
void main() {
|
|
39
43
|
float x = float(gl_VertexID % 2) * 4.0 - 1.0;
|
|
40
44
|
float y = float(gl_VertexID / 2) * 4.0 - 1.0;
|
|
41
45
|
gl_Position = vec4(x, y, 0.0, 1.0);
|
|
42
46
|
}
|
|
43
|
-
`,
|
|
47
|
+
`,ot=`
|
|
44
48
|
#version 300 es
|
|
45
49
|
precision mediump float;
|
|
46
50
|
uniform vec2 iResolution;
|
|
@@ -48,19 +52,19 @@ out vec4 fragColor;
|
|
|
48
52
|
void main() {
|
|
49
53
|
fragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);
|
|
50
54
|
}
|
|
51
|
-
`,
|
|
55
|
+
`,Xe=(e,t,r)=>{let n=e.createShader(r);if(!n)throw new Error("Failed to create shader");if(e.shaderSource(n,t.trim()),e.compileShader(n),e.getShaderParameter(n,e.COMPILE_STATUS))return n;let o=e.getShaderInfoLog(n);e.deleteShader(n),console.warn(`Could not compile shader: ${o}`)},_e=(e,t=rt,r=ot,n=()=>{})=>{P(r)&&(r=C(r,{isWebGL:!0})),P(t)&&(t=O(r,{isWebGL:!0}));let o=e.createProgram(),s=Xe(e,t,e.VERTEX_SHADER),a=Xe(e,r,e.FRAGMENT_SHADER);if(!s||!a)return n();if(e.attachShader(o,s),e.attachShader(o,a),e.linkProgram(o),e.getProgramParameter(o,e.LINK_STATUS))return o;let i=e.getProgramInfoLog(o);e.deleteProgram(o),n(),console.warn(`Could not link pg: ${i}`)},Te=(e,t)=>{let r=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,r),e.bufferData(e.ARRAY_BUFFER,new Float32Array(t),e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,null),r},he=(e,t)=>{let r=e.createBuffer();return e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,r),e.bufferData(e.ELEMENT_ARRAY_BUFFER,new Int16Array(t),e.STATIC_DRAW),e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,null),r},Ee=(e,t,r)=>{r&&(e=Math.max(...r)+1);let n=t.length/e;return Math.floor(n)},Ne=(e,t,r,n,o)=>{e.bindBuffer(e.ARRAY_BUFFER,n),e.enableVertexAttribArray(r),e.vertexAttribPointer(r,t,e.FLOAT,!1,0,0),o&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,o)},Pe=(e,t,r,n)=>{let o=e.createTexture();e.bindTexture(e.TEXTURE_2D,o),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.generateMipmap(e.TEXTURE_2D),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,null),e.uniform1i(r,n),e.activeTexture(e.TEXTURE0+n),e.bindTexture(e.TEXTURE_2D,o)};var Se=async e=>{let t=e.el.getContext("webgl2"),r=_e(t,e.vs,e.fs,()=>void(e.isLoop=!1));t.useProgram(r);let n=0,o=Y(d=>t.getUniformLocation(r,d)),s=Y(d=>t.getAttribLocation(r,d)),a=Y(()=>n++);return{webgl:{context:t,program:r},render:()=>{t.clear(t.COLOR_BUFFER_BIT),t.viewport(0,0,...e.size),t.drawArrays(t.TRIANGLES,0,3)},clean:()=>t.deleteProgram(r),_attribute:(d="",_,h)=>{let E=s(d,!0),y=Te(t,_),p=he(t,h),l=Ee(e.count,_,h);Ne(t,l,E,y,p)},_uniform:(d,_)=>{let h=o(d);if(g.num(_))return t.uniform1f(h,_);let E=_.length;if(E<=4)return t[`uniform${E}fv`](h,_);E=Math.sqrt(E)<<0,t[`uniformMatrix${E}fv`](h,!1,_)},_texture:(d,_)=>{let h=new Image;Object.assign(h,{src:_,crossOrigin:"anonymous"}),h.decode().then(()=>{let E=o(d),y=a(d);Pe(t,h,E,y)})}}};import{nested as j}from"reev";var nt=`
|
|
52
56
|
@vertex
|
|
53
57
|
fn main(@builtin(vertex_index) vertex_index: u32) -> @builtin(position) vec4f {
|
|
54
58
|
let x = f32(vertex_index % 2u) * 4.0 - 1.0;
|
|
55
59
|
let y = f32(vertex_index / 2u) * 4.0 - 1.0;
|
|
56
60
|
return vec4f(x, y, 0.0, 1.0);
|
|
57
61
|
}
|
|
58
|
-
`,
|
|
62
|
+
`,st=`
|
|
59
63
|
@group(0) @binding(0) var<uniform> iResolution: vec2f;
|
|
60
64
|
|
|
61
65
|
@fragment
|
|
62
66
|
fn main(@builtin(position) position: vec4f) -> @location(0) vec4f {
|
|
63
67
|
return vec4f(position.xy / iResolution, 0.0, 1.0);
|
|
64
68
|
}
|
|
65
|
-
`,
|
|
69
|
+
`,Le=async e=>{let t=navigator.gpu,r=t.getPreferredCanvasFormat(),o=await(await t.requestAdapter()).requestDevice();return e.configure({device:o,format:r,alphaMode:"opaque"}),{device:o,format:r}},Re=(e,t,r,n,o=nt,s=st)=>{P(o)&&(o=O(o,{isWebGL:!1})),P(s)&&(s=C(s,{isWebGL:!1}));let a=e.createPipelineLayout({bindGroupLayouts:n});return e.createRenderPipeline({vertex:{module:e.createShaderModule({code:o.trim()}),entryPoint:"main",buffers:r},fragment:{module:e.createShaderModule({code:s.trim()}),entryPoint:"main",targets:[{format:t}]},layout:a,primitive:{topology:"triangle-list"}})},we=(e,t)=>{let r=[],n=[];t.forEach((a,i)=>{if(!a)return;let m="buffer"in a,b=a instanceof GPUTextureView,c=a instanceof GPUSampler;if(m)r.push({binding:i,visibility:3,buffer:{type:"uniform"}});else if(b)r.push({binding:i,visibility:2,texture:{}});else if(c)r.push({binding:i,visibility:2,sampler:{}});else return;n.push({binding:i,resource:a})});let o=e.createBindGroupLayout({entries:r}),s=e.createBindGroup({layout:o,entries:n});return{layout:o,bindGroup:s}},Ce=e=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}]}),it=e=>Math.ceil(e/256)*256,Oe=(e,t)=>{let r=new Float32Array(t),n=e.createBuffer({size:r.byteLength,usage:40});return{array:r,buffer:n}},Ge=(e,t)=>{let r=new Float32Array(t),n=it(r.byteLength),o=e.createBuffer({size:n,usage:72});return{array:r,buffer:o}},Fe=(e,t=1280,r=800)=>{let n=e.createTexture({size:[t,r],format:"rgba8unorm",usage:22}),o=e.createSampler({magFilter:"linear",minFilter:"linear"});return{texture:n,sampler:o}},at=(e,t)=>e/t,ut=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",Ie=(e,t,r=6)=>{let n=at(t,r);return{arrayStride:n*4,attributes:[{shaderLocation:e,offset:0,format:ut(n)}]}};var Ue=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await Le(t),o={device:r,context:t,resources:[[],[]],loadingImg:0,needsUpdate:!0},s=[],a=[],i=[],m=j((y,p)=>{let{array:l,buffer:x}=Oe(r,p);return a.push(x),i.push(Ie(i.length,l.length,e.count)),o.needsUpdate=!0,{array:l,buffer:x}}),b=j((y,p)=>{let{array:l,buffer:x}=Ge(r,p);return o.resources[0].push({buffer:x}),o.needsUpdate=!0,{array:l,buffer:x}}),c=j((y,{width:p,height:l})=>{let{texture:x,sampler:I}=Fe(r,p,l);return o.resources[1].push(I,x.createView()),o.needsUpdate=!0,{texture:x,width:p,height:l}}),f=()=>{let y=[];s.length=0,o.resources.forEach(p=>{if(!p.length)return;let{layout:l,bindGroup:x}=we(r,p);y.push(l),s.push(x)}),o.pipeline=Re(r,n,i,y,e.vs,e.fs)};return{webgpu:o,render:()=>{if(o.loadingImg)return;o.needsUpdate&&f(),o.needsUpdate=!1;let y=r.createCommandEncoder(),p=y.beginRenderPass(Ce(t));p.setPipeline(o.pipeline),s.forEach((l,x)=>p.setBindGroup(x,l)),a.forEach((l,x)=>p.setVertexBuffer(x,l)),p.draw(e.count,1,0,0),p.end(),r.queue.submit([y.finish()])},clean:()=>{},_attribute:(y="",p)=>{let{array:l,buffer:x}=m(y,p);r.queue.writeBuffer(x,0,l)},_uniform:(y,p)=>{g.num(p)&&(p=[p]);let{array:l,buffer:x}=b(y,p);l.set(p),r.queue.writeBuffer(x,0,l)},_texture:(y,p)=>{o.loadingImg++;let l=Object.assign(new Image,{src:p,crossOrigin:"anonymous"});l.decode().then(()=>{let{texture:x,width:I,height:Be}=c(y,l);r.queue.copyExternalImageToTexture({source:l},{texture:x},{width:I,height:Be}),o.loadingImg--})}}};var Ae=e=>g.obj(e)?"isGL"in e:!1,lt=()=>typeof window>"u",mt=()=>lt()?!1:"gpu"in navigator,K=performance.now(),$e=e=>{let t=ct({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,webgl:{},webgpu:{}});return t.queue=pt(),t.frame=ft(),t.attribute=H((r,n,o)=>t.queue(()=>t._attribute?.(r,n,o))),t.texture=H((r,n)=>t.queue(()=>t._texture?.(r,n))),t.uniform=H((r,n,o)=>t.queue(()=>t._uniform?.(r,n,o))),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:K}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex,t.fs=t.fs||t.frag||t.fragment,mt()||(t.isWebGL=!0),t.isWebGL?t(await Se(t)):t(await Ue(t)),t.resize(),t.frame(()=>(t.loop(),t.queue.flush(),t.render(),t.isLoop)),!t.isNative&&(window.addEventListener("resize",t.resize),t.el.addEventListener("mousemove",t.mousemove))}),t("clean",()=>{t.frame.stop(),t.frame.clean(t.render),!t.isNative&&(window.removeEventListener("resize",t.resize),t.el.removeEventListener("mousemove",t.mousemove))}),t("resize",()=>{let r=t.width||window.innerWidth,n=t.height||window.innerHeight;t.size[0]=t.el.width=r,t.size[1]=t.el.height=n,t.uniform("iResolution",t.size)}),t("mousemove",(r,n=r.clientX,o=r.clientY)=>{let[s,a]=t.size,{top:i,left:m}=t.el.getBoundingClientRect();t.mouse[0]=(n-i-s/2)/(s/2),t.mouse[1]=-(o-m-a/2)/(a/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{K=performance.now()/1e3,t.uniform("iTime",K)}),t(e)};var jr=(e={})=>dt(()=>{let t=Ae(e)?e:$e(e);return t.ref=r=>{t.el={},t({render(){r.flush(),r.endFrameEXP()}}),t.mount(),(()=>{t.width=r.drawingBufferWidth,t.height=r.drawingBufferHeight,t.resize()})()},t({isNative:!0})})[0];export{it as alignTo256,Ne as createAttrib,we as createBindGroup,Ie as createBufferLayout,Ce as createDescriptor,Le as createDevice,$e as createGL,he as createIbo,Re as createPipeline,_e as createProgram,Pe as createTexture,Fe as createTextureSampler,Ge as createUniformBuffer,Te as createVbo,Oe as createVertexBuffer,ot as defaultFragmentGLSL,rt as defaultVertexGLSL,vt as dig,De as each,bt as ext,yt as fig,xt as flush,Ee as getStride,g as is,Ae as isGL,lt as isServer,mt as isWebGPUSupported,gt as replace,Xt as sig,jr as useGL,Se as webgl,Ue as webgpu};
|
|
66
70
|
//# sourceMappingURL=native.js.map
|