glre 0.39.0 → 0.41.0

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as refr from 'refr';
 import { Queue, Frame } from 'refr';
 import { EventState, Nested } from 'reev';
 
-declare const CONVERSIONS: readonly ["toBool", "toUint", "toInt", "toFloat", "toBvec2", "toIvec2", "toUvec2", "toVec2", "toBvec3", "toIvec3", "toUvec3", "toVec3", "toBvec4", "toIvec4", "toUvec4", "toVec4", "toColor", "toMat2", "toMat3", "toMat4"];
+declare const CONVERSIONS: readonly ["toBool", "toUInt", "toInt", "toFloat", "toBVec2", "toIVec2", "toUVec2", "toVec2", "toBVec3", "toIVec3", "toUVec3", "toVec3", "toBVec4", "toIVec4", "toUVec4", "toVec4", "toColor", "toMat2", "toMat3", "toMat4"];
 declare const TYPE_MAPPING: {
     readonly bool: "bool";
     readonly uint: "u32";
@@ -67,7 +67,7 @@ declare const OPERATOR_TYPE_RULES: readonly [readonly ["float", "vec2", "vec2"],
  * 1.2. index.ts functions and
  * 3.2. types.ts _N
  */
-declare const FUNCTIONS: readonly [...("texture" | "all" | "any" | "determinant" | "distance" | "dot" | "length" | "lengthSq" | "luminance" | "cross" | "cubeTexture" | "texelFetch" | "textureLod")[], "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"];
+declare const FUNCTIONS: readonly [...("texture" | "all" | "any" | "determinant" | "distance" | "dot" | "length" | "lengthSq" | "luminance" | "cross" | "cubeTexture" | "texelFetch" | "textureLod")[], "abs", "acos", "acosh", "asin", "asinh", "atan", "atanh", "ceil", "cos", "cosh", "dFdx", "dFdy", "degrees", "exp", "exp2", "floor", "fract", "fwidth", "inverse", "inverseSqrt", "log", "log2", "negate", "normalize", "oneMinus", "radians", "reciprocal", "round", "sign", "sin", "sinh", "sqrt", "tan", "tanh", "trunc", "saturate", "atan2", "clamp", "max", "min", "mix", "pow", "reflect", "refract", "smoothstep", "step"];
 
 type Constants = (typeof CONSTANTS)[number] | 'void';
 type Conversions = (typeof CONVERSIONS)[number];
@@ -81,14 +81,14 @@ interface FnLayout {
     type: C | 'auto';
     inputs?: Array<{
         name: string;
-        type: C;
+        type: C | 'auto';
     }>;
 }
 type StructFields = Record<string, X>;
 /**
  * node
  */
-type NodeTypes = 'attribute' | 'storage' | 'uniform' | 'constant' | 'variable' | 'varying' | 'ternary' | 'builtin' | 'conversion' | 'operator' | 'function' | 'struct' | 'member' | 'element' | 'gather' | 'scatter' | 'scope' | 'assign' | 'loop' | 'define' | 'if' | 'switch' | 'declare' | 'return' | 'break' | 'continue';
+type NodeTypes = 'attribute' | 'instance' | 'storage' | 'uniform' | 'constant' | 'variable' | 'varying' | 'ternary' | 'builtin' | 'conversion' | 'operator' | 'function' | 'struct' | 'member' | 'element' | 'gather' | 'scatter' | 'scope' | 'assign' | 'loop' | 'define' | 'if' | 'switch' | 'declare' | 'return' | 'break' | 'continue';
 interface NodeProps {
     id?: string;
     args?: any[];
@@ -154,7 +154,7 @@ type Color = XImpl<'color'>;
 type Mat2 = XImpl<'mat2'>;
 type Mat3 = XImpl<'mat3'>;
 type Mat4 = XImpl<'mat4'>;
-type Texture = XImpl<'texture'>;
+type Texture$1 = XImpl<'texture'>;
 type Sampler2D = XImpl<'sampler2D'>;
 type StructBase = XImpl<'struct'>;
 interface ConstantsToType {
@@ -179,7 +179,7 @@ interface ConstantsToType {
     mat2: Mat2;
     mat3: Mat3;
     mat4: Mat4;
-    texture: Texture;
+    texture: Texture$1;
     sampler2D: Sampler2D;
     struct: StructBase;
 }
@@ -193,10 +193,11 @@ type XImpl<T extends C> = _X<T> & {
 };
 type C = Constants;
 type X<T extends C = C> = T extends keyof ConstantsToType ? ConstantsToType[T] : _X<T>;
-type Methods = Functions | Operators | Conversions | Swizzles | '__nodeType' | 'type' | 'props' | 'isProxy' | 'assign' | 'toVar' | 'toString' | 'element';
+type Methods = Functions | Operators | Conversions | Swizzles | '__nodeType' | 'type' | 'props' | 'isProxy' | 'assign' | 'toVar' | 'toString' | 'element' | 'select';
 interface _X<T extends C> {
     readonly __nodeType?: T;
     assign(x: any): X<T>;
+    select(x: number | X<T>, y: X<'bool'>): X<T>;
     fragment(c: NodeContext): string;
     toVar(name?: string): X<T>;
     toString(c?: NodeContext): string;
@@ -240,20 +241,20 @@ interface _X<T extends C> {
     shiftLeftAssign<U extends C>(x: ValidateOperator<T, U> extends 0 ? never : number | X<U>): X<T>;
     shiftRightAssign<U extends C>(x: ValidateOperator<T, U> extends 0 ? never : number | X<U>): X<T>;
     toBool(): Bool;
-    toUint(): UInt;
+    toUInt(): UInt;
     toInt(): Int;
     toFloat(): Float;
-    toBvec2(): BVec2;
-    toIvec2(): IVec2;
-    toUvec2(): UVec2;
+    toBVec2(): BVec2;
+    toIVec2(): IVec2;
+    toUVec2(): UVec2;
     toVec2(): Vec2;
-    toBvec3(): BVec3;
-    toIvec3(): IVec3;
-    toUvec3(): UVec3;
+    toBVec3(): BVec3;
+    toIVec3(): IVec3;
+    toUVec3(): UVec3;
     toVec3(): Vec3;
-    toBvec4(): BVec4;
-    toIvec4(): IVec4;
-    toUvec4(): UVec4;
+    toBVec4(): BVec4;
+    toIVec4(): IVec4;
+    toUVec4(): UVec4;
     toVec4(): Vec4;
     toColor(): Color;
     toMat2(): Mat2;
@@ -337,14 +338,17 @@ type GL = EventState<{
     isWebGL: boolean;
     isError: boolean;
     isLoop: boolean;
+    isDebug: boolean;
+    isDepth: boolean;
     isGL: true;
     width?: number;
     height?: number;
     size: [number, number];
     mouse: [number, number];
     count: number;
+    instanceCount: number;
+    particleCount: number | [number, number] | [number, number, number];
     loading: number;
-    particles: 64 | 256 | 576 | 1024 | 1600 | 2304 | 3136 | 4096 | 4096 | 5184 | 6400;
     el: HTMLCanvasElement;
     vs?: string | Vec4;
     cs?: string | Void;
@@ -371,7 +375,7 @@ type GL = EventState<{
     error(e?: string): void;
     render(): void;
     resize(e?: Event): void;
-    mousemove(e: Event): void;
+    mousemove(e: MouseEvent): void;
     loop(): void;
     /**
      * setter
@@ -381,16 +385,21 @@ type GL = EventState<{
     uniform(target: {
         [key: string]: Uniform;
     }): GL;
-    _texture?(key: string, value: string): GL;
-    texture(key: string, value: string): GL;
+    _texture?(key: string, value: Texture): GL;
+    texture(key: string, value: Texture): GL;
     texture(target: {
-        [key: string]: string;
+        [key: string]: Texture;
     }): GL;
     _attribute?(key: string, value: Attribute, iboValue?: Attribute): GL;
     attribute(key: string, value: Attribute, iboValue?: Attribute): GL;
     attribute(target: {
         [key: string]: Attribute;
     }): GL;
+    _instance?(key: string, value: Attribute, at?: number): GL;
+    instance(key: string, value: Attribute, at?: number): GL;
+    instance(target: {
+        [key: string]: Attribute;
+    }): GL;
     _storage?(key: string, value: Storage): GL;
     storage(key: string, value: Storage): GL;
     storage(target: {
@@ -398,6 +407,7 @@ type GL = EventState<{
     }): GL;
 }>;
 type Uniform = number | number[] | Float32Array;
+type Texture = string | HTMLImageElement | HTMLVideoElement;
 type Attribute = number[] | Float32Array;
 type Storage = number[] | Float32Array;
 /**
@@ -421,6 +431,7 @@ interface AttribData {
     buffer: GPUBuffer;
     location: number;
     stride: number;
+    isInstance?: boolean;
 }
 interface StorageData {
     array: Float32Array;
@@ -452,14 +463,17 @@ declare const createGL: (props?: Partial<GL>) => EventState<{
     isWebGL: boolean;
     isError: boolean;
     isLoop: boolean;
+    isDebug: boolean;
+    isDepth: boolean;
     isGL: true;
     width?: number;
     height?: number;
     size: [number, number];
     mouse: [number, number];
     count: number;
+    instanceCount: number;
+    particleCount: number | [number, number] | [number, number, number];
     loading: number;
-    particles: 64 | 256 | 576 | 1024 | 1600 | 2304 | 3136 | 4096 | 4096 | 5184 | 6400;
     el: HTMLCanvasElement;
     vs?: string | Vec4;
     cs?: string | Void;
@@ -480,23 +494,28 @@ declare const createGL: (props?: Partial<GL>) => EventState<{
     error(e?: string): void;
     render(): void;
     resize(e?: Event): void;
-    mousemove(e: Event): void;
+    mousemove(e: MouseEvent): void;
     loop(): void;
     _uniform?(key: string, value: number | number[] | Float32Array<ArrayBufferLike>, isMatrix?: boolean): GL;
     uniform(key: string, value: number | number[] | Float32Array<ArrayBufferLike>, isMatrix?: boolean): GL;
     uniform(target: {
         [key: string]: number | number[] | Float32Array<ArrayBufferLike>;
     }): GL;
-    _texture?(key: string, value: string): GL;
-    texture(key: string, value: string): GL;
+    _texture?(key: string, value: string | HTMLImageElement | HTMLVideoElement): GL;
+    texture(key: string, value: string | HTMLImageElement | HTMLVideoElement): GL;
     texture(target: {
-        [key: string]: string;
+        [key: string]: string | HTMLImageElement | HTMLVideoElement;
     }): GL;
     _attribute?(key: string, value: number[] | Float32Array<ArrayBufferLike>, iboValue?: number[] | Float32Array<ArrayBufferLike>): GL;
     attribute(key: string, value: number[] | Float32Array<ArrayBufferLike>, iboValue?: number[] | Float32Array<ArrayBufferLike>): GL;
     attribute(target: {
         [key: string]: number[] | Float32Array<ArrayBufferLike>;
     }): GL;
+    _instance?(key: string, value: number[] | Float32Array<ArrayBufferLike>, at?: number): GL;
+    instance(key: string, value: number[] | Float32Array<ArrayBufferLike>, at?: number): GL;
+    instance(target: {
+        [key: string]: number[] | Float32Array<ArrayBufferLike>;
+    }): GL;
     _storage?(key: string, value: number[] | Float32Array<ArrayBufferLike>): GL;
     storage(key: string, value: number[] | Float32Array<ArrayBufferLike>): GL;
     storage(target: {
@@ -504,4 +523,4 @@ declare const createGL: (props?: Partial<GL>) => EventState<{
     }): GL;
 }, any[] | unknown[]>;
 
-export { AttribData, GL, StorageData, TextureData, UniformData, WebGLState, WebGPUState, createGL, createGL as default, isGL, isServer, isWebGPUSupported };
+export { type AttribData, type GL, type StorageData, type TextureData, type UniformData, type WebGLState, type WebGPUState, createGL, createGL as default, isGL, isServer, isWebGPUSupported };

package/dist/index.js

@@ -1,7 +1,4 @@
-import{durable as B,event as de}from"reev";import{createFrame as Ee,createQueue as ge}from"refr";var _={arr:Array.isArray,bol:e=>typeof e=="boolean",str:e=>typeof e=="string",num:e=>typeof e=="number",int:e=>Number.isInteger(e),fun:e=>typeof e=="function",und:e=>typeof e>"u",nul:e=>e===null,set:e=>e instanceof Set,map:e=>e instanceof Map,obj:e=>!!e&&e.constructor.name==="Object",nan:e=>typeof e=="number"&&Number.isNaN(e)};var W=e=>e instanceof Float32Array,F=(e,t,r)=>{e.loading++;let n=new Image;Object.assign(n,{src:t,crossOrigin:"anonymous"}),n.decode().then(()=>{r(n),e.loading--})};import{nested as A}from"reev";var N=(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}
-
-\u2193\u2193\u2193generated\u2193\u2193\u2193
-${t}`)},C=(e,t,r,n)=>{let o=e.createProgram(),a=N(e,t,e.FRAGMENT_SHADER,n.error),s=N(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}`)},oe=(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},ae=(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},se=(e,t,r)=>{r&&(e=Math.max(...r)+1);let n=t.length/e;return Math.floor(n)},O=(e,t,r,n,o)=>{let a=oe(e,n),s=ae(e,o),i=se(r,n,o);e.bindBuffer(e.ARRAY_BUFFER,a),e.enableVertexAttribArray(t),e.vertexAttribPointer(t,i,e.FLOAT,!1,0,0),s&&e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,s)},I=(e,t,r)=>{if(_.num(r))return e.uniform1f(t,r);let n=r.length;if(n<=4)return e[`uniform${n}fv`](t,r);n=Math.sqrt(n)<<0,e[`uniformMatrix${n}fv`](t,!1,r)},V=(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)},k=(e,t,r,n,o,a,s)=>{let i=r*r,f=t.length/i;for(let u=0;u<i;u++)for(let m=0;m<Math.min(f,4);m++)s[4*u+m]=t[u*f+m]||0;e.activeTexture(e.TEXTURE0+a),e.bindTexture(e.TEXTURE_2D,n.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA32F,r,r,0,e.RGBA,e.FLOAT,s),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.bindTexture(e.TEXTURE_2D,o.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA32F,r,r,0,e.RGBA,e.FLOAT,s),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE)},q=(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)},z=(e,t,r,n,o,a)=>{e.activeTexture(e.TEXTURE0+o),e.bindTexture(e.TEXTURE_2D,t.texture),e.uniform1i(n,o),a===0&&e.bindFramebuffer(e.FRAMEBUFFER,r.buffer);let s=e.COLOR_ATTACHMENT0+a;return e.framebufferTexture2D(e.FRAMEBUFFER,s,e.TEXTURE_2D,r.texture,0),s};var ie=`
+import{durable as B,event as Re}from"reev";import{createFrame as _e,createQueue as he}from"refr";var E={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,le=(e,t)=>{let r=new Image;Object.assign(r,{src:e,crossOrigin:"anonymous"}),r.decode().then(()=>t(r))},ge=(e,t)=>{let r=document.createElement("video");r.crossOrigin="anonymous",r.muted=!0,r.loop=!0,r.src=e,r.load(),r.play(),r.addEventListener("canplay",t.bind(null,r),{once:!0})};function M(e,t){if(!E.str(e))return t(e,e instanceof HTMLVideoElement);let r=/\.(mp4|webm|ogg|avi|mov)$/i.test(e);(r?ge:le)(e,o=>{t(o,r)})}var xe=e=>[1,2,3,4,9,16].includes(e),Te=(e,t=3)=>e%t===0?Math.floor(e/t):-1,C=(e,t=1,r=console.warn)=>{let n=Te(e,t);return xe(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=`
 #version 300 es
 precision mediump float;
 out vec4 fragColor;
@@ -9,13 +6,13 @@ uniform vec2 iResolution;
 void main() {
   fragColor = vec4(fract((gl_FragCoord.xy / iResolution)), 0.0, 1.0);
 }
-`,K=`
+`,X=`
 #version 300 es
 void main() {
   float x = float(gl_VertexID % 2) * 4.0 - 1.0;
   float y = float(gl_VertexID / 2) * 4.0 - 1.0;
   gl_Position = vec4(x, y, 0.0, 1.0);
-}`,ue=(e,t)=>{if(!e.cs)return null;t.getExtension("EXT_color_buffer_float");let r=0,n=0,o=A(()=>r++),a=_.str(e.cs)?e.cs:e.cs.compute({isWebGL:!0,gl:e,units:o}),s=C(t,a,K,e),i=Math.ceil(Math.sqrt(e.particles)),f=A(b=>t.getUniformLocation(s,b)),u=A(b=>{let x=new Float32Array(i*i*4),L={texture:t.createTexture(),buffer:t.createFramebuffer()},l={texture:t.createTexture(),buffer:t.createFramebuffer()};return{ping:L,pong:l,array:x,loc:f(b),unit:o(b)}});return{render:()=>{t.useProgram(s);let b=u.map.values().map(({ping:x,pong:L,loc:l,unit:y},U)=>{let[P,S]=n%2?[x,L]:[L,x];return z(t,P,S,l,y,U)});t.drawBuffers(b),t.drawArrays(t.TRIANGLES,0,3),t.bindFramebuffer(t.FRAMEBUFFER,null),n++},clean:()=>{t.deleteProgram(s),q(t,u.map.values())},_uniform:(b,x)=>{t.useProgram(s),I(t,f(b),x)},_storage:(b,x)=>{let{ping:L,pong:l,unit:y,array:U}=u(b);k(t,x,i,L,l,y,U)},storages:u}},Y=async e=>{let t={isWebGL:!0,gl:e},r=e.el.getContext("webgl2"),n=ue(e,r),o=e.fs?_.str(e.fs)?e.fs:e.fs.fragment(t):ie,a=e.vs?_.str(e.vs)?e.vs:e.vs.vertex(t):K,s=C(r,o,a,e);r.useProgram(s);let i=0,f=A(()=>i++),u=A(l=>r.getAttribLocation(s,l)),m=A(l=>r.getUniformLocation(s,l)),E=(l="",y,U)=>{let P=u(l,!0);O(r,P,e.count,y,U)},R=(l,y)=>{r.useProgram(s),I(r,m(l),y),n?._uniform(l,y)},T=(l,y)=>{r.useProgram(s),F(e,y,U=>{V(r,U,m(l),f(l))})},b=()=>{n?.clean(),r.deleteProgram(s),r.getExtension("WEBGL_lose_context")?.loseContext()},x=()=>{n?.render(),r.useProgram(s),r.viewport(0,0,...e.size),r.drawArrays(r.TRIANGLES,0,e.count),r.bindFramebuffer(r.FRAMEBUFFER,null)};return{webgl:{context:r,program:s,storages:n?.storages},render:x,clean:b,_attribute:E,_uniform:R,_texture:T,_storage:n?._storage}};import{nested as D}from"reev";var H=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}},j=()=>{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}}}},fe=e=>e===2?"float32x2":e===3?"float32x3":e===4?"float32x4":"float32",$=e=>{let t=[],r=[];for(let{buffer:n,location:o,stride:a}of e)t[o]=n,r[o]={arrayStride:a*4,attributes:[{shaderLocation:o,offset:0,format:fe(a)}]};return{vertexBuffers:t,bufferLayouts:r}},Q=(e,t,r,n=[])=>{let o=new Map,a={bindGroups:[],bindGroupLayouts:[]},s=(i,f,u)=>{o.has(i)||o.set(i,{layouts:[],bindings:[]});let{layouts:m,bindings:E}=o.get(i);m.push(f),E.push(u)};for(let{binding:i,buffer:f,group:u}of t)s(u,{binding:i,visibility:7,buffer:{type:"uniform"}},{binding:i,resource:{buffer:f}});for(let{binding:i,buffer:f,group:u}of n)s(u,{binding:i,visibility:6,buffer:{type:"storage"}},{binding:i,resource:{buffer:f}});for(let{binding:i,group:f,sampler:u,view:m}of r)s(f,{binding:i,visibility:2,sampler:{}},{binding:i,resource:u}),s(f,{binding:i+1,visibility:2,texture:{}},{binding:i+1,resource:m});for(let[i,{layouts:f,bindings:u}]of o)a.bindGroupLayouts[i]=e.createBindGroupLayout({entries:f}),a.bindGroups[i]=e.createBindGroup({layout:a.bindGroupLayouts[i],entries:u});return a},Z=(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"}}),J=(e,t,r)=>e.createComputePipeline({compute:{module:e.createShaderModule({label:"compute",code:r.trim()}),entryPoint:"main"},layout:e.createPipelineLayout({bindGroupLayouts:t})}),me=e=>e==="uniform"?72:e==="attrib"?40:140,w=(e,t,r)=>{W(t)||(t=new Float32Array(t));let n=me(r),o=r==="uniform"?Math.ceil(t.byteLength/256)*256:t.byteLength,a=e.createBuffer({size:o,usage:n});return{array:t,buffer:a}},ee=(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"}}),te=(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}},re=(e,t,r)=>e.createTexture({size:[t,r],format:"depth24plus",usage:GPUTextureUsage.RENDER_ATTACHMENT});var pe=32,ce=`
+}`,H=`
 struct In { @builtin(vertex_index) vertex_index: u32 }
 struct Out { @builtin(position) position: vec4f }
 @vertex
@@ -26,12 +23,15 @@ fn main(in: In) -> Out {
   out.position = vec4f(x, y, 0.0, 1.0);
   return out;
 }
-`.trim(),be=`
+`.trim(),$=`
 struct Out { @builtin(position) position: vec4f }
 @group(0) @binding(0) var<uniform> iResolution: vec2f;
 @fragment
 fn main(out: Out) -> @location(0) vec4f {
   return vec4f(fract((out.position.xy / iResolution)), 0.0, 1.0);
 }
-`,le=(e,t,r)=>{let n=u=>{},o=D((u,m)=>{let{array:E,buffer:R}=w(t,m,"storage"),{binding:T,group:b}=r.storage();return{array:E,buffer:R,binding:T,group:b}});return{storages:o,_storage:(u,m)=>{let{array:E,buffer:R}=o(u,m);t.queue.writeBuffer(R,0,E)},update:(u,m,E)=>{let R=J(t,m,E);n=T=>{T.setPipeline(R),u.forEach((x,L)=>T.setBindGroup(L,x));let b=Math.ceil(e.particles/pe);T.dispatchWorkgroups(b,1,1),T.end()}},render:u=>{n(u)},clean:()=>{for(let{buffer:u}of o.map.values())u.destroy()}}},ne=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await H(t,e.error),o=j(),a=le(e,r,o),s,i,f,u=p=>{},m=!0,E,R=D((p,c)=>{m=!0;let d=c.length/e.count,{location:g}=o.attrib(),{array:h,buffer:G}=w(r,c,"attrib");return{array:h,buffer:G,location:g,stride:d}}),T=D((p,c)=>{m=!0;let{binding:d,group:g}=o.uniform(),{array:h,buffer:G}=w(r,c,"uniform");return{array:h,buffer:G,binding:d,group:g}}),b=D((p,c=0,d=0)=>{m=!0;let{binding:g,group:h}=o.texture(),{texture:G,sampler:v}=te(r,c,d);return{texture:G,sampler:v,binding:g,group:h,view:G.createView()}}),x=(p="",c)=>{let{array:d,buffer:g}=R(p,c);r.queue.writeBuffer(g,0,d)},L=(p,c)=>{_.num(c)&&(c=[c]);let{array:d,buffer:g}=T(p,c);d.set(c),r.queue.writeBuffer(g,0,d)},l=(p,c)=>{F(e,c,d=>{let{width:g,height:h}=d,{texture:G}=b(p,g,h);r.queue.copyExternalImageToTexture({source:d},{texture:G},{width:g,height:h})})},y=()=>{let{vertexBuffers:p,bufferLayouts:c}=$(R.map.values()),{bindGroups:d,bindGroupLayouts:g}=Q(r,T.map.values(),b.map.values(),a.storages.map.values()),h=Z(r,n,c,g,f,s);u=G=>{G.setPipeline(h),d.forEach((v,M)=>G.setBindGroup(M,v)),p.forEach((v,M)=>G.setVertexBuffer(M,v)),G.draw(e.count,1,0,0),G.end()},e.cs&&a.update(d,g,i)},U=()=>{if(!s||!f){let c={isWebGL:!1,gl:e};s=e.fs?_.str(e.fs)?e.fs:e.fs.fragment(c):be,f=e.vs?_.str(e.vs)?e.vs:e.vs.vertex(c):ce,i=e.cs?_.str(e.cs)?e.cs:e.cs.compute(c):""}if(e.loading)return;m&&y(),m=!1;let p=r.createCommandEncoder();e.cs&&a.render(p.beginComputePass()),u(p.beginRenderPass(ee(t,E))),r.queue.submit([p.finish()])},P=()=>{let p=e.el;E?.destroy(),E=re(r,p.width,p.height)},S=()=>{r.destroy(),E?.destroy();for(let{texture:p}of b.map.values())p.destroy();for(let{buffer:p}of T.map.values())p.destroy();for(let{buffer:p}of R.map.values())p.destroy();a.clean()};return P(),{webgpu:{device:r,uniforms:T,textures:b,attribs:R,storages:a.storages},render:U,resize:P,clean:S,_attribute:x,_uniform:L,_texture:l,_storage:a._storage}};var Ne=e=>_.obj(e)?"isGL"in e:!1,Te=()=>typeof window>"u",xe=()=>Te()?!1:"gpu"in navigator,X=performance.now(),Ge=e=>{let t=de({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=ge(),t.frame=Ee(),t.attribute=B((r,n,o)=>t.queue(()=>t._attribute?.(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:X}),t("mount",async()=>{xe()||(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 Y(t)):t(await ne(t)),!t.isError&&(t.resize(),t.frame(()=>(t.loop(),t.queue.flush(),t.loading?!0:(t.render(),t.isLoop))),!t.isNative&&(window.addEventListener("resize",t.resize),t.el.addEventListener("mousemove",t.mousemove)))}),t("clean",()=>{t.frame.stop(),!t.isNative&&(window.removeEventListener("resize",t.resize),t.el.removeEventListener("mousemove",t.mousemove))}),t("resize",()=>{let r=t.width||window.innerWidth,n=t.height||window.innerHeight;t.size[0]=t.el.width=r,t.size[1]=t.el.height=n,t.uniform("iResolution",t.size)}),t("mousemove",(r,n=r.clientX,o=r.clientY)=>{let[a,s]=t.size,{top:i,left:f}=t.el.getBoundingClientRect();t.mouse[0]=(n-i-a/2)/(a/2),t.mouse[1]=-(o-f-s/2)/(s/2),t.uniform("iMouse",t.mouse)}),t("loop",()=>{X=performance.now()/1e3,t.uniform("iTime",X)}),t(e)},Oe=Ge;export{Ge as createGL,Oe as default,Ne as isGL,Te as isServer,xe as isWebGPUSupported};
+`;import{nested as D}from"reev";var K=(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}
+
+\u2193\u2193\u2193generated\u2193\u2193\u2193
+${t}`)},V=(e,t,r,n)=>{let o=e.createProgram(),a=K(e,t,e.FRAGMENT_SHADER,n.error),s=K(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}`)},Y=(e,t)=>{let r=new Float32Array(t),n=e.createBuffer();return{array:r,buffer:n}},N=(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)},j=(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)},O=(e,t,r)=>{if(E.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,o=!1)=>{let a=e.createTexture();if(e.bindTexture(e.TEXTURE_2D,a),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),o||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,a),o)return()=>{e.activeTexture(e.TEXTURE0+n),e.bindTexture(e.TEXTURE_2D,a),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t)}},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 g=0;g<Math.min(u,4);g++)i[4*p+g]=t[p*u+g]||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(E.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 Ee=(e,t)=>{if(!e.cs)return null;t.getExtension("EXT_color_buffer_float");let r=0,n=0,o=D(()=>r++),a=E.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=D(b=>t.getUniformLocation(s,b)),u=D(b=>{let R=new Float32Array(i.x*i.y*4),h={texture:t.createTexture(),buffer:t.createFramebuffer()},v={texture:t.createTexture(),buffer:t.createFramebuffer()};return{ping:h,pong:v,array:R,loc:m(b),unit:o(b)}});return{render:()=>{t.useProgram(s);let b=u.map.values().map(({ping:R,pong:h,loc:v,unit:l},x)=>{let[U,_]=n%2?[R,h]:[h,R];return te(t,U,_,v,l,x)});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,R)=>{t.useProgram(s),O(t,m(b),R)},_storage:(b,R)=>{let{ping:h,pong:v,unit:l,array:x}=u(b);Z(t,R,i.x,i.y,h,v,l,x)},storages:u}},ne=async e=>{let t={isWebGL:!0,gl:e},r=e.el.getContext("webgl2"),n=Ee(e,r),o=e.fs?E.str(e.fs)?e.fs:e.fs.fragment(t):q,a=e.vs?E.str(e.vs)?e.vs:e.vs.vertex(t):X,s=V(r,o,a,e);r.useProgram(s);let i=0,m=D(()=>i++),u=D(l=>r.getUniformLocation(s,l)),p=D((l,x,U=!1)=>{let _=C(x.length,U?e.instanceCount:e.count,e.error),A=r.getAttribLocation(s,l),{array:w,buffer:f}=Y(r,x);return{array:w,buffer:f,location:A,stride:_}}),g=(l="",x)=>{let{array:U,buffer:_,location:A,stride:w}=p(l,x);N(r,U,_,x),j(r,A,w,_)},y=(l,x)=>{let{array:U,buffer:_,location:A,stride:w}=p(l,x,!0);N(r,U,_,x),Q(r,A,w,_)},L=(l,x)=>{r.useProgram(s),O(r,u(l),x),n?._uniform(l,x)},b=(l,x)=>{e.loading++,r.useProgram(s),M(x,(U,_)=>{let A=m(l),w=J(r,U,u(l),A,_);w&&e({loop:w}),e.loading--})},R=()=>{n?.clean(),r.deleteProgram(s),r.getExtension("WEBGL_lose_context")?.loseContext()},h=()=>{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:h,clean:R,_attribute:g,_instance:y,_uniform:L,_texture:b,_storage:n?._storage}};import{nested as I}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}}}},Ge=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:Ge(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:g}=o.get(i);p.push(m),g.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})}),ye=e=>e==="uniform"?72:e==="attrib"?40:140,W=(e,t,r)=>{k(t)||(t=new Float32Array(t));let n=ye(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}),de=(e,t=32)=>{E.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 Le=(e,t,r)=>{let n=u=>{},o=I((u,p)=>{let{array:g,buffer:y}=W(t,p,"storage"),{binding:L,group:b}=r.storage();return{array:g,buffer:y,binding:L,group:b}});return{storages:o,_storage:(u,p)=>{let{array:g,buffer:y}=o(u,p);t.queue.writeBuffer(y,0,g)},update:(u,p,g)=>{let y=fe(t,p,g);n=L=>{L.setPipeline(y),u.forEach((v,l)=>L.setBindGroup(l,v));let{x:b,y:R,z:h}=de(e.particleCount);L.dispatchWorkgroups(b,R,h),L.end()}},render:u=>{n(u)},clean:()=>{for(let{buffer:u}of o.map.values())u.destroy()}}},be=async e=>{let t=e.el.getContext("webgpu"),{device:r,format:n}=await oe(t,e.error),o=ae(),a=Le(e,r,o),s,i,m,u=f=>{},p=!0,g,y=I((f,c,d=!1)=>{p=!0;let T=C(c.length,d?e.instanceCount:e.count),{location:P}=o.attrib(),{array:G,buffer:S}=W(r,c,"attrib");return{array:G,buffer:S,location:P,stride:T,isInstance:d}}),L=I((f,c)=>{p=!0;let{binding:d,group:T}=o.uniform(),{array:P,buffer:G}=W(r,c,"uniform");return{array:P,buffer:G,binding:d,group:T}}),b=I((f,c=0,d=0)=>{p=!0;let{binding:T,group:P}=o.texture(),{texture:G,sampler:S}=ce(r,c,d);return{texture:G,sampler:S,binding:T,group:P,view:G.createView()}}),R=(f="",c)=>{let{array:d,buffer:T}=y(f,c);d.set(c),r.queue.writeBuffer(T,0,d)},h=(f,c)=>{let{array:d,buffer:T}=y(f,c,!0);d.set(c),r.queue.writeBuffer(T,0,d)},v=(f,c)=>{E.num(c)&&(c=[c]);let{array:d,buffer:T}=L(f,c);d.set(c),r.queue.writeBuffer(T,0,d)},l=(f,c)=>{e.loading++,M(c,(d,T)=>{let[P,G]=T?[d.videoWidth,d.videoHeight]:[d.width,d.height],{texture:S}=b(f,P,G),F=()=>{r.queue.copyExternalImageToTexture({source:d},{texture:S},{width:P,height:G})};F(),T&&e({loop:F}),e.loading--})},x=()=>{let{vertexBuffers:f,bufferLayouts:c}=se(y.map.values()),{bindGroups:d,bindGroupLayouts:T}=ie(r,L.map.values(),b.map.values(),a.storages.map.values()),P=ue(r,n,c,T,m,s);u=G=>{G.setPipeline(P),d.forEach((S,F)=>G.setBindGroup(F,S)),f.forEach((S,F)=>G.setVertexBuffer(F,S)),G.draw(e.count,e.instanceCount,0,0),G.end()},e.cs&&a.update(d,T,i)},U=()=>{if(!s||!m){let c={isWebGL:!1,gl:e};s=e.fs?E.str(e.fs)?e.fs:e.fs.fragment(c):$,m=e.vs?E.str(e.vs)?e.vs:e.vs.vertex(c):H,i=e.cs?E.str(e.cs)?e.cs:e.cs.compute(c):""}if(e.loading)return;p&&x(),p=!1;let f=r.createCommandEncoder();e.cs&&a.render(f.beginComputePass()),u(f.beginRenderPass(me(t,g))),r.queue.submit([f.finish()])},_=()=>{let f=e.el;g?.destroy(),g=pe(r,f.width,f.height)},A=()=>{r.destroy(),g?.destroy();for(let{texture:f}of b.map.values())f.destroy();for(let{buffer:f}of L.map.values())f.destroy();for(let{buffer:f}of y.map.values())f.destroy();a.clean()};return _(),{webgpu:{device:r,uniforms:L,textures:b,attribs:y,storages:a.storages},render:U,resize:_,clean:A,_attribute:R,_instance:h,_uniform:v,_texture:l,_storage:a._storage}};var $e=e=>E.obj(e)?"isGL"in e:!1,Ue=()=>typeof window>"u",ve=()=>Ue()?!1:"gpu"in navigator,z=performance.now(),Pe=e=>{let t=Re({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=he(),t.frame=_e(),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:z}),t("mount",async()=>{ve()||(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 be(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",()=>{z=performance.now()/1e3,t.uniform("iTime",z)}),t(e)},Ke=Pe;export{Pe as createGL,Ke as default,$e as isGL,Ue as isServer,ve as isWebGPUSupported};
 //# sourceMappingURL=index.js.map