micugl 0.0.9 → 0.0.12

package/dist/core/index.d.ts

@@ -0,0 +1,7 @@
+export { createTypedFloat32Array, mat2, mat3, mat4, vec2, vec3, vec4 } from './lib/vectorUtils';
+export { createShaderConfig } from './lib/createShaderConfig';
+export { FBOManager } from './managers/FBOManager';
+export { WebGLManager } from './managers/WebGLManager';
+export { Passes } from './systems/Passes';
+export { Postprocessing } from './systems/Postprocessing';
+export type { AttributeConfig, BufferData, FramebufferOptions, FramebufferResources, PingPongState, RenderOptions, RenderPass, ShaderAttributeLocations, ShaderProgramConfig, ShaderRenderCallback, ShaderResources, ShaderUniformLocations, TextureOptions, UniformConfig, UniformType, UniformUpdateFn, WebGLExtensionName, WebGLExtensionTypes } from '../types';

package/dist/core/lib/createShaderConfig.d.ts

@@ -0,0 +1,16 @@
+import { ShaderProgramConfig, UniformType } from '..';
+export interface ShaderConfigOptions {
+    vertexShader: string;
+    fragmentShader: string;
+    uniformNames?: Record<string, UniformType>;
+    attributeConfigs?: {
+        name: string;
+        size: number;
+        type: 'FLOAT' | 'BYTE' | 'SHORT' | 'UNSIGNED_BYTE' | 'UNSIGNED_SHORT';
+        normalized?: boolean;
+        stride?: number;
+        offset?: number;
+        instanced?: boolean;
+    }[];
+}
+export declare const createShaderConfig: (options: ShaderConfigOptions) => ShaderProgramConfig;

package/dist/core/lib/vectorUtils.d.ts

@@ -0,0 +1,8 @@
+import { Float32Array2, Float32Array3, Float32Array4, Float32Array9, Float32Array16, Mat2, Mat3, Mat4, TypedFloat32Array, Vec2, Vec3, Vec4 } from '../../types';
+export declare function createTypedFloat32Array<N extends number>(length: N): TypedFloat32Array<N>;
+export declare function vec2(values?: Vec2): Float32Array2;
+export declare function vec3(values?: Vec3): Float32Array3;
+export declare function vec4(values?: Vec4): Float32Array4;
+export declare function mat2(values?: Mat2): Float32Array4;
+export declare function mat3(values?: Mat3): Float32Array9;
+export declare function mat4(values?: Mat4): Float32Array16;

package/dist/core/managers/FBOManager.d.ts

@@ -0,0 +1,21 @@
+import { FramebufferOptions, FramebufferResources, TextureOptions } from '..';
+export declare class FBOManager {
+    private gl;
+    private resources;
+    private floatTexturesSupported;
+    private floatTextureExtension;
+    constructor(gl: WebGLRenderingContext);
+    createFramebuffer(id: string, options: FramebufferOptions): FramebufferResources;
+    createTexture(options: TextureOptions): WebGLTexture;
+    bindFramebuffer(id: string | null, textureIndex?: number): void;
+    bindTexture(id: string, textureUnit: number, textureIndex?: number): void;
+    swapTextures(id: string): void;
+    getPingPongIndices(id: string): {
+        read: number;
+        write: number;
+    };
+    resizeFramebuffer(id: string, width: number, height: number): void;
+    destroy(id: string): void;
+    destroyAll(): void;
+    isFloatTexturesSupported(): boolean;
+}

package/dist/core/managers/FBOManager.js

@@ -0,0 +1 @@
+"use strict";var h=Object.defineProperty;var F=(n,t,e)=>t in n?h(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var i=(n,t,e)=>F(n,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class d{constructor(t){i(this,"gl");i(this,"resources",new Map);i(this,"floatTexturesSupported");i(this,"floatTextureExtension",null);this.gl=t,this.floatTextureExtension=t.getExtension("OES_texture_float"),this.floatTexturesSupported=!!this.floatTextureExtension,t.getExtension("OES_texture_float_linear")}createFramebuffer(t,e){const r=this.gl,{width:s,height:u,textureCount:o=2,textureOptions:c={}}=e,a=[];for(let T=0;T<o;T++){const x=this.createTexture({width:s,height:u,...c});a.push(x)}const f=r.createFramebuffer();if(!f)throw new Error("Failed to create framebuffer");const E={framebuffer:f,textures:a,currentTextureIndex:0,width:s,height:u};return this.resources.set(t,E),E}createTexture(t){const e=this.gl,{width:r,height:s,internalFormat:u=e.RGBA,format:o=e.RGBA,type:c=this.floatTexturesSupported?e.FLOAT:e.UNSIGNED_BYTE,minFilter:a=e.NEAREST,magFilter:f=e.NEAREST,wrapS:E=e.CLAMP_TO_EDGE,wrapT:T=e.CLAMP_TO_EDGE,generateMipmap:x=!1}=t,l=e.createTexture();if(!l)throw new Error("Failed to create texture");return e.bindTexture(e.TEXTURE_2D,l),e.texImage2D(e.TEXTURE_2D,0,u,r,s,0,o,c,null),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,a),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,f),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,E),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,T),x&&e.generateMipmap(e.TEXTURE_2D),l}bindFramebuffer(t,e){const r=this.gl;if(t===null){r.bindFramebuffer(r.FRAMEBUFFER,null);return}const s=this.resources.get(t);if(!s)throw new Error(`Framebuffer with id ${t} not found`);const u=e??s.currentTextureIndex;r.bindFramebuffer(r.FRAMEBUFFER,s.framebuffer),r.framebufferTexture2D(r.FRAMEBUFFER,r.COLOR_ATTACHMENT0,r.TEXTURE_2D,s.textures[u],0);const o=r.checkFramebufferStatus(r.FRAMEBUFFER);if(o!==r.FRAMEBUFFER_COMPLETE)throw new Error(`Framebuffer is not complete: ${o}`)}bindTexture(t,e,r){const s=this.gl,u=this.resources.get(t);if(!u)throw new Error(`Framebuffer with id ${t} not found`);const o=r??u.currentTextureIndex;s.activeTexture(s.TEXTURE0+e),s.bindTexture(s.TEXTURE_2D,u.textures[o])}swapTextures(t){const e=this.resources.get(t);if(!e)throw new Error(`Framebuffer with id ${t} not found`);e.currentTextureIndex=(e.currentTextureIndex+1)%e.textures.length}getPingPongIndices(t){const e=this.resources.get(t);if(!e)throw new Error(`Framebuffer with id ${t} not found`);const r=e.currentTextureIndex,s=(r+1)%e.textures.length;return{read:r,write:s}}resizeFramebuffer(t,e,r){const s=this.gl,u=this.resources.get(t);if(!u)throw new Error(`Framebuffer with id ${t} not found`);u.width===e&&u.height===r||(u.textures.forEach(o=>{s.bindTexture(s.TEXTURE_2D,o),s.texImage2D(s.TEXTURE_2D,0,s.RGBA,e,r,0,s.RGBA,this.floatTexturesSupported?s.FLOAT:s.UNSIGNED_BYTE,null)}),u.width=e,u.height=r)}destroy(t){const e=this.gl,r=this.resources.get(t);r&&(r.textures.forEach(s=>{e.deleteTexture(s)}),e.deleteFramebuffer(r.framebuffer),this.resources.delete(t))}destroyAll(){Array.from(this.resources.keys()).forEach(t=>{this.destroy(t)})}isFloatTexturesSupported(){return this.floatTexturesSupported}}exports.FBOManager=d;

package/dist/core/managers/FBOManager.mjs

@@ -0,0 +1,127 @@
+var l = Object.defineProperty;
+var F = (n, r, e) => r in n ? l(n, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[r] = e;
+var i = (n, r, e) => F(n, typeof r != "symbol" ? r + "" : r, e);
+class d {
+  constructor(r) {
+    i(this, "gl");
+    i(this, "resources", /* @__PURE__ */ new Map());
+    i(this, "floatTexturesSupported");
+    i(this, "floatTextureExtension", null);
+    this.gl = r, this.floatTextureExtension = r.getExtension("OES_texture_float"), this.floatTexturesSupported = !!this.floatTextureExtension, r.getExtension("OES_texture_float_linear");
+  }
+  createFramebuffer(r, e) {
+    const t = this.gl, { width: s, height: u, textureCount: o = 2, textureOptions: c = {} } = e, f = [];
+    for (let T = 0; T < o; T++) {
+      const x = this.createTexture({
+        width: s,
+        height: u,
+        ...c
+      });
+      f.push(x);
+    }
+    const E = t.createFramebuffer();
+    if (!E)
+      throw new Error("Failed to create framebuffer");
+    const a = {
+      framebuffer: E,
+      textures: f,
+      currentTextureIndex: 0,
+      width: s,
+      height: u
+    };
+    return this.resources.set(r, a), a;
+  }
+  createTexture(r) {
+    const e = this.gl, {
+      width: t,
+      height: s,
+      internalFormat: u = e.RGBA,
+      format: o = e.RGBA,
+      type: c = this.floatTexturesSupported ? e.FLOAT : e.UNSIGNED_BYTE,
+      minFilter: f = e.NEAREST,
+      magFilter: E = e.NEAREST,
+      wrapS: a = e.CLAMP_TO_EDGE,
+      wrapT: T = e.CLAMP_TO_EDGE,
+      generateMipmap: x = !1
+    } = r, h = e.createTexture();
+    if (!h)
+      throw new Error("Failed to create texture");
+    return e.bindTexture(e.TEXTURE_2D, h), e.texImage2D(e.TEXTURE_2D, 0, u, t, s, 0, o, c, null), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, f), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, E), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, a), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, T), x && e.generateMipmap(e.TEXTURE_2D), h;
+  }
+  bindFramebuffer(r, e) {
+    const t = this.gl;
+    if (r === null) {
+      t.bindFramebuffer(t.FRAMEBUFFER, null);
+      return;
+    }
+    const s = this.resources.get(r);
+    if (!s)
+      throw new Error(`Framebuffer with id ${r} not found`);
+    const u = e ?? s.currentTextureIndex;
+    t.bindFramebuffer(t.FRAMEBUFFER, s.framebuffer), t.framebufferTexture2D(
+      t.FRAMEBUFFER,
+      t.COLOR_ATTACHMENT0,
+      t.TEXTURE_2D,
+      s.textures[u],
+      0
+    );
+    const o = t.checkFramebufferStatus(t.FRAMEBUFFER);
+    if (o !== t.FRAMEBUFFER_COMPLETE)
+      throw new Error(`Framebuffer is not complete: ${o}`);
+  }
+  bindTexture(r, e, t) {
+    const s = this.gl, u = this.resources.get(r);
+    if (!u)
+      throw new Error(`Framebuffer with id ${r} not found`);
+    const o = t ?? u.currentTextureIndex;
+    s.activeTexture(s.TEXTURE0 + e), s.bindTexture(s.TEXTURE_2D, u.textures[o]);
+  }
+  swapTextures(r) {
+    const e = this.resources.get(r);
+    if (!e)
+      throw new Error(`Framebuffer with id ${r} not found`);
+    e.currentTextureIndex = (e.currentTextureIndex + 1) % e.textures.length;
+  }
+  getPingPongIndices(r) {
+    const e = this.resources.get(r);
+    if (!e)
+      throw new Error(`Framebuffer with id ${r} not found`);
+    const t = e.currentTextureIndex, s = (t + 1) % e.textures.length;
+    return { read: t, write: s };
+  }
+  resizeFramebuffer(r, e, t) {
+    const s = this.gl, u = this.resources.get(r);
+    if (!u)
+      throw new Error(`Framebuffer with id ${r} not found`);
+    u.width === e && u.height === t || (u.textures.forEach((o) => {
+      s.bindTexture(s.TEXTURE_2D, o), s.texImage2D(
+        s.TEXTURE_2D,
+        0,
+        s.RGBA,
+        e,
+        t,
+        0,
+        s.RGBA,
+        this.floatTexturesSupported ? s.FLOAT : s.UNSIGNED_BYTE,
+        null
+      );
+    }), u.width = e, u.height = t);
+  }
+  destroy(r) {
+    const e = this.gl, t = this.resources.get(r);
+    t && (t.textures.forEach((s) => {
+      e.deleteTexture(s);
+    }), e.deleteFramebuffer(t.framebuffer), this.resources.delete(r));
+  }
+  destroyAll() {
+    Array.from(this.resources.keys()).forEach((r) => {
+      this.destroy(r);
+    });
+  }
+  isFloatTexturesSupported() {
+    return this.floatTexturesSupported;
+  }
+}
+export {
+  d as FBOManager
+};

package/dist/core/managers/WebGLManager.d.ts

@@ -0,0 +1,35 @@
+import { AttributeConfig, RenderOptions, ShaderProgramConfig, ShaderResources, UniformType, UniformUpdateFn, WebGLExtensionName, WebGLExtensionTypes, FBOManager } from '..';
+import { UniformTypeMap } from '../../types';
+declare global {
+    interface WebGLRenderingContext {
+        vertexAttribDivisor: ((index: number, divisor: number) => void) | undefined;
+    }
+}
+export declare class WebGLManager {
+    private gl;
+    private fboManager;
+    resources: Map<string, ShaderResources>;
+    private compileCache;
+    private uniformUpdateFns;
+    private extensions;
+    constructor(canvas: HTMLCanvasElement, options?: WebGLContextAttributes);
+    getExtension<K extends WebGLExtensionName>(name: K): WebGLExtensionTypes[K] | null;
+    createProgram(id: string, config: ShaderProgramConfig): ShaderResources;
+    private getOrCompileShader;
+    private compileShader;
+    createBuffer(programId: string, attributeName: string, data: Float32Array | Uint8Array | Uint16Array): WebGLBuffer;
+    updateBuffer(programId: string, attributeName: string, data: Float32Array | Uint8Array | Uint16Array): void;
+    registerUniformUpdater<T extends UniformType>(programId: string, uniformName: string, type: T, updateFn: UniformUpdateFn<T>): void;
+    updateUniforms(programId: string, time: number): void;
+    setSize(width: number, height: number, useDevicePixelRatio?: boolean): void;
+    prepareRender(programId: string, options?: RenderOptions): void;
+    fastRender(programId: string, time: number, clear?: boolean): void;
+    setUniform<T extends UniformType>(programId: string, uniformName: string, value: UniformTypeMap[T], type: T): void;
+    setAttributeOnce(programId: string, attributeName: string, config: AttributeConfig): void;
+    drawArrays(mode: number, first: number, count: number): void;
+    drawElements(mode: number, count: number, type: number, offset: number): void;
+    destroy(programId: string): void;
+    destroyAll(): void;
+    get context(): WebGLRenderingContext;
+    get fbo(): FBOManager;
+}

package/dist/core/managers/WebGLManager.js

@@ -0,0 +1 @@
+"use strict";var w=Object.defineProperty;var b=(m,r,o)=>r in m?w(m,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):m[r]=o;var d=(m,r,o)=>b(m,typeof r!="symbol"?r+"":r,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./FBOManager.js");class v{constructor(r,o){d(this,"gl");d(this,"fboManager");d(this,"resources",new Map);d(this,"compileCache",new Map);d(this,"uniformUpdateFns",new Map);d(this,"extensions",new Map);const t={alpha:!1,depth:!1,stencil:!1,antialias:!1,powerPreference:"low-power",preserveDrawingBuffer:!1},e=r.getContext("webgl",{...t,...o});if(!e)throw new Error("WebGL not supported");this.gl=e,this.fboManager=new E.FBOManager(e),this.getExtension("OES_texture_float"),this.getExtension("OES_texture_float_linear"),this.getExtension("OES_vertex_array_object"),this.getExtension("ANGLE_instanced_arrays")}getExtension(r){if(this.extensions.has(r))return this.extensions.get(r);const o=this.gl.getExtension(r);return this.extensions.set(r,o),o}createProgram(r,o){const{vertexShader:t,fragmentShader:e,uniforms:s,attributes:i}=o,n=this.gl,h=this.getOrCompileShader("vertex:"+t,n.VERTEX_SHADER,t),l=this.getOrCompileShader("fragment:"+e,n.FRAGMENT_SHADER,e),f=n.createProgram();if(!f)throw new Error("Failed to create WebGL program");if(n.attachShader(f,h),n.attachShader(f,l),n.linkProgram(f),!n.getProgramParameter(f,n.LINK_STATUS)){const g=n.getProgramInfoLog(f);throw n.deleteProgram(f),new Error(`Could not link shader program: ${g}`)}const c={};for(const g of s)c[g.name]=n.getUniformLocation(f,g.name);const u={};if(i)for(const g of i)u[g.name]=n.getAttribLocation(f,g.name);const a={program:f,uniforms:c,attributes:u,buffers:{}};return this.resources.set(r,a),this.uniformUpdateFns.set(r,new Map),a}getOrCompileShader(r,o,t){if(this.compileCache.has(r)){const s=this.compileCache.get(r);if(s)return s}const e=this.compileShader(o,t);return this.compileCache.set(r,e),e}compileShader(r,o){const t=this.gl,e=t.createShader(r);if(!e)throw new Error("Failed to create shader");if(t.shaderSource(e,o),t.compileShader(e),!t.getShaderParameter(e,t.COMPILE_STATUS)){const s=t.getShaderInfoLog(e);throw t.deleteShader(e),new Error(`Shader compilation failed: ${s}`)}return e}createBuffer(r,o,t){const e=this.gl,s=this.resources.get(r);if(!s)throw new Error(`Program with id ${r} not found`);const i=e.createBuffer();if(!i)throw new Error("Failed to create buffer");return e.bindBuffer(e.ARRAY_BUFFER,i),e.bufferData(e.ARRAY_BUFFER,t,e.STATIC_DRAW),s.buffers[o]={buffer:i,data:t},i}updateBuffer(r,o,t){const e=this.gl,s=this.resources.get(r);if(!s)throw new Error(`Program with id ${r} not found`);const i=s.buffers[o];if(!i)throw new Error(`Buffer for attribute ${o} not found`);e.bindBuffer(e.ARRAY_BUFFER,i.buffer),e.bufferData(e.ARRAY_BUFFER,t,e.STATIC_DRAW),i.data=t}registerUniformUpdater(r,o,t,e){const s=this.resources.get(r);if(!s)throw new Error(`Program with id ${r} not found`);const i=this.uniformUpdateFns.get(r);if(!i)throw new Error(`Program uniforms for id ${r} not found`);const n=s.uniforms[o];if(n===null)return;const h=this.gl;let l;switch(t){case"int":l=(f,c,u)=>{const a=e(f,c,u);return h.uniform1i(n,a),a};break;case"float":l=(f,c,u)=>{const a=e(f,c,u);return h.uniform1f(n,a),a};break;case"sampler2D":l=(f,c,u)=>{const a=e(f,c,u);return h.uniform1i(n,a),a};break;case"vec2":l=(f,c,u)=>{const a=e(f,c,u);return h.uniform2fv(n,a),a};break;case"vec3":l=(f,c,u)=>{const a=e(f,c,u);return h.uniform3fv(n,a),a};break;case"vec4":l=(f,c,u)=>{const a=e(f,c,u);return h.uniform4fv(n,a),a};break;case"mat2":l=(f,c,u)=>{const a=e(f,c,u);return h.uniformMatrix2fv(n,!1,a),a};break;case"mat3":l=(f,c,u)=>{const a=e(f,c,u);return h.uniformMatrix3fv(n,!1,a),a};break;case"mat4":l=(f,c,u)=>{const a=e(f,c,u);return h.uniformMatrix4fv(n,!1,a),a};break;default:throw new Error(`Unsupported uniform type: ${t}`)}i.set(o,l)}updateUniforms(r,o){const t=this.uniformUpdateFns.get(r);if(!t)return;const e=this.gl.canvas,s=e.width,i=e.height;t.forEach(n=>{n(o,s,i)})}setSize(r,o,t=!0){const e=this.gl.canvas,s=t&&window.devicePixelRatio||1,i=Math.floor(r*s),n=Math.floor(o*s);(e.width!==i||e.height!==n)&&(e.width=i,e.height=n,e.style.width=`${r}px`,e.style.height=`${o}px`,this.gl.viewport(0,0,i,n))}prepareRender(r,o={}){const{clear:t=!0,clearColor:e=[0,0,0,1]}=o,s=this.gl,i=this.resources.get(r);if(!i)throw new Error(`Program with id ${r} not found`);s.useProgram(i.program),t&&(s.clearColor(...e),s.clear(s.COLOR_BUFFER_BIT))}fastRender(r,o,t=!0){const e=this.gl,s=this.resources.get(r);if(!s)throw new Error(`Program with id ${r} not found`);e.useProgram(s.program),t&&e.clear(e.COLOR_BUFFER_BIT),this.updateUniforms(r,o)}setUniform(r,o,t,e){const s=this.gl,i=this.resources.get(r);if(!i)throw new Error(`Program with id ${r} not found`);const n=i.uniforms[o];if(n!==null)switch(s.useProgram(i.program),e){case"float":s.uniform1f(n,t);break;case"vec2":s.uniform2fv(n,t);break;case"vec3":s.uniform3fv(n,t);break;case"vec4":s.uniform4fv(n,t);break;case"int":s.uniform1i(n,t);break;case"mat2":s.uniformMatrix2fv(n,!1,t);break;case"mat3":s.uniformMatrix3fv(n,!1,t);break;case"mat4":s.uniformMatrix4fv(n,!1,t);break;case"sampler2D":s.uniform1i(n,t);break;default:throw new Error(`Unsupported uniform type: ${e}`)}}setAttributeOnce(r,o,t){const e=this.gl,s=this.resources.get(r);if(!s)throw new Error(`Program with id ${r} not found`);const i=s.attributes[o];if(i===-1){console.warn(`Attribute ${o} not found or is unused`);return}const n=s.buffers[o];if(!n)throw new Error(`Buffer for attribute ${o} not found`);if(e.bindBuffer(e.ARRAY_BUFFER,n.buffer),e.enableVertexAttribArray(i),e.vertexAttribPointer(i,t.size,e[t.type],t.normalized,t.stride,t.offset),t.instanced){const h=this.getExtension("ANGLE_instanced_arrays");if(h!=null&&h.vertexAttribDivisorANGLE)h.vertexAttribDivisorANGLE(i,1);else if(e.vertexAttribDivisor)e.vertexAttribDivisor(i,1);else throw new Error("Instanced rendering not supported")}}drawArrays(r,o,t){this.gl.drawArrays(r,o,t)}drawElements(r,o,t,e){this.gl.drawElements(r,o,t,e)}destroy(r){const o=this.gl,t=this.resources.get(r);t&&(Object.values(t.buffers).forEach(({buffer:e})=>{o.deleteBuffer(e)}),o.deleteProgram(t.program),this.resources.delete(r),this.uniformUpdateFns.delete(r))}destroyAll(){for(const r of Array.from(this.resources.keys()))this.destroy(r);this.compileCache.clear(),this.fboManager.destroyAll()}get context(){return this.gl}get fbo(){return this.fboManager}}exports.WebGLManager=v;

package/dist/core/managers/WebGLManager.mjs

@@ -0,0 +1,281 @@
+var w = Object.defineProperty;
+var b = (m, e, o) => e in m ? w(m, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : m[e] = o;
+var d = (m, e, o) => b(m, typeof e != "symbol" ? e + "" : e, o);
+import { FBOManager as E } from "./FBOManager.mjs";
+class A {
+  constructor(e, o) {
+    d(this, "gl");
+    d(this, "fboManager");
+    d(this, "resources", /* @__PURE__ */ new Map());
+    d(this, "compileCache", /* @__PURE__ */ new Map());
+    d(this, "uniformUpdateFns", /* @__PURE__ */ new Map());
+    d(this, "extensions", /* @__PURE__ */ new Map());
+    const t = {
+      alpha: !1,
+      depth: !1,
+      stencil: !1,
+      antialias: !1,
+      powerPreference: "low-power",
+      preserveDrawingBuffer: !1
+    }, r = e.getContext("webgl", { ...t, ...o });
+    if (!r)
+      throw new Error("WebGL not supported");
+    this.gl = r, this.fboManager = new E(r), this.getExtension("OES_texture_float"), this.getExtension("OES_texture_float_linear"), this.getExtension("OES_vertex_array_object"), this.getExtension("ANGLE_instanced_arrays");
+  }
+  getExtension(e) {
+    if (this.extensions.has(e))
+      return this.extensions.get(e);
+    const o = this.gl.getExtension(e);
+    return this.extensions.set(e, o), o;
+  }
+  createProgram(e, o) {
+    const { vertexShader: t, fragmentShader: r, uniforms: s, attributes: i } = o, n = this.gl, h = this.getOrCompileShader("vertex:" + t, n.VERTEX_SHADER, t), l = this.getOrCompileShader("fragment:" + r, n.FRAGMENT_SHADER, r), f = n.createProgram();
+    if (!f)
+      throw new Error("Failed to create WebGL program");
+    if (n.attachShader(f, h), n.attachShader(f, l), n.linkProgram(f), !n.getProgramParameter(f, n.LINK_STATUS)) {
+      const g = n.getProgramInfoLog(f);
+      throw n.deleteProgram(f), new Error(`Could not link shader program: ${g}`);
+    }
+    const c = {};
+    for (const g of s)
+      c[g.name] = n.getUniformLocation(f, g.name);
+    const u = {};
+    if (i)
+      for (const g of i)
+        u[g.name] = n.getAttribLocation(f, g.name);
+    const a = {
+      program: f,
+      uniforms: c,
+      attributes: u,
+      buffers: {}
+    };
+    return this.resources.set(e, a), this.uniformUpdateFns.set(e, /* @__PURE__ */ new Map()), a;
+  }
+  getOrCompileShader(e, o, t) {
+    if (this.compileCache.has(e)) {
+      const s = this.compileCache.get(e);
+      if (s)
+        return s;
+    }
+    const r = this.compileShader(o, t);
+    return this.compileCache.set(e, r), r;
+  }
+  compileShader(e, o) {
+    const t = this.gl, r = t.createShader(e);
+    if (!r)
+      throw new Error("Failed to create shader");
+    if (t.shaderSource(r, o), t.compileShader(r), !t.getShaderParameter(r, t.COMPILE_STATUS)) {
+      const s = t.getShaderInfoLog(r);
+      throw t.deleteShader(r), new Error(`Shader compilation failed: ${s}`);
+    }
+    return r;
+  }
+  createBuffer(e, o, t) {
+    const r = this.gl, s = this.resources.get(e);
+    if (!s)
+      throw new Error(`Program with id ${e} not found`);
+    const i = r.createBuffer();
+    if (!i)
+      throw new Error("Failed to create buffer");
+    return r.bindBuffer(r.ARRAY_BUFFER, i), r.bufferData(r.ARRAY_BUFFER, t, r.STATIC_DRAW), s.buffers[o] = { buffer: i, data: t }, i;
+  }
+  updateBuffer(e, o, t) {
+    const r = this.gl, s = this.resources.get(e);
+    if (!s)
+      throw new Error(`Program with id ${e} not found`);
+    const i = s.buffers[o];
+    if (!i)
+      throw new Error(`Buffer for attribute ${o} not found`);
+    r.bindBuffer(r.ARRAY_BUFFER, i.buffer), r.bufferData(r.ARRAY_BUFFER, t, r.STATIC_DRAW), i.data = t;
+  }
+  registerUniformUpdater(e, o, t, r) {
+    const s = this.resources.get(e);
+    if (!s)
+      throw new Error(`Program with id ${e} not found`);
+    const i = this.uniformUpdateFns.get(e);
+    if (!i)
+      throw new Error(`Program uniforms for id ${e} not found`);
+    const n = s.uniforms[o];
+    if (n === null)
+      return;
+    const h = this.gl;
+    let l;
+    switch (t) {
+      case "int":
+        l = (f, c, u) => {
+          const a = r(f, c, u);
+          return h.uniform1i(n, a), a;
+        };
+        break;
+      case "float":
+        l = (f, c, u) => {
+          const a = r(f, c, u);
+          return h.uniform1f(n, a), a;
+        };
+        break;
+      case "sampler2D":
+        l = (f, c, u) => {
+          const a = r(f, c, u);
+          return h.uniform1i(n, a), a;
+        };
+        break;
+      case "vec2":
+        l = (f, c, u) => {
+          const a = r(f, c, u);
+          return h.uniform2fv(n, a), a;
+        };
+        break;
+      case "vec3":
+        l = (f, c, u) => {
+          const a = r(f, c, u);
+          return h.uniform3fv(n, a), a;
+        };
+        break;
+      case "vec4":
+        l = (f, c, u) => {
+          const a = r(f, c, u);
+          return h.uniform4fv(n, a), a;
+        };
+        break;
+      case "mat2":
+        l = (f, c, u) => {
+          const a = r(f, c, u);
+          return h.uniformMatrix2fv(n, !1, a), a;
+        };
+        break;
+      case "mat3":
+        l = (f, c, u) => {
+          const a = r(f, c, u);
+          return h.uniformMatrix3fv(n, !1, a), a;
+        };
+        break;
+      case "mat4":
+        l = (f, c, u) => {
+          const a = r(f, c, u);
+          return h.uniformMatrix4fv(n, !1, a), a;
+        };
+        break;
+      default:
+        throw new Error(`Unsupported uniform type: ${t}`);
+    }
+    i.set(o, l);
+  }
+  updateUniforms(e, o) {
+    const t = this.uniformUpdateFns.get(e);
+    if (!t)
+      return;
+    const r = this.gl.canvas, s = r.width, i = r.height;
+    t.forEach((n) => {
+      n(o, s, i);
+    });
+  }
+  setSize(e, o, t = !0) {
+    const r = this.gl.canvas, s = t && window.devicePixelRatio || 1, i = Math.floor(e * s), n = Math.floor(o * s);
+    (r.width !== i || r.height !== n) && (r.width = i, r.height = n, r.style.width = `${e}px`, r.style.height = `${o}px`, this.gl.viewport(0, 0, i, n));
+  }
+  prepareRender(e, o = {}) {
+    const { clear: t = !0, clearColor: r = [0, 0, 0, 1] } = o, s = this.gl, i = this.resources.get(e);
+    if (!i)
+      throw new Error(`Program with id ${e} not found`);
+    s.useProgram(i.program), t && (s.clearColor(...r), s.clear(s.COLOR_BUFFER_BIT));
+  }
+  fastRender(e, o, t = !0) {
+    const r = this.gl, s = this.resources.get(e);
+    if (!s)
+      throw new Error(`Program with id ${e} not found`);
+    r.useProgram(s.program), t && r.clear(r.COLOR_BUFFER_BIT), this.updateUniforms(e, o);
+  }
+  setUniform(e, o, t, r) {
+    const s = this.gl, i = this.resources.get(e);
+    if (!i)
+      throw new Error(`Program with id ${e} not found`);
+    const n = i.uniforms[o];
+    if (n !== null)
+      switch (s.useProgram(i.program), r) {
+        case "float":
+          s.uniform1f(n, t);
+          break;
+        case "vec2":
+          s.uniform2fv(n, t);
+          break;
+        case "vec3":
+          s.uniform3fv(n, t);
+          break;
+        case "vec4":
+          s.uniform4fv(n, t);
+          break;
+        case "int":
+          s.uniform1i(n, t);
+          break;
+        case "mat2":
+          s.uniformMatrix2fv(n, !1, t);
+          break;
+        case "mat3":
+          s.uniformMatrix3fv(n, !1, t);
+          break;
+        case "mat4":
+          s.uniformMatrix4fv(n, !1, t);
+          break;
+        case "sampler2D":
+          s.uniform1i(n, t);
+          break;
+        default:
+          throw new Error(`Unsupported uniform type: ${r}`);
+      }
+  }
+  setAttributeOnce(e, o, t) {
+    const r = this.gl, s = this.resources.get(e);
+    if (!s)
+      throw new Error(`Program with id ${e} not found`);
+    const i = s.attributes[o];
+    if (i === -1) {
+      console.warn(`Attribute ${o} not found or is unused`);
+      return;
+    }
+    const n = s.buffers[o];
+    if (!n)
+      throw new Error(`Buffer for attribute ${o} not found`);
+    if (r.bindBuffer(r.ARRAY_BUFFER, n.buffer), r.enableVertexAttribArray(i), r.vertexAttribPointer(
+      i,
+      t.size,
+      r[t.type],
+      t.normalized,
+      t.stride,
+      t.offset
+    ), t.instanced) {
+      const h = this.getExtension("ANGLE_instanced_arrays");
+      if (h != null && h.vertexAttribDivisorANGLE)
+        h.vertexAttribDivisorANGLE(i, 1);
+      else if (r.vertexAttribDivisor)
+        r.vertexAttribDivisor(i, 1);
+      else
+        throw new Error("Instanced rendering not supported");
+    }
+  }
+  drawArrays(e, o, t) {
+    this.gl.drawArrays(e, o, t);
+  }
+  drawElements(e, o, t, r) {
+    this.gl.drawElements(e, o, t, r);
+  }
+  destroy(e) {
+    const o = this.gl, t = this.resources.get(e);
+    t && (Object.values(t.buffers).forEach(({ buffer: r }) => {
+      o.deleteBuffer(r);
+    }), o.deleteProgram(t.program), this.resources.delete(e), this.uniformUpdateFns.delete(e));
+  }
+  destroyAll() {
+    for (const e of Array.from(this.resources.keys()))
+      this.destroy(e);
+    this.compileCache.clear(), this.fboManager.destroyAll();
+  }
+  get context() {
+    return this.gl;
+  }
+  get fbo() {
+    return this.fboManager;
+  }
+}
+export {
+  A as WebGLManager
+};

package/dist/core/systems/Passes.d.ts

@@ -0,0 +1,11 @@
+import { RenderPass, WebGLManager } from '..';
+export declare class Passes {
+    private webglManager;
+    private passes;
+    private pingPongIds;
+    constructor(webglManager: WebGLManager);
+    addPass(pass: RenderPass): void;
+    clearPasses(): void;
+    execute(time: number): void;
+    initializeResources(): void;
+}

package/dist/core/systems/Passes.js

@@ -0,0 +1 @@
+"use strict";var d=Object.defineProperty;var p=(n,e,a)=>e in n?d(n,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):n[e]=a;var o=(n,e,a)=>p(n,typeof e!="symbol"?e+"":e,a);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class u{constructor(e){o(this,"webglManager");o(this,"passes",[]);o(this,"pingPongIds",new Set);this.webglManager=e}addPass(e){this.passes.push(e),e.outputFramebuffer&&this.pingPongIds.add(e.outputFramebuffer),e.inputTextures.forEach(a=>{a.bindingType==="readwrite"&&this.pingPongIds.add(a.id)})}clearPasses(){this.passes=[],this.pingPongIds.clear()}execute(e){const a=this.webglManager.context,i=this.webglManager.fbo;for(const s of this.passes){if(s.outputFramebuffer)if(this.pingPongIds.has(s.outputFramebuffer)){const{write:r}=i.getPingPongIndices(s.outputFramebuffer);i.bindFramebuffer(s.outputFramebuffer,r)}else i.bindFramebuffer(s.outputFramebuffer);else i.bindFramebuffer(null);this.webglManager.prepareRender(s.programId,s.renderOptions),s.inputTextures.forEach(r=>{let t=r.bindingType==="read"?0:1;if(this.pingPongIds.has(r.id)){const{read:g,write:f}=i.getPingPongIndices(r.id);t=r.bindingType==="read"||r.bindingType==="readwrite"?g:f}i.bindTexture(r.id,r.textureUnit,t),this.webglManager.setUniform(s.programId,`u_${r.id}`,r.textureUnit,"sampler2D")}),this.webglManager.updateUniforms(s.programId,e),s.uniforms&&Object.entries(s.uniforms).forEach(([r,t])=>{const g=typeof t.value=="function"?t.value(e,a.canvas.width,a.canvas.height):t.value;this.webglManager.setUniform(s.programId,r,g,t.type)}),a.drawArrays(a.TRIANGLE_STRIP,0,4),s.outputFramebuffer&&this.pingPongIds.has(s.outputFramebuffer)&&i.swapTextures(s.outputFramebuffer),s.inputTextures.forEach(r=>{r.bindingType==="readwrite"&&this.pingPongIds.has(r.id)&&i.swapTextures(r.id)})}}initializeResources(){for(const e of this.passes){const a=this.webglManager.resources.get(e.programId);a&&!a.buffers.a_position&&(this.webglManager.createBuffer(e.programId,"a_position",new Float32Array([-1,-1,1,-1,-1,1,1,1])),this.webglManager.setAttributeOnce(e.programId,"a_position",{name:"a_position",size:2,type:"FLOAT",normalized:!1,stride:0,offset:0}))}}}exports.Passes=u;

package/dist/core/systems/Passes.mjs

@@ -0,0 +1,84 @@
+var d = Object.defineProperty;
+var p = (t, e, a) => e in t ? d(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
+var o = (t, e, a) => p(t, typeof e != "symbol" ? e + "" : e, a);
+class b {
+  constructor(e) {
+    o(this, "webglManager");
+    o(this, "passes", []);
+    o(this, "pingPongIds", /* @__PURE__ */ new Set());
+    this.webglManager = e;
+  }
+  addPass(e) {
+    this.passes.push(e), e.outputFramebuffer && this.pingPongIds.add(e.outputFramebuffer), e.inputTextures.forEach((a) => {
+      a.bindingType === "readwrite" && this.pingPongIds.add(a.id);
+    });
+  }
+  clearPasses() {
+    this.passes = [], this.pingPongIds.clear();
+  }
+  execute(e) {
+    const a = this.webglManager.context, i = this.webglManager.fbo;
+    for (const s of this.passes) {
+      if (s.outputFramebuffer)
+        if (this.pingPongIds.has(s.outputFramebuffer)) {
+          const { write: r } = i.getPingPongIndices(s.outputFramebuffer);
+          i.bindFramebuffer(s.outputFramebuffer, r);
+        } else
+          i.bindFramebuffer(s.outputFramebuffer);
+      else
+        i.bindFramebuffer(null);
+      this.webglManager.prepareRender(s.programId, s.renderOptions), s.inputTextures.forEach((r) => {
+        let n = r.bindingType === "read" ? 0 : 1;
+        if (this.pingPongIds.has(r.id)) {
+          const { read: g, write: f } = i.getPingPongIndices(r.id);
+          n = r.bindingType === "read" || r.bindingType === "readwrite" ? g : f;
+        }
+        i.bindTexture(r.id, r.textureUnit, n), this.webglManager.setUniform(
+          s.programId,
+          `u_${r.id}`,
+          r.textureUnit,
+          "sampler2D"
+        );
+      }), this.webglManager.updateUniforms(s.programId, e), s.uniforms && Object.entries(s.uniforms).forEach(([r, n]) => {
+        const g = typeof n.value == "function" ? n.value(e, a.canvas.width, a.canvas.height) : n.value;
+        this.webglManager.setUniform(
+          s.programId,
+          r,
+          g,
+          n.type
+        );
+      }), a.drawArrays(a.TRIANGLE_STRIP, 0, 4), s.outputFramebuffer && this.pingPongIds.has(s.outputFramebuffer) && i.swapTextures(s.outputFramebuffer), s.inputTextures.forEach((r) => {
+        r.bindingType === "readwrite" && this.pingPongIds.has(r.id) && i.swapTextures(r.id);
+      });
+    }
+  }
+  initializeResources() {
+    for (const e of this.passes) {
+      const a = this.webglManager.resources.get(e.programId);
+      a && !a.buffers.a_position && (this.webglManager.createBuffer(
+        e.programId,
+        "a_position",
+        new Float32Array([
+          -1,
+          -1,
+          1,
+          -1,
+          -1,
+          1,
+          1,
+          1
+        ])
+      ), this.webglManager.setAttributeOnce(e.programId, "a_position", {
+        name: "a_position",
+        size: 2,
+        type: "FLOAT",
+        normalized: !1,
+        stride: 0,
+        offset: 0
+      }));
+    }
+  }
+}
+export {
+  b as Passes
+};

package/dist/core/systems/Postprocessing.d.ts

@@ -0,0 +1,31 @@
+import { WebGLManager } from '../managers/WebGLManager';
+import { FramebufferOptions, RenderPass, ShaderProgramConfig, UniformParam } from '../../types';
+export interface PostProcessEffect {
+    id: string;
+    programId: string;
+    shaderConfig: ShaderProgramConfig;
+    uniforms: Record<string, UniformParam>;
+    enabled: boolean;
+}
+export interface PostProcessChain {
+    id: string;
+    effects: PostProcessEffect[];
+    inputFramebufferId: string;
+    outputFramebufferId: string | null;
+    intermediateFramebufferIds: string[];
+}
+export declare class Postprocessing {
+    private webglManager;
+    private effects;
+    private chains;
+    private defaultFramebufferOptions;
+    constructor(webglManager: WebGLManager);
+    registerEffect(effect: PostProcessEffect): void;
+    removeEffect(effectId: string): void;
+    createChain(chainId: string, effectIds: string[], inputFramebufferId: string, outputFramebufferId?: string | null, framebufferOptions?: FramebufferOptions): void;
+    removeChain(chainId: string): void;
+    generatePasses(chainId: string, _time: number): RenderPass[];
+    process(chainId: string, time: number): void;
+    resizeFramebuffers(width: number, height: number): void;
+    destroyAll(): void;
+}

package/dist/core/systems/Postprocessing.js

@@ -0,0 +1 @@
+"use strict";var m=Object.defineProperty;var w=(u,e,t)=>e in u?m(u,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):u[e]=t;var h=(u,e,t)=>w(u,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class F{constructor(e){h(this,"webglManager");h(this,"effects",new Map);h(this,"chains",new Map);h(this,"defaultFramebufferOptions",{width:0,height:0,textureCount:2,textureOptions:{minFilter:WebGLRenderingContext.LINEAR,magFilter:WebGLRenderingContext.LINEAR}});this.webglManager=e}registerEffect(e){this.effects.has(e.id)&&console.warn(`Effect with id ${e.id} already exists, overwriting`),this.webglManager.resources.has(e.programId)||this.webglManager.createProgram(e.programId,e.shaderConfig),this.effects.set(e.id,e)}removeEffect(e){if(!this.effects.has(e)){console.warn(`Effect with id ${e} not found`);return}this.effects.delete(e)}createChain(e,t,r,s=null,a=this.defaultFramebufferOptions){this.chains.has(e)&&console.warn(`Chain with id ${e} already exists, overwriting`);const i=[];for(const o of t){const f=this.effects.get(o);if(!f)throw new Error(`Effect with id ${o} not found`);i.push(f)}const n=[];for(let o=0;o<i.length-1;o++){const f=`${e}-intermediate-${o}`;this.webglManager.fbo.createFramebuffer(f,a),n.push(f)}this.chains.set(e,{id:e,effects:i,inputFramebufferId:r,outputFramebufferId:s,intermediateFramebufferIds:n})}removeChain(e){const t=this.chains.get(e);if(!t){console.warn(`Chain with id ${e} not found`);return}t.intermediateFramebufferIds.forEach(r=>{this.webglManager.fbo.destroy(r)}),this.chains.delete(e)}generatePasses(e,t){const r=this.chains.get(e);if(!r)throw new Error(`Chain with id ${e} not found`);const s=[],a=r.effects.filter(i=>i.enabled);return a.length===0?[{programId:"copy-shader",inputTextures:[{id:r.inputFramebufferId,textureUnit:0,bindingType:"read"}],outputFramebuffer:r.outputFramebufferId,renderOptions:{clear:!0}}]:(a.forEach((i,n)=>{const o=n===0,f=n===a.length-1,b=o?r.inputFramebufferId:r.intermediateFramebufferIds[n-1],l=f?r.outputFramebufferId:r.intermediateFramebufferIds[n],g={};Object.entries(i.uniforms).forEach(([c,d])=>{const p=c.startsWith("u_")?c:`u_${c}`;g[p]={type:d.type,value:d.value}}),s.push({programId:i.programId,inputTextures:[{id:b,textureUnit:0,bindingType:"read"}],outputFramebuffer:l,uniforms:g,renderOptions:{clear:!0}})}),s)}process(e,t){const r=this.generatePasses(e,t);for(const s of r)s.outputFramebuffer?this.webglManager.fbo.bindFramebuffer(s.outputFramebuffer):this.webglManager.fbo.bindFramebuffer(null),this.webglManager.prepareRender(s.programId,s.renderOptions),s.inputTextures.forEach(a=>{this.webglManager.fbo.bindTexture(a.id,a.textureUnit),this.webglManager.setUniform(s.programId,`u_texture${a.textureUnit}`,a.textureUnit,"sampler2D")}),s.uniforms&&Object.entries(s.uniforms).forEach(([a,i])=>{const n=typeof i.value=="function"?i.value(t,this.webglManager.context.canvas.width,this.webglManager.context.canvas.height):i.value;this.webglManager.setUniform(s.programId,a,n,i.type)}),this.webglManager.context.drawArrays(this.webglManager.context.TRIANGLE_STRIP,0,4)}resizeFramebuffers(e,t){for(const r of this.chains.values())for(const s of r.intermediateFramebufferIds)this.webglManager.fbo.resizeFramebuffer(s,e,t)}destroyAll(){for(const e of this.chains.values())for(const t of e.intermediateFramebufferIds)this.webglManager.fbo.destroy(t);this.chains.clear(),this.effects.clear()}}exports.Postprocessing=F;