glre 0.37.0 → 0.39.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/addons.cjs +2 -0
- package/dist/addons.cjs.map +1 -0
- package/dist/addons.d.ts +457 -0
- package/dist/addons.js +2 -0
- package/dist/addons.js.map +1 -0
- package/dist/index.cjs +31 -40
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +170 -1791
- package/dist/index.js +31 -40
- package/dist/index.js.map +1 -1
- package/dist/native.cjs +1 -45
- package/dist/native.cjs.map +1 -1
- package/dist/native.d.ts +511 -11
- package/dist/native.js +1 -45
- package/dist/native.js.map +1 -1
- package/dist/node.cjs +40 -0
- package/dist/node.cjs.map +1 -0
- package/dist/node.d.ts +614 -0
- package/dist/node.js +40 -0
- package/dist/node.js.map +1 -0
- package/dist/react.cjs +1 -45
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.ts +506 -4
- package/dist/react.js +1 -45
- package/dist/react.js.map +1 -1
- package/dist/solid.cjs +1 -45
- package/dist/solid.cjs.map +1 -1
- package/dist/solid.d.ts +506 -4
- package/dist/solid.js +1 -45
- package/dist/solid.js.map +1 -1
- package/package.json +56 -3
- package/src/addons/index.ts +6 -0
- package/src/index.ts +6 -22
- package/src/node/{core.ts → build.ts} +3 -7
- package/src/node/create.ts +73 -0
- package/src/node/index.ts +63 -47
- package/src/node/scope.ts +65 -50
- package/src/node/types.ts +222 -164
- package/src/node/utils/const.ts +64 -3
- package/src/node/utils/index.ts +8 -5
- package/src/node/utils/infer.ts +23 -35
- package/src/node/utils/parse.ts +15 -18
- package/src/node/utils/utils.ts +13 -12
- package/src/types.ts +5 -7
- package/src/utils/pipeline.ts +3 -3
- package/src/utils/program.ts +7 -2
- package/src/{webgl.ts → utils/webgl.ts} +24 -14
- package/src/{webgpu.ts → utils/webgpu.ts} +28 -7
- package/src/node/node.ts +0 -64
package/dist/index.cjs
CHANGED
|
@@ -1,46 +1,37 @@
|
|
|
1
|
-
"use strict";var fe=Object.defineProperty;var It=Object.getOwnPropertyDescriptor;var Ot=Object.getOwnPropertyNames;var Dt=Object.prototype.hasOwnProperty;var Mt=(e,t)=>{for(var r in t)fe(e,r,{get:t[r],enumerable:!0})},Bt=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Ot(t))!Dt.call(e,o)&&o!==r&&fe(e,o,{get:()=>t[o],enumerable:!(n=It(t,o))||n.enumerable});return e};var Wt=e=>Bt(fe({},"__esModule",{value:!0}),e);var rn={};Mt(rn,{Fn:()=>tr,If:()=>Qt,Loop:()=>Jt,Return:()=>bt,Switch:()=>er,abs:()=>eo,acos:()=>to,acosh:()=>ro,all:()=>kr,any:()=>Vr,asin:()=>oo,asinh:()=>no,assign:()=>Ce,atan:()=>so,atan2:()=>Fo,atanh:()=>io,attribute:()=>vt,bool:()=>Cr,builtin:()=>_,bvec2:()=>Ur,bvec3:()=>Fr,bvec4:()=>Ar,ceil:()=>ao,clamp:()=>Ao,color:()=>Dr,compute:()=>Y,constant:()=>ht,conversion:()=>b,cos:()=>uo,cosh:()=>po,createGL:()=>At,cross:()=>jr,cubeTexture:()=>Kr,dFdx:()=>fo,dFdy:()=>co,default:()=>tn,degrees:()=>lo,distance:()=>Yr,dot:()=>Hr,element:()=>_e,exp:()=>xo,exp2:()=>mo,float:()=>H,floor:()=>To,fract:()=>Le,fragDepth:()=>fr,fragment:()=>z,frontFacing:()=>pr,function_:()=>c,fwidth:()=>go,gather:()=>Xt,iMouse:()=>Mr,iResolution:()=>se,iTime:()=>Br,id:()=>xr,instanceIndex:()=>ur,int:()=>W,inverseSqrt:()=>bo,isGL:()=>Qo,isServer:()=>Ut,isWebGPUSupported:()=>Ft,ivec2:()=>Gr,ivec3:()=>Lr,ivec4:()=>Nr,length:()=>zr,lengthSq:()=>qr,log:()=>vo,log2:()=>ho,mat2:()=>_r,mat3:()=>Pr,mat4:()=>$r,max:()=>Io,member:()=>ee,min:()=>Oo,mix:()=>Do,mod:()=>zo,negate:()=>yo,node:()=>m,normalLocal:()=>br,normalView:()=>hr,normalWorld:()=>vr,normalize:()=>Eo,oneMinus:()=>Xo,operator:()=>Ct,pointCoord:()=>dr,position:()=>re,positionLocal:()=>mr,positionView:()=>gr,positionWorld:()=>Tr,pow:()=>Mo,radians:()=>Co,reciprocal:()=>_o,reflect:()=>Bo,refract:()=>Wo,round:()=>Po,sampleIndex:()=>cr,sampleMask:()=>lr,sampler2D:()=>Or,saturate:()=>$o,scatter:()=>nr,screenCoordinate:()=>yr,screenUV:()=>Er,select:()=>sr,sign:()=>Go,sin:()=>Lo,sinh:()=>No,smoothstep:()=>ko,sqrt:()=>Ro,step:()=>Vo,storage:()=>or,struct:()=>Zt,tan:()=>wo,tanh:()=>So,texelFetch:()=>Qr,texture:()=>Zr,texture2D:()=>Ir,textureLod:()=>Jr,toVar:()=>Xe,trunc:()=>Uo,uint:()=>Xr,uniform:()=>B,uv:()=>Wr,uvec2:()=>Rr,uvec3:()=>wr,uvec4:()=>Sr,variable:()=>yt,vec2:()=>Ge,vec3:()=>$e,vec4:()=>ne,vertex:()=>q,vertexIndex:()=>oe,vertexStage:()=>Et,webgl:()=>Ne,webgpu:()=>Re});module.exports=Wt(rn);var D=require("reev"),ae=require("refr");var O=require("reev");var x={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)};var Se=e=>e instanceof Float32Array,Z=(e,t,r)=>{e.loading++;let n=new Image;Object.assign(n,{src:t,crossOrigin:"anonymous"}),n.decode().then(()=>{r(n),e.loading--})};var Ue=(e,t,r,n=console.warn)=>{let o=e.createShader(r);if(!o)return n("Failed to create shader");if(e.shaderSource(o,t.trim()),e.compileShader(o),e.getShaderParameter(o,e.COMPILE_STATUS))return o;let s=e.getShaderInfoLog(o);e.deleteShader(o),n(`Could not compile shader: ${s}`)},ce=(e,t,r,n)=>{let o=e.createProgram(),s=Ue(e,t,e.FRAGMENT_SHADER,n.error),i=Ue(e,r,e.VERTEX_SHADER,n.error);if(!s||!i)return;if(e.attachShader(o,s),e.attachShader(o,i),e.linkProgram(o),e.getProgramParameter(o,e.LINK_STATUS))return o;let p=e.getProgramInfoLog(o);e.deleteProgram(o),n.error(`Could not link program: ${p}`)},kt=(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},Vt=(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},zt=(e,t,r)=>{r&&(e=Math.max(...r)+1);let n=t.length/e;return Math.floor(n)},Fe=(e,t,r,n,o)=>{let s=kt(e,n),i=Vt(e,o),p=zt(r,n,o);e.bindBuffer(e.ARRAY_BUFFER,s),e.enableVertexAttribArray(t),e.vertexAttribPointer(t,p,e.FLOAT,!1,0,0),i&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,i)},le=(e,t,r)=>{if(x.num(r))return e.uniform1f(t,r);let n=r.length;if(n<=4)return e[`uniform${n}fv`](t,r);n=Math.sqrt(n)<<0,e[`uniformMatrix${n}fv`](t,!1,r)},Ae=(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)},Ie=(e,t,r,n,o,s,i)=>{let p=r*r,a=t.length/p;for(let u=0;u<p;u++)for(let l=0;l<Math.min(a,4);l++)i[4*u+l]=t[u*a+l]||0;e.activeTexture(e.TEXTURE0+s),e.bindTexture(e.TEXTURE_2D,n.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA32F,r,r,0,e.RGBA,e.FLOAT,i),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,o.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA32F,r,r,0,e.RGBA,e.FLOAT,i),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE)},Oe=(e,t)=>{for(let{ping:r,pong:n}of t)e.deleteTexture(r.texture),e.deleteTexture(n.texture),e.deleteFramebuffer(r.buffer),e.deleteFramebuffer(n.buffer)},De=(e,t,r,n,o,s)=>{e.activeTexture(e.TEXTURE0+o),e.bindTexture(e.TEXTURE_2D,t.texture),e.uniform1i(n,o),s===0&&e.bindFramebuffer(e.FRAMEBUFFER,r.buffer);let i=e.COLOR_ATTACHMENT0+s;return e.framebufferTexture2D(e.FRAMEBUFFER,i,e.TEXTURE_2D,r.texture,0),i};var de=["toBool","toUint","toInt","toFloat","toBvec2","toIvec2","toUvec2","toVec2","toBvec3","toIvec3","toUvec3","toVec3","toBvec4","toIvec4","toUvec4","toVec4","toColor","toMat2","toMat3","toMat4"],xe={bool:"bool",uint:"u32",int:"i32",float:"f32",bvec2:"vec2<bool>",ivec2:"vec2i",uvec2:"vec2u",vec2:"vec2f",bvec3:"vec3<bool>",ivec3:"vec3i",uvec3:"vec3u",vec3:"vec3f",bvec4:"vec4<bool>",ivec4:"vec4i",uvec4:"vec4u",vec4:"vec4f",color:"color",mat2:"mat2x2f",mat3:"mat3x3f",mat4:"mat4x4f",texture:"texture_2d<f32>",sampler2D:"sampler",struct:"struct"},me=Object.keys(xe),Te={add:"+",sub:"-",mul:"*",div:"/",mod:"%",equal:"==",notEqual:"!=",lessThan:"<",lessThanEqual:"<=",greaterThan:">",greaterThanEqual:">=",and:"&&",or:"||",bitAnd:"&",bitOr:"|",bitXor:"^",shiftLeft:"<<",shiftRight:">>"},Me=Object.keys(Te),ge={1:"float",2:"vec2",3:"vec3",4:"vec4",9:"mat3",16:"mat4"},Be={position:"vec4",vertex_index:"uint",instance_index:"uint",front_facing:"bool",frag_depth:"float",sample_index:"uint",sample_mask:"uint",point_coord:"vec2",global_invocation_id:"uvec3",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"},We=["equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual"],ke=["and","or"],Ve={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"},be={all:"bool",any:"bool",determinant:"float",distance:"float",dot:"float",length:"float",lengthSq:"float",luminance:"float",cross:"vec3",cubeTexture:"vec4",texture:"vec4",texelFetch:"vec4",textureLod:"vec4"},ze=[...Object.keys(be),"abs","acos","acosh","asin","asinh","atan","atanh","ceil","cos","cosh","dFdx","dFdy","degrees","exp","exp2","floor","fract","fwidth","inverseSqrt","log","log2","negate","normalize","oneMinus","radians","reciprocal","round","saturate","sign","sin","sinh","sqrt","tan","tanh","trunc","atan2","clamp","max","min","mix","pow","reflect","refract","smoothstep","step"];var qe=e=>x.str(e)&&/^[xyzwrgbastpq]{1,4}$/.test(e),Ye=e=>Me.includes(e),He=e=>ze.includes(e),je=e=>de.includes(e),Q=e=>!e||typeof e!="object"?!1:e.isProxy,ve=e=>x.str(e)?me.includes(e):!1,Ke=e=>{let t=(e>>16&255)/255,r=(e>>8&255)/255,n=(e&255)/255;return[t,r,n]},qt=0,C=()=>`x${qt++}`,Ze=(e,t)=>{if(t==="global_invocation_id")return`uvec3(uint(gl_FragCoord.y) * uint(${Math.floor(Math.sqrt(e.gl?.particles||1024))}) + uint(gl_FragCoord.x), 0u, 0u)`;let r=Ve[t];if(!r)throw new Error(`Error: unknown builtin variable ${t}`);return r},N=(e,t)=>x.str(e)?t?.isWebGL?e:xe[e]||e:"",Qe=e=>Te[e]||e,Je=e=>{let t=de.indexOf(e);return t!==-1?me[t]:"float"},he=(e,t,r=!1,n=!1)=>e.isWebGL?r?o=>e.gl?.attribute?.(t,o):n?o=>e.gl?.texture?.(t,o):o=>e.gl?.uniform?.(t,o):r?o=>e.gl?._attribute?.(t,o):n?o=>e.gl?._texture?.(t,o):o=>e.gl?._uniform?.(t,o),ye=(e,t)=>{if(x.und(e))return;if(!Q(e))return t(e);if(e.type!=="conversion")return;let r=e.props.children?.slice(1).filter(Boolean);r?.length&&t(r)},et=e=>(e.code||(e.code={headers:new Map,fragInputs:new Map,vertInputs:new Map,vertOutputs:new Map,vertVaryings:new Map,computeInputs:new Map,dependencies:new Map},e.isWebGL)||(e.code.fragInputs.set("position","@builtin(position) position: vec4f"),e.code.vertOutputs.set("position","@builtin(position) position: vec4f")),e),tt=e=>x.num(e)||x.str(e)&&/^\d+$/.test(e),J=(e,t="",r)=>{e.code?.dependencies?.has(t)||e.code.dependencies.set(t,new Set),ve(r)||e.code.dependencies.get(t).add(r)};var Yt=e=>Be[e],rt=(e,t,r)=>We.includes(r)||ke.includes(r)?"bool":e===t?e:e==="float"||e==="int"?t:t==="float"||t==="int"?e:e==="mat4"&&t==="vec4"||e==="mat3"&&t==="vec3"||e==="mat2"&&t==="vec2"?t:e,Ht=e=>x.bol(e)?"bool":x.str(e)?"texture":x.num(e)?"float":x.arr(e)?ge[e.length]:"float",Ee=e=>ge[e],ot=(e,t)=>{if(e.length===0)return"void";let[r]=e;if(x.str(r))return r;let n=E(r,t);for(let o of e.slice(1))if(n!==E(o,t))throw new Error("glre node system error: defined scope return mismatch");return n},jt=e=>be[e],Kt=(e,t)=>{let{type:r,props:n}=e,{id:o,children:s=[],inferFrom:i,layout:p}=n,[a,u,l]=s;if(r==="conversion")return a;if(r==="operator")return rt(E(u,t),E(l,t),a);if(r==="ternary")return rt(E(u,t),E(l,t),"add");if(r==="builtin")return Yt(o);if(r==="function")return jt(a)||E(u,t);if(r==="define")return ve(p?.type)?p?.type:!i||i.length===0?"void":ot(i,t);if(r==="attribute"&&x.arr(a)&&t.gl?.count)return Ee(a.length/t.gl.count);if(r==="member"){if(qe(u))return Ee(u.length);if(Q(a)){let y=a.props.fields[u];if(y)return E(y,t)}return"float"}return i?ot(i,t):E(a,t)},E=(e,t)=>{if(t||(t={}),!Q(e))return Ht(e);if(x.arr(e))return Ee(e.length);if(t.infers||(t.infers=new WeakMap),t.infers.has(e))return t.infers.get(e);let r=Kt(e,t);return t.infers.set(e,r),r};var S=(e,t)=>e.filter(r=>!x.und(r)&&!x.nul(r)).map(r=>f(r,t)).join(", "),nt=(e,t,r,n)=>{let o=()=>{let u=E(n,e);if(u==="float")return".x";if(u==="vec2")return".xy";if(u==="vec3")return".xyz";if(u==="vec4")return"";throw new Error(`Unsupported storage scatter type: ${u}`)},s=f(r,e),i=Math.floor(Math.sqrt(e.gl?.particles||1024)),p=`int(${s}) % ${i}`,a=`int(${s}) / ${i}`;return`texelFetch(${f(t,e)}, ivec2(${p}, ${a}), 0)${o()}`},st=(e,t,r)=>{let n=f(t,e),o=f(r,e),s=E(r,e);if(s==="float")return`_${n} = vec4(${o}, 0.0, 0.0, 1.0);`;if(s==="vec2")return`_${n} = vec4(${o}, 0.0, 1.0);`;if(s==="vec3")return`_${n} = vec4(${o}, 1.0);`;if(s==="vec4")return`_${n} = ${o};`;throw new Error(`Unsupported storage scatter type: ${s}`)},it=(e,t,r,n)=>{if(e.isWebGL)return`texture(${S(n?[t,r,n]:[t,r],e)})`;let o=f(t,e),s=[o,o+"Sampler",f(r,e)];return n?(s.push(f(n,e)),`textureSampleLevel(${s})`):`textureSample(${s})`},at=(e,t,r,n)=>{let o=`if (${f(t,e)}) {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
${
|
|
5
|
-
}`:` else if (${f(n[s],e)}) {
|
|
6
|
-
${f(n[s+1],e)}
|
|
7
|
-
}`}return o},ut=(e,t,r)=>{let n=`switch (${f(t,e)}) {
|
|
8
|
-
`;for(let o=1;o<r.length;o+=2)o>=r.length-1&&r.length%2===0?n+=`default:
|
|
9
|
-
${f(r[o],e)}
|
|
10
|
-
break;
|
|
11
|
-
`:o+1<r.length&&(n+=`case ${f(r[o],e)}:
|
|
12
|
-
${f(r[o+1],e)}
|
|
13
|
-
break;
|
|
14
|
-
`);return n+="}",n},pt=(e,t,r)=>{let n=E(t,e),o=r?.props?.id;if(e.isWebGL)return`${n} ${o} = ${f(t,e)};`;let s=N(n);return`var ${o}: ${s} = ${f(t,e)};`},ft=(e,t,r={})=>{let n=[];for(let s in r){let i=r[s],p=E(i,e);e.isWebGL&&J(e,t,p),n.push(e.isWebGL?`${p} ${s};`:`${s}: ${N(p,e)},`)}let o=n.join(`
|
|
15
|
-
`);return`struct ${t} {
|
|
16
|
-
${o}
|
|
17
|
-
};`},ct=(e,t,r="",n,o)=>{if(e.isWebGL)if(o){let s=[];for(let i in n)s.push(o[i]);return`${t} ${r} = ${t}(${S(s,e)});`}else return`${t} ${r};`;else if(o){let s=[];for(let i in n)s.push(o[i]);return`var ${r}: ${t} = ${t}(${S(s,e)});`}else return`var ${r}: ${t};`},lt=(e,t,r)=>{let{id:n,children:o=[],layout:s}=t,[i,...p]=o,a=[],u=[];if(s?.inputs)for(let T of s.inputs)a.push([T.name,T.type]);else for(let T=0;T<p.length;T++)a.push([`p${T}`,E(p[T],e)]);let l=[];if(e?.isWebGL){for(let[T,d]of a)J(e,n,d),u.push(`${d} ${T}`);J(e,n,r),l.push(`${r} ${n}(${u}) {`)}else{for(let[d,g]of a)u.push(`${d}: ${N(g,e)}`);r==="void"?l.push(`fn ${n}(${u}) {`):l.push(`fn ${n}(${u}) -> ${N(r,e)} {`)}let y=f(i,e);return y&&l.push(y),l.push("}"),l.join(`
|
|
18
|
-
`)},dt=(e,t,r)=>e.isWebGL?`${r} ${t};`:`@location(${e.code?.vertVaryings?.size||0}) ${t}: ${N(r,e)}`,xt=(e,t,r)=>{if(e.isWebGL)return`${r} ${t};`;let{location:n=0}=e.gl?.webgpu?.attribs.map.get(t)||{},o=N(r,e);return`@location(${n}) ${t}: ${o}`},mt=(e,t,r)=>{let n=r==="sampler2D"||r==="texture";if(e.isWebGL)return n?`uniform sampler2D ${t};`:`uniform ${r} ${t};`;if(n){let{group:p=1,binding:a=0}=e.gl?.webgpu?.textures.map.get(t)||{};return`@group(${p}) @binding(${a}) var ${t}Sampler: sampler;
|
|
19
|
-
@group(${p}) @binding(${a+1}) var ${t}: texture_2d<f32>;`}let{group:o=0,binding:s=0}=e.gl?.webgpu?.uniforms.map.get(t)||{},i=N(r,e);return`@group(${o}) @binding(${s}) var<uniform> ${t}: ${i};`},Tt=(e,t,r)=>{if(e.isWebGL){let i=`uniform sampler2D ${t};`;if(e.label!=="compute")return i;let p=e.units?.(t);return`${i}
|
|
20
|
-
layout(location = ${p}) out vec4 _${t};`}let{group:n=0,binding:o=0}=e.gl?.webgpu?.storages.map.get(t)||{},s=N(r,e);return`@group(${n}) @binding(${o}) var<storage, read_write> ${t}: array<${s}>;`},gt=(e,t,r,n)=>e.isWebGL?`const ${r} ${t} = ${n};`:`const ${t}: ${N(r,e)} = ${n};`;var f=(e,t)=>{if(t||(t={}),et(t),x.arr(e))return S(e,t);if(x.str(e))return e;if(x.num(e)){let d=`${e}`;return d.includes(".")?d:d+".0"}if(x.bol(e))return e?"true":"false";if(!e)return"";let{type:r,props:n={}}=e,{id:o="i",children:s=[],fields:i,initialValues:p}=n,[a,u,l,y]=s;if(r==="variable")return o;if(r==="member")return`${f(a,t)}.${f(u,t)}`;if(r==="element")return`${f(a,t)}[${f(u,t)}]`;if(r==="gather")return t.isWebGL?nt(t,a,u,e):`${f(a,t)}[${f(u,t)}]`;if(r==="scatter"){let[d,g]=a.props.children??[];return t.isWebGL?st(t,d,u):`${f(d,t)}[${f(g,t)}] = ${f(u,t)};`}if(r==="ternary")return t.isWebGL?`(${f(l,t)} ? ${f(a,t)} : ${f(u,t)})`:`select(${f(a,t)}, ${f(u,t)}, ${f(l,t)})`;if(r==="conversion")return`${N(a,t)}(${S(s.slice(1),t)})`;if(r==="operator")return a==="not"||a==="bitNot"?`!${f(u,t)}`:`(${f(u,t)} ${Qe(a)} ${f(l,t)})`;if(r==="function")return a==="negate"?`(-${f(u,t)})`:a==="oneMinus"?`(1.0-${f(u,t)})`:a==="texture"?it(t,u,l,y):a==="atan2"&&t.isWebGL?`atan(${f(u,t)}, ${f(l,t)})`:`${a}(${S(s.slice(1),t)})`;if(r==="scope")return s.map(d=>f(d,t)).join(`
|
|
21
|
-
`);if(r==="assign")return`${f(a,t)} = ${f(u,t)};`;if(r==="return")return`return ${f(a,t)};`;if(r==="loop")return t.isWebGL?`for (int ${o} = 0; ${o} < ${f(a,t)}; ${o} += 1) {
|
|
22
|
-
${f(u,t)}
|
|
23
|
-
}`:`for (var ${o}: i32 = 0; ${o} < ${f(a,t)}; ${o}++) {
|
|
24
|
-
${f(u,t)}
|
|
25
|
-
}`;if(r==="if")return at(t,a,u,s);if(r==="switch")return ut(t,a,s);if(r==="declare")return pt(t,a,u);if(r==="define")return t.code?.headers.has(o)||t.code?.headers.set(o,lt(t,n,E(e,t))),`${o}(${S(s.slice(1),t)})`;if(r==="struct")return t.code?.headers.has(o)||t.code?.headers.set(o,ft(t,o,i)),ct(t,o,a.props.id,i,p);if(r==="varying"){if(t.code?.vertOutputs.has(o))return t.isWebGL?`${o}`:`out.${o}`;let d=dt(t,o,E(e,t));return t.code?.fragInputs.set(o,d),t.code?.vertOutputs.set(o,d),t.code?.vertVaryings.set(o,f(a,t)),t.isWebGL?`${o}`:`out.${o}`}if(r==="builtin"){if(t.isWebGL)return Ze(t,o);if(o==="position")return"out.position";let d=`@builtin(${o}) ${o}: ${N(E(e,t),t)}`;return t.label==="compute"?t.code?.computeInputs.set(o,d):t.label==="frag"?t.code?.fragInputs.set(o,d):t.label==="vert"&&t.code?.vertInputs.set(o,d),`in.${o}`}if(r==="attribute"){let d=he(t,o,!0);return ye(a,d),e.listeners.add(d),t.code?.vertInputs.set(o,xt(t,o,E(e,t))),t.isWebGL?`${o}`:`in.${o}`}if(t.code?.headers.has(o))return o;let T="";if(r==="uniform"){let d=E(e,t),g=he(t,o,!1,d==="texture");ye(a,g),e.listeners.add(g),T=mt(t,o,d)}return r==="storage"&&(T=Tt(t,o,E(e,t))),r==="constant"&&(T=gt(t,o,E(e,t),f(a,t))),T?(t.code?.headers.set(o,T),o):f(a,t)};var F=null,M=null,I=e=>{if(!F||(F.props.children||(F.props.children=[]),F.props.children.push(e),e.type!=="return"||!M))return;let{props:t}=M;t.inferFrom||(t.inferFrom=[]),t.inferFrom.push(e)},Xe=(e,t)=>{t||(t=C());let r=m("variable",{id:t,inferFrom:[e]}),n=m("declare",null,e,r);return I(n),r},Ce=(e,t=!1,r)=>{let n=m(t?"scatter":"assign",null,e,r);return I(n),e},bt=e=>{let t=m("return",{inferFrom:[e]},e);return I(t),t},Zt=(e,t=C())=>(r={},n=C())=>{let o=m("variable",{id:n,inferFrom:[t]}),s=m("struct",{id:t,fields:e,initialValues:r},o);return I(s),o},A=(e,t,r=M)=>{let[n,o]=[F,M];[F,M]=[e,r];let s=t();s&&bt(s),[F,M]=[n,o]},Qt=(e,t)=>{let r=m("scope");A(r,t);let n=m("if",null,e,r);I(n);let o=()=>({ElseIf:(s,i)=>{let p=m("scope");return A(p,i),n.props.children.push(s,p),o()},Else:s=>{let i=m("scope");A(i,s),n.props.children.push(i)}});return o()},Jt=(e,t)=>{let r=m("scope"),n=C();A(r,()=>t({i:m("variable",{id:n,inferFrom:[b("int",0)]})}));let o=m("loop",{id:n},e,r);return I(o),o},er=e=>{let t=m("switch",null,e);I(t);let r=()=>({Case:(...n)=>o=>{let s=m("scope");A(s,o);for(let i of n)t.props.children.push(i,s);return r()},Default:n=>{let o=m("scope");A(o,n),t.props.children.push(o)}});return r()},tr=(e,t=C())=>{let r,n=(...o)=>{let s=r?.name||t,i=m("scope"),p=[],a=[];if(r?.inputs)for(let l of r.inputs)a.push({id:l.name,inferFrom:[b(l.type)]});else for(let l=0;l<o.length;l++)a.push({id:`p${l}`,inferFrom:[o[l]]});for(let l of a)p.push(m("variable",l));let u=m("define",{id:s,layout:r},i,...o);return A(i,()=>e(p),u),u};return n.setLayout=o=>(r=o,n),n};var rr=(e,t)=>{if(t==="string")return f(e,null)},m=(e,t,...r)=>{t||(t={}),r.length&&(t.children=r);let n=new Set,o=(p,a)=>{if(a==="type")return e;if(a==="props")return t;if(a==="toVar")return Xe.bind(null,i);if(a==="isProxy")return!0;if(a==="toString")return f.bind(null,i);if(a===Symbol.toPrimitive)return rr.bind(null,i);if(a==="listeners")return n;if(a==="attribute")return(u=C())=>vt(i,u);if(a==="constant")return(u=C())=>ht(i,u);if(a==="uniform")return(u=C())=>B(i,u);if(a==="variable")return(u=C())=>yt(u);if(a==="builtin")return(u=C())=>_(u);if(a==="vertexStage")return(u=C())=>Et(i,u);if(a==="element")return u=>e==="storage"?Xt(i,u):_e(i,u);if(a==="member")return u=>ee(i,u);if(a==="assign")return Ce.bind(null,i,i.type==="gather");if(Ye(a))return(...u)=>Ct(a,i,...u);if(He(a))return(...u)=>c(a,i,...u);if(je(a))return()=>b(Je(a),i);if(x.str(a))return tt(a)?_e(i,a):ee(i,a)},s=(p,a,u)=>(a==="value"&&n.forEach(l=>l(u)),x.str(a)&&ee(i,a).assign(u),!0),i=new Proxy({},{get:o,set:s});return i},vt=(e,t=C())=>m("attribute",{id:t},e),ht=(e,t=C())=>m("constant",{id:t},e),B=(e,t=C())=>m("uniform",{id:t},e),or=(e,t=C())=>m("storage",{id:t},e),yt=(e=C())=>m("variable",{id:e}),_=(e=C())=>m("builtin",{id:e}),Et=(e,t=C())=>m("varying",{id:t,inferFrom:[e]},e),ee=(e,t)=>m("member",null,e,t),_e=(e,t)=>m("element",null,e,t),Xt=(e,t)=>m("gather",null,e,t),nr=(e,t)=>m("scatter",null,e,t),sr=(e,t,r)=>m("ternary",null,e,t,r),Ct=(e,...t)=>m("operator",null,e,...t),c=(e,...t)=>m("function",null,e,...t),b=(e,...t)=>m("conversion",null,e,...t);var ir=`
|
|
1
|
+
"use strict";var I=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var me=Object.getOwnPropertyNames;var pe=Object.prototype.hasOwnProperty;var ce=(e,t)=>{for(var r in t)I(e,r,{get:t[r],enumerable:!0})},be=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of me(t))!pe.call(e,o)&&o!==r&&I(e,o,{get:()=>t[o],enumerable:!(n=fe(t,o))||n.enumerable});return e};var le=e=>be(I({},"__esModule",{value:!0}),e);var Ae={};ce(Ae,{createGL:()=>ue,default:()=>Pe,isGL:()=>Ue,isServer:()=>se,isWebGPUSupported:()=>ie});module.exports=le(Ae);var A=require("reev"),S=require("refr");var _={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)};var O=e=>e instanceof Float32Array,D=(e,t,r)=>{e.loading++;let n=new Image;Object.assign(n,{src:t,crossOrigin:"anonymous"}),n.decode().then(()=>{r(n),e.loading--})};var P=require("reev");var V=(e,t,r,n=console.warn)=>{let o=e.createShader(r);if(!o)return n("Failed to create shader");if(e.shaderSource(o,t.trim()),e.compileShader(o),e.getShaderParameter(o,e.COMPILE_STATUS))return o;let a=e.getShaderInfoLog(o);e.deleteShader(o),n(`Could not compile shader: ${a}
|
|
2
|
+
|
|
3
|
+
\u2193\u2193\u2193generated\u2193\u2193\u2193
|
|
4
|
+
${t}`)},X=(e,t,r,n)=>{let o=e.createProgram(),a=V(e,t,e.FRAGMENT_SHADER,n.error),s=V(e,r,e.VERTEX_SHADER,n.error);if(!a||!s)return;if(e.attachShader(o,a),e.attachShader(o,s),e.linkProgram(o),e.getProgramParameter(o,e.LINK_STATUS))return o;let i=e.getProgramInfoLog(o);e.deleteProgram(o),n.error(`Could not link program: ${i}`)},de=(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},Ee=(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},ge=(e,t,r)=>{r&&(e=Math.max(...r)+1);let n=t.length/e;return Math.floor(n)},k=(e,t,r,n,o)=>{let a=de(e,n),s=Ee(e,o),i=ge(r,n,o);e.bindBuffer(e.ARRAY_BUFFER,a),e.enableVertexAttribArray(t),e.vertexAttribPointer(t,i,e.FLOAT,!1,0,0),s&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,s)},W=(e,t,r)=>{if(_.num(r))return e.uniform1f(t,r);let n=r.length;if(n<=4)return e[`uniform${n}fv`](t,r);n=Math.sqrt(n)<<0,e[`uniformMatrix${n}fv`](t,!1,r)},q=(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)},z=(e,t,r,n,o,a,s)=>{let i=r*r,f=t.length/i;for(let u=0;u<i;u++)for(let m=0;m<Math.min(f,4);m++)s[4*u+m]=t[u*f+m]||0;e.activeTexture(e.TEXTURE0+a),e.bindTexture(e.TEXTURE_2D,n.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA32F,r,r,0,e.RGBA,e.FLOAT,s),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,o.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA32F,r,r,0,e.RGBA,e.FLOAT,s),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE)},K=(e,t)=>{for(let{ping:r,pong:n}of t)e.deleteTexture(r.texture),e.deleteTexture(n.texture),e.deleteFramebuffer(r.buffer),e.deleteFramebuffer(n.buffer)},Y=(e,t,r,n,o,a)=>{e.activeTexture(e.TEXTURE0+o),e.bindTexture(e.TEXTURE_2D,t.texture),e.uniform1i(n,o),a===0&&e.bindFramebuffer(e.FRAMEBUFFER,r.buffer);let s=e.COLOR_ATTACHMENT0+a;return e.framebufferTexture2D(e.FRAMEBUFFER,s,e.TEXTURE_2D,r.texture,0),s};var Te=`
|
|
26
5
|
#version 300 es
|
|
27
6
|
precision mediump float;
|
|
28
7
|
out vec4 fragColor;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}`,z=(e,t)=>{if(x.str(e))return e.trim();t.code?.headers?.clear(),t.label="frag";let[r,n]=Pe(e,t),o=[];if(t.isWebGL){o.push(ir);for(let i of t.code?.fragInputs?.values()||[])o.push(`in ${i}`);o.push(r),o.push(`void main() {
|
|
35
|
-
fragColor = ${n};`)}else t.code?.fragInputs?.size&&o.push(te("Out",t.code.fragInputs)),o.push(r),o.push(`@fragment
|
|
36
|
-
fn main(out: Out) -> @location(0) vec4f {`),o.push(` return ${n};`);return o.push("}"),o.filter(Boolean).join(`
|
|
37
|
-
`).trim()},q=(e,t)=>{if(x.str(e))return e.trim();t.code?.headers?.clear(),t.label="vert";let[r,n]=Pe(e,t),o=[];if(t.isWebGL){o.push("#version 300 es");for(let i of t.code?.vertInputs?.values()||[])o.push(`in ${i}`);for(let i of t.code?.vertOutputs?.values()||[])o.push(`out ${i}`);o.push(r),o.push("void main() {"),o.push(` gl_Position = ${n};`);for(let[i,p]of t.code?.vertVaryings?.entries()||[])o.push(` ${i} = ${p};`)}else{t.code?.vertInputs?.size&&o.push(te("In",t.code.vertInputs)),t.code?.vertOutputs?.size&&o.push(te("Out",t.code.vertOutputs)),o.push(r),o.push("@vertex"),o.push(`fn main(${t.code?.vertInputs?.size?"in: In":""}) -> Out {`),o.push(" var out: Out;"),o.push(` out.position = ${n};`);for(let[i,p]of t.code?.vertVaryings?.entries()||[])o.push(` out.${i} = ${p};`);o.push(" return out;")}return o.push("}"),o.filter(Boolean).join(`
|
|
38
|
-
`).trim()},Y=(e,t)=>{if(x.str(e))return e.trim();t.code?.headers?.clear(),t.label="compute";let[r,n]=Pe(e,t),o=[];return t.isWebGL?(o.push("#version 300 es"),o.push("precision mediump float;"),o.push(r),o.push("void main() {"),o.push(` ${n};`),o.push("}")):(t.code?.computeInputs?.size&&o.push(te("In",t.code.computeInputs)),o.push(r),o.push("@compute @workgroup_size(32)"),o.push(`fn main(${t.code?.computeInputs?.size?"in: In":""}) {`),o.push(` ${n};`),o.push("}")),o.filter(Boolean).join(`
|
|
39
|
-
`).trim()};var re=_("position"),oe=_("vertex_index"),ur=_("instance_index"),pr=_("front_facing"),fr=_("frag_depth"),cr=_("sample_index"),lr=_("sample_mask"),dr=_("point_coord"),xr=_("global_invocation_id"),mr=_("position"),Tr=_("positionWorld"),gr=_("positionView"),br=_("normalLocal"),vr=_("normalWorld"),hr=_("normalView"),yr=_("screenCoordinate"),Er=_("screenUV"),H=e=>b("float",e),W=e=>b("int",e),Xr=e=>b("uint",e),Cr=e=>b("bool",e),Ge=(e,t)=>b("vec2",e,t),$e=(e,t,r)=>b("vec3",e,t,r),ne=(e,t,r,n)=>b("vec4",e,t,r,n),_r=(...e)=>b("mat2",...e),Pr=(...e)=>b("mat3",...e),$r=(...e)=>b("mat4",...e),Gr=(e,t)=>b("ivec2",e,t),Lr=(e,t,r)=>b("ivec3",e,t,r),Nr=(e,t,r,n)=>b("ivec4",e,t,r,n),Rr=(e,t)=>b("uvec2",e,t),wr=(e,t,r)=>b("uvec3",e,t,r),Sr=(e,t,r,n)=>b("uvec4",e,t,r,n),Ur=(e,t)=>b("bvec2",e,t),Fr=(e,t,r)=>b("bvec3",e,t,r),Ar=(e,t,r,n)=>b("bvec4",e,t,r,n),Ir=e=>b("texture",e),Or=()=>b("sampler2D"),Dr=(e,t,r)=>x.num(e)&&x.und(t)&&x.und(r)?$e(...Ke(e)):$e(e,t,r),se=B(Ge(),"iResolution"),Mr=B(Ge(),"iMouse"),Br=B(H(),"iTime"),Wr=re.xy.div(se),kr=e=>c("all",e),Vr=e=>c("any",e),zr=e=>c("length",e),qr=e=>c("lengthSq",e),Yr=(e,t)=>c("distance",e,t),Hr=(e,t)=>c("dot",e,t),jr=(e,t)=>c("cross",e,t),Kr=(e,t,r)=>c("cubeTexture",e,t,r),Zr=(e,t,r)=>c("texture",e,t,r),Qr=(e,t,r)=>c("texelFetch",e,t,r),Jr=(e,t,r)=>c("textureLod",e,t,r),eo=e=>c("abs",e),to=e=>c("acos",e),ro=e=>c("acosh",e),oo=e=>c("asin",e),no=e=>c("asinh",e),so=e=>c("atan",e),io=e=>c("atanh",e),ao=e=>c("ceil",e),uo=e=>c("cos",e),po=e=>c("cosh",e),fo=e=>c("dFdx",e),co=e=>c("dFdy",e),lo=e=>c("degrees",e),xo=e=>c("exp",e),mo=e=>c("exp2",e),To=e=>c("floor",e),Le=e=>c("fract",e),go=e=>c("fwidth",e),bo=e=>c("inverseSqrt",e),vo=e=>c("log",e),ho=e=>c("log2",e),yo=e=>c("negate",e),Eo=e=>c("normalize",e),Xo=e=>c("oneMinus",e),Co=e=>c("radians",e),_o=e=>c("reciprocal",e),Po=e=>c("round",e),$o=e=>c("saturate",e),Go=e=>c("sign",e),Lo=e=>c("sin",e),No=e=>c("sinh",e),Ro=e=>c("sqrt",e),wo=e=>c("tan",e),So=e=>c("tanh",e),Uo=e=>c("trunc",e),Fo=(e,t)=>c("atan2",e,t),Ao=(e,t,r)=>c("clamp",e,t,r),Io=(e,t)=>c("max",e,t),Oo=(e,t)=>c("min",e,t),Do=(e,t,r)=>c("mix",e,t,r),Mo=(e,t)=>c("pow",e,t),Bo=(e,t)=>c("reflect",e,t),Wo=(e,t,r)=>c("refract",e,t,r),ko=(e,t,r)=>c("smoothstep",e,t,r),Vo=(e,t)=>c("step",e,t),zo=(e,t)=>e.sub(e.div(t).toFloat().floor().mul(t));var qo=`
|
|
8
|
+
uniform vec2 iResolution;
|
|
9
|
+
void main() {
|
|
10
|
+
fragColor = vec4(fract((gl_FragCoord.xy / iResolution)), 0.0, 1.0);
|
|
11
|
+
}
|
|
12
|
+
`,H=`
|
|
40
13
|
#version 300 es
|
|
41
14
|
void main() {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}
|
|
15
|
+
float x = float(gl_VertexID % 2) * 4.0 - 1.0;
|
|
16
|
+
float y = float(gl_VertexID / 2) * 4.0 - 1.0;
|
|
17
|
+
gl_Position = vec4(x, y, 0.0, 1.0);
|
|
18
|
+
}`,xe=(e,t)=>{if(!e.cs)return null;t.getExtension("EXT_color_buffer_float");let r=0,n=0,o=(0,P.nested)(()=>r++),a=_.str(e.cs)?e.cs:e.cs.compute({isWebGL:!0,gl:e,units:o}),s=X(t,a,H,e),i=Math.ceil(Math.sqrt(e.particles)),f=(0,P.nested)(b=>t.getUniformLocation(s,b)),u=(0,P.nested)(b=>{let x=new Float32Array(i*i*4),L={texture:t.createTexture(),buffer:t.createFramebuffer()},l={texture:t.createTexture(),buffer:t.createFramebuffer()};return{ping:L,pong:l,array:x,loc:f(b),unit:o(b)}});return{render:()=>{t.useProgram(s);let b=u.map.values().map(({ping:x,pong:L,loc:l,unit:y},U)=>{let[v,M]=n%2?[x,L]:[L,x];return Y(t,v,M,l,y,U)});t.drawBuffers(b),t.drawArrays(t.TRIANGLES,0,3),t.bindFramebuffer(t.FRAMEBUFFER,null),n++},clean:()=>{t.deleteProgram(s),K(t,u.map.values())},_uniform:(b,x)=>{t.useProgram(s),W(t,f(b),x)},_storage:(b,x)=>{let{ping:L,pong:l,unit:y,array:U}=u(b);z(t,x,i,L,l,y,U)},storages:u}},j=async e=>{let t={isWebGL:!0,gl:e},r=e.el.getContext("webgl2"),n=xe(e,r),o=e.fs?_.str(e.fs)?e.fs:e.fs.fragment(t):Te,a=e.vs?_.str(e.vs)?e.vs:e.vs.vertex(t):H,s=X(r,o,a,e);r.useProgram(s);let i=0,f=(0,P.nested)(()=>i++),u=(0,P.nested)(l=>r.getAttribLocation(s,l)),m=(0,P.nested)(l=>r.getUniformLocation(s,l)),E=(l="",y,U)=>{let v=u(l,!0);k(r,v,e.count,y,U)},R=(l,y)=>{r.useProgram(s),W(r,m(l),y),n?._uniform(l,y)},T=(l,y)=>{r.useProgram(s),D(e,y,U=>{q(r,U,m(l),f(l))})},b=()=>{n?.clean(),r.deleteProgram(s),r.getExtension("WEBGL_lose_context")?.loseContext()},x=()=>{n?.render(),r.useProgram(s),r.viewport(0,0,...e.size),r.drawArrays(r.TRIANGLES,0,e.count),r.bindFramebuffer(r.FRAMEBUFFER,null)};return{webgl:{context:r,program:s,storages:n?.storages},render:x,clean:b,_attribute:E,_uniform:R,_texture:T,_storage:n?._storage}};var w=require("reev");var $=async(e,t=console.log)=>{let r=navigator.gpu,n=r.getPreferredCanvasFormat(),a=await(await r.requestAdapter()).requestDevice();return a.onuncapturederror=s=>t(s.error.message),e.configure({device:a,format:n,alphaMode:"opaque"}),{device:a,format:n}},Q=()=>{let e=0,t=0,r=0,n=0;return{uniform:()=>{let o=Math.floor(e/12),a=e%12;return e++,{group:o,binding:a}},texture:()=>{let a=Math.floor(e/12)+1+Math.floor(t/6),s=t%6*2;return t++,{group:a,binding:s}},storage:()=>{let a=Math.floor(e/12)+Math.floor(t/6)+2+Math.floor(r/12),s=r%12;return r++,{group:a,binding:s}},attrib:()=>{let o=n;return n++,{location:o}}}},Ge=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",Z=e=>{let t=[],r=[];for(let{buffer:n,location:o,stride:a}of e)t[o]=n,r[o]={arrayStride:a*4,attributes:[{shaderLocation:o,offset:0,format:Ge(a)}]};return{vertexBuffers:t,bufferLayouts:r}},J=(e,t,r,n=[])=>{let o=new Map,a={bindGroups:[],bindGroupLayouts:[]},s=(i,f,u)=>{o.has(i)||o.set(i,{layouts:[],bindings:[]});let{layouts:m,bindings:E}=o.get(i);m.push(f),E.push(u)};for(let{binding:i,buffer:f,group:u}of t)s(u,{binding:i,visibility:7,buffer:{type:"uniform"}},{binding:i,resource:{buffer:f}});for(let{binding:i,buffer:f,group:u}of n)s(u,{binding:i,visibility:6,buffer:{type:"storage"}},{binding:i,resource:{buffer:f}});for(let{binding:i,group:f,sampler:u,view:m}of r)s(f,{binding:i,visibility:2,sampler:{}},{binding:i,resource:u}),s(f,{binding:i+1,visibility:2,texture:{}},{binding:i+1,resource:m});for(let[i,{layouts:f,bindings:u}]of o)a.bindGroupLayouts[i]=e.createBindGroupLayout({entries:f}),a.bindGroups[i]=e.createBindGroup({layout:a.bindGroupLayouts[i],entries:u});return a},ee=(e,t,r,n,o,a)=>e.createRenderPipeline({vertex:{module:e.createShaderModule({label:"vert",code:o.trim()}),entryPoint:"main",buffers:r},fragment:{module:e.createShaderModule({label:"frag",code:a.trim()}),entryPoint:"main",targets:[{format:t}]},layout:e.createPipelineLayout({bindGroupLayouts:n}),primitive:{topology:"triangle-list"},depthStencil:{depthWriteEnabled:!0,depthCompare:"less",format:"depth24plus"}}),te=(e,t,r)=>e.createComputePipeline({compute:{module:e.createShaderModule({label:"compute",code:r.trim()}),entryPoint:"main"},layout:e.createPipelineLayout({bindGroupLayouts:t})}),Re=e=>e==="uniform"?72:e==="attrib"?40:140,B=(e,t,r)=>{O(t)||(t=new Float32Array(t));let n=Re(r),o=r==="uniform"?Math.ceil(t.byteLength/256)*256:t.byteLength,a=e.createBuffer({size:o,usage:n});return{array:t,buffer:a}},re=(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"}}),ne=(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}},oe=(e,t,r)=>e.createTexture({size:[t,r],format:"depth24plus",usage:GPUTextureUsage.RENDER_ATTACHMENT});var _e=32,ye=`
|
|
19
|
+
struct In { @builtin(vertex_index) vertex_index: u32 }
|
|
20
|
+
struct Out { @builtin(position) position: vec4f }
|
|
21
|
+
@vertex
|
|
22
|
+
fn main(in: In) -> Out {
|
|
23
|
+
var out: Out;
|
|
24
|
+
var x = f32(in.vertex_index % 2) * 4.0 - 1.0;
|
|
25
|
+
var y = f32(in.vertex_index / 2) * 4.0 - 1.0;
|
|
26
|
+
out.position = vec4f(x, y, 0.0, 1.0);
|
|
27
|
+
return out;
|
|
28
|
+
}
|
|
29
|
+
`.trim(),Le=`
|
|
30
|
+
struct Out { @builtin(position) position: vec4f }
|
|
31
|
+
@group(0) @binding(0) var<uniform> iResolution: vec2f;
|
|
32
|
+
@fragment
|
|
33
|
+
fn main(out: Out) -> @location(0) vec4f {
|
|
34
|
+
return vec4f(fract((out.position.xy / iResolution)), 0.0, 1.0);
|
|
35
|
+
}
|
|
36
|
+
`,he=(e,t,r)=>{let n=u=>{},o=(0,w.nested)((u,m)=>{let{array:E,buffer:R}=B(t,m,"storage"),{binding:T,group:b}=r.storage();return{array:E,buffer:R,binding:T,group:b}});return{storages:o,_storage:(u,m)=>{let{array:E,buffer:R}=o(u,m);t.queue.writeBuffer(R,0,E)},update:(u,m,E)=>{let R=te(t,m,E);n=T=>{T.setPipeline(R),u.forEach((x,L)=>T.setBindGroup(L,x));let b=Math.ceil(e.particles/_e);T.dispatchWorkgroups(b,1,1),T.end()}},render:u=>{n(u)},clean:()=>{for(let{buffer:u}of o.map.values())u.destroy()}}},ae=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await $(t,e.error),o=Q(),a=he(e,r,o),s,i,f,u=p=>{},m=!0,E,R=(0,w.nested)((p,c)=>{m=!0;let d=c.length/e.count,{location:g}=o.attrib(),{array:h,buffer:G}=B(r,c,"attrib");return{array:h,buffer:G,location:g,stride:d}}),T=(0,w.nested)((p,c)=>{m=!0;let{binding:d,group:g}=o.uniform(),{array:h,buffer:G}=B(r,c,"uniform");return{array:h,buffer:G,binding:d,group:g}}),b=(0,w.nested)((p,c=0,d=0)=>{m=!0;let{binding:g,group:h}=o.texture(),{texture:G,sampler:F}=ne(r,c,d);return{texture:G,sampler:F,binding:g,group:h,view:G.createView()}}),x=(p="",c)=>{let{array:d,buffer:g}=R(p,c);r.queue.writeBuffer(g,0,d)},L=(p,c)=>{_.num(c)&&(c=[c]);let{array:d,buffer:g}=T(p,c);d.set(c),r.queue.writeBuffer(g,0,d)},l=(p,c)=>{D(e,c,d=>{let{width:g,height:h}=d,{texture:G}=b(p,g,h);r.queue.copyExternalImageToTexture({source:d},{texture:G},{width:g,height:h})})},y=()=>{let{vertexBuffers:p,bufferLayouts:c}=Z(R.map.values()),{bindGroups:d,bindGroupLayouts:g}=J(r,T.map.values(),b.map.values(),a.storages.map.values()),h=ee(r,n,c,g,f,s);u=G=>{G.setPipeline(h),d.forEach((F,C)=>G.setBindGroup(C,F)),p.forEach((F,C)=>G.setVertexBuffer(C,F)),G.draw(e.count,1,0,0),G.end()},e.cs&&a.update(d,g,i)},U=()=>{if(!s||!f){let c={isWebGL:!1,gl:e};s=e.fs?_.str(e.fs)?e.fs:e.fs.fragment(c):Le,f=e.vs?_.str(e.vs)?e.vs:e.vs.vertex(c):ye,i=e.cs?_.str(e.cs)?e.cs:e.cs.compute(c):""}if(e.loading)return;m&&y(),m=!1;let p=r.createCommandEncoder();e.cs&&a.render(p.beginComputePass()),u(p.beginRenderPass(re(t,E))),r.queue.submit([p.finish()])},v=()=>{let p=e.el;E?.destroy(),E=oe(r,p.width,p.height)},M=()=>{r.destroy(),E?.destroy();for(let{texture:p}of b.map.values())p.destroy();for(let{buffer:p}of T.map.values())p.destroy();for(let{buffer:p}of R.map.values())p.destroy();a.clean()};return v(),{webgpu:{device:r,uniforms:T,textures:b,attribs:R,storages:a.storages},render:U,resize:v,clean:M,_attribute:x,_uniform:L,_texture:l,_storage:a._storage}};var Ue=e=>_.obj(e)?"isGL"in e:!1,se=()=>typeof window>"u",ie=()=>se()?!1:"gpu"in navigator,N=performance.now(),ue=e=>{let t=(0,A.event)({isNative:!1,isWebGL:!0,isError:!1,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,particles:1024,webgl:{},webgpu:{},loading:0,error(){t.isError=!0,t.isLoop=!1,t.clean(),console.warn("GLRE Error:",...arguments)}});return t.queue=(0,S.createQueue)(),t.frame=(0,S.createFrame)(),t.attribute=(0,A.durable)((r,n,o)=>t.queue(()=>t._attribute?.(r,n,o)),t),t.storage=(0,A.durable)((r,n)=>t.queue(()=>t._storage?.(r,n)),t),t.uniform=(0,A.durable)((r,n)=>t.queue(()=>t._uniform?.(r,n)),t),t.texture=(0,A.durable)((r,n)=>t.queue(()=>t._texture?.(r,n)),t),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:N}),t("mount",async()=>{ie()||(t.isWebGL=!0),t.vs=t.vs||t.vert||t.vertex,t.fs=t.fs||t.frag||t.fragment,t.cs=t.cs||t.comp||t.compute,t.isWebGL?t(await j(t)):t(await ae(t)),!t.isError&&(t.resize(),t.frame(()=>(t.loop(),t.queue.flush(),t.loading?!0:(t.render(),t.isLoop))),!t.isNative&&(window.addEventListener("resize",t.resize),t.el.addEventListener("mousemove",t.mousemove)))}),t("clean",()=>{t.frame.stop(),!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[a,s]=t.size,{top:i,left:f}=t.el.getBoundingClientRect();t.mouse[0]=(n-i-a/2)/(a/2),t.mouse[1]=-(o-f-s/2)/(s/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{N=performance.now()/1e3,t.uniform("iTime",N)}),t(e)},Pe=ue;0&&(module.exports={createGL,isGL,isServer,isWebGPUSupported});
|
|
46
37
|
//# sourceMappingURL=index.cjs.map
|