glre 0.30.0 → 0.32.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.cjs +30 -64
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +571 -0
- package/dist/index.js +30 -64
- package/dist/index.js.map +1 -1
- package/dist/native.cjs +30 -64
- package/dist/native.cjs.map +1 -1
- package/dist/native.d.ts +54 -0
- package/dist/native.js +30 -64
- package/dist/native.js.map +1 -1
- package/dist/react.cjs +30 -64
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.ts +8 -0
- package/dist/react.js +30 -64
- package/dist/react.js.map +1 -1
- package/dist/solid.cjs +30 -64
- package/dist/solid.cjs.map +1 -1
- package/dist/solid.d.ts +8 -0
- package/dist/solid.js +30 -64
- package/dist/solid.js.map +1 -1
- package/package.json +7 -6
- package/src/index.ts +20 -5
- package/src/node/code.ts +66 -69
- package/src/node/const.ts +2 -0
- package/src/node/index.ts +78 -8
- package/src/node/infer.ts +19 -14
- package/src/node/node.ts +12 -14
- package/src/node/parse.ts +118 -0
- package/src/node/scope.ts +37 -18
- package/src/node/types.ts +90 -56
- package/src/node/utils.ts +9 -92
- package/src/types.ts +31 -16
- package/src/utils/pipeline.ts +135 -83
- package/src/utils/program.ts +7 -29
- package/src/webgl.ts +2 -3
- package/src/webgpu.ts +67 -58
- package/dist/index-q8W5cl04.d.cts +0 -358
- package/dist/index.d.cts +0 -3
- package/dist/native.d.cts +0 -53
- package/dist/react.d.cts +0 -8
- package/dist/solid.d.cts +0 -8
package/dist/native.cjs
CHANGED
|
@@ -1,70 +1,36 @@
|
|
|
1
|
-
"use strict";var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
`.trim(),ft=`
|
|
11
|
-
@fragment
|
|
12
|
-
fn main(@builtin(position) position: vec4f) -> @location(0) vec4f {
|
|
13
|
-
`.trim(),pt=(e,t,r=!0)=>{let n="";return r&&(n+=ct),t&&(n+=`
|
|
14
|
-
`+t+`
|
|
15
|
-
`),r?n+=`void main() {
|
|
16
|
-
fragColor = ${e};`:(n+=ft+`
|
|
17
|
-
`,n+=` return ${e};`),n+=`
|
|
18
|
-
}`,n},lt=(e,t,r=!0)=>"",O=(e,t={})=>{let r=u(e,t),n=Oe(t),o=pt(r,n,t.isWebGL);return console.log(`// \u2193\u2193\u2193 generated \u2193\u2193\u2193
|
|
19
|
-
|
|
20
|
-
${o}
|
|
21
|
-
|
|
22
|
-
`),o},G=(e,t)=>{let r=u(e,t),n=Oe(t);return lt(r,n,t.isWebGL)};var mt=(e,t)=>e.reduce((r,n)=>{let o=v(n,t),s=S.indexOf(r);return S.indexOf(o)>s?o:r},"float"),dt=e=>_e[e],xt=(e,t,r)=>{let n=t.length>0?v(t[0],r):"float";return Y.includes(e)?n:V.includes(e)?"float":W.includes(e)?"bool":q.includes(e)?n:k.includes(e)?"vec3":H.includes(e)?"vec4":j.includes(e)?mt(t,r):n},Fe=(e,t,r)=>{if(Te.includes(r)||he.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},gt=e=>x.bol(e)?"bool":x.num(e)?"float":x.arr(e)&&K[e.length]||"float",bt=e=>K[e],yt=(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"?Fe(v(m,t),v(b,t),i):r==="function"?xt(i,s.slice(1),t):r==="swizzle"?bt(i.length):r==="ternary"?Fe(v(m,t),v(b,t),"add"):r==="builtin"?dt(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 gt(e);if(t.infers||(t.infers=new WeakMap),t.infers.has(e))return t.infers.get(e);let r=yt(e,t);return t.infers.set(e,r),r};var u=(e,t)=>{if(t||(t={}),t.headers||(t.headers=new Map),x.str(e))return e;if(x.num(e)){let c=`${e}`;return c.includes(".")?c:c+".0"}if(x.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?we(o):o;if(r==="conversion")return`${L(a,t)}(${C(s.slice(1),t)})`;if(r==="operator")return a==="not"||a==="bitNot"?`!${u(i,t)}`:`(${u(i,t)} ${Re(a)} ${u(m,t)})`;if(r==="function")return a==="negate"?`(-${C(s.slice(1),t)})`:`${a}(${C(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,Ge(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)}
|
|
1
|
+
"use strict";var re=Object.defineProperty;var Tt=Object.getOwnPropertyDescriptor;var _t=Object.getOwnPropertyNames;var Et=Object.prototype.hasOwnProperty;var Pt=(e,t)=>{for(var r in t)re(e,r,{get:t[r],enumerable:!0})},Ct=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of _t(t))!Et.call(e,o)&&o!==r&&re(e,o,{get:()=>t[o],enumerable:!(n=Tt(t,o))||n.enumerable});return e};var Nt=e=>Ct(re({},"__esModule",{value:!0}),e);var zo={};Pt(zo,{Fn:()=>kt,If:()=>Vt,Loop:()=>Wt,Return:()=>xt,Switch:()=>qt,abs:()=>Fr,acos:()=>Ar,all:()=>Br,any:()=>Dr,asin:()=>Mr,assign:()=>_e,atan:()=>zr,atan2:()=>Vr,attribute:()=>Ht,bitcast:()=>Wr,bool:()=>xr,builtin:()=>y,bvec2:()=>Pr,bvec3:()=>Cr,bvec4:()=>Nr,cbrt:()=>qr,ceil:()=>kr,clamp:()=>Yr,code:()=>c,color:()=>Sr,constant:()=>jt,conversion:()=>d,conversionToConstant:()=>ye,cos:()=>Hr,createAttrib:()=>Oe,createAttribBuffer:()=>De,createBindGroup:()=>Me,createBindings:()=>Fe,createDepthTexture:()=>We,createDescriptor:()=>ze,createDevice:()=>Ue,createGL:()=>je,createIbo:()=>Ge,createPipeline:()=>Ae,createProgram:()=>we,createTexture:()=>$e,createTextureSampler:()=>Ve,createUniformBuffer:()=>Be,createVbo:()=>Se,createVertexBuffers:()=>qe,cross:()=>jr,cubeTexture:()=>Ir,dFdx:()=>Kr,dFdy:()=>Zr,degrees:()=>Qr,difference:()=>Jr,dig:()=>Rt,distance:()=>eo,dot:()=>to,each:()=>Ze,equals:()=>ro,exp:()=>oo,exp2:()=>no,ext:()=>St,faceforward:()=>so,fig:()=>Gt,float:()=>W,floor:()=>io,flush:()=>Lt,formatConversions:()=>C,fract:()=>Le,fragDepth:()=>rr,fragment:()=>V,frontFacing:()=>tr,function_:()=>u,fwidth:()=>ao,getBluiltin:()=>Xe,getId:()=>w,getOperator:()=>he,getStride:()=>Re,hex2rgb:()=>ve,iMouse:()=>Gr,iResolution:()=>j,iTime:()=>Rr,instanceIndex:()=>er,int:()=>G,inverseSqrt:()=>uo,is:()=>l,isConstantsType:()=>be,isConversion:()=>xe,isFunction:()=>de,isGL:()=>He,isNodeProxy:()=>ge,isOperator:()=>me,isServer:()=>ht,isSwizzle:()=>q,isWebGPUSupported:()=>Xt,ivec2:()=>hr,ivec3:()=>Xr,ivec4:()=>yr,joins:()=>S,length:()=>po,lengthSq:()=>co,log:()=>fo,log2:()=>lo,mat2:()=>gr,mat3:()=>br,mat4:()=>vr,max:()=>mo,min:()=>xo,mix:()=>go,negate:()=>bo,node:()=>m,normalLocal:()=>ir,normalView:()=>ur,normalWorld:()=>ar,normalize:()=>vo,oneMinus:()=>ho,operator:()=>gt,pointCoord:()=>sr,position:()=>k,positionLocal:()=>pr,positionView:()=>fr,positionWorld:()=>cr,pow:()=>Xo,pow2:()=>yo,pow3:()=>To,pow4:()=>_o,radians:()=>Eo,reciprocal:()=>Po,reflect:()=>Co,refract:()=>No,replace:()=>wt,round:()=>Lo,sampleIndex:()=>or,sampleMask:()=>nr,sampler2D:()=>wr,saturate:()=>wo,screenCoordinate:()=>lr,screenUV:()=>mr,select:()=>Qt,sig:()=>Ot,sign:()=>So,sin:()=>Go,smoothstep:()=>Ro,sqrt:()=>Oo,step:()=>$o,swizzle:()=>Ee,tan:()=>Io,texture:()=>$r,texture2D:()=>Lr,textureSize:()=>Ur,toVar:()=>Te,transformDirection:()=>Uo,trunc:()=>Fo,uint:()=>dr,uniform:()=>M,useGL:()=>Mo,uv:()=>Or,uvec2:()=>Tr,uvec3:()=>_r,uvec4:()=>Er,variable:()=>Kt,vec2:()=>Ne,vec3:()=>Ce,vec4:()=>H,vertex:()=>z,vertexIndex:()=>Y,vertexStage:()=>Zt,webgl:()=>Ie,webgpu:()=>ke});module.exports=Nt(zo);var yt=require("react");var A=require("reev"),Q=require("refr");var K=require("reev");var l={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)},Ze=(e,t)=>e.forEach(t),Lt=(e,...t)=>{Ze(e,r=>r(...t))},wt=(e="",t="_",r="/")=>e.split(t).join(r),St=(e=".pdf")=>e.split(".").pop()?.toLowerCase()??"",Gt=(e=0)=>`${e}`.split(".")[1]?.length??0,Rt=(e=0)=>`${e}`.split(".")[0]?.length-(e<0?1:0),Ot=(e=0,t=-2)=>(t*=-1,t=Math.pow(10,t),e*=t,e=Math.round(e),e/=t,e);var O=["bool","uint","int","float","bvec2","ivec2","uvec2","vec2","bvec3","ivec3","uvec3","vec3","bvec4","ivec4","uvec4","vec4","color","mat2","mat3","mat4","texture","sampler2D"],oe=["toBool","toUint","toInt","toFloat","toBvec2","toIvec2","toUvec2","toVec2","toBvec3","toIvec3","toUvec3","toVec3","toBvec4","toIvec4","toUvec4","toVec4","toColor","toMat2","toMat3","toMat4"],ne={add:"+",sub:"-",mul:"*",div:"/",mod:"%",equal:"==",notEqual:"!=",lessThan:"<",lessThanEqual:"<=",greaterThan:">",greaterThanEqual:">=",and:"&&",or:"||",bitAnd:"&",bitOr:"|",bitXor:"^",shiftLeft:"<<",shiftRight:">>"},Qe=Object.keys(ne),se=["dot","distance","length","lengthSq","determinant","luminance"],ie=["all","any"],ae=["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"],ue=["cross"],pe=["reflect","refract"],ce=["min","max","mix","clamp","step","smoothstep"],fe=["texture","textureLod","textureSize","cubeTexture"],$t=["atan2","degrees","faceforward","bitcast","cbrt","difference","equals","pow","pow2","pow3","pow4","radians","transformDirection"],Je=[...se,...ie,...ae,...ue,...pe,...ce,...fe,...$t],et={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>"},le={1:"float",2:"vec2",3:"vec3",4:"vec4",9:"mat3",16:"mat4"},tt={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"},rt=["equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual"],ot=["and","or"],nt={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 q=e=>l.str(e)&&/^[xyzwrgbastpq]{1,4}$/.test(e),me=e=>Qe.includes(e),de=e=>Je.includes(e),xe=e=>oe.includes(e),ge=e=>!e||typeof e!="object"?!1:e.isProxy,be=e=>!(!e||e==="auto"),ve=e=>{let t=(e>>16&255)/255,r=(e>>8&255)/255,n=(e&255)/255;return[t,r,n]},It=0,w=()=>`i${It++}`,S=(e,t)=>e.filter(r=>!l.und(r)&&!l.nul(r)).map(r=>c(r,t)).join(", "),C=(e,t)=>l.str(e)?t?.isWebGL?e:et[e]:"",he=e=>ne[e]||e,Xe=e=>nt[e],ye=e=>{let t=oe.indexOf(e);return t!==-1?O[t]:"float"};var Ut=(e,t)=>e.reduce((r,n)=>{let o=X(n,t),i=O.indexOf(r);return O.indexOf(o)>i?o:r},"float"),Ft=e=>tt[e],At=(e,t,r)=>{let n=t.length>0?X(t[0],r):"float";return pe.includes(e)?n:se.includes(e)?"float":ie.includes(e)?"bool":ae.includes(e)?n:ue.includes(e)?"vec3":fe.includes(e)?"vec4":ce.includes(e)?Ut(t,r):n},st=(e,t,r)=>{if(rt.includes(r)||ot.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=O.indexOf(e),o=O.indexOf(t);return n>=o?e:t},Bt=e=>l.bol(e)?"bool":l.num(e)?"float":l.arr(e)&&le[e.length]||"float",Dt=e=>le[e],Mt=(e,t)=>{if(e.length===0)return"void";let r=X(e[0],t);for(let n of e.slice(1))if(r!==X(n))throw new Error("glre node system error: defined scope return mismatch");return r},zt=(e,t)=>{let{type:r,props:n}=e,{id:o,children:i=[],layout:s,inferFrom:a}=n,[p,f,b]=i;return r==="conversion"?p:r==="operator"?st(X(f,t),X(b,t),p):r==="function"?At(p,i.slice(1),t):r==="swizzle"?Dt(p.length):r==="ternary"?st(X(f,t),X(b,t),"add"):r==="builtin"?Ft(o):r==="define"&&be(s?.type)?s?.type:a?Mt(a,t):X(p,t)},X=(e,t)=>{if(t||(t={}),!ge(e))return Bt(e);if(t.infers||(t.infers=new WeakMap),t.infers.has(e))return t.infers.get(e);let r=zt(e,t);return t.infers.set(e,r),r};var it=(e,t,r,n)=>{if(e.isWebGL)return`texture(${S(n?[t,r,n]:[t,r],e)})`;let o=c(t,e),i=[o,o+"Sampler",c(r,e)];return n?(i.push(c(n,e)),`textureSampleLevel(${i})`):`textureSample(${i})`},at=(e,t,r,n)=>{let o=`if (${c(t,e)}) {
|
|
2
|
+
${c(r,e)}
|
|
3
|
+
}`;for(let i=2;i<n.length;i+=2){let s=i>=n.length-1;o+=s?` else {
|
|
4
|
+
${c(n[i],e)}
|
|
5
|
+
}`:` else if (${c(n[i],e)}) {
|
|
6
|
+
${c(n[i+1],e)}
|
|
7
|
+
}`}return o},ut=(e,t,r)=>{let n=`switch (${c(t,e)}) {
|
|
8
|
+
`;for(let o=1;o<r.length;o+=2)o>=r.length-1&&r.length%2===0?n+=`default:
|
|
9
|
+
${c(r[o],e)}
|
|
36
10
|
break;
|
|
37
|
-
`:
|
|
38
|
-
${
|
|
11
|
+
`:o+1<r.length&&(n+=`case ${c(r[o],e)}:
|
|
12
|
+
${c(r[o+1],e)}
|
|
39
13
|
break;
|
|
40
|
-
`);return
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}
|
|
47
|
-
`,
|
|
14
|
+
`);return n+="}",n},pt=(e,t,r)=>{let n=X(t,e),o=r?.props?.id;if(e.isWebGL)return`${n} ${o} = ${c(t,e)};`;let i=C(n);return`var ${o}: ${i} = ${c(t,e)};`},ct=(e,t,r)=>{let{id:n,children:o=[],layout:i}=t,[s,...a]=o,p=[],f=[];if(i?.inputs)for(let g of i.inputs)p.push([g.name,g.type]);else for(let g=0;g<a.length;g++)p.push([`p${g}`,X(a[g],e)]);let b=[];if(e?.isWebGL){for(let[g,_]of p)f.push(`${_} ${g}`);b.push(`${r} ${n}(${f}) {`)}else{for(let[g,_]of p)f.push(`${g}: ${C(_,e)}`);b.push(`fn ${n}(${f}) -> ${C(r,e)} {`)}let x=c(s,e);return x&&b.push(x),b.push("}"),b.join(`
|
|
15
|
+
`)},ft=(e,t,r)=>e.isWebGL?`${r} ${t};`:`@location(${e.vertVaryings.size}) ${t}: ${C(r,e)}`,lt=(e,t,r)=>{let n=r==="sampler2D"||r==="texture";if(e.isWebGL)return n?`uniform sampler2D ${t};`:`uniform ${r} ${t};`;if(n){let{group:a=1,binding:p=0}=e.webgpu?.textures.map.get(t)||{};return`@group(${a}) @binding(${p}) var ${t}Sampler: sampler;
|
|
16
|
+
@group(${a}) @binding(${p+1}) var ${t}: texture_2d<f32>;`}let{group:o=0,binding:i=0}=e.webgpu?.uniforms.map.get(t)||{},s=C(r,e);return`@group(${o}) @binding(${i}) var<uniform> ${t}: ${s};`},mt=(e,t,r)=>{if(e.isWebGL)return`${r} ${t};`;let{location:n=0}=e.webgpu?.attribs.map.get(t)||{},o=C(r,e);return`@location(${n}) ${t}: ${o}`},dt=(e,t,r,n)=>e.isWebGL?`const ${r} ${t} = ${n};`:`const ${t}: ${C(r,e)} = ${n};`;var c=(e,t)=>{if(t||(t={}),t.headers||(t.headers=new Map),t.vertVaryings||(t.vertVaryings=new Map),t.fragInputs||(t.fragInputs=new Map),t.vertInputs||(t.vertInputs=new Map),t.vertOutputs||(t.vertOutputs=new Map,t.isWebGL||(t.fragInputs.set("position","@builtin(position) position: vec4f"),t.vertOutputs.set("position","@builtin(position) position: vec4f"))),l.str(e))return e;if(l.num(e)){let x=`${e}`;return x.includes(".")?x:x+".0"}if(l.bol(e))return e?"true":"false";if(!e)return"";let{type:r,props:n}=e,{id:o="",children:i=[]}=n,[s,a,p,f]=i;if(r==="variable")return o;if(r==="swizzle")return`${c(a,t)}.${c(s,t)}`;if(r==="ternary")return t.isWebGL?`(${c(s,t)} ? ${c(a,t)} : ${c(p,t)})`:`select(${c(s,t)}, ${c(a,t)}, ${c(p,t)})`;if(r==="conversion")return`${C(s,t)}(${S(i.slice(1),t)})`;if(r==="operator")return s==="not"||s==="bitNot"?`!${c(a,t)}`:`(${c(a,t)} ${he(s)} ${c(p,t)})`;if(r==="function")return s==="negate"?`(-${S(i.slice(1),t)})`:s==="texture"?it(t,a,p,f):`${s}(${S(i.slice(1),t)})`;if(r==="scope")return i.map(x=>c(x,t)).join(`
|
|
17
|
+
`);if(r==="assign")return`${c(s,t)} = ${c(a,t)};`;if(r==="return")return`return ${c(s,t)};`;if(r==="loop")return t.isWebGL?`for (int i = 0; i < ${s}; i += 1) {
|
|
18
|
+
${c(a,t)}
|
|
19
|
+
}`:`for (var i: i32 = 0; i < ${s}; i++) {
|
|
20
|
+
${c(a,t)}
|
|
21
|
+
}`;if(r==="if")return at(t,s,a,i);if(r==="switch")return ut(t,s,i);if(r==="declare")return pt(t,s,a);if(r==="define"){let x=`${o}(${S(i.slice(1),t)})`;return t.headers.has(o)||t.headers.set(o,ct(t,n,X(e,t))),x}if(r==="varying"){if(t.vertOutputs.has(o))return t.isWebGL?`${o}`:`out.${o}`;let x=ft(t,o,X(e,t));return t.fragInputs.set(o,x),t.vertOutputs.set(o,x),t.vertVaryings.set(o,c(s,t)),t.isWebGL?`${o}`:`out.${o}`}if(r==="builtin"){if(t.isWebGL)return Xe(o);if(o==="position")return"out.position";let x=`@builtin(${o}) ${o}: ${C(X(e,t),t)}`;return t.isFrag?t.fragInputs.set(o,x):t.vertInputs.set(o,x),`in.${o}`}if(r==="attribute")return t.vertInputs.set(o,mt(t,o,X(e,t))),t.isWebGL?`${o}`:`in.${o}`;if(t.headers.has(o))return o;let b="";return r==="uniform"&&(b=lt(t,o,X(e,t))),r==="constant"&&(b=dt(t,o,X(e,t),c(s,t))),b?(t.headers.set(o,b),o):c(s,t)};var $=null,U=null,F=e=>{if(!$||($.props.children||($.props.children=[]),$.props.children.push(e),e.type!=="return"||!U))return;let{props:t}=U;t.inferFrom||(t.inferFrom=[]),t.inferFrom.push(e)},Te=(e,t)=>{t||(t=w());let r=m("variable",{id:t,inferFrom:[e]}),n=m("declare",null,e,r);return F(n),r},_e=(e,t)=>{let r=m("assign",null,e,t);return F(r),e},xt=e=>{let t=m("return",{inferFrom:[e]},e);return F(t),t},I=(e,t,r=U)=>{let n=$,o=U;$=e,U=r,n&&(e.props.parent=n);let i=t();i&&xt(i),$=n,U=o},Vt=(e,t)=>{let r=m("scope");I(r,t);let n=m("if",null,e,r);F(n);let o=()=>({ElseIf:(i,s)=>{let a=m("scope");return I(a,s),n.props.children.push(i,a),o()},Else:i=>{let s=m("scope");I(s,i),n.props.children.push(s)}});return o()},Wt=(e,t)=>{let r=m("scope");I(r,()=>t({i:m("variable",{id:"i",inferFrom:[G(0)]})}));let n=m("loop",null,e,r);return F(n),n},qt=e=>{let t=m("switch",null,e);F(t);let r=()=>({Case:(...n)=>o=>{let i=m("scope");I(i,o);for(let s of n)t.props.children.push(s,i);return r()},Default:n=>{let o=m("scope");I(o,n),t.props.children.push(o)}});return r()},kt=e=>{let t,r=(...n)=>{let o=t?.name||w(),i=m("scope"),s=[],a=[];if(t?.inputs)for(let f of t.inputs)a.push({id:f.name,inferFrom:[d(f.type)]});else for(let f=0;f<n.length;f++)a.push({id:`p${f}`,inferFrom:[n[f]]});for(let f of a)s.push(m("variable",f));let p=m("define",{id:o,layout:t},i,...n);return I(i,()=>e(s),p),p};return r.setLayout=n=>(t=n,r),r};var Yt=(e,t)=>{if(t==="string")return c(e)},m=(e,t,...r)=>{t||(t={}),r.length&&(t.children=r);let n=(s,a)=>{if(a==="type")return e;if(a==="props")return t;if(a==="toVar")return Te.bind(null,i);if(a==="assign")return _e.bind(null,i);if(a==="isProxy")return!0;if(a==="toString")return c.bind(null,i);if(a===Symbol.toPrimitive)return Yt.bind(null,i);if(q(a))return Ee(a,i);if(me(a))return(...p)=>gt(a,i,...p);if(de(a))return(...p)=>u(a,i,...p);if(xe(a))return()=>d(ye(a),i)},o=(s,a,p)=>q(a)?(Ee(a,i).assign(p),!0):!1,i=new Proxy({},{get:n,set:o});return i},Ht=(e,t=w())=>m("attribute",{id:t},e),jt=(e,t=w())=>m("constant",{id:t},e),M=(e,t=w())=>m("uniform",{id:t},e),Kt=(e=w())=>m("variable",{id:e}),y=(e=w())=>m("builtin",{id:e}),Zt=(e,t=w())=>m("varying",{id:t,inferFrom:[e]},e),Ee=(e,t)=>m("swizzle",null,e,t),gt=(e,...t)=>m("operator",null,e,...t),u=(e,...t)=>m("function",null,e,...t),d=(e,...t)=>m("conversion",null,e,...t),Qt=(e,t,r)=>m("ternary",null,e,t,r);var Jt=`
|
|
48
22
|
#version 300 es
|
|
49
23
|
precision mediump float;
|
|
50
|
-
uniform vec2 iResolution;
|
|
51
24
|
out vec4 fragColor;
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
@vertex
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
`,ht=`
|
|
63
|
-
@group(0) @binding(0) var<uniform> iResolution: vec2f;
|
|
64
|
-
|
|
65
|
-
@fragment
|
|
66
|
-
fn main(@builtin(position) position: vec4f) -> @location(0) vec4f {
|
|
67
|
-
return vec4f(position.xy / iResolution, 0.0, 1.0);
|
|
68
|
-
}
|
|
69
|
-
`,se=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}},ie=(e,t,r,n,o=Tt,s=ht)=>{P(o)&&(o=G(o,{isWebGL:!1})),P(s)&&(s=O(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"}})},ae=(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}},ue=e=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}]}),We=e=>Math.ceil(e/256)*256,ce=(e,t)=>{let r=new Float32Array(t),n=e.createBuffer({size:r.byteLength,usage:40});return{array:r,buffer:n}},fe=(e,t)=>{let r=new Float32Array(t),n=We(r.byteLength),o=e.createBuffer({size:n,usage:72});return{array:r,buffer:o}},pe=(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}},Et=(e,t)=>e/t,Nt=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",le=(e,t,r=6)=>{let n=Et(t,r);return{arrayStride:n*4,attributes:[{shaderLocation:e,offset:0,format:Nt(n)}]}};var me=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await se(t),o={device:r,context:t,resources:[[],[]],loadingImg:0,needsUpdate:!0},s=[],a=[],i=[],m=(0,A.nested)((y,p)=>{let{array:l,buffer:g}=ce(r,p);return a.push(g),i.push(le(i.length,l.length,e.count)),o.needsUpdate=!0,{array:l,buffer:g}}),b=(0,A.nested)((y,p)=>{let{array:l,buffer:g}=fe(r,p);return o.resources[0].push({buffer:g}),o.needsUpdate=!0,{array:l,buffer:g}}),c=(0,A.nested)((y,{width:p,height:l})=>{let{texture:g,sampler:B}=pe(r,p,l);return o.resources[1].push(B,g.createView()),o.needsUpdate=!0,{texture:g,width:p,height:l}}),f=()=>{let y=[];s.length=0,o.resources.forEach(p=>{if(!p.length)return;let{layout:l,bindGroup:g}=ae(r,p);y.push(l),s.push(g)}),o.pipeline=ie(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(ue(t));p.setPipeline(o.pipeline),s.forEach((l,g)=>p.setBindGroup(g,l)),a.forEach((l,g)=>p.setVertexBuffer(g,l)),p.draw(e.count,1,0,0),p.end(),r.queue.submit([y.finish()])},clean:()=>{},_attribute:(y="",p)=>{let{array:l,buffer:g}=m(y,p);r.queue.writeBuffer(g,0,l)},_uniform:(y,p)=>{x.num(p)&&(p=[p]);let{array:l,buffer:g}=b(y,p);l.set(p),r.queue.writeBuffer(g,0,l)},_texture:(y,p)=>{o.loadingImg++;let l=Object.assign(new Image,{src:p,crossOrigin:"anonymous"});l.decode().then(()=>{let{texture:g,width:B,height:je}=c(y,l);r.queue.copyExternalImageToTexture({source:l},{texture:g},{width:B,height:je}),o.loadingImg--})}}};var xe=e=>x.obj(e)?"isGL"in e:!1,qe=()=>typeof window>"u",ke=()=>qe()?!1:"gpu"in navigator,de=performance.now(),ge=e=>{let t=(0,R.event)({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,webgl:{},webgpu:{}});return t.queue=(0,$.createQueue)(),t.frame=(0,$.createFrame)(),t.attribute=(0,R.durable)((r,n,o)=>t.queue(()=>t._attribute?.(r,n,o))),t.texture=(0,R.durable)((r,n)=>t.queue(()=>t._texture?.(r,n))),t.uniform=(0,R.durable)((r,n,o)=>t.queue(()=>t._uniform?.(r,n,o))),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:de}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex,t.fs=t.fs||t.frag||t.fragment,ke()||(t.isWebGL=!0),t.isWebGL?t(await ne(t)):t(await me(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",()=>{de=performance.now()/1e3,t.uniform("iTime",de)}),t(e)};var Pt=(e={})=>(0,Ye.useState)(()=>{let t=xe(e)?e:ge(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];0&&(module.exports={alignTo256,createAttrib,createBindGroup,createBufferLayout,createDescriptor,createDevice,createGL,createIbo,createPipeline,createProgram,createTexture,createTextureSampler,createUniformBuffer,createVbo,createVertexBuffer,defaultFragmentGLSL,defaultVertexGLSL,dig,each,ext,fig,flush,getStride,is,isGL,isServer,isWebGPUSupported,replace,sig,useGL,webgl,webgpu});
|
|
25
|
+
`.trim(),bt=(e,t)=>{let r=c(e,t);return[Array.from(t.headers.values()).join(`
|
|
26
|
+
`),r]},Pe=(e,t)=>`struct ${e} {
|
|
27
|
+
${Array.from(t.values()).join(`,
|
|
28
|
+
`)}
|
|
29
|
+
}`,z=(e,t)=>{t.headers?.clear(),t.isFrag=!1;let[r,n]=bt(e,t),o=[];if(t.isWebGL){o.push("#version 300 es");for(let s of t.vertInputs.values())o.push(`in ${s}`);for(let s of t.vertOutputs.values())o.push(`out ${s}`);o.push(r),o.push("void main() {"),o.push(` gl_Position = ${n};`);for(let[s,a]of t.vertVaryings.entries())o.push(` ${s} = ${a};`)}else{t.vertInputs?.size&&o.push(Pe("In",t.vertInputs)),t.vertOutputs?.size&&o.push(Pe("Out",t.vertOutputs)),o.push(r),o.push("@vertex"),o.push(`fn main(${t.vertInputs?.size?"in: In":""}) -> Out {`),o.push(" var out: Out;"),o.push(` out.position = ${n};`);for(let[s,a]of t.vertVaryings.entries())o.push(` out.${s} = ${a};`);o.push(" return out;")}o.push("}");let i=o.filter(Boolean).join(`
|
|
30
|
+
`);return console.log(`\u2193\u2193\u2193generated\u2193\u2193\u2193
|
|
31
|
+
${i}`),i},V=(e,t)=>{t.headers?.clear(),t.isFrag=!0;let[r,n]=bt(e,t),o=[];if(t.isWebGL){o.push(Jt);for(let s of t.fragInputs.values())o.push(`in ${s}`);o.push(r),o.push(`void main() {
|
|
32
|
+
fragColor = ${n};`)}else t.fragInputs?.size&&o.push(Pe("Out",t.fragInputs)),o.push(r),o.push(`@fragment
|
|
33
|
+
fn main(out: Out) -> @location(0) vec4f {`),o.push(` return ${n};`);o.push("}");let i=o.filter(Boolean).join(`
|
|
34
|
+
`);return console.log(`\u2193\u2193\u2193generated\u2193\u2193\u2193
|
|
35
|
+
${i}`),i},k=y("position"),Y=y("vertex_index"),er=y("instance_index"),tr=y("front_facing"),rr=y("frag_depth"),or=y("sample_index"),nr=y("sample_mask"),sr=y("point_coord"),ir=y("normalLocal"),ar=y("normalWorld"),ur=y("normalView"),pr=y("position"),cr=y("positionWorld"),fr=y("positionView"),lr=y("screenCoordinate"),mr=y("screenUV"),W=e=>d("float",e),G=e=>d("int",e),dr=e=>d("uint",e),xr=e=>d("bool",e),Ne=(e,t)=>d("vec2",e,t),Ce=(e,t,r)=>d("vec3",e,t,r),H=(e,t,r,n)=>d("vec4",e,t,r,n),gr=(...e)=>d("mat2",...e),br=(...e)=>d("mat3",...e),vr=(...e)=>d("mat4",...e),hr=(e,t)=>d("ivec2",e,t),Xr=(e,t,r)=>d("ivec3",e,t,r),yr=(e,t,r,n)=>d("ivec4",e,t,r,n),Tr=(e,t)=>d("uvec2",e,t),_r=(e,t,r)=>d("uvec3",e,t,r),Er=(e,t,r,n)=>d("uvec4",e,t,r,n),Pr=(e,t)=>d("bvec2",e,t),Cr=(e,t,r)=>d("bvec3",e,t,r),Nr=(e,t,r,n)=>d("bvec4",e,t,r,n),Lr=()=>d("texture"),wr=()=>d("sampler2D"),Sr=(e,t,r)=>l.num(e)&&l.und(t)&&l.und(r)?Ce(...ve(e)):Ce(e,t,r),j=M(Ne(1280,800),"iResolution"),Gr=M(Ne(0,0),"iMouse"),Rr=M(W(0),"iTime"),Or=()=>k.xy.div(j),$r=(e,t,r)=>u("texture",e,t,r),Ir=(e,t,r)=>u("cubeTexture",e,t,r),Ur=(e,t)=>u("textureSize",e,t),Fr=e=>u("abs",e),Ar=e=>u("acos",e),Br=e=>u("all",e),Dr=e=>u("any",e),Mr=e=>u("asin",e),zr=(e,t)=>t!==void 0?u("atan",e,t):u("atan",e),Vr=(e,t)=>u("atan",e,t),Wr=(e,t)=>u("bitcast",e,t),qr=e=>u("cbrt",e),kr=e=>u("ceil",e),Yr=(e,t,r)=>u("clamp",e,t,r),Hr=e=>u("cos",e),jr=(e,t)=>u("cross",e,t),Kr=e=>u("dFdx",e),Zr=e=>u("dFdy",e),Qr=e=>u("degrees",e),Jr=(e,t)=>u("difference",e,t),eo=(e,t)=>u("distance",e,t),to=(e,t)=>u("dot",e,t),ro=(e,t)=>u("equals",e,t),oo=e=>u("exp",e),no=e=>u("exp2",e),so=(e,t,r)=>u("faceforward",e,t,r),io=e=>u("floor",e),Le=e=>u("fract",e),ao=e=>u("fwidth",e),uo=e=>u("inverseSqrt",e),po=e=>u("length",e),co=e=>u("lengthSq",e),fo=e=>u("log",e),lo=e=>u("log2",e),mo=(e,t)=>u("max",e,t),xo=(e,t)=>u("min",e,t),go=(e,t,r)=>u("mix",e,t,r),bo=e=>u("negate",e),vo=e=>u("normalize",e),ho=e=>u("oneMinus",e),Xo=(e,t)=>u("pow",e,t),yo=e=>u("pow2",e),To=e=>u("pow3",e),_o=e=>u("pow4",e),Eo=e=>u("radians",e),Po=e=>u("reciprocal",e),Co=(e,t)=>u("reflect",e,t),No=(e,t,r)=>u("refract",e,t,r),Lo=e=>u("round",e),wo=e=>u("saturate",e),So=e=>u("sign",e),Go=e=>u("sin",e),Ro=(e,t,r)=>u("smoothstep",e,t,r),Oo=e=>u("sqrt",e),$o=(e,t)=>u("step",e,t),Io=e=>u("tan",e),Uo=(e,t)=>u("transformDirection",e,t),Fo=e=>u("trunc",e);var vt=(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}`)},we=(e,t,r,n=()=>{},o)=>{let i={isWebGL:!0,gl:o};l.str(r)||(r=V(r,i)),l.str(t)||(t=z(t,i));let s=e.createProgram(),a=vt(e,t,e.VERTEX_SHADER),p=vt(e,r,e.FRAGMENT_SHADER);if(!a||!p)return n();if(e.attachShader(s,a),e.attachShader(s,p),e.linkProgram(s),e.getProgramParameter(s,e.LINK_STATUS))return s;let f=e.getProgramInfoLog(s);e.deleteProgram(s),n(),console.warn(`Could not link pg: ${f}`)},Se=(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},Ge=(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},Re=(e,t,r)=>{r&&(e=Math.max(...r)+1);let n=t.length/e;return Math.floor(n)},Oe=(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)},$e=(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 Ie=async e=>{let t=e.el.getContext("webgl2"),r=we(t,e.vs,e.fs,()=>void(e.isLoop=!1),e);t.useProgram(r);let n=0,o=(0,K.nested)(g=>t.getUniformLocation(r,g)),i=(0,K.nested)(g=>t.getAttribLocation(r,g)),s=(0,K.nested)(()=>n++);return{render:()=>{t.clear(t.COLOR_BUFFER_BIT),t.viewport(0,0,...e.size),t.drawArrays(t.TRIANGLES,0,3)},clean:()=>t.deleteProgram(r),_attribute:(g="",_,E)=>{let N=i(g,!0),B=Se(t,_),J=Ge(t,E),ee=Re(e.count,_,E);Oe(t,ee,N,B,J)},_uniform:(g,_)=>{let E=o(g);if(l.num(_))return t.uniform1f(E,_);let N=_.length;if(N<=4)return t[`uniform${N}fv`](E,_);N=Math.sqrt(N)<<0,t[`uniformMatrix${N}fv`](E,!1,_)},_texture:(g,_)=>{let E=new Image;Object.assign(E,{src:_,crossOrigin:"anonymous"}),E.decode().then(()=>{let N=o(g),B=s(g);$e(t,E,N,B)})},webgl:{context:t,program:r}}};var Z=require("reev");var Ue=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}},Fe=()=>{let e=0,t=0,r=0;return{uniform:()=>{let n=Math.floor(e/12),o=e%12;return e++,{group:n,binding:o}},texture:()=>{let o=Math.floor(e/12)+1+Math.floor(t/6),i=t%6*2;return t++,{group:o,binding:i}},attrib:()=>{let n=r;return r++,{location:n}}}},Ae=(e,t,r,n,o,i,s)=>{let a={isWebGL:!1,webgpu:o};l.str(s)||(s=V(s,a)),l.str(i)||(i=z(i,a));let p=e.createPipelineLayout({bindGroupLayouts:n});return e.createRenderPipeline({vertex:{module:e.createShaderModule({code:i.trim()}),entryPoint:"main",buffers:r},fragment:{module:e.createShaderModule({code:s.trim()}),entryPoint:"main",targets:[{format:t}]},layout:p,primitive:{topology:"triangle-list"},depthStencil:{depthWriteEnabled:!0,depthCompare:"less",format:"depth24plus"}})},Be=(e,t)=>{let r=new Float32Array(t),n=Math.ceil(r.byteLength/256)*256,o=e.createBuffer({size:n,usage:72});return{array:r,buffer:o}},De=(e,t)=>{let r=new Float32Array(t),n=e.createBuffer({size:r.byteLength,usage:40});return{array:r,buffer:n}},Me=(e,t,r)=>{let n=new Map,o=(s=0)=>(n.has(s)||n.set(s,{entries0:[],entries1:[]}),n.get(s));for(let{binding:s,buffer:a,group:p}of t.values()){let{entries0:f,entries1:b}=o(p);f.push({binding:s,visibility:3,buffer:{type:"uniform"}}),b.push({binding:s,resource:{buffer:a}})}for(let{binding:s,group:a,sampler:p,texture:f}of r.values()){let{entries0:b,entries1:x}=o(a);b.push({binding:s,visibility:2,sampler:{}}),b.push({binding:s+1,visibility:2,texture:{}}),x.push({binding:s,resource:p}),x.push({binding:s+1,resource:f.createView()})}let i={bindGroups:[],bindGroupLayouts:[]};for(let[s,{entries0:a,entries1:p}]of n)i.bindGroupLayouts[s]=e.createBindGroupLayout({entries:a}),i.bindGroups[s]=e.createBindGroup({layout:i.bindGroupLayouts[s],entries:p});return i},ze=(e,t)=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}],depthStencilAttachment:{view:t.createView(),depthClearValue:1,depthLoadOp:"clear",depthStoreOp:"store"}}),Ve=(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}},We=(e,t,r)=>e.createTexture({size:[t,r],format:"depth24plus",usage:GPUTextureUsage.RENDER_ATTACHMENT}),Ao=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",qe=e=>{let t=[],r=[];for(let[,{buffer:n,location:o,stride:i}]of e)t[o]=n,r[o]={arrayStride:i*4,attributes:[{shaderLocation:o,offset:0,format:Ao(i)}]};return{vertexBuffers:t,bufferLayouts:r}};var ke=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await Ue(t),o=Fe(),i=0,s=!0,a,p=T=>{},f=(0,Z.nested)((T,v)=>{s=!0;let{group:h,binding:P}=o.uniform(),{array:R,buffer:L}=Be(r,v);return{array:R,buffer:L,binding:P,group:h}}),b=(0,Z.nested)((T,{width:v,height:h})=>{s=!0;let{group:P,binding:R}=o.texture(),{texture:L,sampler:D}=Ve(r,v,h);return{texture:L,sampler:D,binding:R,group:P}}),x=(0,Z.nested)((T,v)=>{s=!0;let h=v.length/e.count,{location:P}=o.attrib(),{array:R,buffer:L}=De(r,v);return{array:R,buffer:L,location:P,stride:h}}),g=()=>{let{vertexBuffers:T,bufferLayouts:v}=qe(x.map),{bindGroups:h,bindGroupLayouts:P}=Me(r,f.map,b.map),R=Ae(r,n,v,P,Ke,e.vs,e.fs);p=L=>{L.setPipeline(R),h.forEach((D,te)=>L.setBindGroup(te,D)),T.forEach((D,te)=>L.setVertexBuffer(te,D)),L.draw(e.count,1,0,0),L.end()}},_=()=>{if(i)return;s&&g(),s=!1;let T=r.createCommandEncoder();p(T.beginRenderPass(ze(t,a))),r.queue.submit([T.finish()])},E=()=>{let T=e.el;a?.destroy(),a=We(r,T.width,T.height)},N=()=>{a?.destroy()},B=(T="",v)=>{let{array:h,buffer:P}=x(T,v);h.set(v),r.queue.writeBuffer(P,0,h)},J=(T,v)=>{l.num(v)&&(v=[v]);let{array:h,buffer:P}=f(T,v);h.set(v),r.queue.writeBuffer(P,0,h)},ee=(T,v)=>{i++;let h=Object.assign(new Image,{src:v,crossOrigin:"anonymous"});h.decode().then(()=>{let P=b(T,h);r.queue.copyExternalImageToTexture({source:h},{texture:P.texture},{width:h.width,height:h.height}),i--})};E();let Ke={device:r,uniforms:f,textures:b,attribs:x};return{webgpu:Ke,render:_,resize:E,clean:N,_attribute:B,_uniform:J,_texture:ee}};var He=e=>l.obj(e)?"isGL"in e:!1,ht=()=>typeof window>"u",Xt=()=>ht()?!1:"gpu"in navigator,Ye=performance.now(),Bo=()=>H(Le(k.xy.div(j)),0,1),Do=()=>H(W(G(Y).mod(G(2))).mul(4).sub(1),W(G(Y).div(G(2))).mul(4).sub(1),0,1),je=e=>{let t=(0,A.event)({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,webgl:{},webgpu:{}});return t.queue=(0,Q.createQueue)(),t.frame=(0,Q.createFrame)(),t.attribute=(0,A.durable)((r,n,o)=>t.queue(()=>t._attribute?.(r,n,o)),t),t.uniform=(0,A.durable)((r,n,o)=>t.queue(()=>t._uniform?.(r,n,o)),t),t.texture=(0,A.durable)((r,n)=>t.queue(()=>t._texture?.(r,n)),t),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:Ye}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex||Do(),t.fs=t.fs||t.frag||t.fragment||Bo(),Xt()||(t.isWebGL=!0),t.isWebGL?t(await Ie(t)):t(await ke(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[i,s]=t.size,{top:a,left:p}=t.el.getBoundingClientRect();t.mouse[0]=(n-a-i/2)/(i/2),t.mouse[1]=-(o-p-s/2)/(s/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{Ye=performance.now()/1e3,t.uniform("iTime",Ye)}),t(e)};var Mo=(e={})=>(0,yt.useState)(()=>{let t=He(e)?e:je(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];0&&(module.exports={Fn,If,Loop,Return,Switch,abs,acos,all,any,asin,assign,atan,atan2,attribute,bitcast,bool,builtin,bvec2,bvec3,bvec4,cbrt,ceil,clamp,code,color,constant,conversion,conversionToConstant,cos,createAttrib,createAttribBuffer,createBindGroup,createBindings,createDepthTexture,createDescriptor,createDevice,createGL,createIbo,createPipeline,createProgram,createTexture,createTextureSampler,createUniformBuffer,createVbo,createVertexBuffers,cross,cubeTexture,dFdx,dFdy,degrees,difference,dig,distance,dot,each,equals,exp,exp2,ext,faceforward,fig,float,floor,flush,formatConversions,fract,fragDepth,fragment,frontFacing,function_,fwidth,getBluiltin,getId,getOperator,getStride,hex2rgb,iMouse,iResolution,iTime,instanceIndex,int,inverseSqrt,is,isConstantsType,isConversion,isFunction,isGL,isNodeProxy,isOperator,isServer,isSwizzle,isWebGPUSupported,ivec2,ivec3,ivec4,joins,length,lengthSq,log,log2,mat2,mat3,mat4,max,min,mix,negate,node,normalLocal,normalView,normalWorld,normalize,oneMinus,operator,pointCoord,position,positionLocal,positionView,positionWorld,pow,pow2,pow3,pow4,radians,reciprocal,reflect,refract,replace,round,sampleIndex,sampleMask,sampler2D,saturate,screenCoordinate,screenUV,select,sig,sign,sin,smoothstep,sqrt,step,swizzle,tan,texture,texture2D,textureSize,toVar,transformDirection,trunc,uint,uniform,useGL,uv,uvec2,uvec3,uvec4,variable,vec2,vec3,vec4,vertex,vertexIndex,vertexStage,webgl,webgpu});
|
|
70
36
|
//# sourceMappingURL=native.cjs.map
|