glre 0.24.0 → 0.26.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 +2 -2
- package/dist/index.d.ts +55 -9
- package/dist/index.js +17 -23
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +17 -23
- package/dist/index.mjs.map +1 -1
- package/dist/native.d.ts +1 -1
- package/dist/native.js +17 -23
- package/dist/native.js.map +1 -1
- package/dist/native.mjs +17 -23
- package/dist/native.mjs.map +1 -1
- package/dist/react.d.ts +1 -1
- package/dist/react.js +17 -23
- package/dist/react.js.map +1 -1
- package/dist/react.mjs +17 -23
- package/dist/react.mjs.map +1 -1
- package/dist/solid.d.ts +1 -1
- package/dist/solid.js +17 -23
- package/dist/solid.js.map +1 -1
- package/dist/solid.mjs +17 -23
- package/dist/solid.mjs.map +1 -1
- package/package.json +1 -1
- package/src/index.ts +7 -4
- package/src/types.ts +4 -0
- package/src/utils/pipeline.ts +87 -75
- package/src/utils/program.ts +23 -17
- package/src/webgl.ts +35 -59
- package/src/webgpu.ts +80 -79
package/dist/native.mjs
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import{useState as
|
|
2
|
-
`),u+=`precision ${
|
|
1
|
+
import{useState as Je}from"react";import{Dimensions as et}from"react-native";import{durable as z,event as He}from"reev";import{createFrame as Ye,createQueue as Ke}from"refr";import{nested as R}from"reev";var i={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)},he=(e,t)=>e.forEach(t),tt=(e,...t)=>{he(e,r=>r(...t))},rt=(e="",t="_",r="/")=>e.split(t).join(r),nt=(e=".pdf")=>e.split(".").pop()?.toLowerCase()??"",ot=(e=0)=>`${e}`.split(".")[1]?.length??0,it=(e=0)=>`${e}`.split(".")[0]?.length-(e<0?1:0),at=(e=0,t=-2)=>(t*=-1,t=Math.pow(10,t),e*=t,e=Math.round(e),e/=t,e);var be=(e,t)=>{let r={target:"webgl",precision:"mediump",version:"300 es",nodes:new Map,variables:new Map,functions:new Map,...t};return $(e,r)},$=(e,t)=>e?i.und(e.value)?e.property&&e.parent?`${$(e.parent,t)}.${e.property}`:e.operator&&e.children&&e.children.length>=2?xe(e,t):e.mathFunction&&e.children&&e.children.length>=1?Te(e,t):"0.0":ye(e.value,e.type):"0.0",ye=(e,t)=>{if(t==="float"){let r=Number(e);return r%1===0?`${r}.0`:`${r}`}if(t==="int")return`${Math.floor(Number(e))}`;if(t==="bool")return e?"true":"false";if(i.arr(e)){let r=e.map(n=>{let o=Number(n);return o%1===0?`${o}.0`:`${o}`}).join(", ");if(t==="vec2")return`vec2(${r})`;if(t==="vec3")return`vec3(${r})`;if(t==="vec4")return`vec4(${r})`;if(t==="color")return`vec3(${r})`}return"0.0"},xe=(e,t)=>{if(!e.children||e.children.length<2)return"0.0";let r=$(e.children[0],t),n=$(e.children[1],t);return e.operator==="add"?`(${r} + ${n})`:e.operator==="sub"?`(${r} - ${n})`:e.operator==="mul"?`(${r} * ${n})`:e.operator==="div"?`(${r} / ${n})`:e.operator==="mod"?`mod(${r}, ${n})`:e.operator==="equal"?`(${r} == ${n})`:e.operator==="notEqual"?`(${r} != ${n})`:e.operator==="lessThan"?`(${r} < ${n})`:e.operator==="lessThanEqual"?`(${r} <= ${n})`:e.operator==="greaterThan"?`(${r} > ${n})`:e.operator==="greaterThanEqual"?`(${r} >= ${n})`:e.operator==="and"?`(${r} && ${n})`:e.operator==="or"?`(${r} || ${n})`:`(${r} + ${n})`},Te=(e,t)=>{if(!e.children||e.children.length<1)return"0.0";let r=e.mathFunction,n=e.children.map(p=>$(p,t)),[o,a,u]=n;return n.length===1?`${r}(${o})`:n.length===2?`${r}(${o}, ${a})`:n.length===3?`${r}(${o}, ${a}, ${u})`:o||"0.0"},ve=e=>{if(i.num(e))return"float";if(i.bol(e))return"bool";if(i.arr(e)){let t=e.length;if(t===2)return"vec2";if(t===3)return"vec3";if(t===4)return"vec4"}return"float"},G=(e,t)=>{let r=t?.precision||"mediump",o=(t?.version||"300 es")==="300 es",a=be(e),u="";return o&&(u+=`#version 300 es
|
|
2
|
+
`),u+=`precision ${r} float;
|
|
3
3
|
|
|
4
|
-
`,
|
|
4
|
+
`,t?.uniforms&&(Object.entries(t.uniforms).forEach(([p,x])=>{let E=ve(x);u+=`uniform ${E} ${p};
|
|
5
5
|
`}),u+=`
|
|
6
6
|
`),o&&(u+=`out vec4 fragColor;
|
|
7
7
|
|
|
8
8
|
`),u+=`void main() {
|
|
9
|
-
`,u+=o?` fragColor = ${
|
|
10
|
-
`:` gl_FragColor = ${
|
|
9
|
+
`,u+=o?` fragColor = ${a};
|
|
10
|
+
`:` gl_FragColor = ${a};
|
|
11
11
|
`,u+=`}
|
|
12
|
-
`,u};var
|
|
12
|
+
`,u};var Ee=`
|
|
13
13
|
#version 300 es
|
|
14
14
|
void main() {
|
|
15
15
|
float x = float(gl_VertexID % 2) * 4.0 - 1.0;
|
|
16
16
|
float y = float(gl_VertexID / 2) * 4.0 - 1.0;
|
|
17
17
|
gl_Position = vec4(x, y, 0.0, 1.0);
|
|
18
18
|
}
|
|
19
|
-
`,
|
|
19
|
+
`,we=`
|
|
20
20
|
#version 300 es
|
|
21
21
|
precision mediump float;
|
|
22
22
|
uniform vec2 iResolution;
|
|
@@ -24,31 +24,25 @@ out vec4 fragColor;
|
|
|
24
24
|
void main() {
|
|
25
25
|
fragColor = vec4(fract(gl_FragCoord.xy / iResolution), 0, 1);
|
|
26
26
|
}
|
|
27
|
-
`,
|
|
28
|
-
`}),
|
|
29
|
-
`),
|
|
30
|
-
`,
|
|
31
|
-
`;let n
|
|
32
|
-
`,
|
|
33
|
-
`,
|
|
27
|
+
`,W=(e,t,r)=>{let n=e.createShader(r);if(!n)throw new Error("Failed to create shader");if(e.shaderSource(n,t.trim()),e.compileShader(n),e.getShaderParameter(n,e.COMPILE_STATUS))return n;let o=e.getShaderInfoLog(n);throw e.deleteShader(n),new Error(`Could not compile shader: ${o}`)},D=(e,t=Ee,r=we)=>{i.obj(r)&&(r=G(r)),i.obj(t)&&(t=G(t));let n=e.createProgram();if(e.attachShader(n,W(e,t,e.VERTEX_SHADER)),e.attachShader(n,W(e,r,e.FRAGMENT_SHADER)),e.linkProgram(n),e.getProgramParameter(n,e.LINK_STATUS))return n;let o=e.getProgramInfoLog(n);throw e.deleteProgram(n),new Error(`Could not link pg: ${o}`)},q=(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},V=(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},j=(e,t,r)=>{r&&(e=Math.max(...r)+1);let n=t.length/e;return Math.floor(n)},k=(e,t,r,n,o)=>{e.bindBuffer(e.ARRAY_BUFFER,n),e.enableVertexAttribArray(r),e.vertexAttribPointer(r,t,e.FLOAT,!1,0,0),o&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,o)},H=(e,t,r,n)=>{let o=e.createTexture();e.bindTexture(e.TEXTURE_2D,o),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),e.generateMipmap(e.TEXTURE_2D),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,null),e.uniform1i(r,n),e.activeTexture(e.TEXTURE0+n),e.bindTexture(e.TEXTURE_2D,o)};var Y=async e=>{let t=e.el.getContext("webgl2"),r=D(t,e.vs,e.fs),n={context:t,program:r};t.useProgram(r);let o=0,a=R(h=>t.getUniformLocation(r,h)),u=R(h=>t.getAttribLocation(r,h)),p=R(()=>o++);return{webgl:n,render:()=>{t.clear(t.COLOR_BUFFER_BIT),t.viewport(0,0,...e.size),t.drawArrays(t.TRIANGLES,0,3)},clean:()=>t.deleteProgram(r),_attribute:(h="",b,y)=>{let T=u(h,!0),l=q(t,b),f=V(t,y),c=j(e.count,b,y);k(t,c,T,l,f)},_uniform:(h,b)=>{let y=a(h);if(i.num(b))return t.uniform1f(y,b);let T=b.length;if(T<=4)return t[`uniform${T}fv`](y,b);T=Math.sqrt(T)<<0,t[`uniformMatrix${T}fv`](y,!1,b)},_texture:(h,b)=>{let y=new Image;Object.assign(y,{src:b,crossOrigin:"anonymous"}),y.decode().then(()=>{let T=a(h),l=p(h);H(t,y,T,l)})}}};import{nested as U}from"reev";var $e=(e,t)=>{let r={target:"webgpu",nodes:new Map,variables:new Map,functions:new Map,...t};return L(e,r)},L=(e,t)=>e?e.value!==void 0?Le(e.value,e.type):e.property&&e.parent?`${L(e.parent,t)}.${e.property}`:e.operator&&e.children&&e.children.length>=2?Ne(e,t):e.mathFunction&&e.children&&e.children.length>=1?Se(e,t):"0.0":"0.0",Le=(e,t)=>{if(t==="float"){let r=Number(e);return r%1===0?`${r}.0`:`${r}`}if(t==="int")return`${Math.floor(Number(e))}`;if(t==="bool")return e?"true":"false";if(i.arr(e)){let r=e.map(n=>{let o=Number(n);return o%1===0?`${o}.0`:`${o}`}).join(", ");if(t==="vec2")return`vec2<f32>(${r})`;if(t==="vec3")return`vec3<f32>(${r})`;if(t==="vec4")return`vec4<f32>(${r})`;if(t==="color")return`vec3<f32>(${r})`}return"0.0"},Ne=(e,t)=>{if(!e.children||e.children.length<2)return"0.0";let r=L(e.children[0],t),n=L(e.children[1],t);return e.operator==="add"?`(${r} + ${n})`:e.operator==="sub"?`(${r} - ${n})`:e.operator==="mul"?`(${r} * ${n})`:e.operator==="div"?`(${r} / ${n})`:e.operator==="mod"?`(${r} % ${n})`:e.operator==="equal"?`(${r} == ${n})`:e.operator==="notEqual"?`(${r} != ${n})`:e.operator==="lessThan"?`(${r} < ${n})`:e.operator==="lessThanEqual"?`(${r} <= ${n})`:e.operator==="greaterThan"?`(${r} > ${n})`:e.operator==="greaterThanEqual"?`(${r} >= ${n})`:e.operator==="and"?`(${r} && ${n})`:e.operator==="or"?`(${r} || ${n})`:`(${r} + ${n})`},Se=(e,t)=>{if(!e.children||e.children.length<1)return"0.0";let r=e.mathFunction,n=e.children.map(p=>L(p,t)),[o,a,u]=n;return n.length===1?`${r}(${o})`:n.length===2?`${r}(${o}, ${a})`:n.length===3?`${r}(${o}, ${a}, ${u})`:o||"0.0"},_=(e,t)=>{let r="";t?.uniforms&&(Object.entries(t.uniforms).forEach(([o,a])=>{let u=Ce(a);r+=`@group(0) @binding(0) var<uniform> ${o}: ${u};
|
|
28
|
+
`}),r+=`
|
|
29
|
+
`),r+=`@fragment
|
|
30
|
+
`,r+=`fn main() -> @location(0) vec4<f32> {
|
|
31
|
+
`;let n=$e(e);return r+=` return ${n};
|
|
32
|
+
`,r+=`}
|
|
33
|
+
`,r},Ce=e=>{if(i.num(e))return"f32";if(i.bol(e))return"bool";if(i.arr(e)){let t=e.length;if(t===2)return"vec2<f32>";if(t===3)return"vec3<f32>";if(t===4)return"vec4<f32>"}return"f32"};var Ge=`
|
|
34
34
|
@vertex
|
|
35
35
|
fn main(@builtin(vertex_index) vertex_index: u32) -> @builtin(position) vec4f {
|
|
36
36
|
let x = f32(vertex_index % 2u) * 4.0 - 1.0;
|
|
37
37
|
let y = f32(vertex_index / 2u) * 4.0 - 1.0;
|
|
38
38
|
return vec4f(x, y, 0.0, 1.0);
|
|
39
39
|
}
|
|
40
|
-
`,
|
|
41
|
-
|
|
42
|
-
iResolution: vec2f,
|
|
43
|
-
iMouse: vec2f,
|
|
44
|
-
iTime: f32,
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
@group(0) @binding(0) var<uniform> u: Uniforms;
|
|
40
|
+
`,Re=`
|
|
41
|
+
@group(0) @binding(0) var<uniform> iResolution: vec2f;
|
|
48
42
|
|
|
49
43
|
@fragment
|
|
50
44
|
fn main(@builtin(position) position: vec4f) -> @location(0) vec4f {
|
|
51
45
|
return vec4f(position.xy / iResolution, 0.0, 1.0);
|
|
52
46
|
}
|
|
53
|
-
`,V=(e,r,t=ye,n=xe,o)=>e.createRenderPipeline({vertex:{module:e.createShaderModule({code:t.trim()}),entryPoint:"main",buffers:o},fragment:{module:e.createShaderModule({code:n.trim()}),entryPoint:"main",targets:[{format:r}]},layout:"auto",primitive:{topology:"triangle-list"}}),Y=e=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}]});import{nested as ve}from"reev";var Te=3,k=async e=>{let r=e.vs||e.vert||e.vertex,t=e.fs||e.frag||e.fragment;i.obj(r)&&(r=S(r)),i.obj(t)&&(t=S(t));let n=e.el.getContext("webgpu"),o=navigator.gpu,u=await(await o.requestAdapter()).requestDevice(),d=o.getPreferredCanvasFormat();n.configure({device:u,format:d,alphaMode:"opaque"});let h=u.createBuffer({size:64,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST});e("clean",()=>{});let y=ve((l,p)=>g+=p),g=0,f,c,m=new Float32Array(0);return e("render",()=>{f||(f=V(u,d,r,t,[]),c=u.createBindGroup({layout:f.getBindGroupLayout(0),entries:[{binding:0,resource:{buffer:h}}]}));let l=u.createCommandEncoder(),p=l.beginRenderPass(Y(n));return p.setPipeline(f),p.setBindGroup(0,c),p.draw(Te,1,0,0),p.end(),u.queue.submit([l.finish()]),!0}),e("_attribute",(l="",p)=>{}),e("_uniform",(l,p)=>{i.num(p)&&(p=[p]);let v=p.length,$=y(l,v);if($===g){let x=new Float32Array(g);m&&x.set(m),m=x}for(let x=0;x<v;x++)m[$-v+x]=p[x];u.queue.writeBuffer(h,0,m)}),e("_texture",(l,p)=>{}),e};var mr=["float","int","uint","bool","color","vec2","vec3","vec4","mat2","mat3","mat4","ivec2","ivec3","ivec4","uvec2","uvec3","uvec4","bvec2","bvec3","bvec4"],H=["x","y","z","w","r","g","b","a","s","t","p","q"],j=["add","sub","mul","div","mod","equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual","and","or","not","assign","xor","bitAnd","bitNot","bitOr","bitXor","shiftLeft","shiftRight"],K=["abs","acos","asin","atan","atan2","ceil","clamp","cos","cross","degrees","distance","dot","exp","exp2","faceforward","floor","fract","length","all","any","bitcast","cbrt","dFdx","dFdy","difference","equals","fwidth","inverseSqrt","lengthSq","log","log2","max","min","mix","negate","normalize","oneMinus","pow","pow2","pow3","pow4","radians","reciprocal","reflect","refract","round","saturate","sign","sin","smoothstep","sqrt","step","tan","transformDirection","trunc"],Z=[!0,!1],Q=[0,1,2,3,4,5],J=[0,1,.5,2];var G=new Map,R=new Map,_=new Map,Ee=()=>{Z.forEach(e=>{G.set(e,a("bool",e))}),Q.forEach(e=>{R.set(e,a("int",e))}),J.forEach(e=>{_.set(e,a("float",e))})},U=e=>(G.has(e)||Ee(),G.get(e)||a("bool",e)),X=e=>R.has(e)?R.get(e):a("int",e),A=e=>_.has(e)?_.get(e):a("float",e),hr=e=>{let r=new Map,t=new Map;return e.forEach(n=>{let o=$e(n);t.has(o)?(r.has(o)||r.set(o,[t.get(o)]),r.get(o).push(n)):t.set(o,n)}),r},$e=e=>[e.type,`${e.value}`,e.property||""].join("|");var Tr=e=>i.bol(e)?U(e):i.num(e)?i.int(e)?X(e):A(e):i.arr(e)?ee(e):i.obj(e)?we(e):a("float",0),ee=e=>{let r=e.length;return r===2?a("vec2",e):r===3?a("vec3",e):r===4?a("vec4",e):r===9?a("mat3",e):r===16?a("mat4",e):a("float",e[0])},we=e=>{if("r"in e&&"g"in e&&"b"in e){let r=[e.r,e.g,e.b];return"a"in e&&r.push(e.a),a("color",r)}if("x"in e&&"y"in e){let r=[e.x,e.y];return"z"in e&&r.push(e.z),"w"in e&&r.push(e.w),ee(r)}return a("float",0)},F=e=>i.num(e)?A(e):a("float",Number(e)),Er=e=>i.num(e)&&Number.isInteger(e)?X(e):a("int",Math.floor(Number(e))),$r=e=>U(!!e),wr=(e,r)=>i.und(e)?a("vec2",[0,0]):i.und(r)?i.arr(e)?a("vec2",e.slice(0,2)):i.obj(e)&&"x"in e&&"y"in e?a("vec2",[e.x,e.y]):a("vec2",[Number(e),Number(e)]):a("vec2",[Number(e),Number(r)]),Le=(e,r,t)=>i.und(e)?a("vec3",[0,0,0]):i.und(r)?i.arr(e)?a("vec3",e.slice(0,3)):i.obj(e)&&"x"in e&&"y"in e&&"z"in e?a("vec3",[e.x,e.y,e.z]):a("vec3",[Number(e),Number(e),Number(e)]):t===void 0?a("vec3",[Number(e),Number(r),0]):a("vec3",[Number(e),Number(r),Number(t)]),Lr=(e,r,t,n)=>i.und(e)?a("vec4",[0,0,0,1]):i.und(r)?i.arr(e)?a("vec4",e.slice(0,4)):i.obj(e)&&"x"in e&&"y"in e&&"z"in e&&"w"in e?a("vec4",[e.x,e.y,e.z,e.w]):a("vec4",[Number(e),Number(e),Number(e),1]):a("vec4",[Number(e),Number(r),Number(t),Number(n)]),Nr=(e,r,t)=>{if(e===void 0)return a("color",[1,1,1]);if(i.str(e)&&e.startsWith("#")){let n=e.slice(1),o=parseInt(n,16);return a("color",[(o>>16&255)/255,(o>>8&255)/255,(o&255)/255])}return i.num(e)&&r===void 0&&t===void 0?a("color",[(e>>16&255)/255,(e>>8&255)/255,(e&255)/255]):Le(e,r,t)};var Ne=0,Ce=()=>`node_${++Ne}`,L=(e,r,t)=>({id:Ce(),type:e,value:r,children:[],...t}),Se=(e="")=>H.includes(e),Ge=(e="")=>j.includes(e),Re=(e="")=>K.includes(e),N=(e,r)=>{let t=(o,s)=>{if(!(!i.str(s)||s==="then"))return s==="id"?e.id:s==="type"?e.type:s==="value"?e.value:s==="property"?e.property:Se(s)?N(L(_e(s),void 0,{parent:e,property:s}),r):Ge(s)?(...u)=>N(L(e.type,void 0,{operator:s,children:[e,...u]}),r):Re(s)?(...u)=>N(L(Ue(s,e.type),void 0,{mathFunction:s,children:[e,...u]}),r):r?.({path:[s],args:[]})},n=(o,s,u)=>r?.({path:[],args:u});return new Proxy(()=>{},{get:t,apply:n})},_e=e=>e.length===1?"float":e.length===2?"vec2":e.length===3?"vec3":e.length===4?"vec4":"float",Ue=(e,r)=>e==="length"?"float":r,a=(e,r,t)=>{let n=L(e,r,t);return N(n)};var Xe=e=>{if(i.num(e))return"float";if(i.bol(e))return"bool";if(i.arr(e)){let r=e.length;if(r===2)return"vec2";if(r===3)return"vec3";if(r===4)return"vec4";if(r===9)return"mat3";if(r===16)return"mat4"}return i.obj(e)&&"r"in e&&"g"in e&&"b"in e?"color":"float"},b=e=>{let r=Xe(e),t=e,n=null,o=null,s=a(r,t),u=f=>{t=f,s.value=f},d=f=>(n=f,g),h=f=>(o=f,g),y=f=>{if(n){let c=n(f);c!==void 0&&u(c)}if(o){let c=o(f);c!==void 0&&u(c)}},g=Object.create(s);return g.set=u,g.onObjectUpdate=d,g.onRenderUpdate=h,g._updateFromContext=y,g.isUniform=!0,g},re=b(0),Ae=b(0),Fe=b(0),Xr=b([1920,1080]),Ar=b([0,0]),Fr=e=>{if(e.time!==void 0){let r=re.value||0;re.set(e.time),Ae.set(r),Fe.set(e.time-r)}};var Or=e=>{let r=(...t)=>{let n=t.map(s=>i.obj(s)&&"type"in s&&s.type?s:F(s));return e(n)||F(0)};return r.call=t=>e(t),r},Wr=(e,r)=>{r();let t={ElseIf(n,o){return o(),t},Else(n){n()}};return t},qr=a("vec4",void 0),Dr=a("vec4",void 0),Vr=b(0),Yr=b([1920,1080]),kr=b([0,0]),Hr=e=>e.abs(),jr=e=>e.sin(),Kr=e=>e.cos(),Zr=e=>e.tan(),Qr=e=>e.sqrt(),Jr=e=>e.floor(),et=e=>e.ceil(),rt=e=>e.fract(),tt=e=>e.normalize(),nt=e=>e.length();var ne=e=>i.obj(e)?"isGL"in e:!1,Ie=()=>typeof window>"u",ze=()=>Ie()?!1:"gpu"in navigator,te=performance.now(),oe=e=>{let r=Pe({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:3,webgl:{},webgpu:{}});return r.queue=Be(),r.frame=Me(),r.attribute=P((t,n,o)=>r.queue(()=>r._attribute?.(t,n,o))),r.texture=P((t,n)=>r.queue(()=>r._texture?.(t,n))),r.uniform=P((t,n,o)=>r.queue(()=>r._uniform?.(t,n,o))),r.uniform({iResolution:r.size,iMouse:[0,0],iTime:0}),r("mount",async()=>{ze()||(r.isWebGL=!0),r.isWebGL?await D(r):await k(r),r.resize(),r.frame(()=>(r.loop(),r.queue.flush(),r.render(),r.isLoop)),!r.isNative&&(window.addEventListener("resize",r.resize),r.el.addEventListener("mousemove",r.mousemove))}),r("clean",()=>{r.frame.stop(),r.frame.clean(r.render),!r.isNative&&(window.removeEventListener("resize",r.resize),r.el.removeEventListener("mousemove",r.mousemove))}),r("resize",()=>{let t=r.width||window.innerWidth,n=r.height||window.innerHeight;r.size[0]=r.el.width=t,r.size[1]=r.el.height=n,r.uniform("iResolution",r.size)}),r("mousemove",(t,n=t.clientX,o=t.clientY)=>{let[s,u]=r.size,{top:d,left:h}=r.el.getBoundingClientRect();r.mouse[0]=(n-d-s/2)/(s/2),r.mouse[1]=-(o-h-u/2)/(u/2),r.uniform("iMouse",r.mouse)}),r("loop",()=>{te=performance.now()/1e3,r.uniform("iTime",te)}),r(e)};var Gt=(e={})=>Oe(()=>{let r=ne(e)?e:oe(e);return r.ref=t=>{r.el={},r({render(){t.flush(),t.endFrameEXP()}}),r.mount();let n=()=>{r.width=t.drawingBufferWidth,r.height=t.drawingBufferHeight,r.resize()};n(),We.addEventListener("change",n)},r({isNative:!0})})[0];export{Z as CACHE_BOOLS,J as CACHE_FLOATS,Q as CACHE_INTS,K as FUNCTIONS,Or as Fn,Wr as If,j as OPERATORS,H as SWIZZLES,mr as TYPES,Hr as abs,q as activeTexture,$r as bool,et as ceil,Nr as color,Tr as convertToNode,Kr as cos,O as createAttrib,Y as createDescriptor,oe as createGL,z as createIbo,L as createNode,V as createPipeline,B as createProgram,M as createShader,W as createTexture,I as createVbo,me as defaultFragmentGLSL,pe as defaultVertexGLSL,ke as dig,ie as each,Ve as ext,Ye as fig,hr as findDuplicateNodes,F as float,Jr as floor,qe as flush,rt as fract,qr as fragCoord,U as getCachedBool,A as getCachedFloat,X as getCachedInt,C as glsl,Fe as iDeltaTime,kr as iMouse,Ae as iPrevTime,Yr as iResolution,Vr as iTime,Er as int,i as is,ne as isGL,Ie as isServer,ze as isWebGPUSupported,nt as length,a as node,ae as nodeToGLSL,le as nodeToWGSL,tt as normalize,Dr as position,De as replace,He as sig,jr as sin,Qr as sqrt,Zr as tan,b as uniform,Fr as updateUniforms,Gt as useGL,wr as vec2,Le as vec3,Lr as vec4,D as webgl,k as webgpu,S as wgsl};
|
|
47
|
+
`,K=async e=>{let t=navigator.gpu,r=t.getPreferredCanvasFormat(),o=await(await t.requestAdapter()).requestDevice();return e.configure({device:o,format:r,alphaMode:"opaque"}),{device:o,format:r}},Z=(e,t,r,n,o=Ge,a=Re)=>{i.obj(a)&&(a=_(a)),i.obj(o)&&(o=_(o));let u=e.createPipelineLayout({bindGroupLayouts:n});return e.createRenderPipeline({vertex:{module:e.createShaderModule({code:o.trim()}),entryPoint:"main",buffers:r},fragment:{module:e.createShaderModule({code:a.trim()}),entryPoint:"main",targets:[{format:t}]},layout:u,primitive:{topology:"triangle-list"}})},Q=(e,t)=>{let r=[],n=[];t.forEach((u,p)=>{if(!u)return;let x="buffer"in u,E=u instanceof GPUTextureView,d=u instanceof GPUSampler;if(x)r.push({binding:p,visibility:3,buffer:{type:"uniform"}});else if(E)r.push({binding:p,visibility:2,texture:{}});else if(d)r.push({binding:p,visibility:2,sampler:{}});else return;n.push({binding:p,resource:u})});let o=e.createBindGroupLayout({entries:r}),a=e.createBindGroup({layout:o,entries:n});return{layout:o,bindGroup:a}},J=e=>({colorAttachments:[{view:e.getCurrentTexture().createView(),clearValue:{r:0,g:0,b:0,a:1},loadOp:"clear",storeOp:"store"}]}),_e=e=>Math.ceil(e/256)*256,ee=(e,t)=>{let r=new Float32Array(t),n=e.createBuffer({size:r.byteLength,usage:40});return{array:r,buffer:n}},te=(e,t)=>{let r=new Float32Array(t),n=_e(r.byteLength),o=e.createBuffer({size:n,usage:72});return{array:r,buffer:o}},re=(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}},Ue=(e,t)=>e/t,Xe=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",ne=(e,t,r=6)=>{let n=Ue(t,r);return{arrayStride:n*4,attributes:[{shaderLocation:e,offset:0,format:Xe(n)}]}};var oe=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await K(t),o={device:r,context:t,resources:[[],[]],loadingImg:0,needsUpdate:!0},a=[],u=[],p=[],x=U((l,f)=>{let{array:c,buffer:m}=ee(r,f);return u.push(m),p.push(ne(p.length,c.length,e.count)),o.needsUpdate=!0,{array:c,buffer:m}}),E=U((l,f)=>{let{array:c,buffer:m}=te(r,f);return o.resources[0].push({buffer:m}),o.needsUpdate=!0,{array:c,buffer:m}}),d=U((l,{width:f,height:c})=>{let{texture:m,sampler:C}=re(r,f,c);return o.resources[1].push(C,m.createView()),o.needsUpdate=!0,{texture:m,width:f,height:c}}),g=()=>{let l=[];a.length=0,o.resources.forEach(f=>{if(!f.length)return;let{layout:c,bindGroup:m}=Q(r,f);l.push(c),a.push(m)}),o.pipeline=Z(r,n,p,l,e.vs,e.fs)};return{webgpu:o,render:()=>{if(o.loadingImg)return;o.needsUpdate&&g(),o.needsUpdate=!1;let l=r.createCommandEncoder(),f=l.beginRenderPass(J(t));f.setPipeline(o.pipeline),a.forEach((c,m)=>f.setBindGroup(m,c)),u.forEach((c,m)=>f.setVertexBuffer(m,c)),f.draw(e.count,1,0,0),f.end(),r.queue.submit([l.finish()])},clean:()=>{},_attribute:(l="",f)=>{let{array:c,buffer:m}=x(l,f);r.queue.writeBuffer(m,0,c)},_uniform:(l,f)=>{i.num(f)&&(f=[f]);let{array:c,buffer:m}=E(l,f);c.set(f),r.queue.writeBuffer(m,0,c)},_texture:(l,f)=>{o.loadingImg++;let c=Object.assign(new Image,{src:f,crossOrigin:"anonymous"});c.decode().then(()=>{let{texture:m,width:C,height:ge}=d(l,c);r.queue.copyExternalImageToTexture({source:c},{texture:m},{width:C,height:ge}),o.loadingImg--})}}};var Nt=["float","int","uint","bool","color","vec2","vec3","vec4","mat2","mat3","mat4","ivec2","ivec3","ivec4","uvec2","uvec3","uvec4","bvec2","bvec3","bvec4"],ie=["x","y","z","w","r","g","b","a","s","t","p","q"],ae=["add","sub","mul","div","mod","equal","notEqual","lessThan","lessThanEqual","greaterThan","greaterThanEqual","and","or","not","assign","xor","bitAnd","bitNot","bitOr","bitXor","shiftLeft","shiftRight"],se=["abs","acos","asin","atan","atan2","ceil","clamp","cos","cross","degrees","distance","dot","exp","exp2","faceforward","floor","fract","length","all","any","bitcast","cbrt","dFdx","dFdy","difference","equals","fwidth","inverseSqrt","lengthSq","log","log2","max","min","mix","negate","normalize","oneMinus","pow","pow2","pow3","pow4","radians","reciprocal","reflect","refract","round","saturate","sign","sin","smoothstep","sqrt","step","tan","transformDirection","trunc"],ue=[!0,!1],fe=[0,1,2,3,4,5],ce=[0,1,.5,2];var X=new Map,A=new Map,P=new Map,Ae=()=>{ue.forEach(e=>{X.set(e,s("bool",e))}),fe.forEach(e=>{A.set(e,s("int",e))}),ce.forEach(e=>{P.set(e,s("float",e))})},F=e=>(X.has(e)||Ae(),X.get(e)||s("bool",e)),M=e=>A.has(e)?A.get(e):s("int",e),B=e=>P.has(e)?P.get(e):s("float",e),Rt=e=>{let t=new Map,r=new Map;return e.forEach(n=>{let o=Pe(n);r.has(o)?(t.has(o)||t.set(o,[r.get(o)]),t.get(o).push(n)):r.set(o,n)}),t},Pe=e=>[e.type,`${e.value}`,e.property||""].join("|");var Pt=e=>i.bol(e)?F(e):i.num(e)?i.int(e)?M(e):B(e):i.arr(e)?pe(e):i.obj(e)?Fe(e):s("float",0),pe=e=>{let t=e.length;return t===2?s("vec2",e):t===3?s("vec3",e):t===4?s("vec4",e):t===9?s("mat3",e):t===16?s("mat4",e):s("float",e[0])},Fe=e=>{if("r"in e&&"g"in e&&"b"in e){let t=[e.r,e.g,e.b];return"a"in e&&t.push(e.a),s("color",t)}if("x"in e&&"y"in e){let t=[e.x,e.y];return"z"in e&&t.push(e.z),"w"in e&&t.push(e.w),pe(t)}return s("float",0)},I=e=>i.num(e)?B(e):s("float",Number(e)),Ft=e=>i.num(e)&&Number.isInteger(e)?M(e):s("int",Math.floor(Number(e))),Mt=e=>F(!!e),Bt=(e,t)=>i.und(e)?s("vec2",[0,0]):i.und(t)?i.arr(e)?s("vec2",e.slice(0,2)):i.obj(e)&&"x"in e&&"y"in e?s("vec2",[e.x,e.y]):s("vec2",[Number(e),Number(e)]):s("vec2",[Number(e),Number(t)]),Me=(e,t,r)=>i.und(e)?s("vec3",[0,0,0]):i.und(t)?i.arr(e)?s("vec3",e.slice(0,3)):i.obj(e)&&"x"in e&&"y"in e&&"z"in e?s("vec3",[e.x,e.y,e.z]):s("vec3",[Number(e),Number(e),Number(e)]):r===void 0?s("vec3",[Number(e),Number(t),0]):s("vec3",[Number(e),Number(t),Number(r)]),It=(e,t,r,n)=>i.und(e)?s("vec4",[0,0,0,1]):i.und(t)?i.arr(e)?s("vec4",e.slice(0,4)):i.obj(e)&&"x"in e&&"y"in e&&"z"in e&&"w"in e?s("vec4",[e.x,e.y,e.z,e.w]):s("vec4",[Number(e),Number(e),Number(e),1]):s("vec4",[Number(e),Number(t),Number(r),Number(n)]),zt=(e,t,r)=>{if(e===void 0)return s("color",[1,1,1]);if(i.str(e)&&e.startsWith("#")){let n=e.slice(1),o=parseInt(n,16);return s("color",[(o>>16&255)/255,(o>>8&255)/255,(o&255)/255])}return i.num(e)&&t===void 0&&r===void 0?s("color",[(e>>16&255)/255,(e>>8&255)/255,(e&255)/255]):Me(e,t,r)};var Be=0,Ie=()=>`node_${++Be}`,N=(e,t,r)=>({id:Ie(),type:e,value:t,children:[],...r}),ze=(e="")=>ie.includes(e),Oe=(e="")=>ae.includes(e),We=(e="")=>se.includes(e),S=(e,t)=>{let r=(o,a)=>{if(!(!i.str(a)||a==="then"))return a==="id"?e.id:a==="type"?e.type:a==="value"?e.value:a==="property"?e.property:ze(a)?S(N(De(a),void 0,{parent:e,property:a}),t):Oe(a)?(...u)=>S(N(e.type,void 0,{operator:a,children:[e,...u]}),t):We(a)?(...u)=>S(N(qe(a,e.type),void 0,{mathFunction:a,children:[e,...u]}),t):t?.({path:[a],args:[]})},n=(o,a,u)=>t?.({path:[],args:u});return new Proxy(()=>{},{get:r,apply:n})},De=e=>e.length===1?"float":e.length===2?"vec2":e.length===3?"vec3":e.length===4?"vec4":"float",qe=(e,t)=>e==="length"?"float":t,s=(e,t,r)=>{let n=N(e,t,r);return S(n)};var Ve=e=>{if(i.num(e))return"float";if(i.bol(e))return"bool";if(i.arr(e)){let t=e.length;if(t===2)return"vec2";if(t===3)return"vec3";if(t===4)return"vec4";if(t===9)return"mat3";if(t===16)return"mat4"}return i.obj(e)&&"r"in e&&"g"in e&&"b"in e?"color":"float"},v=e=>{let t=Ve(e),r=e,n=null,o=null,a=s(t,r),u=g=>{r=g,a.value=g},p=g=>(n=g,d),x=g=>(o=g,d),E=g=>{if(n){let w=n(g);w!==void 0&&u(w)}if(o){let w=o(g);w!==void 0&&u(w)}},d=Object.create(a);return d.set=u,d.onObjectUpdate=p,d.onRenderUpdate=x,d._updateFromContext=E,d.isUniform=!0,d},me=v(0),je=v(0),ke=v(0),kt=v([1920,1080]),Ht=v([0,0]),Yt=e=>{if(e.time!==void 0){let t=me.value||0;me.set(e.time),je.set(t),ke.set(e.time-t)}};var tr=e=>{let t=(...r)=>{let n=r.map(a=>i.obj(a)&&"type"in a&&a.type?a:I(a));return e(n)||I(0)};return t.call=r=>e(r),t},rr=(e,t)=>{t();let r={ElseIf(n,o){return o(),r},Else(n){n()}};return r},nr=s("vec4",void 0),or=s("vec4",void 0),ir=v(0),ar=v([1920,1080]),sr=v([0,0]),ur=e=>e.abs(),fr=e=>e.sin(),cr=e=>e.cos(),pr=e=>e.tan(),mr=e=>e.sqrt(),lr=e=>e.floor(),dr=e=>e.ceil(),gr=e=>e.fract(),hr=e=>e.normalize(),br=e=>e.length();var le=e=>i.obj(e)?"isGL"in e:!1,Ze=()=>typeof window>"u",Qe=()=>Ze()?!1:"gpu"in navigator,O=performance.now(),de=e=>{let t=He({isNative:!1,isWebGL:!0,isLoop:!0,isGL:!0,size:[0,0],mouse:[0,0],count:6,webgl:{},webgpu:{}});return t.queue=Ke(),t.frame=Ye(),t.attribute=z((r,n,o)=>t.queue(()=>t._attribute?.(r,n,o))),t.texture=z((r,n)=>t.queue(()=>t._texture?.(r,n))),t.uniform=z((r,n,o)=>t.queue(()=>t._uniform?.(r,n,o))),t.uniform({iResolution:t.size,iMouse:[0,0],iTime:O}),t("mount",async()=>{t.vs=t.vs||t.vert||t.vertex,t.fs=t.fs||t.frag||t.fragment,Qe()||(t.isWebGL=!0),t.isWebGL?t(await Y(t)):t(await oe(t)),t.resize(),t.frame(()=>(t.loop(),t.queue.flush(),t.render(),t.isLoop)),!t.isNative&&(window.addEventListener("resize",t.resize),t.el.addEventListener("mousemove",t.mousemove))}),t("clean",()=>{t.frame.stop(),t.frame.clean(t.render),!t.isNative&&(window.removeEventListener("resize",t.resize),t.el.removeEventListener("mousemove",t.mousemove))}),t("resize",()=>{let r=t.width||window.innerWidth,n=t.height||window.innerHeight;t.size[0]=t.el.width=r,t.size[1]=t.el.height=n,t.uniform("iResolution",t.size)}),t("mousemove",(r,n=r.clientX,o=r.clientY)=>{let[a,u]=t.size,{top:p,left:x}=t.el.getBoundingClientRect();t.mouse[0]=(n-p-a/2)/(a/2),t.mouse[1]=-(o-x-u/2)/(u/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{O=performance.now()/1e3,t.uniform("iTime",O)}),t(e)};var Dr=(e={})=>Je(()=>{let t=le(e)?e:de(e);return t.ref=r=>{t.el={},t({render(){r.flush(),r.endFrameEXP()}}),t.mount();let n=()=>{t.width=r.drawingBufferWidth,t.height=r.drawingBufferHeight,t.resize()};n(),et.addEventListener("change",n)},t({isNative:!0})})[0];export{ue as CACHE_BOOLS,ce as CACHE_FLOATS,fe as CACHE_INTS,se as FUNCTIONS,tr as Fn,rr as If,ae as OPERATORS,ie as SWIZZLES,Nt as TYPES,ur as abs,_e as alignTo256,Mt as bool,dr as ceil,zt as color,Pt as convertToNode,cr as cos,k as createAttrib,Q as createBindGroup,ne as createBufferLayout,J as createDescriptor,K as createDevive,de as createGL,V as createIbo,N as createNode,Z as createPipeline,D as createProgram,H as createTexture,re as createTextureSampler,te as createUniformBuffer,q as createVbo,ee as createVertexBuffer,we as defaultFragmentGLSL,Ee as defaultVertexGLSL,it as dig,he as each,nt as ext,ot as fig,Rt as findDuplicateNodes,I as float,lr as floor,tt as flush,gr as fract,nr as fragCoord,F as getCachedBool,B as getCachedFloat,M as getCachedInt,j as getStride,G as glsl,ke as iDeltaTime,sr as iMouse,je as iPrevTime,ar as iResolution,ir as iTime,Ft as int,i as is,le as isGL,Ze as isServer,Qe as isWebGPUSupported,br as length,s as node,be as nodeToGLSL,$e as nodeToWGSL,hr as normalize,or as position,rt as replace,at as sig,fr as sin,mr as sqrt,pr as tan,v as uniform,Yt as updateUniforms,Dr as useGL,Bt as vec2,Me as vec3,It as vec4,Y as webgl,oe as webgpu,_ as wgsl};
|
|
54
48
|
//# sourceMappingURL=native.mjs.map
|