micugl 0.0.7 → 0.0.8

package/dist/examples/Ripple/rippleShaders.mjs

@@ -0,0 +1,94 @@
+const e = (
+  /* glsl */
+  `
+  attribute vec2 a_position;
+  varying vec2 v_texCoord;
+  void main() {
+    gl_Position = vec4(a_position, 0.0, 1.0);
+    v_texCoord = a_position * 0.5 + 0.5;
+  }
+`
+), t = (
+  /* glsl */
+  `
+  precision highp float;
+  
+  uniform vec2 u_resolution;
+  uniform float u_time;
+  uniform sampler2D u_texture0;
+  uniform vec2 u_mouse;
+  uniform float u_mouseForce;
+  uniform float u_damping;
+  
+  varying vec2 v_texCoord;
+  
+  void main() {
+    vec2 uv = v_texCoord;
+    vec2 texelSize = 1.0 / u_resolution;
+    
+    vec4 state = texture2D(u_texture0, uv);
+    float height = state.r;
+    float velocity = state.g;
+    
+    float north = texture2D(u_texture0, uv + vec2(0.0, texelSize.y)).r;
+    float south = texture2D(u_texture0, uv - vec2(0.0, texelSize.y)).r;
+    float east = texture2D(u_texture0, uv + vec2(texelSize.x, 0.0)).r;
+    float west = texture2D(u_texture0, uv - vec2(texelSize.x, 0.0)).r;
+    
+    float newVelocity = velocity + ((north + south + east + west) / 4.0 - height) * 2.0;
+    newVelocity *= u_damping;
+    
+    float newHeight = height + newVelocity;
+    
+    vec2 mouseVec = u_mouse - uv;
+    float mouseDistance = length(mouseVec);
+    if (mouseDistance < 0.05 && u_mouseForce > 0.0) {
+        newHeight += 0.5;
+    }
+    
+    float startTime = mod(u_time * 0.001, 10.0);
+    if (startTime < 0.2) {
+        vec2 center = vec2(0.5, 0.5);
+        float centerDist = length(uv - center);
+        if (centerDist < 0.05) {
+            newHeight += 0.5 * (1.0 - startTime * 5.0);
+        }
+    }
+    
+    gl_FragColor = vec4(newHeight, newVelocity, 0.0, 1.0);
+  }
+`
+), o = (
+  /* glsl */
+  `
+  precision highp float;
+  
+  uniform vec2 u_resolution;
+  uniform float u_time;
+  uniform sampler2D u_texture0;
+  uniform vec3 u_color1;
+  uniform vec3 u_color2;
+  
+  varying vec2 v_texCoord;
+  
+  void main() {
+    vec2 uv = v_texCoord;
+    
+    vec4 state = texture2D(u_texture0, uv);
+    float height = state.r;
+    
+    vec3 color = mix(u_color1, u_color2, (height + 1.0) * 0.5);
+    
+    float t = u_time * 0.001;
+    float brightness = 1.0 + 0.1 * sin(uv.x * 10.0 + t) * sin(uv.y * 10.0 + t);
+    color *= brightness;
+    
+    gl_FragColor = vec4(color, 1.0);
+  }
+`
+);
+export {
+  o as rippleRenderShader,
+  t as rippleSimulationShader,
+  e as rippleVertexShader
+};

package/dist/examples/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Marble';
-export type { MarbleProps } from './Marble';
-export * from './SimpleRipple';
-export type { SimpleRippleProps } from './SimpleRipple';
+export { Marble, type MarbleProps } from './Marble/MarbleScene';
+export { marbleFragmentShader, marbleVertexShader } from './Marble/marbleShaders';
+export { Ripple, type RippleProps } from './Ripple/RippleScene';
+export { rippleRenderShader, rippleSimulationShader, rippleVertexShader } from './Ripple/rippleShaders';

package/dist/examples/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../MarbleScene-B1gMFEHc.js"),e=require("../SimpleRippleScene--B1BrlxP.js");exports.Marble=r.Marble;exports.marbleFragmentShader=r.marbleFragmentShader;exports.marbleVertexShader=r.marbleVertexShader;exports.SimpleRipple=e.SimpleRipple;exports.rippleRenderShader=e.rippleRenderShader;exports.rippleSimulationShader=e.rippleSimulationShader;exports.rippleVertexShader=e.rippleVertexShader;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./Marble/MarbleScene.js"),r=require("./Marble/marbleShaders.js"),l=require("./Ripple/RippleScene.js"),e=require("./Ripple/rippleShaders.js");exports.Marble=a.Marble;exports.marbleFragmentShader=r.marbleFragmentShader;exports.marbleVertexShader=r.marbleVertexShader;exports.Ripple=l.Ripple;exports.rippleRenderShader=e.rippleRenderShader;exports.rippleSimulationShader=e.rippleSimulationShader;exports.rippleVertexShader=e.rippleVertexShader;

package/dist/examples/index.mjs

@@ -1,11 +1,13 @@
-import { M as a, a as p, m as l } from "../MarbleScene-DmZt4s6L.mjs";
-import { S, b as i, a as s, r as d } from "../SimpleRippleScene-Ba-EPdTJ.mjs";
+import { Marble as p } from "./Marble/MarbleScene.mjs";
+import { marbleFragmentShader as o, marbleVertexShader as l } from "./Marble/marbleShaders.mjs";
+import { Ripple as t } from "./Ripple/RippleScene.mjs";
+import { rippleRenderShader as i, rippleSimulationShader as x, rippleVertexShader as S } from "./Ripple/rippleShaders.mjs";
 export {
-  a as Marble,
-  S as SimpleRipple,
-  p as marbleFragmentShader,
+  p as Marble,
+  t as Ripple,
+  o as marbleFragmentShader,
   l as marbleVertexShader,
   i as rippleRenderShader,
-  s as rippleSimulationShader,
-  d as rippleVertexShader
+  x as rippleSimulationShader,
+  S as rippleVertexShader
 };

package/dist/index.d.ts

@@ -1,23 +1,49 @@
-import { default as default_2 } from 'react';
+import { CSSProperties } from 'react';
+import { JSX } from 'react/jsx-runtime';
 
-export declare const rippleRenderShader = "\n  precision highp float;\n  \n  uniform vec2 u_resolution;\n  uniform float u_time;\n  uniform sampler2D u_texture0;\n  uniform vec3 u_color1;\n  uniform vec3 u_color2;\n  \n  varying vec2 v_texCoord;\n  \n  void main() {\n    vec2 uv = v_texCoord;\n    \n    vec4 state = texture2D(u_texture0, uv);\n    float height = state.r;\n    \n    vec3 color = mix(u_color1, u_color2, (height + 1.0) * 0.5);\n    \n    float t = u_time * 0.001;\n    float brightness = 1.0 + 0.1 * sin(uv.x * 10.0 + t) * sin(uv.y * 10.0 + t);\n    color *= brightness;\n    \n    gl_FragColor = vec4(color, 1.0);\n  }\n";
+export declare const Marble: ({ marbleScale, tileScale, turbulence, swirl, veinFrequency, veinWidth, colorStart, colorEnd, veinColor, colorStartDark, colorEndDark, veinColorDark, className, style }: MarbleProps) => JSX.Element;
 
-export declare const rippleSimulationShader = "\n  precision highp float;\n  \n  uniform vec2 u_resolution;\n  uniform float u_time;\n  uniform sampler2D u_texture0;\n  uniform vec2 u_mouse;\n  uniform float u_mouseForce;\n  uniform float u_damping;\n  \n  varying vec2 v_texCoord;\n  \n  void main() {\n    vec2 uv = v_texCoord;\n    vec2 texelSize = 1.0 / u_resolution;\n    \n    vec4 state = texture2D(u_texture0, uv);\n    float height = state.r;\n    float velocity = state.g;\n    \n    float north = texture2D(u_texture0, uv + vec2(0.0, texelSize.y)).r;\n    float south = texture2D(u_texture0, uv - vec2(0.0, texelSize.y)).r;\n    float east = texture2D(u_texture0, uv + vec2(texelSize.x, 0.0)).r;\n    float west = texture2D(u_texture0, uv - vec2(texelSize.x, 0.0)).r;\n    \n    float newVelocity = velocity + ((north + south + east + west) / 4.0 - height) * 2.0;\n    newVelocity *= u_damping;\n    \n    float newHeight = height + newVelocity;\n    \n    vec2 mouseVec = u_mouse - uv;\n    float mouseDistance = length(mouseVec);\n    if (mouseDistance < 0.05 && u_mouseForce > 0.0) {\n        newHeight += 0.5;\n    }\n    \n    float startTime = mod(u_time * 0.001, 10.0);\n    if (startTime < 0.2) {\n        vec2 center = vec2(0.5, 0.5);\n        float centerDist = length(uv - center);\n        if (centerDist < 0.05) {\n            newHeight += 0.5 * (1.0 - startTime * 5.0);\n        }\n    }\n    \n    gl_FragColor = vec4(newHeight, newVelocity, 0.0, 1.0);\n  }\n";
+export declare const marbleFragmentShader = "\nprecision highp float;\n  \nuniform vec2 u_resolution;\nuniform float u_time;\nuniform float u_marbleScale;\nuniform float u_turbulence;\nuniform float u_swirl;\nuniform vec3 u_colorStart;\nuniform vec3 u_colorEnd;\nuniform vec3 u_veinColor;\nuniform float u_veinFrequency;\nuniform float u_veinWidth;\nuniform float u_tileScale;\n  \nvarying vec2 v_texCoord;\n  \nfloat hash(float n) {\n  return fract(sin(n) * 43758.5453123);\n}\n  \nfloat hash(vec2 p) {\n  return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758.5453123);\n}\n  \nfloat noise(vec2 x) {\n  vec2 i = floor(x);\n  vec2 f = fract(x);\n  \n  float a = hash(i);\n  float b = hash(i + vec2(1.0, 0.0));\n  float c = hash(i + vec2(0.0, 1.0));\n  float d = hash(i + vec2(1.0, 1.0));\n  \n  vec2 u = f * f * (3.0 - 2.0 * f);\n  \n  return clamp(mix(mix(a, b, u.x), mix(c, d, u.x), u.y), 0.0, 1.0);\n}\n  \nfloat fbm(vec2 p, int octaves) {\n  float value = 0.0;\n  float amplitude = 0.5;\n  float frequency = 1.0;\n  float maxValue = 0.0;\n  \n  for (int i = 0; i < 10; i++) {\n    if (i >= octaves) break;\n    value += amplitude * noise(p * frequency);\n    maxValue += amplitude;\n    frequency *= 2.0;\n    amplitude *= 0.5;\n  }\n  \n  return value / maxValue;\n}\n  \nvec2 swirl(vec2 p, float strength) {\n  float theta = fbm(p, 3) * strength;\n  float c = cos(theta);\n  float s = sin(theta);\n  return vec2(\n    p.x * c - p.y * s,\n    p.x * s + p.y * c\n  );\n}\n\nvec2 applyTilePixelation(vec2 uv, float tileScale) {\n  vec2 cell = floor(uv * tileScale);\n  float cellHash = (1.3 * fbm(u_time * 0.00002 * vec2(pow(pow(cell.x * cell.y, 2.0), 0.5), 2.0) + cell, 1) + 0.8 * hash(cell)) * 0.5;\n  float hashValue = cellHash * 3.0;\n  float pixelSize = 1.0;\n\n  if (hashValue < 1.0) pixelSize = 32.0;\n    else if (hashValue < 1.3) pixelSize = 16.0;\n    else if (hashValue < 1.8) pixelSize = 64.0;\n    else if (hashValue < 1.85) pixelSize = 16.0;\n    else if (hashValue < 2.2) pixelSize = 64.0;\n    else if (hashValue < 2.3) pixelSize = 16.0;\n    else if (hashValue < 2.6) pixelSize = 32.0;\n    else pixelSize = 128.0;\n\n  return floor(uv * pixelSize) / pixelSize;\n}\n  \nvoid main() {\n  vec2 uv = v_texCoord * 2.0 - 1.0;\n  uv = uv * u_resolution / min(u_resolution.x, u_resolution.y);\n  \n  vec2 pixelatedUv = applyTilePixelation(uv, u_tileScale);\n  \n  float time = u_time * 0.25;\n  \n  vec2 swirlUv = swirl(pixelatedUv + vec2(time * 0.0005, time * 0.00083), max(0.0, min(10.0, u_swirl)));\n  \n  float baseNoise = fbm(swirlUv * max(0.1, u_marbleScale) + vec2(time * 0.1, time * 0.13), 5);\n  \n  float turbulenceAmount = max(0.0, min(1.0, u_turbulence));\n  float turbulence = turbulenceAmount * fbm(swirlUv * max(0.1, u_marbleScale) * 2.0 + vec2(time * -0.15), 2);\n  baseNoise = clamp(baseNoise + turbulence, 0.0, 1.0);\n  \n  float veinFreq = max(0.1, u_veinFrequency);\n  float veinW = max(0.1, min(5.0, u_veinWidth));\n  float veins = abs(sin(baseNoise * veinFreq * 3.14159));\n  veins = pow(veins, veinW);\n  veins = clamp(veins, 0.0, 1.0);\n  \n  vec3 baseColor = mix(u_colorStart, u_colorEnd, baseNoise);\n  \n  vec3 marbleColor = mix(baseColor, u_veinColor, veins);\n  \n  float highlight = pow(fbm(swirlUv * max(0.1, u_marbleScale) * 4.0, 2), 3.0) * 0.2;\n \n  marbleColor = floor(marbleColor * 32.0) / 32.0;\n  marbleColor = mix(marbleColor, u_veinColor, veins * 0.5);\n  marbleColor = marbleColor + 0.0425;\n  marbleColor = clamp(marbleColor, 0.0, 1.0);\n\n  marbleColor = mix(marbleColor, u_veinColor, 0.7);\n  gl_FragColor = vec4(marbleColor, 1.0);\n}\n";
 
-export declare const rippleVertexShader = "\n  attribute vec2 a_position;\n  varying vec2 v_texCoord;\n  void main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texCoord = a_position * 0.5 + 0.5;\n  }\n";
+export declare interface MarbleProps {
+    marbleScale?: number;
+    tileScale?: number;
+    turbulence?: number;
+    swirl?: number;
+    colorStart?: Vec3;
+    colorEnd?: Vec3;
+    veinColor?: Vec3;
+    colorStartDark?: Vec3;
+    colorEndDark?: Vec3;
+    veinColorDark?: Vec3;
+    veinFrequency?: number;
+    veinWidth?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+
+export declare const marbleVertexShader = "\n  attribute vec2 a_position;\n  varying vec2 v_texCoord;\n\n  void main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texCoord = a_position * 0.5 + 0.5;\n  }\n";
 
-export declare const SimpleRipple: default_2.FC<SimpleRippleProps>;
+export declare const Ripple: ({ damping, mouseForce, color1, color2, iterations, className, style }: RippleProps) => JSX.Element;
 
-export declare interface SimpleRippleProps {
+export declare interface RippleProps {
     damping?: number;
     mouseForce?: number;
-    color1?: Vec3;
-    color2?: Vec3;
+    color1?: Vec3_2;
+    color2?: Vec3_2;
     iterations?: number;
     className?: string;
-    style?: default_2.CSSProperties;
+    style?: CSSProperties;
 }
 
+export declare const rippleRenderShader = "\n  precision highp float;\n  \n  uniform vec2 u_resolution;\n  uniform float u_time;\n  uniform sampler2D u_texture0;\n  uniform vec3 u_color1;\n  uniform vec3 u_color2;\n  \n  varying vec2 v_texCoord;\n  \n  void main() {\n    vec2 uv = v_texCoord;\n    \n    vec4 state = texture2D(u_texture0, uv);\n    float height = state.r;\n    \n    vec3 color = mix(u_color1, u_color2, (height + 1.0) * 0.5);\n    \n    float t = u_time * 0.001;\n    float brightness = 1.0 + 0.1 * sin(uv.x * 10.0 + t) * sin(uv.y * 10.0 + t);\n    color *= brightness;\n    \n    gl_FragColor = vec4(color, 1.0);\n  }\n";
+
+export declare const rippleSimulationShader = "\n  precision highp float;\n  \n  uniform vec2 u_resolution;\n  uniform float u_time;\n  uniform sampler2D u_texture0;\n  uniform vec2 u_mouse;\n  uniform float u_mouseForce;\n  uniform float u_damping;\n  \n  varying vec2 v_texCoord;\n  \n  void main() {\n    vec2 uv = v_texCoord;\n    vec2 texelSize = 1.0 / u_resolution;\n    \n    vec4 state = texture2D(u_texture0, uv);\n    float height = state.r;\n    float velocity = state.g;\n    \n    float north = texture2D(u_texture0, uv + vec2(0.0, texelSize.y)).r;\n    float south = texture2D(u_texture0, uv - vec2(0.0, texelSize.y)).r;\n    float east = texture2D(u_texture0, uv + vec2(texelSize.x, 0.0)).r;\n    float west = texture2D(u_texture0, uv - vec2(texelSize.x, 0.0)).r;\n    \n    float newVelocity = velocity + ((north + south + east + west) / 4.0 - height) * 2.0;\n    newVelocity *= u_damping;\n    \n    float newHeight = height + newVelocity;\n    \n    vec2 mouseVec = u_mouse - uv;\n    float mouseDistance = length(mouseVec);\n    if (mouseDistance < 0.05 && u_mouseForce > 0.0) {\n        newHeight += 0.5;\n    }\n    \n    float startTime = mod(u_time * 0.001, 10.0);\n    if (startTime < 0.2) {\n        vec2 center = vec2(0.5, 0.5);\n        float centerDist = length(uv - center);\n        if (centerDist < 0.05) {\n            newHeight += 0.5 * (1.0 - startTime * 5.0);\n        }\n    }\n    \n    gl_FragColor = vec4(newHeight, newVelocity, 0.0, 1.0);\n  }\n";
+
+export declare const rippleVertexShader = "\n  attribute vec2 a_position;\n  varying vec2 v_texCoord;\n  void main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texCoord = a_position * 0.5 + 0.5;\n  }\n";
+
 declare type Vec3 = [number, number, number];
 
+declare type Vec3_2 = [number, number, number];
+
 export { }

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./useUniformUpdaters-DGX0mf9g.js"),h=require("./BasePingPongShaderComponent-BvRm7-g5.js"),c=require("./BaseShaderComponent-BSBIvn4B.js");class E{constructor(e){this.effects=new Map,this.chains=new Map,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,n,t,r=null,a=this.defaultFramebufferOptions){this.chains.has(e)&&console.warn(`Chain with id ${e} already exists, overwriting`);const s=[];for(const o of n){const f=this.effects.get(o);if(!f)throw new Error(`Effect with id ${o} not found`);s.push(f)}const i=[];for(let o=0;o<s.length-1;o++){const f=`${e}-intermediate-${o}`;this.webglManager.fbo.createFramebuffer(f,a),i.push(f)}this.chains.set(e,{id:e,effects:s,inputFramebufferId:t,outputFramebufferId:r,intermediateFramebufferIds:i})}removeChain(e){const n=this.chains.get(e);if(!n){console.warn(`Chain with id ${e} not found`);return}n.intermediateFramebufferIds.forEach(t=>{this.webglManager.fbo.destroy(t)}),this.chains.delete(e)}generatePasses(e,n){const t=this.chains.get(e);if(!t)throw new Error(`Chain with id ${e} not found`);const r=[],a=t.effects.filter(s=>s.enabled);return a.length===0?[{programId:"copy-shader",inputTextures:[{id:t.inputFramebufferId,textureUnit:0,bindingType:"read"}],outputFramebuffer:t.outputFramebufferId,renderOptions:{clear:!0}}]:(a.forEach((s,i)=>{const o=i===0,f=i===a.length-1,m=o?t.inputFramebufferId:t.intermediateFramebufferIds[i-1],b=f?t.outputFramebufferId:t.intermediateFramebufferIds[i],p={};Object.entries(s.uniforms).forEach(([g,l])=>{const w=g.startsWith("u_")?g:`u_${g}`,d=l;p[w]={type:d.type,value:typeof d.value=="function"?(F,M,P)=>{const U=d.value;return U(F,M,P)}:d.value}}),r.push({programId:s.programId,inputTextures:[{id:m,textureUnit:0,bindingType:"read"}],outputFramebuffer:b,uniforms:p,renderOptions:{clear:!0}})}),r)}process(e,n){const t=this.generatePasses(e,n);for(const r of t)r.outputFramebuffer?this.webglManager.fbo.bindFramebuffer(r.outputFramebuffer):this.webglManager.fbo.bindFramebuffer(null),this.webglManager.prepareRender(r.programId,r.renderOptions),r.inputTextures.forEach(a=>{this.webglManager.fbo.bindTexture(a.id,a.textureUnit),this.webglManager.setUniform(r.programId,`u_texture${a.textureUnit}`,a.textureUnit,"sampler2D")}),r.uniforms&&Object.entries(r.uniforms).forEach(([a,s])=>{const i=typeof s.value=="function"?s.value(n,this.webglManager.context.canvas.width,this.webglManager.context.canvas.height):s.value;this.webglManager.setUniform(r.programId,a,i,s.type)}),this.webglManager.context.drawArrays(this.webglManager.context.TRIANGLE_STRIP,0,4)}resizeFramebuffers(e,n){for(const t of this.chains.values())for(const r of t.intermediateFramebufferIds)this.webglManager.fbo.resizeFramebuffer(r,e,n)}destroyAll(){for(const e of this.chains.values())for(const n of e.intermediateFramebufferIds)this.webglManager.fbo.destroy(n);this.chains.clear(),this.effects.clear()}}exports.FBOManager=u.FBOManager;exports.WebGLManager=u.WebGLManager;exports.createCommonUpdaters=u.createCommonUpdaters;exports.createShaderConfig=u.createShaderConfig;exports.createUniformUpdater=u.createUniformUpdater;exports.createUniformUpdaters=u.createUniformUpdaters;exports.useUniformUpdaters=u.useUniformUpdaters;exports.BasePingPongShaderComponent=h.BasePingPongShaderComponent;exports.Passes=h.Passes;exports.PingPongShaderEngine=h.PingPongShaderEngine;exports.usePingPongPasses=h.usePingPongPasses;exports.BaseShaderComponent=c.BaseShaderComponent;exports.ShaderEngine=c.ShaderEngine;exports.useDarkMode=c.useDarkMode;exports.Postprocessing=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./src/core/lib/vectorUtils.js"),n=require("./src/core/lib/createShaderConfig.js"),a=require("./src/core/managers/FBOManager.js"),o=require("./src/core/managers/WebGLManager.js"),s=require("./src/core/systems/Passes.js"),t=require("./src/core/systems/Postprocessing.js"),i=require("./src/react/components/base/BasePingPongShaderComponent.js"),c=require("./src/react/components/base/BaseShaderComponent.js"),g=require("./src/react/components/engine/PingPongShaderEngine.js"),d=require("./src/react/components/engine/ShaderEngine.js"),P=require("./src/react/hooks/useDarkMode.js"),u=require("./src/react/hooks/usePingPongPasses.js"),m=require("./src/react/hooks/useUniformUpdaters.js"),r=require("./src/react/lib/createUniformUpdater.js");exports.createTypedFloat32Array=e.createTypedFloat32Array;exports.mat2=e.mat2;exports.mat3=e.mat3;exports.mat4=e.mat4;exports.vec2=e.vec2;exports.vec3=e.vec3;exports.vec4=e.vec4;exports.createShaderConfig=n.createShaderConfig;exports.FBOManager=a.FBOManager;exports.WebGLManager=o.WebGLManager;exports.Passes=s.Passes;exports.Postprocessing=t.Postprocessing;exports.BasePingPongShaderComponent=i.BasePingPongShaderComponent;exports.BaseShaderComponent=c.BaseShaderComponent;exports.PingPongShaderEngine=g.PingPongShaderEngine;exports.ShaderEngine=d.ShaderEngine;exports.useDarkMode=P.useDarkMode;exports.usePingPongPasses=u.usePingPongPasses;exports.useUniformUpdaters=m.useUniformUpdaters;exports.createCommonUpdaters=r.createCommonUpdaters;exports.createUniformUpdater=r.createUniformUpdater;exports.createUniformUpdaters=r.createUniformUpdaters;

package/dist/index.mjs

@@ -1,149 +1,38 @@
-import { F as v, W as y, a as P, c as U, b as C, d as $, u as O } from "./useUniformUpdaters-D5WtqZpp.mjs";
-import { B as L, P as R, a as S, u as A } from "./BasePingPongShaderComponent-FY62Kl02.mjs";
-import { B as W, S as _, u as G } from "./BaseShaderComponent-Be_evz2F.mjs";
-class I {
-  constructor(e) {
-    this.effects = /* @__PURE__ */ new Map(), this.chains = /* @__PURE__ */ new Map(), 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, a, t, r = null, n = this.defaultFramebufferOptions) {
-    this.chains.has(e) && console.warn(`Chain with id ${e} already exists, overwriting`);
-    const s = [];
-    for (const o of a) {
-      const f = this.effects.get(o);
-      if (!f)
-        throw new Error(`Effect with id ${o} not found`);
-      s.push(f);
-    }
-    const i = [];
-    for (let o = 0; o < s.length - 1; o++) {
-      const f = `${e}-intermediate-${o}`;
-      this.webglManager.fbo.createFramebuffer(f, n), i.push(f);
-    }
-    this.chains.set(e, {
-      id: e,
-      effects: s,
-      inputFramebufferId: t,
-      outputFramebufferId: r,
-      intermediateFramebufferIds: i
-    });
-  }
-  removeChain(e) {
-    const a = this.chains.get(e);
-    if (!a) {
-      console.warn(`Chain with id ${e} not found`);
-      return;
-    }
-    a.intermediateFramebufferIds.forEach((t) => {
-      this.webglManager.fbo.destroy(t);
-    }), this.chains.delete(e);
-  }
-  generatePasses(e, a) {
-    const t = this.chains.get(e);
-    if (!t)
-      throw new Error(`Chain with id ${e} not found`);
-    const r = [], n = t.effects.filter((s) => s.enabled);
-    return n.length === 0 ? [{
-      programId: "copy-shader",
-      // Assuming you have a simple copy shader
-      inputTextures: [{
-        id: t.inputFramebufferId,
-        textureUnit: 0,
-        bindingType: "read"
-      }],
-      outputFramebuffer: t.outputFramebufferId,
-      renderOptions: { clear: !0 }
-    }] : (n.forEach((s, i) => {
-      const o = i === 0, f = i === n.length - 1, c = o ? t.inputFramebufferId : t.intermediateFramebufferIds[i - 1], g = f ? t.outputFramebufferId : t.intermediateFramebufferIds[i], d = {};
-      Object.entries(s.uniforms).forEach(([h, b]) => {
-        const p = h.startsWith("u_") ? h : `u_${h}`, u = b;
-        d[p] = {
-          type: u.type,
-          value: typeof u.value == "function" ? (l, m, w) => {
-            const F = u.value;
-            return F(l, m, w);
-          } : u.value
-        };
-      }), r.push({
-        programId: s.programId,
-        inputTextures: [{
-          id: c,
-          textureUnit: 0,
-          bindingType: "read"
-        }],
-        outputFramebuffer: g,
-        uniforms: d,
-        renderOptions: { clear: !0 }
-      });
-    }), r);
-  }
-  process(e, a) {
-    const t = this.generatePasses(e, a);
-    for (const r of t)
-      r.outputFramebuffer ? this.webglManager.fbo.bindFramebuffer(r.outputFramebuffer) : this.webglManager.fbo.bindFramebuffer(null), this.webglManager.prepareRender(r.programId, r.renderOptions), r.inputTextures.forEach((n) => {
-        this.webglManager.fbo.bindTexture(n.id, n.textureUnit), this.webglManager.setUniform(
-          r.programId,
-          `u_texture${n.textureUnit}`,
-          n.textureUnit,
-          "sampler2D"
-        );
-      }), r.uniforms && Object.entries(r.uniforms).forEach(([n, s]) => {
-        const i = typeof s.value == "function" ? s.value(a, this.webglManager.context.canvas.width, this.webglManager.context.canvas.height) : s.value;
-        this.webglManager.setUniform(
-          r.programId,
-          n,
-          i,
-          s.type
-        );
-      }), this.webglManager.context.drawArrays(
-        this.webglManager.context.TRIANGLE_STRIP,
-        0,
-        4
-      );
-  }
-  resizeFramebuffers(e, a) {
-    for (const t of this.chains.values())
-      for (const r of t.intermediateFramebufferIds)
-        this.webglManager.fbo.resizeFramebuffer(r, e, a);
-  }
-  destroyAll() {
-    for (const e of this.chains.values())
-      for (const a of e.intermediateFramebufferIds)
-        this.webglManager.fbo.destroy(a);
-    this.chains.clear(), this.effects.clear();
-  }
-}
+import { createTypedFloat32Array as o, mat2 as t, mat3 as a, mat4 as m, vec2 as n, vec3 as p, vec4 as f } from "./src/core/lib/vectorUtils.mjs";
+import { createShaderConfig as x } from "./src/core/lib/createShaderConfig.mjs";
+import { FBOManager as d } from "./src/core/managers/FBOManager.mjs";
+import { WebGLManager as c } from "./src/core/managers/WebGLManager.mjs";
+import { Passes as U } from "./src/core/systems/Passes.mjs";
+import { Postprocessing as S } from "./src/core/systems/Postprocessing.mjs";
+import { BasePingPongShaderComponent as u } from "./src/react/components/base/BasePingPongShaderComponent.mjs";
+import { BaseShaderComponent as B } from "./src/react/components/base/BaseShaderComponent.mjs";
+import { PingPongShaderEngine as y } from "./src/react/components/engine/PingPongShaderEngine.mjs";
+import { ShaderEngine as F } from "./src/react/components/engine/ShaderEngine.mjs";
+import { useDarkMode as k } from "./src/react/hooks/useDarkMode.mjs";
+import { usePingPongPasses as A } from "./src/react/hooks/usePingPongPasses.mjs";
+import { useUniformUpdaters as G } from "./src/react/hooks/useUniformUpdaters.mjs";
+import { createCommonUpdaters as O, createUniformUpdater as T, createUniformUpdaters as W } from "./src/react/lib/createUniformUpdater.mjs";
 export {
-  L as BasePingPongShaderComponent,
-  W as BaseShaderComponent,
-  v as FBOManager,
-  R as Passes,
-  S as PingPongShaderEngine,
-  I as Postprocessing,
-  _ as ShaderEngine,
-  y as WebGLManager,
-  P as createCommonUpdaters,
-  U as createShaderConfig,
-  C as createUniformUpdater,
-  $ as createUniformUpdaters,
-  G as useDarkMode,
+  u as BasePingPongShaderComponent,
+  B as BaseShaderComponent,
+  d as FBOManager,
+  U as Passes,
+  y as PingPongShaderEngine,
+  S as Postprocessing,
+  F as ShaderEngine,
+  c as WebGLManager,
+  O as createCommonUpdaters,
+  x as createShaderConfig,
+  o as createTypedFloat32Array,
+  T as createUniformUpdater,
+  W as createUniformUpdaters,
+  t as mat2,
+  a as mat3,
+  m as mat4,
+  k as useDarkMode,
   A as usePingPongPasses,
-  O as useUniformUpdaters
+  G as useUniformUpdaters,
+  n as vec2,
+  p as vec3,
+  f as vec4
 };

package/dist/marbleShaders.d.ts

@@ -0,0 +1,5 @@
+export declare const marbleFragmentShader = "\nprecision highp float;\n  \nuniform vec2 u_resolution;\nuniform float u_time;\nuniform float u_marbleScale;\nuniform float u_turbulence;\nuniform float u_swirl;\nuniform vec3 u_colorStart;\nuniform vec3 u_colorEnd;\nuniform vec3 u_veinColor;\nuniform float u_veinFrequency;\nuniform float u_veinWidth;\nuniform float u_tileScale;\n  \nvarying vec2 v_texCoord;\n  \nfloat hash(float n) {\n  return fract(sin(n) * 43758.5453123);\n}\n  \nfloat hash(vec2 p) {\n  return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758.5453123);\n}\n  \nfloat noise(vec2 x) {\n  vec2 i = floor(x);\n  vec2 f = fract(x);\n  \n  float a = hash(i);\n  float b = hash(i + vec2(1.0, 0.0));\n  float c = hash(i + vec2(0.0, 1.0));\n  float d = hash(i + vec2(1.0, 1.0));\n  \n  vec2 u = f * f * (3.0 - 2.0 * f);\n  \n  return clamp(mix(mix(a, b, u.x), mix(c, d, u.x), u.y), 0.0, 1.0);\n}\n  \nfloat fbm(vec2 p, int octaves) {\n  float value = 0.0;\n  float amplitude = 0.5;\n  float frequency = 1.0;\n  float maxValue = 0.0;\n  \n  for (int i = 0; i < 10; i++) {\n    if (i >= octaves) break;\n    value += amplitude * noise(p * frequency);\n    maxValue += amplitude;\n    frequency *= 2.0;\n    amplitude *= 0.5;\n  }\n  \n  return value / maxValue;\n}\n  \nvec2 swirl(vec2 p, float strength) {\n  float theta = fbm(p, 3) * strength;\n  float c = cos(theta);\n  float s = sin(theta);\n  return vec2(\n    p.x * c - p.y * s,\n    p.x * s + p.y * c\n  );\n}\n\nvec2 applyTilePixelation(vec2 uv, float tileScale) {\n  vec2 cell = floor(uv * tileScale);\n  float cellHash = (1.3 * fbm(u_time * 0.00002 * vec2(pow(pow(cell.x * cell.y, 2.0), 0.5), 2.0) + cell, 1) + 0.8 * hash(cell)) * 0.5;\n  float hashValue = cellHash * 3.0;\n  float pixelSize = 1.0;\n\n  if (hashValue < 1.0) pixelSize = 32.0;\n    else if (hashValue < 1.3) pixelSize = 16.0;\n    else if (hashValue < 1.8) pixelSize = 64.0;\n    else if (hashValue < 1.85) pixelSize = 16.0;\n    else if (hashValue < 2.2) pixelSize = 64.0;\n    else if (hashValue < 2.3) pixelSize = 16.0;\n    else if (hashValue < 2.6) pixelSize = 32.0;\n    else pixelSize = 128.0;\n\n  return floor(uv * pixelSize) / pixelSize;\n}\n  \nvoid main() {\n  vec2 uv = v_texCoord * 2.0 - 1.0;\n  uv = uv * u_resolution / min(u_resolution.x, u_resolution.y);\n  \n  vec2 pixelatedUv = applyTilePixelation(uv, u_tileScale);\n  \n  float time = u_time * 0.25;\n  \n  vec2 swirlUv = swirl(pixelatedUv + vec2(time * 0.0005, time * 0.00083), max(0.0, min(10.0, u_swirl)));\n  \n  float baseNoise = fbm(swirlUv * max(0.1, u_marbleScale) + vec2(time * 0.1, time * 0.13), 5);\n  \n  float turbulenceAmount = max(0.0, min(1.0, u_turbulence));\n  float turbulence = turbulenceAmount * fbm(swirlUv * max(0.1, u_marbleScale) * 2.0 + vec2(time * -0.15), 2);\n  baseNoise = clamp(baseNoise + turbulence, 0.0, 1.0);\n  \n  float veinFreq = max(0.1, u_veinFrequency);\n  float veinW = max(0.1, min(5.0, u_veinWidth));\n  float veins = abs(sin(baseNoise * veinFreq * 3.14159));\n  veins = pow(veins, veinW);\n  veins = clamp(veins, 0.0, 1.0);\n  \n  vec3 baseColor = mix(u_colorStart, u_colorEnd, baseNoise);\n  \n  vec3 marbleColor = mix(baseColor, u_veinColor, veins);\n  \n  float highlight = pow(fbm(swirlUv * max(0.1, u_marbleScale) * 4.0, 2), 3.0) * 0.2;\n \n  marbleColor = floor(marbleColor * 32.0) / 32.0;\n  marbleColor = mix(marbleColor, u_veinColor, veins * 0.5);\n  marbleColor = marbleColor + 0.0425;\n  marbleColor = clamp(marbleColor, 0.0, 1.0);\n\n  marbleColor = mix(marbleColor, u_veinColor, 0.7);\n  gl_FragColor = vec4(marbleColor, 1.0);\n}\n";
+
+export declare const marbleVertexShader = "\n  attribute vec2 a_position;\n  varying vec2 v_texCoord;\n\n  void main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texCoord = a_position * 0.5 + 0.5;\n  }\n";
+
+export { }

package/dist/rippleShaders.d.ts

@@ -0,0 +1,7 @@
+export declare const rippleRenderShader = "\n  precision highp float;\n  \n  uniform vec2 u_resolution;\n  uniform float u_time;\n  uniform sampler2D u_texture0;\n  uniform vec3 u_color1;\n  uniform vec3 u_color2;\n  \n  varying vec2 v_texCoord;\n  \n  void main() {\n    vec2 uv = v_texCoord;\n    \n    vec4 state = texture2D(u_texture0, uv);\n    float height = state.r;\n    \n    vec3 color = mix(u_color1, u_color2, (height + 1.0) * 0.5);\n    \n    float t = u_time * 0.001;\n    float brightness = 1.0 + 0.1 * sin(uv.x * 10.0 + t) * sin(uv.y * 10.0 + t);\n    color *= brightness;\n    \n    gl_FragColor = vec4(color, 1.0);\n  }\n";
+
+export declare const rippleSimulationShader = "\n  precision highp float;\n  \n  uniform vec2 u_resolution;\n  uniform float u_time;\n  uniform sampler2D u_texture0;\n  uniform vec2 u_mouse;\n  uniform float u_mouseForce;\n  uniform float u_damping;\n  \n  varying vec2 v_texCoord;\n  \n  void main() {\n    vec2 uv = v_texCoord;\n    vec2 texelSize = 1.0 / u_resolution;\n    \n    vec4 state = texture2D(u_texture0, uv);\n    float height = state.r;\n    float velocity = state.g;\n    \n    float north = texture2D(u_texture0, uv + vec2(0.0, texelSize.y)).r;\n    float south = texture2D(u_texture0, uv - vec2(0.0, texelSize.y)).r;\n    float east = texture2D(u_texture0, uv + vec2(texelSize.x, 0.0)).r;\n    float west = texture2D(u_texture0, uv - vec2(texelSize.x, 0.0)).r;\n    \n    float newVelocity = velocity + ((north + south + east + west) / 4.0 - height) * 2.0;\n    newVelocity *= u_damping;\n    \n    float newHeight = height + newVelocity;\n    \n    vec2 mouseVec = u_mouse - uv;\n    float mouseDistance = length(mouseVec);\n    if (mouseDistance < 0.05 && u_mouseForce > 0.0) {\n        newHeight += 0.5;\n    }\n    \n    float startTime = mod(u_time * 0.001, 10.0);\n    if (startTime < 0.2) {\n        vec2 center = vec2(0.5, 0.5);\n        float centerDist = length(uv - center);\n        if (centerDist < 0.05) {\n            newHeight += 0.5 * (1.0 - startTime * 5.0);\n        }\n    }\n    \n    gl_FragColor = vec4(newHeight, newVelocity, 0.0, 1.0);\n  }\n";
+
+export declare const rippleVertexShader = "\n  attribute vec2 a_position;\n  varying vec2 v_texCoord;\n  void main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n    v_texCoord = a_position * 0.5 + 0.5;\n  }\n";
+
+export { }

package/dist/src/core/lib/createShaderConfig.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=s=>{const{vertexShader:a,fragmentShader:n,uniformNames:r={},attributeConfigs:i=[]}=s,o={...{u_time:"float",u_resolution:"vec2"},...r},m=Object.entries(o).map(([e,d])=>({name:e,type:d})),t=i.map(e=>({name:e.name,size:e.size,type:e.type,normalized:e.normalized??!1,stride:e.stride??0,offset:e.offset??0,instanced:e.instanced}));return t.some(e=>e.name==="a_position")||t.push({name:"a_position",size:2,type:"FLOAT",normalized:!1,stride:0,offset:0,instanced:!1}),{vertexShader:a,fragmentShader:n,uniforms:m,attributes:t}};exports.createShaderConfig=f;

package/dist/src/core/lib/createShaderConfig.mjs

@@ -0,0 +1,34 @@
+const l = (s) => {
+  const { vertexShader: a, fragmentShader: n, uniformNames: r = {}, attributeConfigs: i = [] } = s, o = { ...{
+    u_time: "float",
+    u_resolution: "vec2"
+  }, ...r }, m = Object.entries(o).map(([e, f]) => ({
+    name: e,
+    type: f
+  })), t = i.map((e) => ({
+    name: e.name,
+    size: e.size,
+    type: e.type,
+    normalized: e.normalized ?? !1,
+    stride: e.stride ?? 0,
+    offset: e.offset ?? 0,
+    instanced: e.instanced
+  }));
+  return t.some((e) => e.name === "a_position") || t.push({
+    name: "a_position",
+    size: 2,
+    type: "FLOAT",
+    normalized: !1,
+    stride: 0,
+    offset: 0,
+    instanced: !1
+  }), {
+    vertexShader: a,
+    fragmentShader: n,
+    uniforms: m,
+    attributes: t
+  };
+};
+export {
+  l as createShaderConfig
+};

package/dist/src/core/lib/vectorUtils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(r){return new Float32Array(r)}function e(r){const t=new Float32Array(2);return r&&t.set(r),t}function a(r){const t=new Float32Array(3);return r&&t.set(r),t}function o(r){const t=new Float32Array(4);return r&&t.set(r),t}function c(r){const t=new Float32Array(4);return r&&t.set(r),t}function i(r){const t=new Float32Array(9);return r&&t.set(r),t}function f(r){const t=new Float32Array(16);return r&&t.set(r),t}exports.createTypedFloat32Array=n;exports.mat2=c;exports.mat3=i;exports.mat4=f;exports.vec2=e;exports.vec3=a;exports.vec4=o;

package/dist/src/core/lib/vectorUtils.mjs

@@ -0,0 +1,36 @@
+function n(r) {
+  return new Float32Array(r);
+}
+function o(r) {
+  const t = new Float32Array(2);
+  return r && t.set(r), t;
+}
+function e(r) {
+  const t = new Float32Array(3);
+  return r && t.set(r), t;
+}
+function a(r) {
+  const t = new Float32Array(4);
+  return r && t.set(r), t;
+}
+function c(r) {
+  const t = new Float32Array(4);
+  return r && t.set(r), t;
+}
+function f(r) {
+  const t = new Float32Array(9);
+  return r && t.set(r), t;
+}
+function i(r) {
+  const t = new Float32Array(16);
+  return r && t.set(r), t;
+}
+export {
+  n as createTypedFloat32Array,
+  c as mat2,
+  f as mat3,
+  i as mat4,
+  o as vec2,
+  e as vec3,
+  a as vec4
+};

package/dist/src/core/managers/FBOManager.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class x{constructor(t){this.resources=new Map,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:E={}}=e,n=[];for(let f=0;f<o;f++){const T=this.createTexture({width:s,height:u,...E});n.push(T)}const i=r.createFramebuffer();if(!i)throw new Error("Failed to create framebuffer");const a={framebuffer:i,textures:n,currentTextureIndex:0,width:s,height:u};return this.resources.set(t,a),a}createTexture(t){const e=this.gl,{width:r,height:s,internalFormat:u=e.RGBA,format:o=e.RGBA,type:E=this.floatTexturesSupported?e.FLOAT:e.UNSIGNED_BYTE,minFilter:n=e.NEAREST,magFilter:i=e.NEAREST,wrapS:a=e.CLAMP_TO_EDGE,wrapT:f=e.CLAMP_TO_EDGE,generateMipmap:T=!1}=t,c=e.createTexture();if(!c)throw new Error("Failed to create texture");return e.bindTexture(e.TEXTURE_2D,c),e.texImage2D(e.TEXTURE_2D,0,u,r,s,0,o,E,null),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,n),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,i),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,a),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,f),T&&e.generateMipmap(e.TEXTURE_2D),c}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=x;

package/dist/src/core/managers/FBOManager.mjs

@@ -0,0 +1,120 @@
+class h {
+  constructor(t) {
+    this.resources = /* @__PURE__ */ new Map(), 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: a = {} } = e, n = [];
+    for (let f = 0; f < o; f++) {
+      const T = this.createTexture({
+        width: s,
+        height: u,
+        ...a
+      });
+      n.push(T);
+    }
+    const i = r.createFramebuffer();
+    if (!i)
+      throw new Error("Failed to create framebuffer");
+    const E = {
+      framebuffer: i,
+      textures: n,
+      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: a = this.floatTexturesSupported ? e.FLOAT : e.UNSIGNED_BYTE,
+      minFilter: n = e.NEAREST,
+      magFilter: i = e.NEAREST,
+      wrapS: E = e.CLAMP_TO_EDGE,
+      wrapT: f = e.CLAMP_TO_EDGE,
+      generateMipmap: T = !1
+    } = t, c = e.createTexture();
+    if (!c)
+      throw new Error("Failed to create texture");
+    return e.bindTexture(e.TEXTURE_2D, c), e.texImage2D(e.TEXTURE_2D, 0, u, r, s, 0, o, a, null), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, n), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, i), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, E), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, f), T && e.generateMipmap(e.TEXTURE_2D), c;
+  }
+  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;
+  }
+}
+export {
+  h as FBOManager
+};