glre 0.38.0 → 0.40.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/README.md +8 -4
- package/dist/addons.cjs +2 -0
- package/dist/addons.cjs.map +1 -0
- package/dist/addons.d.ts +1287 -0
- package/dist/addons.js +2 -0
- package/dist/addons.js.map +1 -0
- package/dist/index.cjs +31 -43
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +187 -323
- package/dist/index.js +31 -43
- package/dist/index.js.map +1 -1
- package/dist/native.cjs +1 -48
- package/dist/native.cjs.map +1 -1
- package/dist/native.d.ts +536 -10
- package/dist/native.js +1 -48
- package/dist/native.js.map +1 -1
- package/dist/node.cjs +69 -0
- package/dist/node.cjs.map +1 -0
- package/dist/node.d.ts +626 -0
- package/dist/node.js +69 -0
- package/dist/node.js.map +1 -0
- package/dist/react.cjs +1 -48
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.ts +524 -4
- package/dist/react.js +1 -48
- package/dist/react.js.map +1 -1
- package/dist/solid.cjs +1 -48
- package/dist/solid.cjs.map +1 -1
- package/dist/solid.d.ts +524 -4
- package/dist/solid.js +1 -48
- package/dist/solid.js.map +1 -1
- package/package.json +64 -11
- package/src/addons/animation/easing/backIn.ts +10 -0
- package/src/addons/animation/easing/backInOut.ts +12 -0
- package/src/addons/animation/easing/backOut.ts +10 -0
- package/src/addons/animation/easing/bounceIn.ts +10 -0
- package/src/addons/animation/easing/bounceInOut.ts +13 -0
- package/src/addons/animation/easing/bounceOut.ts +30 -0
- package/src/addons/animation/easing/circularIn.ts +9 -0
- package/src/addons/animation/easing/circularInOut.ts +11 -0
- package/src/addons/animation/easing/circularOut.ts +9 -0
- package/src/addons/animation/easing/cubicIn.ts +9 -0
- package/src/addons/animation/easing/cubicInOut.ts +11 -0
- package/src/addons/animation/easing/cubicOut.ts +10 -0
- package/src/addons/animation/easing/elasticIn.ts +10 -0
- package/src/addons/animation/easing/elasticInOut.ts +21 -0
- package/src/addons/animation/easing/elasticOut.ts +12 -0
- package/src/addons/animation/easing/exponentialIn.ts +9 -0
- package/src/addons/animation/easing/exponentialInOut.ts +13 -0
- package/src/addons/animation/easing/exponentialOut.ts +9 -0
- package/src/addons/animation/easing/index.ts +33 -0
- package/src/addons/animation/easing/linearIn.ts +9 -0
- package/src/addons/animation/easing/linearInOut.ts +9 -0
- package/src/addons/animation/easing/linearOut.ts +9 -0
- package/src/addons/animation/easing/quadraticIn.ts +9 -0
- package/src/addons/animation/easing/quadraticInOut.ts +10 -0
- package/src/addons/animation/easing/quadraticOut.ts +9 -0
- package/src/addons/animation/easing/quarticIn.ts +9 -0
- package/src/addons/animation/easing/quarticInOut.ts +11 -0
- package/src/addons/animation/easing/quarticOut.ts +10 -0
- package/src/addons/animation/easing/quinticIn.ts +9 -0
- package/src/addons/animation/easing/quinticInOut.ts +11 -0
- package/src/addons/animation/easing/quinticOut.ts +9 -0
- package/src/addons/animation/easing/sineIn.ts +10 -0
- package/src/addons/animation/easing/sineInOut.ts +10 -0
- package/src/addons/animation/easing/sineOut.ts +10 -0
- package/src/addons/color/palette/macbeth.ts +42 -0
- package/src/addons/color/space/cmyk2rgb.ts +12 -0
- package/src/addons/color/space/gamma2linear.ts +19 -0
- package/src/addons/color/space/hsl2rgb.ts +20 -0
- package/src/addons/color/space/hsv2rgb.ts +18 -0
- package/src/addons/color/space/hue2rgb.ts +12 -0
- package/src/addons/color/space/index.ts +29 -0
- package/src/addons/color/space/lab2lch.ts +22 -0
- package/src/addons/color/space/lab2rgb.ts +19 -0
- package/src/addons/color/space/lab2xyz.ts +32 -0
- package/src/addons/color/space/lch2lab.ts +21 -0
- package/src/addons/color/space/lch2rgb.ts +22 -0
- package/src/addons/color/space/linear2gamma.ts +19 -0
- package/src/addons/color/space/oklab2rgb.ts +35 -0
- package/src/addons/color/space/rgb2cmyk.ts +13 -0
- package/src/addons/color/space/rgb2hcv.ts +29 -0
- package/src/addons/color/space/rgb2hsl.ts +23 -0
- package/src/addons/color/space/rgb2hsv.ts +36 -0
- package/src/addons/color/space/rgb2hue.ts +29 -0
- package/src/addons/color/space/rgb2lab.ts +19 -0
- package/src/addons/color/space/rgb2lch.ts +22 -0
- package/src/addons/color/space/rgb2oklab.ts +45 -0
- package/src/addons/color/space/rgb2srgb.ts +34 -0
- package/src/addons/color/space/rgb2xyz.ts +20 -0
- package/src/addons/color/space/rgb2yiq.ts +22 -0
- package/src/addons/color/space/rgb2yuv.ts +32 -0
- package/src/addons/color/space/srgb2rgb.ts +34 -0
- package/src/addons/color/space/xyz2lab.ts +27 -0
- package/src/addons/color/space/xyz2rgb.ts +30 -0
- package/src/addons/color/space/yiq2rgb.ts +22 -0
- package/src/addons/color/space/yuv2rgb.ts +32 -0
- package/src/addons/draw/arrows.ts +75 -0
- package/src/addons/draw/axis.ts +57 -0
- package/src/addons/draw/bridge.ts +81 -0
- package/src/addons/draw/char.ts +30 -0
- package/src/addons/draw/circle.ts +29 -0
- package/src/addons/draw/fill.ts +25 -0
- package/src/addons/draw/flip.ts +45 -0
- package/src/addons/draw/hex.ts +29 -0
- package/src/addons/draw/index.ts +13 -0
- package/src/addons/draw/line.ts +16 -0
- package/src/addons/draw/point.ts +30 -0
- package/src/addons/draw/rect.ts +52 -0
- package/src/addons/draw/stroke.ts +31 -0
- package/src/addons/draw/tri.ts +29 -0
- package/src/addons/generative/cnoise.ts +239 -0
- package/src/addons/generative/curl.ts +64 -0
- package/src/addons/generative/fbm.ts +69 -0
- package/src/addons/generative/gerstnerWave.ts +21 -0
- package/src/addons/generative/gnoise.ts +113 -0
- package/src/addons/generative/index.ts +15 -0
- package/src/addons/generative/noised.ts +139 -0
- package/src/addons/generative/pnoise.ts +249 -0
- package/src/addons/generative/psrdnoise.ts +277 -0
- package/src/addons/generative/random.ts +136 -0
- package/src/addons/generative/snoise.ts +199 -0
- package/src/addons/generative/srandom.ts +90 -0
- package/src/addons/generative/voronoi.ts +134 -0
- package/src/addons/generative/voronoise.ts +69 -0
- package/src/addons/generative/wavelet.ts +77 -0
- package/src/addons/generative/worley.ts +99 -0
- package/src/addons/geometry/aabb/aabb.ts +8 -0
- package/src/addons/geometry/aabb/centroid.ts +10 -0
- package/src/addons/geometry/aabb/contain.ts +19 -0
- package/src/addons/geometry/aabb/diagonal.ts +10 -0
- package/src/addons/geometry/aabb/expand.ts +16 -0
- package/src/addons/geometry/aabb/index.ts +7 -0
- package/src/addons/geometry/aabb/intersect.ts +20 -0
- package/src/addons/geometry/aabb/square.ts +17 -0
- package/src/addons/geometry/index.ts +2 -0
- package/src/addons/geometry/triangle/area.ts +10 -0
- package/src/addons/geometry/triangle/barycentric.ts +50 -0
- package/src/addons/geometry/triangle/centroid.ts +10 -0
- package/src/addons/geometry/triangle/closestPoint.ts +85 -0
- package/src/addons/geometry/triangle/contain.ts +19 -0
- package/src/addons/geometry/triangle/distanceSq.ts +38 -0
- package/src/addons/geometry/triangle/index.ts +10 -0
- package/src/addons/geometry/triangle/intersect.ts +49 -0
- package/src/addons/geometry/triangle/normal.ts +12 -0
- package/src/addons/geometry/triangle/signedDistance.ts +31 -0
- package/src/addons/geometry/triangle/triangle.ts +9 -0
- package/src/addons/index.ts +8 -0
- package/src/addons/lighting/ray.ts +8 -0
- package/src/addons/math/aafloor.ts +13 -0
- package/src/addons/math/aafract.ts +38 -0
- package/src/addons/math/aamirror.ts +12 -0
- package/src/addons/math/aastep.ts +14 -0
- package/src/addons/math/absi.ts +9 -0
- package/src/addons/math/adaptiveThreshold.ts +24 -0
- package/src/addons/math/bump.ts +20 -0
- package/src/addons/math/const.ts +19 -0
- package/src/addons/math/cubic.ts +101 -0
- package/src/addons/math/cubicMix.ts +49 -0
- package/src/addons/math/decimate.ts +12 -0
- package/src/addons/math/dist.ts +143 -0
- package/src/addons/math/fcos.ts +11 -0
- package/src/addons/math/frac.ts +9 -0
- package/src/addons/math/gain.ts +14 -0
- package/src/addons/math/gaussian.ts +14 -0
- package/src/addons/math/grad4.ts +19 -0
- package/src/addons/math/hammersley.ts +54 -0
- package/src/addons/math/highPass.ts +12 -0
- package/src/addons/math/index.ts +63 -0
- package/src/addons/math/inside.ts +68 -0
- package/src/addons/math/invCubic.ts +9 -0
- package/src/addons/math/invQuartic.ts +9 -0
- package/src/addons/math/inverse.ts +9 -0
- package/src/addons/math/lengthSq.ts +10 -0
- package/src/addons/math/map.ts +27 -0
- package/src/addons/math/mirror.ts +12 -0
- package/src/addons/math/mmax.ts +27 -0
- package/src/addons/math/mmin.ts +28 -0
- package/src/addons/math/mmix.ts +47 -0
- package/src/addons/math/mod2.ts +44 -0
- package/src/addons/math/mod289.ts +46 -0
- package/src/addons/math/modi.ts +15 -0
- package/src/addons/math/nyquist.ts +15 -0
- package/src/addons/math/pack.ts +15 -0
- package/src/addons/math/parabola.ts +12 -0
- package/src/addons/math/permute.ts +42 -0
- package/src/addons/math/pow2.ts +10 -0
- package/src/addons/math/pow3.ts +9 -0
- package/src/addons/math/pow5.ts +10 -0
- package/src/addons/math/pow7.ts +12 -0
- package/src/addons/math/powFast.ts +18 -0
- package/src/addons/math/quartic.ts +15 -0
- package/src/addons/math/quat/index.ts +14 -0
- package/src/addons/math/quat/quat2mat3.ts +28 -0
- package/src/addons/math/quat/quat2mat4.ts +16 -0
- package/src/addons/math/quat/quatAdd.ts +18 -0
- package/src/addons/math/quat/quatConj.ts +14 -0
- package/src/addons/math/quat/quatDiv.ts +18 -0
- package/src/addons/math/quat/quatIdentity.ts +9 -0
- package/src/addons/math/quat/quatInverse.ts +17 -0
- package/src/addons/math/quat/quatLength.ts +15 -0
- package/src/addons/math/quat/quatLengthSq.ts +14 -0
- package/src/addons/math/quat/quatLerp.ts +40 -0
- package/src/addons/math/quat/quatMul.ts +38 -0
- package/src/addons/math/quat/quatNeg.ts +14 -0
- package/src/addons/math/quat/quatNorm.ts +16 -0
- package/src/addons/math/quat/quatSub.ts +18 -0
- package/src/addons/math/quintic.ts +16 -0
- package/src/addons/math/rotate2d.ts +16 -0
- package/src/addons/math/rotate3d.ts +37 -0
- package/src/addons/math/rotate3dX.ts +20 -0
- package/src/addons/math/rotate3dY.ts +20 -0
- package/src/addons/math/rotate3dZ.ts +20 -0
- package/src/addons/math/rotate4d.ts +41 -0
- package/src/addons/math/rotate4dX.ts +21 -0
- package/src/addons/math/rotate4dY.ts +16 -0
- package/src/addons/math/rotate4dZ.ts +21 -0
- package/src/addons/math/saturateMediump.ts +11 -0
- package/src/addons/math/scale2d.ts +44 -0
- package/src/addons/math/scale3d.ts +17 -0
- package/src/addons/math/scale4d.ts +50 -0
- package/src/addons/math/smootherstep.ts +16 -0
- package/src/addons/math/taylorInvSqrt.ts +9 -0
- package/src/addons/math/toMat3.ts +14 -0
- package/src/addons/math/toMat4.ts +14 -0
- package/src/addons/math/translate4d.ts +31 -0
- package/src/addons/math/unpack.ts +88 -0
- package/src/addons/sdf/boxSDF.ts +24 -0
- package/src/addons/sdf/circleSDF.ts +20 -0
- package/src/addons/sdf/crossSDF.ts +17 -0
- package/src/addons/sdf/hexSDF.ts +18 -0
- package/src/addons/sdf/index.ts +7 -0
- package/src/addons/sdf/lineSDF.ts +33 -0
- package/src/addons/sdf/rectSDF.ts +46 -0
- package/src/addons/sdf/sphereSDF.ts +20 -0
- package/src/addons/sdf/triSDF.ts +14 -0
- package/src/addons/space/aspect.ts +14 -0
- package/src/addons/space/bracketing.ts +44 -0
- package/src/addons/space/brickTile.ts +44 -0
- package/src/addons/space/cart2polar.ts +20 -0
- package/src/addons/space/center.ts +32 -0
- package/src/addons/space/checkerTile.ts +41 -0
- package/src/addons/space/depth2viewZ.ts +43 -0
- package/src/addons/space/displace.ts +55 -0
- package/src/addons/space/equirect2xyz.ts +17 -0
- package/src/addons/space/eulerView.ts +19 -0
- package/src/addons/space/fisheye2xyz.ts +18 -0
- package/src/addons/space/flipY.ts +25 -0
- package/src/addons/space/hexTile.ts +18 -0
- package/src/addons/space/index.ts +38 -0
- package/src/addons/space/kaleidoscope.ts +48 -0
- package/src/addons/space/linearizeDepth.ts +17 -0
- package/src/addons/space/lookAt.ts +49 -0
- package/src/addons/space/lookAtView.ts +40 -0
- package/src/addons/space/mirrorTile.ts +73 -0
- package/src/addons/space/nearest.ts +13 -0
- package/src/addons/space/orthographic.ts +25 -0
- package/src/addons/space/parallaxMapping.ts +149 -0
- package/src/addons/space/perspective.ts +24 -0
- package/src/addons/space/polar2cart.ts +24 -0
- package/src/addons/space/ratio.ts +14 -0
- package/src/addons/space/rotate.ts +37 -0
- package/src/addons/space/rotateX.ts +54 -0
- package/src/addons/space/rotateY.ts +54 -0
- package/src/addons/space/rotateZ.ts +54 -0
- package/src/addons/space/scale.ts +13 -0
- package/src/addons/space/sprite.ts +16 -0
- package/src/addons/space/sqTile.ts +20 -0
- package/src/addons/space/tbn.ts +26 -0
- package/src/addons/space/translate.ts +12 -0
- package/src/addons/space/triTile.ts +32 -0
- package/src/addons/space/uncenter.ts +32 -0
- package/src/addons/space/unratio.ts +12 -0
- package/src/addons/space/viewZ2depth.ts +25 -0
- package/src/addons/space/windmillTile.ts +58 -0
- package/src/addons/space/xyz2equirect.ts +10 -0
- package/src/index.ts +10 -23
- package/src/node/build.ts +127 -0
- package/src/node/create.ts +76 -0
- package/src/node/index.ts +64 -49
- package/src/node/scope.ts +66 -62
- package/src/node/types.ts +221 -187
- package/src/node/utils/const.ts +74 -13
- package/src/node/utils/index.ts +19 -14
- package/src/node/utils/infer.ts +32 -34
- package/src/node/utils/parse.ts +48 -24
- package/src/node/utils/utils.ts +52 -29
- package/src/types.ts +11 -6
- package/src/utils/helpers.ts +56 -0
- package/src/utils/pipeline.ts +24 -8
- package/src/utils/program.ts +62 -38
- package/src/{webgl.ts → utils/webgl.ts} +46 -30
- package/src/{webgpu.ts → utils/webgpu.ts} +22 -17
- package/src/node/core.ts +0 -121
- package/src/node/node.ts +0 -65
package/dist/index.js
CHANGED
|
@@ -1,49 +1,37 @@
|
|
|
1
|
-
import{durable as
|
|
2
|
-
|
|
3
|
-
\u2193\u2193\u2193generated\u2193\u2193\u2193
|
|
4
|
-
${t}`)},oe=(e,t,r,o)=>{let n=e.createProgram(),s=Ce(e,t,e.FRAGMENT_SHADER,o.error),i=Ce(e,r,e.VERTEX_SHADER,o.error);if(!s||!i)return;if(e.attachShader(n,s),e.attachShader(n,i),e.linkProgram(n),e.getProgramParameter(n,e.LINK_STATUS))return n;let p=e.getProgramInfoLog(n);e.deleteProgram(n),o.error(`Could not link program: ${p}`)},Ct=(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},_t=(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},Pt=(e,t,r)=>{r&&(e=Math.max(...r)+1);let o=t.length/e;return Math.floor(o)},_e=(e,t,r,o,n)=>{let s=Ct(e,o),i=_t(e,n),p=Pt(r,o,n);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)},se=(e,t,r)=>{if(x.num(r))return e.uniform1f(t,r);let o=r.length;if(o<=4)return e[`uniform${o}fv`](t,r);o=Math.sqrt(o)<<0,e[`uniformMatrix${o}fv`](t,!1,r)},Pe=(e,t,r,o)=>{let n=e.createTexture();e.bindTexture(e.TEXTURE_2D,n),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,o),e.activeTexture(e.TEXTURE0+o),e.bindTexture(e.TEXTURE_2D,n)},$e=(e,t,r,o,n,s,i)=>{let p=r*r,a=t.length/p;for(let u=0;u<p;u++)for(let d=0;d<Math.min(a,4);d++)i[4*u+d]=t[u*a+d]||0;e.activeTexture(e.TEXTURE0+s),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),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)},Ge=(e,t)=>{for(let{ping:r,pong:o}of t)e.deleteTexture(r.texture),e.deleteTexture(o.texture),e.deleteFramebuffer(r.buffer),e.deleteFramebuffer(o.buffer)},Le=(e,t,r,o,n,s)=>{e.activeTexture(e.TEXTURE0+n),e.bindTexture(e.TEXTURE_2D,t.texture),e.uniform1i(o,n),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 ie=["toBool","toUint","toInt","toFloat","toBvec2","toIvec2","toUvec2","toVec2","toBvec3","toIvec3","toUvec3","toVec3","toBvec4","toIvec4","toUvec4","toVec4","toColor","toMat2","toMat3","toMat4"],ae={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"},ue=Object.keys(ae),pe={not:"",add:"+",sub:"-",mul:"*",div:"/",mod:"%",equal:"==",notEqual:"!=",lessThan:"<",lessThanEqual:"<=",greaterThan:">",greaterThanEqual:">=",and:"&&",or:"||",bitAnd:"&",bitOr:"|",bitXor:"^",shiftLeft:"<<",shiftRight:">>"},Ne=Object.keys(pe),fe={1:"float",2:"vec2",3:"vec3",4:"vec4",9:"mat3",16:"mat4"},Se={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"},Re=["equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual"],we=["and","or"],Fe={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"},ce={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"},Ue=[...Object.keys(ce),"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 Ae=e=>x.str(e)&&/^[xyzwrgbastpq]{1,4}$/.test(e),Ie=e=>Ne.includes(e),Oe=e=>Ue.includes(e),De=e=>ie.includes(e),q=e=>!e||typeof e!="object"?!1:e.isProxy,le=e=>x.str(e)?ue.includes(e):!1,Me=e=>{let t=(e>>16&255)/255,r=(e>>8&255)/255,o=(e&255)/255;return[t,r,o]},$t=0,C=()=>`x${$t++}`,Be=(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=Fe[t];if(!r)throw new Error(`Error: unknown builtin variable ${t}`);return r},N=(e,t)=>x.str(e)?t?.isWebGL?e:ae[e]||e:"",We=e=>pe[e]||e,ke=e=>{let t=ie.indexOf(e);return t!==-1?ue[t]:"float"},de=(e,t,r=!1,o=!1)=>e.isWebGL?r?n=>e.gl?.attribute?.(t,n):o?n=>e.gl?.texture?.(t,n):n=>e.gl?.uniform?.(t,n):r?n=>e.gl?._attribute?.(t,n):o?n=>e.gl?._texture?.(t,n):n=>e.gl?._uniform?.(t,n),xe=(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);x.und(r?.[0])||t(r.map(o=>o??r[0]))},Ve=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,structFields:new Map},e.isWebGL)||(e.code.fragInputs.set("position","@builtin(position) position: vec4f"),e.code.vertOutputs.set("position","@builtin(position) position: vec4f")),e),ze=e=>x.num(e)||x.str(e)&&/^\d+$/.test(e),Y=(e,t="",r)=>{e.code?.dependencies?.has(t)||e.code.dependencies.set(t,new Set),le(r)||e.code.dependencies.get(t).add(r)};var Gt=e=>Se[e],Lt=(e,t,r)=>Re.includes(r)||we.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,Nt=e=>x.bol(e)?"bool":x.str(e)?"texture":x.num(e)?"float":x.arr(e)?fe[e.length]:"float",me=e=>fe[e],qe=(e,t)=>{if(e.length===0)return"void";let[r]=e;return x.str(r)?r:X(r,t)},St=e=>ce[e],Rt=(e,t)=>{let{type:r,props:o}=e,{id:n,children:s=[],inferFrom:i,layout:p}=o,[a,u,d]=s;if(r==="conversion")return a;if(r==="operator")return Lt(X(u,t),X(d,t),a);if(r==="builtin")return Gt(n);if(r==="function")return St(a)||X(u,t);if(r==="define")return le(p?.type)?p?.type:!i||i.length===0?"void":qe(i,t);if(r==="attribute"&&x.arr(a)&&t.gl?.count)return me(a.length/t.gl.count);if(r==="member"){if(Ae(u))return me(u.length);if(q(a)){let h=X(a,t),T=t.code?.structFields?.get(h);if(T&&T[u])return X(T[u],t)}return"float"}return i?qe(i,t):X(a,t)},X=(e,t)=>{if(t||(t={}),!q(e))return Nt(e);if(x.arr(e))return me(e.length);if(t.infers||(t.infers=new WeakMap),t.infers.has(e))return t.infers.get(e);let r=Rt(e,t);return t.infers.set(e,r),r};var w=(e,t)=>e.filter(r=>!x.und(r)&&!x.nul(r)).map(r=>f(r,t)).join(", "),Ye=(e,t,r,o)=>{let n=()=>{let u=X(o,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)${n()}`},He=(e,t,r)=>{let o=f(t,e),n=f(r,e),s=X(r,e);if(s==="float")return`_${o} = vec4(${n}, 0.0, 0.0, 1.0);`;if(s==="vec2")return`_${o} = vec4(${n}, 0.0, 1.0);`;if(s==="vec3")return`_${o} = vec4(${n}, 1.0);`;if(s==="vec4")return`_${o} = ${n};`;throw new Error(`Unsupported storage scatter type: ${s}`)},je=(e,t,r,o)=>{if(e.isWebGL)return`texture(${w(o?[t,r,o]:[t,r],e)})`;let n=f(t,e),s=[n,n+"Sampler",f(r,e)];return o?(s.push(f(o,e)),`textureSampleLevel(${s})`):`textureSample(${s})`},Ke=(e,t,r,o)=>{let n=`if (${f(t,e)}) {
|
|
5
|
-
${f(r,e)}
|
|
6
|
-
}`;for(let s=2;s<o.length;s+=2){let i=s>=o.length-1;n+=i?` else {
|
|
7
|
-
${f(o[s],e)}
|
|
8
|
-
}`:` else if (${f(o[s],e)}) {
|
|
9
|
-
${f(o[s+1],e)}
|
|
10
|
-
}`}return n},Ze=(e,t,r)=>{let o=`switch (${f(t,e)}) {
|
|
11
|
-
`;for(let n=1;n<r.length;n+=2)n>=r.length-1&&r.length%2===0?o+=`default:
|
|
12
|
-
${f(r[n],e)}
|
|
13
|
-
break;
|
|
14
|
-
`:n+1<r.length&&(o+=`case ${f(r[n],e)}:
|
|
15
|
-
${f(r[n+1],e)}
|
|
16
|
-
break;
|
|
17
|
-
`);return o+="}",o},Qe=(e,t,r)=>{let o=X(t,e),n=r?.props?.id;if(e.isWebGL)return`${o} ${n} = ${f(t,e)};`;let s=N(o);return`var ${n}: ${s} = ${f(t,e)};`},Je=(e,t,r={})=>{e.code?.structFields?.set(t,r);let o=[];for(let s in r){let i=r[s],p=X(i,e);e.isWebGL&&Y(e,t,p),o.push(e.isWebGL?`${p} ${s};`:`${s}: ${N(p,e)},`)}let n=o.join(`
|
|
18
|
-
`);return`struct ${t} {
|
|
19
|
-
${n}
|
|
20
|
-
};`},et=(e,t,r="",o)=>{let n=e.code?.structFields?.get(t)||{};if(e.isWebGL)if(o){let s=[];for(let i in n)s.push(o[i]);return`${t} ${r} = ${t}(${w(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}(${w(s,e)});`}else return`var ${r}: ${t};`},tt=(e,t,r)=>{let{id:o,children:n=[],layout:s}=t,[i,...p]=n,a=[],u=[];if(s?.inputs)for(let l of s.inputs)a.push([l.name,l.type]);else for(let l=0;l<p.length;l++)a.push([`p${l}`,X(p[l],e)]);let d=f(i,e),h=X(r,e),T=[];if(e?.isWebGL){for(let[l,g]of a)Y(e,o,g),u.push(`${g} ${l}`);Y(e,o,h),T.push(`${h} ${o}(${u}) {`)}else{for(let[g,b]of a)u.push(`${g}: ${N(b,e)}`);h==="void"?T.push(`fn ${o}(${u}) {`):T.push(`fn ${o}(${u}) -> ${N(h,e)} {`)}return d&&T.push(d),T.push("}"),T.join(`
|
|
21
|
-
`)},rt=(e,t,r)=>e.isWebGL?`${r} ${t};`:`@location(${e.code?.vertVaryings?.size||0}) ${t}: ${N(r,e)}`,nt=(e,t,r)=>{if(e.isWebGL)return`${r} ${t};`;let{location:o=0}=e.gl?.webgpu?.attribs.map.get(t)||{},n=N(r,e);return`@location(${o}) ${t}: ${n}`},ot=(e,t,r)=>{let o=r==="sampler2D"||r==="texture";if(e.isWebGL)return o?`uniform sampler2D ${t};`:`uniform ${r} ${t};`;if(o){let{group:p=1,binding:a=0}=e.gl?.webgpu?.textures.map.get(t)||{};return`@group(${p}) @binding(${a}) var ${t}Sampler: sampler;
|
|
22
|
-
@group(${p}) @binding(${a+1}) var ${t}: texture_2d<f32>;`}let{group:n=0,binding:s=0}=e.gl?.webgpu?.uniforms.map.get(t)||{},i=N(r,e);return`@group(${n}) @binding(${s}) var<uniform> ${t}: ${i};`},st=(e,t,r)=>{if(e.isWebGL){let i=`uniform sampler2D ${t};`;if(e.label!=="compute")return i;let p=e.units?.(t);return`${i}
|
|
23
|
-
layout(location = ${p}) out vec4 _${t};`}let{group:o=0,binding:n=0}=e.gl?.webgpu?.storages.map.get(t)||{},s=N(r,e);return`@group(${o}) @binding(${n}) var<storage, read_write> ${t}: array<${s}>;`},it=(e,t,r,o)=>e.isWebGL?`const ${r} ${t} = ${o};`:`const ${t}: ${N(r,e)} = ${o};`;var f=(e,t)=>{if(t||(t={}),Ve(t),x.arr(e))return w(e,t);if(x.str(e))return e;if(x.num(e)){let l=`${e}`;return l.includes(".")?l:l+".0"}if(x.bol(e))return e?"true":"false";if(!e)return"";let{type:r,props:o={}}=e,{id:n="i",children:s=[],fields:i,initialValues:p}=o,[a,u,d,h]=s;if(r==="variable")return n;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?Ye(t,a,u,e):`${f(a,t)}[${f(u,t)}]`;if(r==="scatter"){let[l,g]=a.props.children??[];return t.isWebGL?He(t,l,u):`${f(l,t)}[${f(g,t)}] = ${f(u,t)};`}if(r==="ternary")return t.isWebGL?`(${f(d,t)} ? ${f(a,t)} : ${f(u,t)})`:`select(${f(a,t)}, ${f(u,t)}, ${f(d,t)})`;if(r==="conversion")return`${N(a,t)}(${w(s.slice(1),t)})`;if(r==="operator")return a==="not"||a==="bitNot"?`!${f(u,t)}`:`(${f(u,t)} ${We(a)} ${f(d,t)})`;if(r==="function")return a==="negate"?`(-${f(u,t)})`:a==="oneMinus"?`(1.0-${f(u,t)})`:a==="texture"?je(t,u,d,h):a==="atan2"&&t.isWebGL?`atan(${f(u,t)}, ${f(d,t)})`:`${a}(${w(s.slice(1),t)})`;if(r==="scope")return s.map(l=>f(l,t)).join(`
|
|
24
|
-
`);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 ${n} = 0; ${n} < ${f(a,t)}; ${n} += 1) {
|
|
25
|
-
${f(u,t)}
|
|
26
|
-
}`:`for (var ${n}: i32 = 0; ${n} < ${f(a,t)}; ${n}++) {
|
|
27
|
-
${f(u,t)}
|
|
28
|
-
}`;if(r==="if")return Ke(t,a,u,s);if(r==="switch")return Ze(t,a,s);if(r==="declare")return Qe(t,a,u);if(r==="define")return t.code?.headers.has(n)||t.code?.headers.set(n,tt(t,o,e)),`${n}(${w(s.slice(1),t)})`;if(r==="struct")return t.code?.headers.has(n)||t.code?.headers.set(n,Je(t,n,i)),et(t,n,a.props.id,p);if(r==="varying"){if(t.code?.vertOutputs.has(n))return t.isWebGL?`${n}`:`out.${n}`;let l=rt(t,n,X(e,t));return t.code?.fragInputs.set(n,l),t.code?.vertOutputs.set(n,l),t.code?.vertVaryings.set(n,f(a,t)),t.isWebGL?`${n}`:`out.${n}`}if(r==="builtin"){if(t.isWebGL)return Be(t,n);if(n==="position")return"out.position";let l=`@builtin(${n}) ${n}: ${N(X(e,t),t)}`;return t.label==="compute"?t.code?.computeInputs.set(n,l):t.label==="frag"?t.code?.fragInputs.set(n,l):t.label==="vert"&&t.code?.vertInputs.set(n,l),`in.${n}`}if(r==="attribute"){let l=de(t,n,!0);return xe(a,l),e.listeners.add(l),t.code?.vertInputs.set(n,nt(t,n,X(e,t))),t.isWebGL?`${n}`:`in.${n}`}if(t.code?.headers.has(n))return n;let T="";if(r==="uniform"){let l=X(e,t),g=de(t,n,!1,l==="texture");xe(a,g),e.listeners.add(g),T=ot(t,n,l)}return r==="storage"&&(T=st(t,n,X(e,t))),r==="constant"&&(T=it(t,n,X(e,t),f(a,t))),T?(t.code?.headers.set(n,T),n):f(a,t)};var U=null,O=null,I=e=>{if(!U||(U.props.children||(U.props.children=[]),U.props.children.push(e),e.type!=="return"||!O))return;let{props:t}=O;t.inferFrom||(t.inferFrom=[]),t.inferFrom.push(e)};function at(e,t){t||(t=C());let r=m("variable",{id:t,inferFrom:[e]}),o=m("declare",null,e,r);return I(o),r}var ut=(e,t=!1,r)=>{let o=m(t?"scatter":"assign",null,e,r);return I(o),e},wt=e=>{let t=m("return",{inferFrom:[e]},e);return I(t),t},Gr=(e,t=C())=>(r={},o=C())=>{let n=m("variable",{id:o,inferFrom:[t]}),s=m("struct",{id:t,fields:e,initialValues:r},n);return I(s),n},A=(e,t,r=O)=>{let[o,n]=[U,O];[U,O]=[e,r];let s=t();s&&wt(s),[U,O]=[o,n]},Lr=(e,t)=>{let r=m("scope");A(r,t);let o=m("if",null,e,r);I(o);let n=()=>({ElseIf:(s,i)=>{let p=m("scope");return A(p,i),o.props.children.push(s,p),n()},Else:s=>{let i=m("scope");A(i,s),o.props.children.push(i)}});return n()},Nr=(e,t)=>{let r=m("scope"),o=C();A(r,()=>t({i:m("variable",{id:o,inferFrom:[v("int",0)]})}));let n=m("loop",{id:o},e,r);return I(n),n},Sr=e=>{let t=m("switch",null,e);I(t);let r=()=>({Case:(...o)=>n=>{let s=m("scope");A(s,n);for(let i of o)t.props.children.push(i,s);return r()},Default:o=>{let n=m("scope");A(n,o),t.props.children.push(n)}});return r()};function Rr(e,t=C()){let r,o=(...n)=>{let s=r?.name||t,i=m("scope"),p=[],a=[];if(r?.inputs)for(let d of r.inputs)a.push({id:d.name,inferFrom:[v(d.type)]});else for(let d=0;d<n.length;d++)a.push({id:`p${d}`,inferFrom:[n[d]]});for(let d of a)p.push(m("variable",d));let u=m("define",{id:s,layout:r},i,...n);return A(i,()=>e(p),u),u};return o.setLayout=n=>(r=n,o),o}var Ft=(e,t)=>{if(t==="string")return f(e,null)},m=(e,t,...r)=>{t||(t={}),r.length&&(t.children=r);let o=new Set,n=(p,a)=>{if(a==="type")return e;if(a==="props")return t;if(a!=="__nodeType"){if(a==="toVar")return at.bind(null,i);if(a==="isProxy")return!0;if(a==="toString")return f.bind(null,i);if(a===Symbol.toPrimitive)return Ft.bind(null,i);if(a==="listeners")return o;if(a==="attribute")return(u=C())=>Ut(i,u);if(a==="constant")return(u=C())=>At(i,u);if(a==="uniform")return(u=C())=>W(i,u);if(a==="variable")return(u=C())=>It(u);if(a==="builtin")return(u=C())=>_(u);if(a==="vertexStage")return(u=C())=>Ot(i,u);if(a==="element")return u=>e==="storage"?Dt(i,u):pt(i,u);if(a==="member")return u=>Te(i,u);if(a==="assign")return ut.bind(null,i,i.type==="gather");if(Ie(a))return(...u)=>Mt(a,i,...u);if(Oe(a))return(...u)=>c(a,i,...u);if(De(a))return()=>v(ke(a),i);if(x.str(a))return ze(a)?pt(i,a):Te(i,a)}},s=(p,a,u)=>(a==="value"&&o.forEach(d=>d(u)),x.str(a)&&Te(i,a).assign(u),!0),i=new Proxy({},{get:n,set:s});return i},Ut=(e,t=C())=>m("attribute",{id:t},e),At=(e,t=C())=>m("constant",{id:t},e),W=(e,t=C())=>m("uniform",{id:t},e),Ir=(e,t=C())=>m("storage",{id:t},e),It=(e=C())=>m("variable",{id:e}),_=(e=C())=>m("builtin",{id:e}),Ot=(e,t=C())=>m("varying",{id:t,inferFrom:[e]},e),Te=(e,t)=>m("member",null,e,t),pt=(e,t)=>m("element",null,e,t),Dt=(e,t)=>m("gather",null,e,t),Or=(e,t)=>m("scatter",null,e,t),Dr=(e,t,r)=>m("ternary",null,e,t,r),Mt=(e,...t)=>m("operator",null,e,...t),c=(e,...t)=>m("function",null,e,...t),v=(e,...t)=>m("conversion",null,e,...t);var Bt=`
|
|
1
|
+
import{durable as B,event as ye}from"reev";import{createFrame as Le,createQueue as _e}from"refr";var T={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 k=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--})},le=e=>[1,2,3,4,9,16].includes(e),xe=(e,t=3)=>e%t===0?Math.floor(e/t):-1,C=(e,t=1,r=console.warn)=>{let n=xe(e,t);return le(n)||r(`glre attribute error: Invalid attribute length ${e}. Must divide by vertex count (${t}) with valid stride (1,2,3,4,9,16)`),n},q=`
|
|
29
2
|
#version 300 es
|
|
30
3
|
precision mediump float;
|
|
31
4
|
out vec4 fragColor;
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}`,j=(e,t)=>{if(x.str(e))return e.trim();t.code?.headers?.clear(),t.label="frag";let[r,o]=ge(e,t),n=[];if(t.isWebGL){n.push(Bt);for(let i of t.code?.fragInputs?.values()||[])n.push(`in ${i}`);n.push(r),n.push(`void main() {
|
|
38
|
-
fragColor = ${o};`)}else t.code?.fragInputs?.size&&n.push(H("Out",t.code.fragInputs)),n.push(r),n.push(`@fragment
|
|
39
|
-
fn main(out: Out) -> @location(0) vec4f {`),n.push(` return ${o};`);return n.push("}"),n.filter(Boolean).join(`
|
|
40
|
-
`).trim()},K=(e,t)=>{if(x.str(e))return e.trim();t.code?.headers?.clear(),t.label="vert";let[r,o]=ge(e,t),n=[];if(t.isWebGL){n.push("#version 300 es");for(let i of t.code?.vertInputs?.values()||[])n.push(`in ${i}`);for(let i of t.code?.vertOutputs?.values()||[])n.push(`out ${i}`);n.push(r),n.push("void main() {"),n.push(` gl_Position = ${o};`);for(let[i,p]of t.code?.vertVaryings?.entries()||[])n.push(` ${i} = ${p};`)}else{t.code?.vertInputs?.size&&n.push(H("In",t.code.vertInputs)),t.code?.vertOutputs?.size&&n.push(H("Out",t.code.vertOutputs)),n.push(r),n.push("@vertex"),n.push(`fn main(${t.code?.vertInputs?.size?"in: In":""}) -> Out {`),n.push(" var out: Out;"),n.push(` out.position = ${o};`);for(let[i,p]of t.code?.vertVaryings?.entries()||[])n.push(` out.${i} = ${p};`);n.push(" return out;")}return n.push("}"),n.filter(Boolean).join(`
|
|
41
|
-
`).trim()},Z=(e,t)=>{if(x.str(e))return e.trim();t.code?.headers?.clear(),t.label="compute";let[r,o]=ge(e,t),n=[];return t.isWebGL?(n.push("#version 300 es"),n.push("precision mediump float;"),n.push(r),n.push("void main() {"),n.push(` ${o};`),n.push("}")):(t.code?.computeInputs?.size&&n.push(H("In",t.code.computeInputs)),n.push(r),n.push("@compute @workgroup_size(32)"),n.push(`fn main(${t.code?.computeInputs?.size?"in: In":""}) {`),n.push(` ${o};`),n.push("}")),n.filter(Boolean).join(`
|
|
42
|
-
`).trim()};var be=_("position"),ve=_("vertex_index"),Yr=_("instance_index"),Hr=_("front_facing"),jr=_("frag_depth"),Kr=_("sample_index"),Zr=_("sample_mask"),Qr=_("point_coord"),Jr=_("global_invocation_id"),en=_("position"),tn=_("positionWorld"),rn=_("positionView"),nn=_("normalLocal"),on=_("normalWorld"),sn=_("normalView"),an=_("screenCoordinate"),un=_("screenUV"),Q=e=>v("float",e),k=e=>v("int",e),pn=e=>v("uint",e),fn=e=>v("bool",e),ct=(e,t)=>v("vec2",e,t),ft=(e,t,r)=>v("vec3",e,t,r),he=(e,t,r,o)=>v("vec4",e,t,r,o),cn=(...e)=>v("mat2",...e),ln=(...e)=>v("mat3",...e),dn=(...e)=>v("mat4",...e),xn=(e,t)=>v("ivec2",e,t),mn=(e,t,r)=>v("ivec3",e,t,r),Tn=(e,t,r,o)=>v("ivec4",e,t,r,o),gn=(e,t)=>v("uvec2",e,t),bn=(e,t,r)=>v("uvec3",e,t,r),vn=(e,t,r,o)=>v("uvec4",e,t,r,o),hn=(e,t)=>v("bvec2",e,t),yn=(e,t,r)=>v("bvec3",e,t,r),En=(e,t,r,o)=>v("bvec4",e,t,r,o),Xn=e=>v("texture",e),Cn=()=>v("sampler2D"),_n=(e,t,r)=>x.num(e)&&x.und(t)&&x.und(r)?ft(...Me(e)):ft(e,t,r),ye=W(ct(),"iResolution"),Pn=W(ct(),"iMouse"),$n=W(Q(),"iTime"),Gn=be.xy.div(ye),Ln=e=>c("all",e),Nn=e=>c("any",e),Sn=e=>c("length",e),Rn=e=>c("lengthSq",e),wn=(e,t)=>c("distance",e,t),Fn=(e,t)=>c("dot",e,t),Un=(e,t)=>c("cross",e,t),An=(e,t,r)=>c("cubeTexture",e,t,r),In=(e,t,r)=>c("texture",e,t,r),On=(e,t,r)=>c("texelFetch",e,t,r),Dn=(e,t,r)=>c("textureLod",e,t,r),Mn=e=>c("abs",e),Bn=e=>c("acos",e),Wn=e=>c("acosh",e),kn=e=>c("asin",e),Vn=e=>c("asinh",e),zn=e=>c("atan",e),qn=e=>c("atanh",e),Yn=e=>c("ceil",e),Hn=e=>c("cos",e),jn=e=>c("cosh",e),Kn=e=>c("dFdx",e),Zn=e=>c("dFdy",e),Qn=e=>c("degrees",e),Jn=e=>c("exp",e),eo=e=>c("exp2",e),to=e=>c("floor",e),lt=e=>c("fract",e),ro=e=>c("fwidth",e),no=e=>c("inverseSqrt",e),oo=e=>c("log",e),so=e=>c("log2",e),io=e=>c("negate",e),ao=e=>c("normalize",e),uo=e=>c("oneMinus",e),po=e=>c("radians",e),fo=e=>c("reciprocal",e),co=e=>c("round",e),lo=e=>c("saturate",e),xo=e=>c("sign",e),mo=e=>c("sin",e),To=e=>c("sinh",e),go=e=>c("sqrt",e),bo=e=>c("tan",e),vo=e=>c("tanh",e),ho=e=>c("trunc",e),yo=(e,t)=>c("atan2",e,t),Eo=(e,t,r)=>c("clamp",e,t,r),Xo=(e,t)=>c("max",e,t),Co=(e,t)=>c("min",e,t),_o=(e,t,r)=>c("mix",e,t,r),Po=(e,t)=>c("pow",e,t),$o=(e,t)=>c("reflect",e,t),Go=(e,t,r)=>c("refract",e,t,r),Lo=(e,t,r)=>c("smoothstep",e,t,r),No=(e,t)=>c("step",e,t),So=(e,t)=>e.sub(e.div(t).toFloat().floor().mul(t));var kt=`
|
|
5
|
+
uniform vec2 iResolution;
|
|
6
|
+
void main() {
|
|
7
|
+
fragColor = vec4(fract((gl_FragCoord.xy / iResolution)), 0.0, 1.0);
|
|
8
|
+
}
|
|
9
|
+
`,X=`
|
|
43
10
|
#version 300 es
|
|
44
11
|
void main() {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
}`.trim(),Vt=(e,t)=>{if(!e.cs)return null;t.getExtension("EXT_color_buffer_float");let r=0,o=0,n=D(()=>r++),s={isWebGL:!0,gl:e,units:n},i=oe(t,Z(e.cs,s),kt,e),p=Math.ceil(Math.sqrt(e.particles)),a=D(g=>t.getUniformLocation(i,g)),u=D(g=>{let b=new Float32Array(p*p*4),P={texture:t.createTexture(),buffer:t.createFramebuffer()},S={texture:t.createTexture(),buffer:t.createFramebuffer()};return{ping:P,pong:S,array:b,loc:a(g),unit:n(g)}});return{render:()=>{t.useProgram(i);let g=u.map.values().map(({ping:b,pong:P,loc:S,unit:F},M)=>{let[V,re]=o%2?[b,P]:[P,b];return Le(t,V,re,S,F,M)});t.drawBuffers(g),t.drawArrays(t.TRIANGLES,0,3),t.bindFramebuffer(t.FRAMEBUFFER,null),o++},clean:()=>{t.deleteProgram(i),Ge(t,u.map.values())},_uniform:(g,b)=>{t.useProgram(i),se(t,a(g),b)},_storage:(g,b)=>{let{ping:P,pong:S,unit:F,array:M}=u(g);$e(t,b,p,P,S,F,M)},storages:u}},dt=async e=>{let t={isWebGL:!0,gl:e},r=e.el.getContext("webgl2"),o=Vt(e,r),n=oe(r,j(e.fs,t),K(e.vs,t),e);r.useProgram(n);let s=0,i=D(()=>s++),p=D(b=>r.getAttribLocation(n,b)),a=D(b=>r.getUniformLocation(n,b)),u=(b="",P,S)=>{let F=p(b,!0);_e(r,F,e.count,P,S)},d=(b,P)=>{r.useProgram(n),se(r,a(b),P),o?._uniform(b,P)},h=(b,P)=>{r.useProgram(n),z(e,P,S=>{Pe(r,S,a(b),i(b))})},T=()=>{o?.clean(),r.deleteProgram(n),r.getExtension("WEBGL_lose_context")?.loseContext()},l=()=>{o?.render(),r.useProgram(n),r.viewport(0,0,...e.size),r.drawArrays(r.TRIANGLES,0,e.count),r.bindFramebuffer(r.FRAMEBUFFER,null)};return{webgl:{context:r,program:n,storages:o?.storages},render:l,clean:T,_attribute:u,_uniform:d,_texture:h,_storage:o?._storage}};import{nested as ee}from"reev";var xt=async(e,t=console.log)=>{let r=navigator.gpu,o=r.getPreferredCanvasFormat(),s=await(await r.requestAdapter()).requestDevice();return s.onuncapturederror=i=>t(i.error.message),e.configure({device:s,format:o,alphaMode:"opaque"}),{device:s,format:o}},mt=()=>{let e=0,t=0,r=0,o=0;return{uniform:()=>{let n=Math.floor(e/12),s=e%12;return e++,{group:n,binding:s}},texture:()=>{let s=Math.floor(e/12)+1+Math.floor(t/6),i=t%6*2;return t++,{group:s,binding:i}},storage:()=>{let s=Math.floor(e/12)+Math.floor(t/6)+2+Math.floor(r/12),i=r%12;return r++,{group:s,binding:i}},attrib:()=>{let n=o;return o++,{location:n}}}},zt=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",Tt=e=>{let t=[],r=[];for(let{buffer:o,location:n,stride:s}of e)t[n]=o,r[n]={arrayStride:s*4,attributes:[{shaderLocation:n,offset:0,format:zt(s)}]};return{vertexBuffers:t,bufferLayouts:r}},gt=(e,t,r,o=[])=>{let n=new Map,s={bindGroups:[],bindGroupLayouts:[]},i=(p,a,u)=>{n.has(p)||n.set(p,{layouts:[],bindings:[]});let{layouts:d,bindings:h}=n.get(p);d.push(a),h.push(u)};for(let{binding:p,buffer:a,group:u}of t)i(u,{binding:p,visibility:7,buffer:{type:"uniform"}},{binding:p,resource:{buffer:a}});for(let{binding:p,buffer:a,group:u}of o)i(u,{binding:p,visibility:6,buffer:{type:"storage"}},{binding:p,resource:{buffer:a}});for(let{binding:p,group:a,sampler:u,view:d}of r)i(a,{binding:p,visibility:2,sampler:{}},{binding:p,resource:u}),i(a,{binding:p+1,visibility:2,texture:{}},{binding:p+1,resource:d});for(let[p,{layouts:a,bindings:u}]of n)s.bindGroupLayouts[p]=e.createBindGroupLayout({entries:a}),s.bindGroups[p]=e.createBindGroup({layout:s.bindGroupLayouts[p],entries:u});return s},bt=(e,t,r,o,n,s)=>e.createRenderPipeline({vertex:{module:e.createShaderModule({label:"vert",code:n}),entryPoint:"main",buffers:r},fragment:{module:e.createShaderModule({label:"frag",code:s}),entryPoint:"main",targets:[{format:t}]},layout:e.createPipelineLayout({bindGroupLayouts:o}),primitive:{topology:"triangle-list"},depthStencil:{depthWriteEnabled:!0,depthCompare:"less",format:"depth24plus"}}),vt=(e,t,r)=>e.createComputePipeline({compute:{module:e.createShaderModule({label:"compute",code:r}),entryPoint:"main"},layout:e.createPipelineLayout({bindGroupLayouts:t})}),qt=e=>e==="uniform"?72:e==="attrib"?40:140,J=(e,t,r)=>{Xe(t)||(t=new Float32Array(t));let o=qt(r),n=r==="uniform"?Math.ceil(t.byteLength/256)*256:t.byteLength,s=e.createBuffer({size:n,usage:o});return{array:t,buffer:s}},ht=(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"}}),yt=(e,t=1280,r=800)=>{let o=e.createTexture({size:[t,r],format:"rgba8unorm",usage:22}),n=e.createSampler({magFilter:"linear",minFilter:"linear"});return{texture:o,sampler:n}},Et=(e,t,r)=>e.createTexture({size:[t,r],format:"depth24plus",usage:GPUTextureUsage.RENDER_ATTACHMENT});var Yt=32,Ht=(e,t,r)=>{let o=u=>{},n=ee((u,d)=>{let{array:h,buffer:T}=J(t,d,"storage"),{binding:l,group:g}=r.storage();return{array:h,buffer:T,binding:l,group:g}});return{storages:n,_storage:(u,d)=>{let{array:h,buffer:T}=n(u,d);t.queue.writeBuffer(T,0,h)},update:(u,d,h)=>{let T=vt(t,d,h);o=l=>{l.setPipeline(T),u.forEach((b,P)=>l.setBindGroup(P,b));let g=Math.ceil(e.particles/Yt);l.dispatchWorkgroups(g,1,1),l.end()}},render:u=>{o(u)},clean:()=>{for(let{buffer:u}of n.map.values())u.destroy()}}},Xt=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:o}=await xt(t,e.error),n=mt(),s=Ht(e,r,n),i,p,a,u=y=>{},d=!0,h,T=ee((y,E)=>{d=!0;let $=E.length/e.count,{location:G}=n.attrib(),{array:R,buffer:L}=J(r,E,"attrib");return{array:R,buffer:L,location:G,stride:$}}),l=ee((y,E)=>{d=!0;let{binding:$,group:G}=n.uniform(),{array:R,buffer:L}=J(r,E,"uniform");return{array:R,buffer:L,binding:$,group:G}}),g=ee((y,E=0,$=0)=>{d=!0;let{binding:G,group:R}=n.texture(),{texture:L,sampler:B}=yt(r,E,$);return{texture:L,sampler:B,binding:G,group:R,view:L.createView()}}),b=(y="",E)=>{let{array:$,buffer:G}=T(y,E);r.queue.writeBuffer(G,0,$)},P=(y,E)=>{x.num(E)&&(E=[E]);let{array:$,buffer:G}=l(y,E);$.set(E),r.queue.writeBuffer(G,0,$)},S=(y,E)=>{z(e,E,$=>{let{width:G,height:R}=$,{texture:L}=g(y,G,R);r.queue.copyExternalImageToTexture({source:$},{texture:L},{width:G,height:R})})},F=()=>{let{vertexBuffers:y,bufferLayouts:E}=Tt(T.map.values()),{bindGroups:$,bindGroupLayouts:G}=gt(r,l.map.values(),g.map.values(),s.storages.map.values()),R=bt(r,o,E,G,a,i);u=L=>{L.setPipeline(R),$.forEach((B,ne)=>L.setBindGroup(ne,B)),y.forEach((B,ne)=>L.setVertexBuffer(ne,B)),L.draw(e.count,1,0,0),L.end()},e.cs&&s.update($,G,p)},M=()=>{if(!i||!a){let E={isWebGL:!1,gl:e};i=j(e.fs,E),a=K(e.vs,E),p=Z(e.cs,E)}if(e.loading)return;d&&F(),d=!1;let y=r.createCommandEncoder();e.cs&&s.render(y.beginComputePass()),u(y.beginRenderPass(ht(t,h))),r.queue.submit([y.finish()])},V=()=>{let y=e.el;h?.destroy(),h=Et(r,y.width,y.height)},re=()=>{r.destroy(),h?.destroy();for(let{texture:y}of g.map.values())y.destroy();for(let{buffer:y}of l.map.values())y.destroy();for(let{buffer:y}of T.map.values())y.destroy();s.clean()};return V(),{webgpu:{device:r,uniforms:l,textures:g,attribs:T,storages:s.storages},render:M,resize:V,clean:re,_attribute:b,_uniform:P,_texture:S,_storage:s._storage}};var ts=e=>x.obj(e)?"isGL"in e:!1,Qt=()=>typeof window>"u",Jt=()=>Qt()?!1:"gpu"in navigator,Ee=performance.now(),er=()=>he(lt(be.xy.div(ye)),0,1),tr=()=>he(Q(k(ve).mod(k(2))).mul(4).sub(1),Q(k(ve).div(k(2))).mul(4).sub(1),0,1),rr=e=>{let t=jt({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=Zt(),t.frame=Kt(),t.attribute=te((r,o,n)=>t.queue(()=>t._attribute?.(r,o,n)),t),t.storage=te((r,o)=>t.queue(()=>t._storage?.(r,o)),t),t.uniform=te((r,o)=>t.queue(()=>t._uniform?.(r,o)),t),t.texture=te((r,o)=>t.queue(()=>t._texture?.(r,o)),t),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:Ee}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex||tr(),t.fs=t.fs||t.frag||t.fragment||er(),t.cs=t.cs||t.comp||t.compute,Jt()||(t.isWebGL=!0),t.isWebGL?t(await dt(t)):t(await Xt(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,o=t.height||window.innerHeight;t.size[0]=t.el.width=r,t.size[1]=t.el.height=o,t.uniform("iResolution",t.size)}),t("mousemove",(r,o=r.clientX,n=r.clientY)=>{let[s,i]=t.size,{top:p,left:a}=t.el.getBoundingClientRect();t.mouse[0]=(o-p-s/2)/(s/2),t.mouse[1]=-(n-a-i/2)/(i/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{Ee=performance.now()/1e3,t.uniform("iTime",Ee)}),t(e)},rs=rr;export{Rr as Fn,Lr as If,Nr as Loop,wt as Return,Sr as Switch,Mn as abs,Bn as acos,Wn as acosh,Ln as all,Nn as any,kn as asin,Vn as asinh,ut as assign,zn as atan,yo as atan2,qn as atanh,Ut as attribute,fn as bool,_ as builtin,hn as bvec2,yn as bvec3,En as bvec4,Yn as ceil,Eo as clamp,_n as color,Z as compute,At as constant,v as conversion,Hn as cos,jn as cosh,rr as createGL,Un as cross,An as cubeTexture,Kn as dFdx,Zn as dFdy,rs as default,Qn as degrees,wn as distance,Fn as dot,pt as element,Jn as exp,eo as exp2,Q as float,to as floor,lt as fract,jr as fragDepth,j as fragment,Hr as frontFacing,c as function_,ro as fwidth,Dt as gather,Pn as iMouse,ye as iResolution,$n as iTime,Jr as id,Yr as instanceIndex,k as int,no as inverseSqrt,ts as isGL,Qt as isServer,Jt as isWebGPUSupported,xn as ivec2,mn as ivec3,Tn as ivec4,Sn as length,Rn as lengthSq,oo as log,so as log2,cn as mat2,ln as mat3,dn as mat4,Xo as max,Te as member,Co as min,_o as mix,So as mod,io as negate,m as node,nn as normalLocal,sn as normalView,on as normalWorld,ao as normalize,uo as oneMinus,Mt as operator,Qr as pointCoord,be as position,en as positionLocal,rn as positionView,tn as positionWorld,Po as pow,po as radians,fo as reciprocal,$o as reflect,Go as refract,co as round,Kr as sampleIndex,Zr as sampleMask,Cn as sampler2D,lo as saturate,Or as scatter,an as screenCoordinate,un as screenUV,Dr as select,xo as sign,mo as sin,To as sinh,Lo as smoothstep,go as sqrt,No as step,Ir as storage,Gr as struct,bo as tan,vo as tanh,On as texelFetch,In as texture,Xn as texture2D,Dn as textureLod,at as toVar,ho as trunc,pn as uint,W as uniform,Gn as uv,gn as uvec2,bn as uvec3,vn as uvec4,It as variable,ct as vec2,ft as vec3,he as vec4,K as vertex,ve as vertexIndex,Ot as vertexStage,dt as webgl,Xt as webgpu};
|
|
12
|
+
float x = float(gl_VertexID % 2) * 4.0 - 1.0;
|
|
13
|
+
float y = float(gl_VertexID / 2) * 4.0 - 1.0;
|
|
14
|
+
gl_Position = vec4(x, y, 0.0, 1.0);
|
|
15
|
+
}`,$=`
|
|
16
|
+
struct In { @builtin(vertex_index) vertex_index: u32 }
|
|
17
|
+
struct Out { @builtin(position) position: vec4f }
|
|
18
|
+
@vertex
|
|
19
|
+
fn main(in: In) -> Out {
|
|
20
|
+
var out: Out;
|
|
21
|
+
var x = f32(in.vertex_index % 2) * 4.0 - 1.0;
|
|
22
|
+
var y = f32(in.vertex_index / 2) * 4.0 - 1.0;
|
|
23
|
+
out.position = vec4f(x, y, 0.0, 1.0);
|
|
24
|
+
return out;
|
|
25
|
+
}
|
|
26
|
+
`.trim(),K=`
|
|
27
|
+
struct Out { @builtin(position) position: vec4f }
|
|
28
|
+
@group(0) @binding(0) var<uniform> iResolution: vec2f;
|
|
29
|
+
@fragment
|
|
30
|
+
fn main(out: Out) -> @location(0) vec4f {
|
|
31
|
+
return vec4f(fract((out.position.xy / iResolution)), 0.0, 1.0);
|
|
32
|
+
}
|
|
33
|
+
`;import{nested as F}from"reev";var H=(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}
|
|
34
|
+
|
|
35
|
+
\u2193\u2193\u2193generated\u2193\u2193\u2193
|
|
36
|
+
${t}`)},V=(e,t,r,n)=>{let o=e.createProgram(),a=H(e,t,e.FRAGMENT_SHADER,n.error),s=H(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}`)},j=(e,t)=>{let r=new Float32Array(t),n=e.createBuffer();return{array:r,buffer:n}},O=(e,t,r,n)=>{t.set(n),e.bindBuffer(e.ARRAY_BUFFER,r),e.bufferData(e.ARRAY_BUFFER,t,e.STATIC_DRAW),e.bindBuffer(e.ARRAY_BUFFER,null)},Y=(e,t,r,n)=>{e.bindBuffer(e.ARRAY_BUFFER,n),e.enableVertexAttribArray(t),e.vertexAttribPointer(t,r,e.FLOAT,!1,0,0)},Q=(e,t,r,n)=>{e.bindBuffer(e.ARRAY_BUFFER,n),e.enableVertexAttribArray(t),e.vertexAttribPointer(t,r,e.FLOAT,!1,0,0),e.vertexAttribDivisor(t,1)},z=(e,t,r)=>{if(T.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)},J=(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,i)=>{let m=r*n,u=t.length/m;for(let p=0;p<m;p++)for(let x=0;x<Math.min(u,4);x++)i[4*p+x]=t[p*u+x]||0;e.activeTexture(e.TEXTURE0+s),e.bindTexture(e.TEXTURE_2D,o.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA32F,r,n,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,a.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA32F,r,n,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)},ee=(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)},te=(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},re=(e=1024)=>{if(T.num(e)){let o=Math.sqrt(e),a=Math.ceil(o);return Number.isInteger(o)||console.warn(`GLRE Storage Warning: particleCount (${e}) is not a square. Using ${a}x${a} texture may waste GPU memory. Consider using [width, height] format for optimal storage.`),{x:a,y:a}}let[t,r,n]=e;if(n!==void 0){let o=r*n;return console.warn(`GLRE Storage Warning: 3D particleCount [${t}, ${r}, ${n}] specified but WebGL storage textures only support 2D. Flattening to 2D by multiplying height=${r} * depth=${n} = ${o}.`),{x:t,y:o}}return{x:t,y:r}};var ge=(e,t)=>{if(!e.cs)return null;t.getExtension("EXT_color_buffer_float");let r=0,n=0,o=F(()=>r++),a=T.str(e.cs)?e.cs:e.cs.compute({isWebGL:!0,gl:e,units:o}),s=V(t,a,X,e),i=re(e.particleCount),m=F(b=>t.getUniformLocation(s,b)),u=F(b=>{let L=new Float32Array(i.x*i.y*4),R={texture:t.createTexture(),buffer:t.createFramebuffer()},U={texture:t.createTexture(),buffer:t.createFramebuffer()};return{ping:R,pong:U,array:L,loc:m(b),unit:o(b)}});return{render:()=>{t.useProgram(s);let b=u.map.values().map(({ping:L,pong:R,loc:U,unit:d},g)=>{let[P,h]=n%2?[L,R]:[R,L];return te(t,P,h,U,d,g)});t.drawBuffers(b),t.drawArrays(t.TRIANGLES,0,3),t.bindFramebuffer(t.FRAMEBUFFER,null),n++},clean:()=>{t.deleteProgram(s),ee(t,u.map.values())},_uniform:(b,L)=>{t.useProgram(s),z(t,m(b),L)},_storage:(b,L)=>{let{ping:R,pong:U,unit:d,array:g}=u(b);Z(t,L,i.x,i.y,R,U,d,g)},storages:u}},ne=async e=>{let t={isWebGL:!0,gl:e},r=e.el.getContext("webgl2"),n=ge(e,r),o=e.fs?T.str(e.fs)?e.fs:e.fs.fragment(t):q,a=e.vs?T.str(e.vs)?e.vs:e.vs.vertex(t):X,s=V(r,o,a,e);r.useProgram(s);let i=0,m=F(()=>i++),u=F(d=>r.getUniformLocation(s,d)),p=F((d,g,P=!1)=>{let h=C(g.length,P?e.instanceCount:e.count,e.error),v=r.getAttribLocation(s,d),{array:S,buffer:f}=j(r,g);return{array:S,buffer:f,location:v,stride:h}}),x=(d="",g)=>{let{array:P,buffer:h,location:v,stride:S}=p(d,g);O(r,P,h,g),Y(r,v,S,h)},G=(d,g)=>{let{array:P,buffer:h,location:v,stride:S}=p(d,g,!0);O(r,P,h,g),Q(r,v,S,h)},y=(d,g)=>{r.useProgram(s),z(r,u(d),g),n?._uniform(d,g)},b=(d,g)=>{r.useProgram(s),D(e,g,P=>{J(r,P,u(d),m(d))})},L=()=>{n?.clean(),r.deleteProgram(s),r.getExtension("WEBGL_lose_context")?.loseContext()},R=()=>{n?.render(),r.useProgram(s),r.viewport(0,0,...e.size),e.instanceCount>1?r.drawArraysInstanced(r.TRIANGLES,0,e.count,e.instanceCount):r.drawArrays(r.TRIANGLES,0,e.count),r.bindFramebuffer(r.FRAMEBUFFER,null)};return e.isDepth&&(r.depthFunc(r.LEQUAL),r.enable(r.CULL_FACE)),{webgl:{context:r,program:s,storages:n?.storages},render:R,clean:L,_attribute:x,_instance:G,_uniform:y,_texture:b,_storage:n?._storage}};import{nested as W}from"reev";var oe=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}},ae=()=>{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}}}},Ee=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",se=e=>{let t=[],r=[];for(let{buffer:n,location:o,stride:a,isInstance:s}of e){t[o]=n;let i=Math.min(Math.max(Math.floor(a),1),4),m=Math.max(4,Math.ceil(i*4/4)*4);r[o]={arrayStride:m,stepMode:s?"instance":"vertex",attributes:[{shaderLocation:o,offset:0,format:Ee(i)}]}}return{vertexBuffers:t,bufferLayouts:r}},ie=(e,t,r,n=[])=>{let o=new Map,a={bindGroups:[],bindGroupLayouts:[]},s=(i,m,u)=>{o.has(i)||o.set(i,{layouts:[],bindings:[]});let{layouts:p,bindings:x}=o.get(i);p.push(m),x.push(u)};for(let{binding:i,buffer:m,group:u}of t)s(u,{binding:i,visibility:7,buffer:{type:"uniform"}},{binding:i,resource:{buffer:m}});for(let{binding:i,buffer:m,group:u}of n)s(u,{binding:i,visibility:6,buffer:{type:"storage"}},{binding:i,resource:{buffer:m}});for(let{binding:i,group:m,sampler:u,view:p}of r)s(m,{binding:i,visibility:2,sampler:{}},{binding:i,resource:u}),s(m,{binding:i+1,visibility:2,texture:{}},{binding:i+1,resource:p});for(let[i,{layouts:m,bindings:u}]of o)a.bindGroupLayouts[i]=e.createBindGroupLayout({entries:m}),a.bindGroups[i]=e.createBindGroup({layout:a.bindGroupLayouts[i],entries:u});return a},ue=(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"}}),fe=(e,t,r)=>e.createComputePipeline({compute:{module:e.createShaderModule({label:"compute",code:r.trim()}),entryPoint:"main"},layout:e.createPipelineLayout({bindGroupLayouts:t})}),Te=e=>e==="uniform"?72:e==="attrib"?40:140,M=(e,t,r)=>{k(t)||(t=new Float32Array(t));let n=Te(r),o=r==="uniform"?Math.ceil(t.byteLength/256)*256:t.byteLength,a=e.createBuffer({size:o,usage:n});return{array:t,buffer:a}},me=(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"}}),ce=(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}},pe=(e,t,r)=>e.createTexture({size:[t,r],format:"depth24plus",usage:GPUTextureUsage.RENDER_ATTACHMENT}),be=(e,t=32)=>{T.num(e)&&(e=[e]);let[r,n=1,o=1]=e;return{x:Math.min(r*n*o/t,65535),y:1,z:1}};var Ge=(e,t,r)=>{let n=u=>{},o=W((u,p)=>{let{array:x,buffer:G}=M(t,p,"storage"),{binding:y,group:b}=r.storage();return{array:x,buffer:G,binding:y,group:b}});return{storages:o,_storage:(u,p)=>{let{array:x,buffer:G}=o(u,p);t.queue.writeBuffer(G,0,x)},update:(u,p,x)=>{let G=fe(t,p,x);n=y=>{y.setPipeline(G),u.forEach((U,d)=>y.setBindGroup(d,U));let{x:b,y:L,z:R}=be(e.particleCount);y.dispatchWorkgroups(b,L,R),y.end()}},render:u=>{n(u)},clean:()=>{for(let{buffer:u}of o.map.values())u.destroy()}}},de=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await oe(t,e.error),o=ae(),a=Ge(e,r,o),s,i,m,u=f=>{},p=!0,x,G=W((f,c,l=!1)=>{p=!0;let E=C(c.length,l?e.instanceCount:e.count),{location:A}=o.attrib(),{array:_,buffer:w}=M(r,c,"attrib");return{array:_,buffer:w,location:A,stride:E,isInstance:l}}),y=W((f,c)=>{p=!0;let{binding:l,group:E}=o.uniform(),{array:A,buffer:_}=M(r,c,"uniform");return{array:A,buffer:_,binding:l,group:E}}),b=W((f,c=0,l=0)=>{p=!0;let{binding:E,group:A}=o.texture(),{texture:_,sampler:w}=ce(r,c,l);return{texture:_,sampler:w,binding:E,group:A,view:_.createView()}}),L=(f="",c)=>{let{array:l,buffer:E}=G(f,c);l.set(c),r.queue.writeBuffer(E,0,l)},R=(f,c)=>{let{array:l,buffer:E}=G(f,c,!0);l.set(c),r.queue.writeBuffer(E,0,l)},U=(f,c)=>{T.num(c)&&(c=[c]);let{array:l,buffer:E}=y(f,c);l.set(c),r.queue.writeBuffer(E,0,l)},d=(f,c)=>{D(e,c,l=>{let{width:E,height:A}=l,{texture:_}=b(f,E,A);r.queue.copyExternalImageToTexture({source:l},{texture:_},{width:E,height:A})})},g=()=>{let{vertexBuffers:f,bufferLayouts:c}=se(G.map.values()),{bindGroups:l,bindGroupLayouts:E}=ie(r,y.map.values(),b.map.values(),a.storages.map.values()),A=ue(r,n,c,E,m,s);u=_=>{_.setPipeline(A),l.forEach((w,I)=>_.setBindGroup(I,w)),f.forEach((w,I)=>_.setVertexBuffer(I,w)),_.draw(e.count,e.instanceCount,0,0),_.end()},e.cs&&a.update(l,E,i)},P=()=>{if(!s||!m){let c={isWebGL:!1,gl:e};s=e.fs?T.str(e.fs)?e.fs:e.fs.fragment(c):K,m=e.vs?T.str(e.vs)?e.vs:e.vs.vertex(c):$,i=e.cs?T.str(e.cs)?e.cs:e.cs.compute(c):""}if(e.loading)return;p&&g(),p=!1;let f=r.createCommandEncoder();e.cs&&a.render(f.beginComputePass()),u(f.beginRenderPass(me(t,x))),r.queue.submit([f.finish()])},h=()=>{let f=e.el;x?.destroy(),x=pe(r,f.width,f.height)},v=()=>{r.destroy(),x?.destroy();for(let{texture:f}of b.map.values())f.destroy();for(let{buffer:f}of y.map.values())f.destroy();for(let{buffer:f}of G.map.values())f.destroy();a.clean()};return h(),{webgpu:{device:r,uniforms:y,textures:b,attribs:G,storages:a.storages},render:P,resize:h,clean:v,_attribute:L,_instance:R,_uniform:U,_texture:d,_storage:a._storage}};var qe=e=>T.obj(e)?"isGL"in e:!1,Re=()=>typeof window>"u",he=()=>Re()?!1:"gpu"in navigator,N=performance.now(),Pe=e=>{let t=ye({isNative:!1,isWebGL:!0,isError:!1,isLoop:!0,isDebug:!1,isDepth:!1,isGL:!0,size:[0,0],mouse:[0,0],count:6,instanceCount:1,particleCount:1024,webgl:{},webgpu:{},loading:0,error(){t.isError=!0,t.isLoop=!1,t.clean(),console.warn("GLRE Error:",...arguments)}});return t.queue=_e(),t.frame=Le(),t.attribute=B((r,n,o)=>t.queue(()=>t._attribute?.(r,n,o)),t),t.instance=B((r,n,o)=>t.queue(()=>t._instance?.(r,n,o)),t),t.storage=B((r,n)=>t.queue(()=>t._storage?.(r,n)),t),t.uniform=B((r,n)=>t.queue(()=>t._uniform?.(r,n)),t),t.texture=B((r,n)=>t.queue(()=>t._texture?.(r,n)),t),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:N}),t("mount",async()=>{he()||(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 ne(t)):t(await de(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:m}=t.el.getBoundingClientRect();t.mouse[0]=(n-i-a/2)/(a/2),t.mouse[1]=-(o-m-s/2)/(s/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{N=performance.now()/1e3,t.uniform("iTime",N)}),t(e)},$e=Pe;export{Pe as createGL,$e as default,qe as isGL,Re as isServer,he as isWebGPUSupported};
|
|
49
37
|
//# sourceMappingURL=index.js.map
|