@jayf0x/fluidity-js 0.2.9 → 0.3.0

package/dist/index.js

@@ -1,1521 +1,24 @@
-import { forwardRef as be, useEffect as B, useImperativeHandle as Te, useRef as I } from "react";
-import { jsx as ye } from "react/jsx-runtime";
-var De = {
-  densityDissipation: [0.94, 1],
-  velocityDissipation: [0.9, 0.999],
-  splatRadius: [1e-3, 0.04],
-  splatForce: [0.1, 5],
-  specularExp: [0.1, 10],
-  shine: [0, 0.15],
-  warpStrength: [1e-3, 0.1]
+import { forwardRef as e, useEffect as t, useImperativeHandle as n, useRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/core/config.ts
+var a = {
+	densityDissipation: [.94, 1],
+	velocityDissipation: [.9, .999],
+	splatRadius: [.001, .04],
+	splatForce: [.1, 5],
+	specularExp: [.1, 10],
+	shine: [0, .15],
+	warpStrength: [.001, .1]
 };
-function G(r) {
-  const e = { ...r };
-  for (const [t, [n, i]] of Object.entries(De)) {
-    const s = r[t];
-    s !== void 0 && s >= 0 && s <= 1 && (e[t] = n + (i - n) * s);
-  }
-  return e;
-}
-var we = {
-  densityDissipation: 0.83,
-  velocityDissipation: 0.91,
-  pressureIterations: 1,
-  curl: 0,
-  splatRadius: 0.1,
-  splatForce: 0.08,
-  refraction: 1,
-  specularExp: 0,
-  shine: 0,
-  waterColor: "#000000",
-  glowColor: "#b3d9ff",
-  algorithm: "aurora",
-  warpStrength: 0.04
-}, ve = {
-  ...we,
-  densityDissipation: 0.9,
-  velocityDissipation: 0.9,
-  pressureIterations: 3,
-  curl: 0.2,
-  splatRadius: 0.2,
-  splatForce: 0.5,
-  refraction: 0.2,
-  specularExp: 0.01,
-  shine: 0.5,
-  waterColor: "#090017",
-  glowColor: "#b04721"
-}, W = {
-  dpr: typeof window < "u" ? 1 / (window.devicePixelRatio || 1) : 1,
-  sim: 0.5
-}, Se = {
-  backgroundColor: "#0a0a0a",
-  backgroundSize: "cover",
-  mouseEnabled: !0,
-  workerEnabled: !0
-}, A = {
-  ...Se,
-  effect: 0,
-  imageSize: "cover"
-}, V = {
-  ...Se,
-  fontSize: 100,
-  color: "#ffffff",
-  fontFamily: "sans-serif",
-  fontWeight: 900
-}, _e = {
-  calm: {
-    densityDissipation: 0.98,
-    velocityDissipation: 0.81,
-    curl: 1e-4,
-    splatRadius: 0.05,
-    splatForce: 0.08,
-    refraction: 0.15,
-    shine: 0.03,
-    glowColor: "#99d9ff",
-    waterColor: "#00050d"
-  },
-  sand: {
-    densityDissipation: 0.95,
-    velocityDissipation: 0.81,
-    curl: 1,
-    splatRadius: 0.23,
-    splatForce: 0.16,
-    refraction: 0.8,
-    specularExp: 0,
-    shine: 0.33,
-    glowColor: "#070707",
-    waterColor: "#735420"
-  },
-  wave: {
-    densityDissipation: 0.9,
-    velocityDissipation: 0.2,
-    curl: 0.2,
-    splatRadius: 0.1,
-    splatForce: 0.22,
-    refraction: 0.35,
-    shine: 0.2,
-    glowColor: "#80ccff",
-    waterColor: "#000308"
-  },
-  neon: {
-    densityDissipation: 0.75,
-    velocityDissipation: 0.3,
-    curl: 0.05,
-    splatRadius: 0.18,
-    splatForce: 0.29,
-    refraction: 0.25,
-    specularExp: 0.04,
-    shine: 0.93,
-    glowColor: "#ff33cc",
-    waterColor: "#0d0014"
-  },
-  smoke: {
-    densityDissipation: 0.93,
-    velocityDissipation: 0.71,
-    curl: 0.04,
-    splatRadius: 0.21,
-    splatForce: 0.14,
-    refraction: 0.08,
-    shine: 0,
-    glowColor: "#808080",
-    waterColor: "#0f0f0f"
-  }
-};
-function te(r) {
-  if (Array.isArray(r))
-    return r;
-  const e = r.slice(1, 7);
-  return e.length === 3 ? [
-    parseInt(e[0] + e[0], 16) / 255,
-    parseInt(e[1] + e[1], 16) / 255,
-    parseInt(e[2] + e[2], 16) / 255
-  ] : [
-    parseInt(e.slice(0, 2), 16) / 255,
-    parseInt(e.slice(2, 4), 16) / 255,
-    parseInt(e.slice(4, 6), 16) / 255
-  ];
-}
-function ee(r = {}, e, t = we) {
-  return {
-    ...e ? {
-      ...t,
-      ..._e[e]
-    } : t,
-    ...r
-  };
-}
-function N(r, e, t, n, i = "cover") {
-  let s;
-  i === "cover" ? s = Math.max(t / r, n / e) : i === "contain" ? s = Math.min(t / r, n / e) : typeof i == "string" && i.endsWith("%") ? s = Math.min(t / r, n / e) * (parseFloat(i) / 100) : typeof i == "string" && i.endsWith("px") ? s = parseFloat(i) / Math.max(r, e) : typeof i == "number" ? s = i : s = Math.max(t / r, n / e);
-  const a = r * s, c = e * s;
-  return {
-    x: (t - a) / 2,
-    y: (n - c) / 2,
-    drawW: a,
-    drawH: c
-  };
-}
-function Ce(r, e, t, n, i = null, s = "cover") {
-  const { text: a, fontSize: c, color: x, fontFamily: u = "sans-serif", fontWeight: v = 900 } = n, l = new OffscreenCanvas(e, t), o = l.getContext("2d");
-  ((p) => {
-    if (i) {
-      o.clearRect(0, 0, e, t), o.fillStyle = "black", o.fillRect(0, 0, e, t);
-      const { x: h, y: g, drawW: T, drawH: R } = N(i.width, i.height, e, t, s);
-      o.drawImage(i, h, g, T, R);
-    } else
-      o.fillStyle = "black", o.fillRect(0, 0, e, t);
-    o.fillStyle = p, o.font = `${v} ${c}px ${u}`, o.textAlign = "center", o.textBaseline = "middle", o.fillText(a, e / 2, t / 2);
-  })(x);
-  const m = J(r, l);
-  o.fillStyle = "black", o.fillRect(0, 0, e, t), o.fillStyle = "white", o.font = `${v} ${c}px ${u}`, o.textAlign = "center", o.textBaseline = "middle", o.fillText(a, e / 2, t / 2);
-  const d = J(r, l);
-  return {
-    backgroundTex: m,
-    obstacleTex: d,
-    coverageTex: d
-  };
-}
-function Be(r, e, t, n, i = 0, s = "cover", a = null, c = "cover") {
-  const x = new OffscreenCanvas(t, n), u = x.getContext("2d"), { x: v, y: l, drawW: o, drawH: f } = N(e.width, e.height, t, n, s);
-  if (u.clearRect(0, 0, t, n), u.fillStyle = "black", u.fillRect(0, 0, t, n), a) {
-    const { x: p, y: h, drawW: g, drawH: T } = N(a.width, a.height, t, n, c);
-    u.filter = `brightness(${i}) blur(8px)`, u.drawImage(a, p, h, g, T), u.filter = "none";
-  }
-  u.drawImage(e, v, l, o, f);
-  const m = J(r, x);
-  u.clearRect(0, 0, t, n), u.fillStyle = "black", u.fillRect(0, 0, t, n), u.filter = `brightness(${i}) blur(8px)`, u.drawImage(e, v, l, o, f), u.filter = "none";
-  const d = J(r, x);
-  return u.clearRect(0, 0, t, n), u.fillStyle = "black", u.fillRect(0, 0, t, n), u.fillStyle = "white", u.fillRect(Math.max(0, v), Math.max(0, l), Math.min(o, t - Math.max(0, v)), Math.min(f, n - Math.max(0, l))), {
-    backgroundTex: m,
-    obstacleTex: d,
-    coverageTex: J(r, x)
-  };
-}
-function J(r, e) {
-  const t = r.createTexture();
-  return r.bindTexture(r.TEXTURE_2D, t), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, !0), r.texImage2D(r.TEXTURE_2D, 0, r.RGBA, r.RGBA, r.UNSIGNED_BYTE, e), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, r.LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MAG_FILTER, r.LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, r.CLAMP_TO_EDGE), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, r.CLAMP_TO_EDGE), t;
-}
-function Oe(r, e, t, n, i = null, s = "cover") {
-  const { text: a, fontSize: c, color: x, fontFamily: u = "sans-serif", fontWeight: v = 900 } = n, l = new OffscreenCanvas(e, t), o = l.getContext("2d");
-  ((p) => {
-    if (i) {
-      o.clearRect(0, 0, e, t), o.fillStyle = "black", o.fillRect(0, 0, e, t);
-      const { x: h, y: g, drawW: T, drawH: R } = N(i.width, i.height, e, t, s);
-      o.drawImage(i, h, g, T, R);
-    } else
-      o.fillStyle = "black", o.fillRect(0, 0, e, t);
-    o.fillStyle = p, o.font = `${v} ${c}px ${u}`, o.textAlign = "center", o.textBaseline = "middle", o.fillText(a, e / 2, t / 2);
-  })(x);
-  const m = Z(r, l, e, t);
-  o.fillStyle = "black", o.fillRect(0, 0, e, t), o.fillStyle = "white", o.font = `${v} ${c}px ${u}`, o.textAlign = "center", o.textBaseline = "middle", o.fillText(a, e / 2, t / 2);
-  const d = Z(r, l, e, t);
-  return {
-    backgroundTex: m,
-    backgroundView: m.createView(),
-    obstacleTex: d,
-    obstacleView: d.createView(),
-    coverageTex: d,
-    coverageView: d.createView(),
-    sharedCoverage: !0
-  };
-}
-function Ve(r, e, t, n, i = 0, s = "cover", a = null, c = "cover") {
-  const x = new OffscreenCanvas(t, n), u = x.getContext("2d"), { x: v, y: l, drawW: o, drawH: f } = N(e.width, e.height, t, n, s);
-  if (u.clearRect(0, 0, t, n), u.fillStyle = "black", u.fillRect(0, 0, t, n), a) {
-    const { x: h, y: g, drawW: T, drawH: R } = N(a.width, a.height, t, n, c);
-    u.filter = `brightness(${i}) blur(8px)`, u.drawImage(a, h, g, T, R), u.filter = "none";
-  }
-  u.drawImage(e, v, l, o, f);
-  const m = Z(r, x, t, n);
-  u.clearRect(0, 0, t, n), u.fillStyle = "black", u.fillRect(0, 0, t, n), u.filter = `brightness(${i}) blur(8px)`, u.drawImage(e, v, l, o, f), u.filter = "none";
-  const d = Z(r, x, t, n);
-  u.clearRect(0, 0, t, n), u.fillStyle = "black", u.fillRect(0, 0, t, n), u.fillStyle = "white", u.fillRect(Math.max(0, v), Math.max(0, l), Math.min(o, t - Math.max(0, v)), Math.min(f, n - Math.max(0, l)));
-  const p = Z(r, x, t, n);
-  return {
-    backgroundTex: m,
-    backgroundView: m.createView(),
-    obstacleTex: d,
-    obstacleView: d.createView(),
-    coverageTex: p,
-    coverageView: p.createView(),
-    sharedCoverage: !1
-  };
-}
-function Z(r, e, t, n) {
-  const i = r.createTexture({
-    size: [t, n],
-    format: "rgba8unorm",
-    usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT
-  });
-  return r.queue.copyExternalImageToTexture({ source: e }, { texture: i }, [t, n]), i;
-}
-async function ce(r) {
-  const e = await fetch(r);
-  if (!e.ok)
-    throw new Error(`Failed to fetch image: ${r} (${e.status})`);
-  const t = await e.blob();
-  return createImageBitmap(t);
-}
-var z = () => {
-}, F = `precision highp float;
- attribute vec2 aPosition;
- varying vec2 vUv;
- varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
- uniform vec2 texelSize;
- void main () {
- vUv = aPosition * 0.5 + 0.5;
- vL = vUv - vec2(texelSize.x, 0.0);
- vR = vUv + vec2(texelSize.x, 0.0);
- vT = vUv + vec2(0.0, texelSize.y);
- vB = vUv - vec2(0.0, texelSize.y);
- gl_Position = vec4(aPosition, 0.0, 1.0);
- }`, Fe = `precision highp float;
- varying vec2 vUv;
- uniform sampler2D uVelocity;
- uniform sampler2D uSource;
- uniform sampler2D uObstacle;
- uniform vec2 texelSize;
- uniform float dt;
- uniform float dissipation;
- void main () {
- float obs = texture2D(uObstacle, vUv).r;
- vec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;
- 
- 
- 
- gl_FragColor = dissipation * texture2D(uSource, coord) * (1.0 - obs);
- }`, Le = `precision highp float;
- varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
- uniform sampler2D uVelocity;
- uniform sampler2D uObstacle;
- void main () {
- float L = texture2D(uVelocity, vL).x * (1.0 - texture2D(uObstacle, vL).r);
- float R = texture2D(uVelocity, vR).x * (1.0 - texture2D(uObstacle, vR).r);
- float T = texture2D(uVelocity, vT).y * (1.0 - texture2D(uObstacle, vT).r);
- float B = texture2D(uVelocity, vB).y * (1.0 - texture2D(uObstacle, vB).r);
- gl_FragColor = vec4(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);
- }`, Pe = `precision highp float;
- varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
- uniform sampler2D uPressure;
- uniform sampler2D uDivergence;
- uniform sampler2D uObstacle;
- void main () {
- float C = texture2D(uPressure, vUv).x;
- float L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);
- float R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);
- float T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);
- float B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);
- float div = texture2D(uDivergence, vUv).x;
- gl_FragColor = vec4((L + R + B + T - div) * 0.25, 0.0, 0.0, 1.0);
- }`, Ae = `precision highp float;
- varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
- uniform sampler2D uPressure;
- uniform sampler2D uVelocity;
- uniform sampler2D uObstacle;
- void main () {
- float obs = texture2D(uObstacle, vUv).r;
- float C = texture2D(uPressure, vUv).x;
- float L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);
- float R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);
- float T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);
- float B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);
- vec2 vel = (texture2D(uVelocity, vUv).xy - vec2(R - L, T - B)) * (1.0 - obs);
- gl_FragColor = vec4(vel, 0.0, 1.0);
- }`, Me = `precision highp float;
- varying vec2 vUv;
- uniform sampler2D uTarget;
- uniform float aspectRatio;
- uniform vec3 color;
- uniform vec2 point;
- uniform float radius;
- void main () {
- vec2 p = vUv - point.xy;
- p.x *= aspectRatio;
- vec3 splat = exp(-dot(p, p) / radius) * color;
- gl_FragColor = vec4(texture2D(uTarget, vUv).xyz + splat, 1.0);
- }`, ze = `precision highp float;
- varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
- uniform sampler2D uVelocity;
- void main () {
- float L = texture2D(uVelocity, vL).y;
- float R = texture2D(uVelocity, vR).y;
- float T = texture2D(uVelocity, vT).x;
- float B = texture2D(uVelocity, vB).x;
- gl_FragColor = vec4(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);
- }`, Xe = `precision highp float;
- varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
- uniform sampler2D uVelocity;
- uniform sampler2D uCurl;
- uniform float curl;
- uniform float dt;
- void main () {
- float L = texture2D(uCurl, vL).x;
- float R = texture2D(uCurl, vR).x;
- float T = texture2D(uCurl, vT).x;
- float B = texture2D(uCurl, vB).x;
- float C = texture2D(uCurl, vUv).x;
- vec2 force = 0.5 * vec2(abs(T) - abs(B), abs(R) - abs(L));
- force /= length(force) + 0.0001;
- force *= curl * 30.0 * C;
- gl_FragColor = vec4(texture2D(uVelocity, vUv).xy + force * dt, 0.0, 1.0);
- }`, ke = `precision highp float;
- varying vec2 vUv;
- uniform sampler2D uTexture;
- uniform sampler2D uObstacle;
- uniform sampler2D uBackground;
- uniform sampler2D uCoverage;
- uniform sampler2D uVelocity;
- uniform vec2 texelSize;
- uniform vec3 uWaterColor;
- uniform vec3 uGlowColor;
- uniform float uRefraction;
- uniform float uSpecularExp;
- uniform float uShine;
- uniform float uWarpStrength;
- uniform int uAlgorithm;
- uniform int uEnableAlpha;
- void main () {
- float obs = texture2D(uObstacle, vUv).r;
- 
- 
- float density = max(texture2D(uTexture, vUv).r, 0.0) * (1.0 - obs);
- float coverage = texture2D(uCoverage, vUv).r;
- 
- 
- 
- 
- float sx = texelSize.x * 6.0, sy = texelSize.y * 6.0;
- float d00 = max(texture2D(uTexture, vUv + vec2(-sx, -sy)).r, 0.0);
- float d10 = max(texture2D(uTexture, vUv + vec2(0.0, -sy)).r, 0.0);
- float d20 = max(texture2D(uTexture, vUv + vec2( sx, -sy)).r, 0.0);
- float d01 = max(texture2D(uTexture, vUv + vec2(-sx, 0.0)).r, 0.0);
- float d21 = max(texture2D(uTexture, vUv + vec2( sx, 0.0)).r, 0.0);
- float d02 = max(texture2D(uTexture, vUv + vec2(-sx, sy)).r, 0.0);
- float d12 = max(texture2D(uTexture, vUv + vec2(0.0, sy)).r, 0.0);
- float d22 = max(texture2D(uTexture, vUv + vec2( sx, sy)).r, 0.0);
- float gx = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);
- float gy = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);
- vec3 normal = normalize(vec3(gx, gy, 1.2));
- vec3 lightDir = normalize(vec3(0.5, 1.0, 0.5));
- vec3 halfV = normalize(lightDir + vec3(0.0, 0.0, 1.0));
- 
- 
- float specDen = density * min(density * 5.0, 1.0);
- float spec = pow(max(dot(normal, halfV), 0.0), uSpecularExp) * uShine * specDen;
- 
- 
- 
- vec3 bgRaw = texture2D(uBackground, vUv).rgb;
- vec3 bg = mix(uWaterColor, bgRaw, coverage);
- vec3 color = bg;
- if (uAlgorithm == 1) {
- 
- 
- vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 3.0, 0.0, 1.0);
- vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);
- color = refrBg + spec * uGlowColor * 2.5;
- color = mix(color, bg * 0.6, obs * 0.3);
- } else if (uAlgorithm == 2) {
- 
- 
- float inkD = min(density * 4.0, 1.0);
- vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 0.4, 0.0, 1.0);
- vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);
- color = mix(refrBg, uWaterColor + spec * uGlowColor, inkD);
- color = mix(color, bg * 0.5, obs * 0.15);
- } else if (uAlgorithm == 3) {
- 
- 
- vec2 vel = texture2D(uVelocity, vUv).xy;
- float velMag = clamp(length(vel) * 20.0, 0.0, 1.0);
- vec2 warpUv = clamp(vUv + vel * uWarpStrength, 0.0, 1.0);
- vec3 warpBg = mix(uWaterColor, texture2D(uBackground, warpUv).rgb, coverage);
- color = mix(bg, warpBg, velMag * (1.0 - obs));
- color += spec * uGlowColor * velMag * 1.5;
- color += uWaterColor * density * 0.3;
- color = mix(color, bg * 0.5, obs * 0.2);
- } else if (uAlgorithm == 4) {
- 
- 
- vec2 rippleUv = clamp(vUv + normal.xy * uRefraction * density * 6.0, 0.0, 1.0);
- vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, rippleUv, 1.0 - obs)).rgb, coverage);
- float fresnel = pow(clamp(1.0 - dot(normal, vec3(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;
- color = refrBg;
- color += fresnel * uGlowColor * 2.0;
- color += spec * uGlowColor * density * 2.0;
- color = mix(color, bg * 0.5, obs * 0.2);
- } else {
- 
- 
- vec2 refrUv = vUv + normal.xy * uRefraction * density;
- vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);
- color = mix(refrBg, uWaterColor, min(density * 1.5, 0.8));
- color += spec * uGlowColor;
- color = mix(color, bg * 0.5, obs * 0.2);
- }
- 
- 
- float alpha = clamp(max(density * 1.5, coverage), 0.0, 1.0);
- if (uEnableAlpha == 1) {
- gl_FragColor = vec4(color * alpha, alpha);
- } else {
- gl_FragColor = vec4(color, 1.0);
- }
- }`;
-function Ie(r, e = !0) {
-  const t = {
-    alpha: e,
-    depth: !1,
-    stencil: !1,
-    antialias: !0,
-    preserveDrawingBuffer: !1
-  };
-  let n = r.getContext("webgl2", t);
-  const i = !!n;
-  i || (n = r.getContext("webgl", t), n.getExtension("EXT_color_buffer_half_float"));
-  const s = i ? null : n.getExtension("OES_texture_half_float"), a = i ? n.HALF_FLOAT : s.HALF_FLOAT_OES;
-  return n.getExtension("EXT_color_buffer_float"), n.getExtension("OES_texture_half_float_linear"), {
-    type: i ? "webgl2" : "webgl1",
-    gl: n,
-    isWebGL2: i,
-    ext: {
-      internalFormat: i ? n.RGBA16F : n.RGBA,
-      format: n.RGBA,
-      type: a
-    }
-  };
-}
-async function Ge(r, e = !0) {
-  if (typeof navigator > "u" || !navigator.gpu)
-    return null;
-  try {
-    const t = await navigator.gpu.requestAdapter();
-    if (!t)
-      return null;
-    const n = await t.requestDevice(), i = r.getContext("webgpu");
-    if (!i)
-      return null;
-    const s = navigator.gpu.getPreferredCanvasFormat();
-    return i.configure({
-      device: n,
-      format: s,
-      alphaMode: e ? "premultiplied" : "opaque"
-    }), {
-      type: "webgpu",
-      adapter: t,
-      device: n,
-      context: i,
-      format: s
-    };
-  } catch {
-    return null;
-  }
-}
-var L = class {
-  program;
-  uniforms = {};
-  _gl;
-  constructor(r, e, t) {
-    this._gl = r, this.program = r.createProgram(), r.attachShader(this.program, this._compile(r.VERTEX_SHADER, e)), r.attachShader(this.program, this._compile(r.FRAGMENT_SHADER, t)), r.linkProgram(this.program);
-    const n = r.getProgramParameter(this.program, r.ACTIVE_UNIFORMS);
-    for (let i = 0; i < n; i++) {
-      const s = r.getActiveUniform(this.program, i).name;
-      this.uniforms[s] = r.getUniformLocation(this.program, s);
-    }
-  }
-  _compile(r, e) {
-    const t = this._gl, n = t.createShader(r);
-    return t.shaderSource(n, e), t.compileShader(n), n;
-  }
-  bind() {
-    this._gl.useProgram(this.program);
-  }
-  dispose() {
-    this._gl.deleteProgram(this.program);
-  }
-};
-function We(r) {
-  return {
-    advection: new L(r, F, Fe),
-    divergence: new L(r, F, Le),
-    pressure: new L(r, F, Pe),
-    gradientSubtract: new L(r, F, Ae),
-    splat: new L(r, F, Me),
-    curl: new L(r, F, ze),
-    vorticity: new L(r, F, Xe),
-    display: new L(r, F, ke)
-  };
-}
-function ie(r, e, t, n) {
-  r.activeTexture(r.TEXTURE0);
-  const i = r.createTexture();
-  r.bindTexture(r.TEXTURE_2D, i), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, r.LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MAG_FILTER, r.LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, r.CLAMP_TO_EDGE), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, r.CLAMP_TO_EDGE), r.texImage2D(r.TEXTURE_2D, 0, e.internalFormat, t, n, 0, e.format, e.type, null);
-  const s = r.createFramebuffer();
-  return r.bindFramebuffer(r.FRAMEBUFFER, s), r.framebufferTexture2D(r.FRAMEBUFFER, r.COLOR_ATTACHMENT0, r.TEXTURE_2D, i, 0), {
-    tex: i,
-    fbo: s,
-    width: t,
-    height: n
-  };
-}
-function ue(r, e, t, n) {
-  let i = ie(r, e, t, n), s = ie(r, e, t, n);
-  return {
-    get read() {
-      return i;
-    },
-    get write() {
-      return s;
-    },
-    swap() {
-      [i, s] = [s, i];
-    },
-    dispose() {
-      r.deleteTexture(i.tex), r.deleteFramebuffer(i.fbo), r.deleteTexture(s.tex), r.deleteFramebuffer(s.fbo);
-    }
-  };
-}
-function Ne(r) {
-  const e = r.createBuffer();
-  return r.bindBuffer(r.ARRAY_BUFFER, e), r.bufferData(r.ARRAY_BUFFER, new Float32Array([
-    -1,
-    -1,
-    -1,
-    1,
-    1,
-    1,
-    1,
-    -1
-  ]), r.STATIC_DRAW), r.vertexAttribPointer(0, 2, r.FLOAT, !1, 0, 0), r.enableVertexAttribArray(0), function(n) {
-    r.bindFramebuffer(r.FRAMEBUFFER, n), r.drawArrays(r.TRIANGLE_FAN, 0, 4);
-  };
-}
-var $e = `struct U {
- texelSize : vec2f,
- dt : f32,
- dissipation: f32,
-}
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uVel : texture_2d<f32>;
-@group(0) @binding(3) var uSrc : texture_2d<f32>;
-@group(0) @binding(4) var uObs : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let obs = textureSample(uObs, samp, i.uv).r;
- let vel = textureSample(uVel, samp, i.uv).xy;
- let coord = i.uv - u.dt * vel * u.texelSize;
- let src = textureSample(uSrc, samp, coord);
- return u.dissipation * src * (1.0 - obs);
-}`, qe = `struct U { texelSize: vec2f, _pad: vec2f }
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uVel : texture_2d<f32>;
-@group(0) @binding(3) var uObs : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let L = textureSample(uVel, samp, i.vL).x * (1.0 - textureSample(uObs, samp, i.vL).r);
- let R = textureSample(uVel, samp, i.vR).x * (1.0 - textureSample(uObs, samp, i.vR).r);
- let T = textureSample(uVel, samp, i.vT).y * (1.0 - textureSample(uObs, samp, i.vT).r);
- let B = textureSample(uVel, samp, i.vB).y * (1.0 - textureSample(uObs, samp, i.vB).r);
- return vec4f(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);
-}`, He = `struct U { texelSize: vec2f, _pad: vec2f }
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uPres: texture_2d<f32>;
-@group(0) @binding(3) var uDiv : texture_2d<f32>;
-@group(0) @binding(4) var uObs : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let C = textureSample(uPres, samp, i.uv).x;
- let L = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);
- let R = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);
- let T = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);
- let B = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);
- let dv = textureSample(uDiv, samp, i.uv).x;
- return vec4f((L + R + B + T - dv) * 0.25, 0.0, 0.0, 1.0);
-}`, Ye = `struct U { texelSize: vec2f, _pad: vec2f }
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uPres: texture_2d<f32>;
-@group(0) @binding(3) var uVel : texture_2d<f32>;
-@group(0) @binding(4) var uObs : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let obs = textureSample(uObs, samp, i.uv).r;
- let C = textureSample(uPres, samp, i.uv).x;
- let L = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);
- let R = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);
- let T = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);
- let B = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);
- let vel = (textureSample(uVel, samp, i.uv).xy - vec2f(R - L, T - B)) * (1.0 - obs);
- return vec4f(vel, 0.0, 1.0);
-}`, je = `struct U {
- texelSize : vec2f,
- aspectRatio: f32,
- radius : f32,
- color : vec4f, 
- point : vec2f,
- _pad : vec2f,
-}
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uTgt : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- var p = i.uv - u.point;
- p.x *= u.aspectRatio;
- let sp = exp(-dot(p, p) / u.radius) * u.color.xyz;
- return vec4f(textureSample(uTgt, samp, i.uv).xyz + sp, 1.0);
-}`, Qe = `struct U { texelSize: vec2f, _pad: vec2f }
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uVel : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let L = textureSample(uVel, samp, i.vL).y;
- let R = textureSample(uVel, samp, i.vR).y;
- let T = textureSample(uVel, samp, i.vT).x;
- let B = textureSample(uVel, samp, i.vB).x;
- return vec4f(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);
-}`, Ke = `struct U {
- texelSize: vec2f,
- curl : f32,
- dt : f32,
-}
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uVel : texture_2d<f32>;
-@group(0) @binding(3) var uCrl : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let L = textureSample(uCrl, samp, i.vL).x;
- let R = textureSample(uCrl, samp, i.vR).x;
- let T = textureSample(uCrl, samp, i.vT).x;
- let B = textureSample(uCrl, samp, i.vB).x;
- let C = textureSample(uCrl, samp, i.uv).x;
- var force = 0.5 * vec2f(abs(T) - abs(B), abs(R) - abs(L));
- force /= length(force) + 0.0001;
- force *= u.curl * 30.0 * C;
- let vel = textureSample(uVel, samp, i.uv).xy + force * u.dt;
- return vec4f(vel, 0.0, 1.0);
-}`, Je = `struct U {
- texelSize : vec2f,
- refraction : f32,
- specularExp : f32,
- waterColor : vec4f,
- glowColor : vec4f,
- shine : f32,
- warpStrength: f32,
- algorithm : i32,
- enableAlpha : i32,
-}
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uTex : texture_2d<f32>;
-@group(0) @binding(3) var uObs : texture_2d<f32>;
-@group(0) @binding(4) var uBg : texture_2d<f32>;
-@group(0) @binding(5) var uCov : texture_2d<f32>;
-@group(0) @binding(6) var uVel : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let obs = textureSample(uObs, samp, i.uv).r;
- let density = max(textureSample(uTex, samp, i.uv).r, 0.0) * (1.0 - obs);
- let cov = textureSample(uCov, samp, i.uv).r;
- let sx = u.texelSize.x * 6.0;
- let sy = u.texelSize.y * 6.0;
- let d00 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, -sy)).r, 0.0);
- let d10 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, -sy)).r, 0.0);
- let d20 = max(textureSample(uTex, samp, i.uv + vec2f( sx, -sy)).r, 0.0);
- let d01 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, 0.0)).r, 0.0);
- let d21 = max(textureSample(uTex, samp, i.uv + vec2f( sx, 0.0)).r, 0.0);
- let d02 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, sy)).r, 0.0);
- let d12 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, sy)).r, 0.0);
- let d22 = max(textureSample(uTex, samp, i.uv + vec2f( sx, sy)).r, 0.0);
- let gx = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);
- let gy = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);
- let norm = normalize(vec3f(gx, gy, 1.2));
- let ldir = normalize(vec3f(0.5, 1.0, 0.5));
- let halfV = normalize(ldir + vec3f(0.0, 0.0, 1.0));
- let specDen = density * min(density * 5.0, 1.0);
- let spec = pow(max(dot(norm, halfV), 0.0), u.specularExp) * u.shine * specDen;
- let bgRaw = textureSample(uBg, samp, i.uv).rgb;
- let wc = u.waterColor.rgb;
- let gc = u.glowColor.rgb;
- let bg = mix(wc, bgRaw, cov);
- var color = bg;
- if (u.algorithm == 1) {
- let ruv = clamp(i.uv + norm.xy * u.refraction * density * 3.0, vec2f(0.0), vec2f(1.0));
- let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);
- color = rbg + spec * gc * 2.5;
- color = mix(color, bg * 0.6, obs * 0.3);
- } else if (u.algorithm == 2) {
- let inkD = min(density * 4.0, 1.0);
- let ruv = clamp(i.uv + norm.xy * u.refraction * density * 0.4, vec2f(0.0), vec2f(1.0));
- let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);
- color = mix(rbg, wc + spec * gc, inkD);
- color = mix(color, bg * 0.5, obs * 0.15);
- } else if (u.algorithm == 3) {
- let vel = textureSample(uVel, samp, i.uv).xy;
- let velMag = clamp(length(vel) * 20.0, 0.0, 1.0);
- let wuv = clamp(i.uv + vel * u.warpStrength, vec2f(0.0), vec2f(1.0));
- let wbg = mix(wc, textureSample(uBg, samp, wuv).rgb, cov);
- color = mix(bg, wbg, velMag * (1.0 - obs));
- color += spec * gc * velMag * 1.5;
- color += wc * density * 0.3;
- color = mix(color, bg * 0.5, obs * 0.2);
- } else if (u.algorithm == 4) {
- let ruv = clamp(i.uv + norm.xy * u.refraction * density * 6.0, vec2f(0.0), vec2f(1.0));
- let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);
- let fres = pow(clamp(1.0 - dot(norm, vec3f(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;
- color = rbg;
- color += fres * gc * 2.0;
- color += spec * gc * density * 2.0;
- color = mix(color, bg * 0.5, obs * 0.2);
- } else {
- let ruv = i.uv + norm.xy * u.refraction * density;
- let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);
- color = mix(rbg, wc, min(density * 1.5, 0.8));
- color += spec * gc;
- color = mix(color, bg * 0.5, obs * 0.2);
- }
- let alpha = clamp(max(density * 1.5, cov), 0.0, 1.0);
- if (u.enableAlpha == 1) {
- return vec4f(color * alpha, alpha);
- }
- return vec4f(color, 1.0);
-}`, Ze = {
-  arrayStride: 8,
-  attributes: [{
-    shaderLocation: 0,
-    offset: 0,
-    format: "float32x2"
-  }]
-}, xe = new Float32Array([
-  -1,
-  -1,
-  -1,
-  1,
-  1,
-  -1,
-  1,
-  -1,
-  -1,
-  1,
-  1,
-  1
-]);
-function et(r) {
-  const e = r.createBuffer({
-    size: xe.byteLength,
-    usage: GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST
-  });
-  return r.queue.writeBuffer(e, 0, xe), e;
-}
-function se(r, e, t, n) {
-  const i = r.createTexture({
-    size: [t, n],
-    format: e,
-    usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC
-  });
-  return {
-    tex: i,
-    view: i.createView(),
-    width: t,
-    height: n
-  };
-}
-function le(r, e, t, n) {
-  let i = se(r, e, t, n), s = se(r, e, t, n);
-  return {
-    get read() {
-      return i;
-    },
-    get write() {
-      return s;
-    },
-    swap() {
-      [i, s] = [s, i];
-    },
-    dispose() {
-      i.tex.destroy(), s.tex.destroy();
-    }
-  };
-}
-function P(r, e, t, n) {
-  const i = r.createShaderModule({ code: e });
-  return r.createRenderPipeline({
-    layout: "auto",
-    vertex: {
-      module: i,
-      entryPoint: "vs",
-      buffers: [Ze]
-    },
-    fragment: {
-      module: i,
-      entryPoint: "fs",
-      targets: [{
-        format: t,
-        ...n ? { blend: n } : {}
-      }]
-    },
-    primitive: { topology: "triangle-list" }
-  });
-}
-var tt = {
-  color: {
-    operation: "add",
-    srcFactor: "one",
-    dstFactor: "zero"
-  },
-  alpha: {
-    operation: "add",
-    srcFactor: "one",
-    dstFactor: "zero"
-  }
-};
-function rt(r, e, t = !0) {
-  const n = "rgba16float";
-  return {
-    advection: P(r, $e, n),
-    divergence: P(r, qe, n),
-    pressure: P(r, He, n),
-    gradientSubtract: P(r, Ye, n),
-    splat: P(r, je, n),
-    curl: P(r, Qe, n),
-    vorticity: P(r, Ke, n),
-    display: P(r, Je, e, t ? void 0 : tt)
-  };
-}
-function nt(r) {
-  return r.createSampler({
-    magFilter: "linear",
-    minFilter: "linear",
-    addressModeU: "clamp-to-edge",
-    addressModeV: "clamp-to-edge"
-  });
-}
-function C(r, e) {
-  return r.createBuffer({
-    size: e,
-    usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST
-  });
-}
-function he(r, e, t, n, i, s) {
-  const a = new Float32Array([
-    t,
-    n,
-    i,
-    s
-  ]);
-  r.queue.writeBuffer(e, 0, a);
-}
-function re(r, e, t, n) {
-  const i = new Float32Array([
-    t,
-    n,
-    0,
-    0
-  ]);
-  r.queue.writeBuffer(e, 0, i);
-}
-function it(r, e, t, n, i, s) {
-  const a = new Float32Array([
-    t,
-    n,
-    i,
-    s
-  ]);
-  r.queue.writeBuffer(e, 0, a);
-}
-function ne(r, e, t, n, i, s, a, c, x, u, v) {
-  const l = /* @__PURE__ */ new Float32Array(12);
-  l[0] = t, l[1] = n, l[2] = i, l[3] = s, l[4] = a, l[5] = c, l[6] = x, l[7] = 0, l[8] = u, l[9] = v, l[10] = 0, l[11] = 0, r.queue.writeBuffer(e, 0, l);
-}
-function st(r, e, t, n, i, s, a, c, x, u, v, l) {
-  const o = /* @__PURE__ */ new Float32Array(16), f = new Int32Array(o.buffer);
-  o[0] = t, o[1] = n, o[2] = i, o[3] = s, o[4] = a[0], o[5] = a[1], o[6] = a[2], o[7] = 0, o[8] = c[0], o[9] = c[1], o[10] = c[2], o[11] = 0, o[12] = x, o[13] = u, f[14] = v, f[15] = l ? 1 : 0, r.queue.writeBuffer(e, 0, o);
-}
-function D(r, e, t, n, i) {
-  const s = r.beginRenderPass({ colorAttachments: [{
-    view: i,
-    clearValue: [
-      0,
-      0,
-      0,
-      0
-    ],
-    loadOp: "clear",
-    storeOp: "store"
-  }] });
-  s.setPipeline(e), s.setBindGroup(0, t), s.setVertexBuffer(0, n), s.draw(6), s.end();
-}
-function ot(r, e, t, n, i) {
-  const s = r.beginRenderPass({ colorAttachments: [{
-    view: i,
-    clearValue: [
-      0,
-      0,
-      0,
-      0
-    ],
-    loadOp: "clear",
-    storeOp: "store"
-  }] });
-  s.setPipeline(e), s.setBindGroup(0, t), s.setVertexBuffer(0, n), s.draw(6), s.end();
+function o(e) {
+	let t = { ...e };
+	for (let [n, [r, i]] of Object.entries(a)) {
+		let a = e[n];
+		a !== void 0 && a >= 0 && a <= 1 && (t[n] = r + (i - r) * a);
+	}
+	return t;
 }
-var me = typeof requestAnimationFrame < "u" ? requestAnimationFrame.bind(globalThis) : (r) => setTimeout(r, 1e3 / 60), at = typeof cancelAnimationFrame < "u" ? cancelAnimationFrame.bind(globalThis) : clearTimeout, K = 0.016, de = {
-  standard: 0,
-  glass: 1,
-  ink: 2,
-  aurora: 3,
-  ripple: 4
-}, pe = class Re {
-  #r;
-  #i = null;
-  #U = null;
-  #g = null;
-  #b = null;
-  #s = null;
-  #t = null;
-  #c = null;
-  #f = null;
-  #d = null;
-  #T = null;
-  #h = null;
-  #S = null;
-  #v = null;
-  #Y = null;
-  #P = null;
-  #j = null;
-  #l = null;
-  #n = null;
-  #O = null;
-  #R = null;
-  #V = null;
-  #p = null;
-  #A = null;
-  #M = null;
-  #z = null;
-  #X = null;
-  #k = null;
-  #D = null;
-  #_ = null;
-  #I = null;
-  #G = null;
-  #W = null;
-  #o = 0;
-  #a = 0;
-  #y = 0;
-  #w = 0;
-  #x = 1;
-  #Q = 1;
-  #C = 0.5;
-  #m = null;
-  #F = "cover";
-  #B;
-  #e = {
-    x: 0,
-    y: 0,
-    dx: 0,
-    dy: 0,
-    targetX: 0,
-    targetY: 0,
-    moved: !1
-  };
-  #K = !1;
-  #u = null;
-  #E = null;
-  #N = !1;
-  #J = !1;
-  #$ = !0;
-  constructor(e, t = {}, n = {}, i, s = !0) {
-    if (this.#r = e, this.#Q = Math.max(0.1, Math.min(1, n.dpr ?? 1)), this.#C = Math.max(0.1, Math.min(1, n.sim ?? 0.5)), this.#B = ee(t), this.#$ = s, i)
-      this.#v = i, this.#re(i);
-    else {
-      const { gl: a, ext: c } = Ie(e, s);
-      this.#i = a, this.#U = c, this.#g = We(a), this.#b = Ne(a), a.clearColor(0, 0, 0, s ? 0 : 1);
-    }
-  }
-  static async create(e, t = {}, n = {}, i = !0, s = !0) {
-    return new Re(e, t, n, (i ? await Ge(e, s) : null) ?? void 0, s);
-  }
-  setTextSource(e) {
-    this.#u = {
-      type: "text",
-      opts: e
-    }, this.#q(), this.#L(), this.#H();
-  }
-  async setImageSource(e, t = 0, n = "cover") {
-    const i = await ce(e);
-    if (this.#J) {
-      i.close();
-      return;
-    }
-    this.#u = {
-      type: "image",
-      bitmap: i,
-      effect: t,
-      size: n
-    }, this.#q(), this.#L(), this.#H();
-  }
-  setImageBitmap(e, t = 0, n = "cover") {
-    this.#u = {
-      type: "image",
-      bitmap: e,
-      effect: t,
-      size: n
-    }, this.#q(), this.#L(), this.#H();
-  }
-  setBackground(e, t = "cover") {
-    this.#m && this.#m !== e && this.#m.close(), this.#m = e, this.#F = t ?? "cover", this.#u && this.#o > 0 && this.#a > 0 && this.#L();
-  }
-  handleMove(e, t, n = 1) {
-    if (!this.#K) {
-      this.#e.x = this.#e.targetX = e, this.#e.y = this.#e.targetY = t, this.#K = !0;
-      return;
-    }
-    this.#e.moved = !0, this.#e.dx = (e - this.#e.targetX) * n, this.#e.dy = (t - this.#e.targetY) * n, this.#e.targetX = e, this.#e.targetY = t;
-  }
-  splat(e, t, n, i, s = 1) {
-    !this.#N || this.#o === 0 || (this.#v ? this.#se(e, t, n, i, s) : this.#oe(e, t, n, i, s));
-  }
-  updateQuality(e) {
-    e.dpr !== void 0 && (this.#Q = Math.max(0.1, Math.min(1, e.dpr))), e.sim !== void 0 && (this.#C = Math.max(0.1, Math.min(1, e.sim)));
-  }
-  resize(e, t, n) {
-    if (n !== void 0 ? this.#x = n : typeof window < "u" && window.devicePixelRatio && (this.#x = window.devicePixelRatio), e !== void 0 && e > 0) {
-      if (t === void 0 || t <= 0)
-        return;
-      this.#o = this.#r.width = e, this.#a = this.#r.height = t, this.#y = Math.max(1, Math.round(e * this.#C)), this.#w = Math.max(1, Math.round(t * this.#C)), this.#Z();
-    } else
-      this.#q();
-    this.#u && this.#L(), this.#H();
-  }
-  updateConfig(e) {
-    Object.assign(this.#B, e);
-  }
-  destroy() {
-    if (this.#J = !0, this.stop(), this.#ee(), this.#te(), this.#m && (this.#m.close(), this.#m = null), this.#v)
-      this.#A?.destroy(), this.#M?.destroy(), this.#z?.destroy(), this.#X?.destroy(), this.#k?.destroy(), this.#D?.destroy(), this.#_?.destroy(), this.#I?.destroy(), this.#G?.destroy(), this.#W?.destroy(), this.#P?.destroy(), this.#v.device.destroy();
-    else {
-      const e = this.#i;
-      for (const t of Object.values(this.#g))
-        t.dispose();
-      e.getExtension("WEBGL_lose_context")?.loseContext();
-    }
-  }
-  start() {
-    if (this.#E !== null)
-      return;
-    const e = () => {
-      this.#ne(), this.#E = me(e);
-    };
-    this.#E = me(e);
-  }
-  stop() {
-    this.#E !== null && (at(this.#E), this.#E = null);
-  }
-  get isRunning() {
-    return this.#E !== null;
-  }
-  #re(e) {
-    const { device: t, format: n } = e;
-    this.#Y = rt(t, n, this.#$), this.#P = et(t), this.#j = nt(t), this.#A = C(t, 16), this.#M = C(t, 16), this.#z = C(t, 16), this.#X = C(t, 16), this.#k = C(t, 16), this.#D = C(t, 48), this.#_ = C(t, 48), this.#I = C(t, 16), this.#G = C(t, 16), this.#W = C(t, 64);
-  }
-  #q() {
-    const e = this.#r;
-    "clientWidth" in e && e.clientWidth > 0 ? (this.#x = (typeof window < "u" && window.devicePixelRatio || 1) * this.#Q, this.#o = e.width = Math.round(e.clientWidth * this.#x), this.#a = e.height = Math.round(e.clientHeight * this.#x)) : (this.#o = e.width, this.#a = e.height), !(this.#o === 0 || this.#a === 0) && (this.#y = Math.max(1, Math.round(this.#o * this.#C)), this.#w = Math.max(1, Math.round(this.#a * this.#C)), this.#Z());
-  }
-  #Z() {
-    if (this.#ee(), this.#v) {
-      const { device: e } = this.#v, t = "rgba16float", n = this.#y, i = this.#w;
-      this.#l = le(e, t, n, i), this.#n = le(e, t, n, i), this.#R = le(e, t, n, i), this.#O = se(e, t, n, i), this.#V = se(e, t, n, i);
-    } else {
-      const e = this.#i, t = this.#U, n = this.#y, i = this.#w;
-      this.#s = ue(e, t, n, i), this.#t = ue(e, t, n, i), this.#f = ue(e, t, n, i), this.#c = ie(e, t, n, i), this.#d = ie(e, t, n, i);
-    }
-  }
-  #L() {
-    if (!(!this.#u || this.#o === 0 || this.#a === 0)) {
-      if (this.#te(), this.#v) {
-        const { device: e } = this.#v;
-        this.#u.type === "text" ? this.#p = Oe(e, this.#o, this.#a, this.#u.opts, this.#m, this.#F) : this.#p = Ve(e, this.#u.bitmap, this.#o, this.#a, this.#u.effect, this.#u.size, this.#m, this.#F);
-      } else {
-        const e = this.#i;
-        if (this.#u.type === "text") {
-          const { backgroundTex: t, obstacleTex: n, coverageTex: i } = Ce(e, this.#o, this.#a, this.#u.opts, this.#m, this.#F);
-          this.#T = t, this.#h = n, this.#S = i;
-        } else {
-          const { backgroundTex: t, obstacleTex: n, coverageTex: i } = Be(e, this.#u.bitmap, this.#o, this.#a, this.#u.effect, this.#u.size, this.#m, this.#F);
-          this.#T = t, this.#h = n, this.#S = i;
-        }
-      }
-      this.#N = !0;
-    }
-  }
-  #H() {
-    this.#N && !this.isRunning && this.start();
-  }
-  #ee() {
-    if (this.#v)
-      this.#l?.dispose(), this.#n?.dispose(), this.#R?.dispose(), this.#O?.tex.destroy(), this.#V?.tex.destroy(), this.#l = this.#n = this.#R = null, this.#O = this.#V = null;
-    else {
-      const e = this.#i;
-      this.#s?.dispose(), this.#t?.dispose(), this.#f?.dispose(), this.#c && (e.deleteTexture(this.#c.tex), e.deleteFramebuffer(this.#c.fbo)), this.#d && (e.deleteTexture(this.#d.tex), e.deleteFramebuffer(this.#d.fbo)), this.#s = this.#t = this.#f = this.#c = this.#d = null;
-    }
-  }
-  #te() {
-    if (this.#v)
-      this.#p && (this.#p.backgroundTex.destroy(), this.#p.obstacleTex.destroy(), this.#p.sharedCoverage || this.#p.coverageTex.destroy(), this.#p = null);
-    else {
-      const e = this.#i;
-      this.#T && e.deleteTexture(this.#T), this.#h && e.deleteTexture(this.#h), this.#S && this.#S !== this.#h && e.deleteTexture(this.#S), this.#T = this.#h = this.#S = null;
-    }
-  }
-  #ne() {
-    !this.#N || this.#o === 0 || (this.#v ? this.#ie() : this.#ae());
-  }
-  #ie() {
-    const e = this.#v, t = e.device, n = this.#Y, i = this.#P, s = this.#j, a = this.#B, c = this.#p;
-    if (!this.#l || !this.#n)
-      return;
-    this.#e.x += (this.#e.targetX - this.#e.x) * 0.15, this.#e.y += (this.#e.targetY - this.#e.y) * 0.15;
-    const x = this.#y, u = this.#w, v = this.#o, l = this.#a, o = 1 / x, f = 1 / u;
-    he(t, this.#A, o, f, K, a.velocityDissipation), re(t, this.#z, o, f), re(t, this.#X, o, f), re(t, this.#k, o, f), re(t, this.#I, o, f), it(t, this.#G, o, f, a.curl, K), st(t, this.#W, 1 / v, 1 / l, a.refraction, a.specularExp, te(a.waterColor), te(a.glowColor), a.shine, a.warpStrength ?? 0.015, de[a.algorithm] ?? 0, this.#$);
-    const m = t.createCommandEncoder(), d = (h, g) => t.createBindGroup({
-      layout: h.getBindGroupLayout(0),
-      entries: g
-    }), p = {
-      binding: 1,
-      resource: s
-    };
-    {
-      const h = d(n.advection, [
-        {
-          binding: 0,
-          resource: { buffer: this.#A }
-        },
-        p,
-        {
-          binding: 2,
-          resource: this.#n.read.view
-        },
-        {
-          binding: 3,
-          resource: this.#n.read.view
-        },
-        {
-          binding: 4,
-          resource: c.obstacleView
-        }
-      ]);
-      D(m, n.advection, h, i, this.#n.write.view);
-    }
-    this.#n.swap();
-    {
-      he(t, this.#M, o, f, K, a.densityDissipation);
-      const h = d(n.advection, [
-        {
-          binding: 0,
-          resource: { buffer: this.#M }
-        },
-        p,
-        {
-          binding: 2,
-          resource: this.#n.read.view
-        },
-        {
-          binding: 3,
-          resource: this.#l.read.view
-        },
-        {
-          binding: 4,
-          resource: c.obstacleView
-        }
-      ]);
-      D(m, n.advection, h, i, this.#l.write.view);
-    }
-    this.#l.swap();
-    {
-      const h = d(n.curl, [
-        {
-          binding: 0,
-          resource: { buffer: this.#I }
-        },
-        p,
-        {
-          binding: 2,
-          resource: this.#n.read.view
-        }
-      ]);
-      D(m, n.curl, h, i, this.#V.view);
-    }
-    {
-      const h = d(n.vorticity, [
-        {
-          binding: 0,
-          resource: { buffer: this.#G }
-        },
-        p,
-        {
-          binding: 2,
-          resource: this.#n.read.view
-        },
-        {
-          binding: 3,
-          resource: this.#V.view
-        }
-      ]);
-      D(m, n.vorticity, h, i, this.#n.write.view);
-    }
-    if (this.#n.swap(), this.#e.moved) {
-      const h = this.#e.x * this.#x / v, g = this.#e.y * this.#x / l;
-      ne(t, this.#D, o, f, v / l, a.splatRadius, this.#e.dx * a.splatForce, this.#e.dy * a.splatForce, 0, h, g);
-      {
-        const T = d(n.splat, [
-          {
-            binding: 0,
-            resource: { buffer: this.#D }
-          },
-          p,
-          {
-            binding: 2,
-            resource: this.#n.read.view
-          }
-        ]);
-        D(m, n.splat, T, i, this.#n.write.view);
-      }
-      this.#n.swap(), ne(t, this.#_, o, f, v / l, a.splatRadius, 1, 1, 1, h, g);
-      {
-        const T = d(n.splat, [
-          {
-            binding: 0,
-            resource: { buffer: this.#_ }
-          },
-          p,
-          {
-            binding: 2,
-            resource: this.#l.read.view
-          }
-        ]);
-        D(m, n.splat, T, i, this.#l.write.view);
-      }
-      this.#l.swap(), this.#e.moved = !1;
-    }
-    {
-      const h = d(n.divergence, [
-        {
-          binding: 0,
-          resource: { buffer: this.#z }
-        },
-        p,
-        {
-          binding: 2,
-          resource: this.#n.read.view
-        },
-        {
-          binding: 3,
-          resource: c.obstacleView
-        }
-      ]);
-      D(m, n.divergence, h, i, this.#O.view);
-    }
-    for (let h = 0; h < a.pressureIterations; h++) {
-      const g = d(n.pressure, [
-        {
-          binding: 0,
-          resource: { buffer: this.#X }
-        },
-        p,
-        {
-          binding: 2,
-          resource: this.#R.read.view
-        },
-        {
-          binding: 3,
-          resource: this.#O.view
-        },
-        {
-          binding: 4,
-          resource: c.obstacleView
-        }
-      ]);
-      D(m, n.pressure, g, i, this.#R.write.view), this.#R.swap();
-    }
-    {
-      const h = d(n.gradientSubtract, [
-        {
-          binding: 0,
-          resource: { buffer: this.#k }
-        },
-        p,
-        {
-          binding: 2,
-          resource: this.#R.read.view
-        },
-        {
-          binding: 3,
-          resource: this.#n.read.view
-        },
-        {
-          binding: 4,
-          resource: c.obstacleView
-        }
-      ]);
-      D(m, n.gradientSubtract, h, i, this.#n.write.view);
-    }
-    this.#n.swap();
-    {
-      const h = e.context.getCurrentTexture().createView(), g = d(n.display, [
-        {
-          binding: 0,
-          resource: { buffer: this.#W }
-        },
-        p,
-        {
-          binding: 2,
-          resource: this.#l.read.view
-        },
-        {
-          binding: 3,
-          resource: c.obstacleView
-        },
-        {
-          binding: 4,
-          resource: c.backgroundView
-        },
-        {
-          binding: 5,
-          resource: c.coverageView
-        },
-        {
-          binding: 6,
-          resource: this.#n.read.view
-        }
-      ]);
-      ot(m, n.display, g, i, h);
-    }
-    t.queue.submit([m.finish()]);
-  }
-  #se(e, t, n, i, s) {
-    const a = this.#v.device, c = this.#Y.splat, x = this.#P, u = this.#j, v = this.#B, l = this.#y, o = this.#w, f = 1 / l, m = 1 / o, d = a.createCommandEncoder(), p = {
-      binding: 1,
-      resource: u
-    }, h = (R) => a.createBindGroup({
-      layout: c.getBindGroupLayout(0),
-      entries: R
-    }), g = e * this.#x / this.#o, T = t * this.#x / this.#a;
-    ne(a, this.#D, f, m, this.#o / this.#a, v.splatRadius, n * v.splatForce * s, i * v.splatForce * s, 0, g, T), D(d, c, h([
-      {
-        binding: 0,
-        resource: { buffer: this.#D }
-      },
-      p,
-      {
-        binding: 2,
-        resource: this.#n.read.view
-      }
-    ]), x, this.#n.write.view), this.#n.swap(), ne(a, this.#_, f, m, this.#o / this.#a, v.splatRadius, s, s, s, g, T), D(d, c, h([
-      {
-        binding: 0,
-        resource: { buffer: this.#_ }
-      },
-      p,
-      {
-        binding: 2,
-        resource: this.#l.read.view
-      }
-    ]), x, this.#l.write.view), this.#l.swap(), a.queue.submit([d.finish()]);
-  }
-  #oe(e, t, n, i, s) {
-    const a = this.#i, c = this.#B, x = this.#g.splat, u = this.#b;
-    a.viewport(0, 0, this.#y, this.#w), x.bind(), a.uniform1f(x.uniforms.aspectRatio, this.#o / this.#a), a.uniform2f(x.uniforms.point, e * this.#x / this.#o, 1 - t * this.#x / this.#a), a.uniform1f(x.uniforms.radius, c.splatRadius), a.uniform1i(x.uniforms.uTarget, 0), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, this.#t.read.tex), a.uniform3f(x.uniforms.color, n * c.splatForce * s, -i * c.splatForce * s, 0), u(this.#t.write.fbo), this.#t.swap(), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, this.#s.read.tex), a.uniform3f(x.uniforms.color, s, s, s), u(this.#s.write.fbo), this.#s.swap();
-  }
-  #ae() {
-    if (!this.#s || !this.#t)
-      return;
-    const e = this.#i, t = this.#B, { advection: n, divergence: i, pressure: s, gradientSubtract: a, splat: c, curl: x, vorticity: u, display: v } = this.#g;
-    this.#e.x += (this.#e.targetX - this.#e.x) * 0.15, this.#e.y += (this.#e.targetY - this.#e.y) * 0.15;
-    const l = this.#y, o = this.#w, f = this.#b;
-    e.viewport(0, 0, l, o), n.bind(), e.uniform2f(n.uniforms.texelSize, 1 / l, 1 / o), e.uniform1f(n.uniforms.dt, K), e.uniform1i(n.uniforms.uObstacle, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#h), e.uniform1f(n.uniforms.dissipation, t.velocityDissipation), e.uniform1i(n.uniforms.uVelocity, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#t.read.tex), e.uniform1i(n.uniforms.uSource, 1), f(this.#t.write.fbo), this.#t.swap(), e.uniform1f(n.uniforms.dissipation, t.densityDissipation), e.uniform1i(n.uniforms.uSource, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#s.read.tex), f(this.#s.write.fbo), this.#s.swap(), x.bind(), e.uniform2f(x.uniforms.texelSize, 1 / l, 1 / o), e.uniform1i(x.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#t.read.tex), f(this.#d.fbo), u.bind(), e.uniform2f(u.uniforms.texelSize, 1 / l, 1 / o), e.uniform1f(u.uniforms.curl, t.curl), e.uniform1f(u.uniforms.dt, K), e.uniform1i(u.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#t.read.tex), e.uniform1i(u.uniforms.uCurl, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#d.tex), f(this.#t.write.fbo), this.#t.swap(), this.#e.moved && (c.bind(), e.uniform1f(c.uniforms.aspectRatio, this.#o / this.#a), e.uniform2f(c.uniforms.point, this.#e.x * this.#x / this.#o, 1 - this.#e.y * this.#x / this.#a), e.uniform1f(c.uniforms.radius, t.splatRadius), e.uniform1i(c.uniforms.uTarget, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#t.read.tex), e.uniform3f(c.uniforms.color, this.#e.dx * t.splatForce, -this.#e.dy * t.splatForce, 0), f(this.#t.write.fbo), this.#t.swap(), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#s.read.tex), e.uniform3f(c.uniforms.color, 1, 1, 1), f(this.#s.write.fbo), this.#s.swap(), this.#e.moved = !1), i.bind(), e.uniform2f(i.uniforms.texelSize, 1 / l, 1 / o), e.uniform1i(i.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#t.read.tex), e.uniform1i(i.uniforms.uObstacle, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#h), f(this.#c.fbo), s.bind(), e.uniform2f(s.uniforms.texelSize, 1 / l, 1 / o), e.uniform1i(s.uniforms.uDivergence, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#c.tex), e.uniform1i(s.uniforms.uObstacle, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#h);
-    for (let m = 0; m < t.pressureIterations; m++)
-      e.uniform1i(s.uniforms.uPressure, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#f.read.tex), f(this.#f.write.fbo), this.#f.swap();
-    a.bind(), e.uniform2f(a.uniforms.texelSize, 1 / l, 1 / o), e.uniform1i(a.uniforms.uPressure, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#f.read.tex), e.uniform1i(a.uniforms.uVelocity, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#t.read.tex), e.uniform1i(a.uniforms.uObstacle, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#h), f(this.#t.write.fbo), this.#t.swap(), e.viewport(0, 0, this.#o, this.#a), e.bindFramebuffer(e.FRAMEBUFFER, null), e.clear(e.COLOR_BUFFER_BIT), v.bind(), e.uniform2f(v.uniforms.texelSize, 1 / this.#o, 1 / this.#a), e.uniform3fv(v.uniforms.uWaterColor, te(t.waterColor)), e.uniform3fv(v.uniforms.uGlowColor, te(t.glowColor)), e.uniform1f(v.uniforms.uRefraction, t.refraction), e.uniform1f(v.uniforms.uSpecularExp, t.specularExp), e.uniform1f(v.uniforms.uShine, t.shine), e.uniform1f(v.uniforms.uWarpStrength, t.warpStrength ?? 0.015), e.uniform1i(v.uniforms.uAlgorithm, de[t.algorithm] ?? 0), e.uniform1i(v.uniforms.uEnableAlpha, this.#$ ? 1 : 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#s.read.tex), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#h), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#T), e.activeTexture(e.TEXTURE3), e.bindTexture(e.TEXTURE_2D, this.#S), e.activeTexture(e.TEXTURE4), e.bindTexture(e.TEXTURE_2D, this.#t.read.tex), e.uniform1i(v.uniforms.uTexture, 0), e.uniform1i(v.uniforms.uObstacle, 1), e.uniform1i(v.uniforms.uBackground, 2), e.uniform1i(v.uniforms.uCoverage, 3), e.uniform1i(v.uniforms.uVelocity, 4), f(null);
-  }
-}, Ee = `const W = {
+var s = {
 	densityDissipation: .83,
 	velocityDissipation: .91,
 	pressureIterations: 1,
@@ -1529,18 +32,38 @@ var me = typeof requestAnimationFrame < "u" ? requestAnimationFrame.bind(globalT
 	glowColor: "#b3d9ff",
 	algorithm: "aurora",
 	warpStrength: .04
-};
-({ ...W });
-typeof window < "u" && 1 / (window.devicePixelRatio || 1);
-const N = {
+}, c = {
+	...s,
+	densityDissipation: .9,
+	velocityDissipation: .9,
+	pressureIterations: 3,
+	curl: .2,
+	splatRadius: .2,
+	splatForce: .5,
+	refraction: .2,
+	specularExp: .01,
+	shine: .5,
+	waterColor: "#090017",
+	glowColor: "#b04721"
+}, l = {
+	dpr: typeof window < "u" ? 1 / (window.devicePixelRatio || 1) : 1,
+	sim: .5
+}, u = {
 	backgroundColor: "#0a0a0a",
 	backgroundSize: "cover",
 	mouseEnabled: !0,
 	workerEnabled: !0
-};
-({ ...N });
-({ ...N });
-const q = {
+}, d = {
+	...u,
+	effect: 0,
+	imageSize: "cover"
+}, f = {
+	...u,
+	fontSize: 100,
+	color: "#ffffff",
+	fontFamily: "sans-serif",
+	fontWeight: 900
+}, p = {
 	calm: {
 		densityDissipation: .98,
 		velocityDissipation: .81,
@@ -1599,294 +122,203 @@ const q = {
 		waterColor: "#0f0f0f"
 	}
 };
-function F(r) {
-	if (Array.isArray(r)) return r;
-	const e = r.slice(1, 7);
-	return e.length === 3 ? [
-		parseInt(e[0] + e[0], 16) / 255,
-		parseInt(e[1] + e[1], 16) / 255,
-		parseInt(e[2] + e[2], 16) / 255
+function m(e) {
+	if (Array.isArray(e)) return e;
+	let t = e.slice(1, 7);
+	return t.length === 3 ? [
+		parseInt(t[0] + t[0], 16) / 255,
+		parseInt(t[1] + t[1], 16) / 255,
+		parseInt(t[2] + t[2], 16) / 255
 	] : [
-		parseInt(e.slice(0, 2), 16) / 255,
-		parseInt(e.slice(2, 4), 16) / 255,
-		parseInt(e.slice(4, 6), 16) / 255
+		parseInt(t.slice(0, 2), 16) / 255,
+		parseInt(t.slice(2, 4), 16) / 255,
+		parseInt(t.slice(4, 6), 16) / 255
 	];
 }
-function H(r = {}, e, t = W) {
+function h(e = {}, t, n = s) {
+	return {
+		...t ? {
+			...n,
+			...p[t]
+		} : n,
+		...e
+	};
+}
+//#endregion
+//#region src/core/textures.ts
+function g(e, t, n, r, i = "cover") {
+	let a;
+	a = i === "cover" ? Math.max(n / e, r / t) : i === "contain" ? Math.min(n / e, r / t) : typeof i == "string" && i.endsWith("%") ? Math.min(n / e, r / t) * (parseFloat(i) / 100) : typeof i == "string" && i.endsWith("px") ? parseFloat(i) / Math.max(e, t) : typeof i == "number" ? i : Math.max(n / e, r / t);
+	let o = e * a, s = t * a;
 	return {
-		...e ? {
-			...t,
-			...q[e]
-		} : t,
-		...r
+		x: (n - o) / 2,
+		y: (r - s) / 2,
+		drawW: o,
+		drawH: s
 	};
 }
-const w = \`precision highp float;
- attribute vec2 aPosition;
- varying vec2 vUv;
- varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
- uniform vec2 texelSize;
- void main () {
- vUv = aPosition * 0.5 + 0.5;
- vL = vUv - vec2(texelSize.x, 0.0);
- vR = vUv + vec2(texelSize.x, 0.0);
- vT = vUv + vec2(0.0, texelSize.y);
- vB = vUv - vec2(0.0, texelSize.y);
- gl_Position = vec4(aPosition, 0.0, 1.0);
- }\`, Q = \`precision highp float;
- varying vec2 vUv;
- uniform sampler2D uVelocity;
- uniform sampler2D uSource;
- uniform sampler2D uObstacle;
- uniform vec2 texelSize;
- uniform float dt;
- uniform float dissipation;
- void main () {
- float obs = texture2D(uObstacle, vUv).r;
- vec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;
- 
- 
- 
- gl_FragColor = dissipation * texture2D(uSource, coord) * (1.0 - obs);
- }\`, j = \`precision highp float;
- varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
- uniform sampler2D uVelocity;
- uniform sampler2D uObstacle;
- void main () {
- float L = texture2D(uVelocity, vL).x * (1.0 - texture2D(uObstacle, vL).r);
- float R = texture2D(uVelocity, vR).x * (1.0 - texture2D(uObstacle, vR).r);
- float T = texture2D(uVelocity, vT).y * (1.0 - texture2D(uObstacle, vT).r);
- float B = texture2D(uVelocity, vB).y * (1.0 - texture2D(uObstacle, vB).r);
- gl_FragColor = vec4(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);
- }\`, K = \`precision highp float;
- varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
- uniform sampler2D uPressure;
- uniform sampler2D uDivergence;
- uniform sampler2D uObstacle;
- void main () {
- float C = texture2D(uPressure, vUv).x;
- float L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);
- float R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);
- float T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);
- float B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);
- float div = texture2D(uDivergence, vUv).x;
- gl_FragColor = vec4((L + R + B + T - div) * 0.25, 0.0, 0.0, 1.0);
- }\`, J = \`precision highp float;
- varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
- uniform sampler2D uPressure;
- uniform sampler2D uVelocity;
- uniform sampler2D uObstacle;
- void main () {
- float obs = texture2D(uObstacle, vUv).r;
- float C = texture2D(uPressure, vUv).x;
- float L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);
- float R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);
- float T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);
- float B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);
- vec2 vel = (texture2D(uVelocity, vUv).xy - vec2(R - L, T - B)) * (1.0 - obs);
- gl_FragColor = vec4(vel, 0.0, 1.0);
- }\`, Z = \`precision highp float;
- varying vec2 vUv;
- uniform sampler2D uTarget;
- uniform float aspectRatio;
- uniform vec3 color;
- uniform vec2 point;
- uniform float radius;
- void main () {
- vec2 p = vUv - point.xy;
- p.x *= aspectRatio;
- vec3 splat = exp(-dot(p, p) / radius) * color;
- gl_FragColor = vec4(texture2D(uTarget, vUv).xyz + splat, 1.0);
- }\`, ee = \`precision highp float;
- varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
- uniform sampler2D uVelocity;
- void main () {
- float L = texture2D(uVelocity, vL).y;
- float R = texture2D(uVelocity, vR).y;
- float T = texture2D(uVelocity, vT).x;
- float B = texture2D(uVelocity, vB).x;
- gl_FragColor = vec4(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);
- }\`, te = \`precision highp float;
- varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;
- uniform sampler2D uVelocity;
- uniform sampler2D uCurl;
- uniform float curl;
- uniform float dt;
- void main () {
- float L = texture2D(uCurl, vL).x;
- float R = texture2D(uCurl, vR).x;
- float T = texture2D(uCurl, vT).x;
- float B = texture2D(uCurl, vB).x;
- float C = texture2D(uCurl, vUv).x;
- vec2 force = 0.5 * vec2(abs(T) - abs(B), abs(R) - abs(L));
- force /= length(force) + 0.0001;
- force *= curl * 30.0 * C;
- gl_FragColor = vec4(texture2D(uVelocity, vUv).xy + force * dt, 0.0, 1.0);
- }\`, re = \`precision highp float;
- varying vec2 vUv;
- uniform sampler2D uTexture;
- uniform sampler2D uObstacle;
- uniform sampler2D uBackground;
- uniform sampler2D uCoverage;
- uniform sampler2D uVelocity;
- uniform vec2 texelSize;
- uniform vec3 uWaterColor;
- uniform vec3 uGlowColor;
- uniform float uRefraction;
- uniform float uSpecularExp;
- uniform float uShine;
- uniform float uWarpStrength;
- uniform int uAlgorithm;
- uniform int uEnableAlpha;
- void main () {
- float obs = texture2D(uObstacle, vUv).r;
- 
- 
- float density = max(texture2D(uTexture, vUv).r, 0.0) * (1.0 - obs);
- float coverage = texture2D(uCoverage, vUv).r;
- 
- 
- 
- 
- float sx = texelSize.x * 6.0, sy = texelSize.y * 6.0;
- float d00 = max(texture2D(uTexture, vUv + vec2(-sx, -sy)).r, 0.0);
- float d10 = max(texture2D(uTexture, vUv + vec2(0.0, -sy)).r, 0.0);
- float d20 = max(texture2D(uTexture, vUv + vec2( sx, -sy)).r, 0.0);
- float d01 = max(texture2D(uTexture, vUv + vec2(-sx, 0.0)).r, 0.0);
- float d21 = max(texture2D(uTexture, vUv + vec2( sx, 0.0)).r, 0.0);
- float d02 = max(texture2D(uTexture, vUv + vec2(-sx, sy)).r, 0.0);
- float d12 = max(texture2D(uTexture, vUv + vec2(0.0, sy)).r, 0.0);
- float d22 = max(texture2D(uTexture, vUv + vec2( sx, sy)).r, 0.0);
- float gx = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);
- float gy = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);
- vec3 normal = normalize(vec3(gx, gy, 1.2));
- vec3 lightDir = normalize(vec3(0.5, 1.0, 0.5));
- vec3 halfV = normalize(lightDir + vec3(0.0, 0.0, 1.0));
- 
- 
- float specDen = density * min(density * 5.0, 1.0);
- float spec = pow(max(dot(normal, halfV), 0.0), uSpecularExp) * uShine * specDen;
- 
- 
- 
- vec3 bgRaw = texture2D(uBackground, vUv).rgb;
- vec3 bg = mix(uWaterColor, bgRaw, coverage);
- vec3 color = bg;
- if (uAlgorithm == 1) {
- 
- 
- vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 3.0, 0.0, 1.0);
- vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);
- color = refrBg + spec * uGlowColor * 2.5;
- color = mix(color, bg * 0.6, obs * 0.3);
- } else if (uAlgorithm == 2) {
- 
- 
- float inkD = min(density * 4.0, 1.0);
- vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 0.4, 0.0, 1.0);
- vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);
- color = mix(refrBg, uWaterColor + spec * uGlowColor, inkD);
- color = mix(color, bg * 0.5, obs * 0.15);
- } else if (uAlgorithm == 3) {
- 
- 
- vec2 vel = texture2D(uVelocity, vUv).xy;
- float velMag = clamp(length(vel) * 20.0, 0.0, 1.0);
- vec2 warpUv = clamp(vUv + vel * uWarpStrength, 0.0, 1.0);
- vec3 warpBg = mix(uWaterColor, texture2D(uBackground, warpUv).rgb, coverage);
- color = mix(bg, warpBg, velMag * (1.0 - obs));
- color += spec * uGlowColor * velMag * 1.5;
- color += uWaterColor * density * 0.3;
- color = mix(color, bg * 0.5, obs * 0.2);
- } else if (uAlgorithm == 4) {
- 
- 
- vec2 rippleUv = clamp(vUv + normal.xy * uRefraction * density * 6.0, 0.0, 1.0);
- vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, rippleUv, 1.0 - obs)).rgb, coverage);
- float fresnel = pow(clamp(1.0 - dot(normal, vec3(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;
- color = refrBg;
- color += fresnel * uGlowColor * 2.0;
- color += spec * uGlowColor * density * 2.0;
- color = mix(color, bg * 0.5, obs * 0.2);
- } else {
- 
- 
- vec2 refrUv = vUv + normal.xy * uRefraction * density;
- vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);
- color = mix(refrBg, uWaterColor, min(density * 1.5, 0.8));
- color += spec * uGlowColor;
- color = mix(color, bg * 0.5, obs * 0.2);
- }
- 
- 
- float alpha = clamp(max(density * 1.5, coverage), 0.0, 1.0);
- if (uEnableAlpha == 1) {
- gl_FragColor = vec4(color * alpha, alpha);
- } else {
- gl_FragColor = vec4(color, 1.0);
- }
- }\`;
-function ie(r, e = !0) {
-	const t = {
-		alpha: e,
+function _(e, t, n, r, i = null, a = "cover") {
+	let { text: o, fontSize: s, color: c, fontFamily: l = "sans-serif", fontWeight: u = 900 } = r, d = new OffscreenCanvas(t, n), f = d.getContext("2d");
+	((e) => {
+		if (i) {
+			f.clearRect(0, 0, t, n), f.fillStyle = "black", f.fillRect(0, 0, t, n);
+			let { x: e, y: r, drawW: o, drawH: s } = g(i.width, i.height, t, n, a);
+			f.drawImage(i, e, r, o, s);
+		} else f.fillStyle = "black", f.fillRect(0, 0, t, n);
+		f.fillStyle = e, f.font = `${u} ${s}px ${l}`, f.textAlign = "center", f.textBaseline = "middle", f.fillText(o, t / 2, n / 2);
+	})(c);
+	let p = y(e, d);
+	f.fillStyle = "black", f.fillRect(0, 0, t, n), f.fillStyle = "white", f.font = `${u} ${s}px ${l}`, f.textAlign = "center", f.textBaseline = "middle", f.fillText(o, t / 2, n / 2);
+	let m = y(e, d);
+	return {
+		backgroundTex: p,
+		obstacleTex: m,
+		coverageTex: m
+	};
+}
+function v(e, t, n, r, i = 0, a = "cover", o = null, s = "cover") {
+	let c = new OffscreenCanvas(n, r), l = c.getContext("2d"), { x: u, y: d, drawW: f, drawH: p } = g(t.width, t.height, n, r, a);
+	if (l.clearRect(0, 0, n, r), l.fillStyle = "black", l.fillRect(0, 0, n, r), o) {
+		let { x: e, y: t, drawW: a, drawH: c } = g(o.width, o.height, n, r, s);
+		l.filter = `brightness(${i}) blur(8px)`, l.drawImage(o, e, t, a, c), l.filter = "none";
+	}
+	l.drawImage(t, u, d, f, p);
+	let m = y(e, c);
+	l.clearRect(0, 0, n, r), l.fillStyle = "black", l.fillRect(0, 0, n, r), l.filter = `brightness(${i}) blur(8px)`, l.drawImage(t, u, d, f, p), l.filter = "none";
+	let h = y(e, c);
+	return l.clearRect(0, 0, n, r), l.fillStyle = "black", l.fillRect(0, 0, n, r), l.fillStyle = "white", l.fillRect(Math.max(0, u), Math.max(0, d), Math.min(f, n - Math.max(0, u)), Math.min(p, r - Math.max(0, d))), {
+		backgroundTex: m,
+		obstacleTex: h,
+		coverageTex: y(e, c)
+	};
+}
+function y(e, t) {
+	let n = e.createTexture();
+	return e.bindTexture(e.TEXTURE_2D, n), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, !0), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, t), 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), n;
+}
+function b(e, t, n, r, i = null, a = "cover") {
+	let { text: o, fontSize: s, color: c, fontFamily: l = "sans-serif", fontWeight: u = 900 } = r, d = new OffscreenCanvas(t, n), f = d.getContext("2d");
+	((e) => {
+		if (i) {
+			f.clearRect(0, 0, t, n), f.fillStyle = "black", f.fillRect(0, 0, t, n);
+			let { x: e, y: r, drawW: o, drawH: s } = g(i.width, i.height, t, n, a);
+			f.drawImage(i, e, r, o, s);
+		} else f.fillStyle = "black", f.fillRect(0, 0, t, n);
+		f.fillStyle = e, f.font = `${u} ${s}px ${l}`, f.textAlign = "center", f.textBaseline = "middle", f.fillText(o, t / 2, n / 2);
+	})(c);
+	let p = S(e, d, t, n);
+	f.fillStyle = "black", f.fillRect(0, 0, t, n), f.fillStyle = "white", f.font = `${u} ${s}px ${l}`, f.textAlign = "center", f.textBaseline = "middle", f.fillText(o, t / 2, n / 2);
+	let m = S(e, d, t, n);
+	return {
+		backgroundTex: p,
+		backgroundView: p.createView(),
+		obstacleTex: m,
+		obstacleView: m.createView(),
+		coverageTex: m,
+		coverageView: m.createView(),
+		sharedCoverage: !0
+	};
+}
+function x(e, t, n, r, i = 0, a = "cover", o = null, s = "cover") {
+	let c = new OffscreenCanvas(n, r), l = c.getContext("2d"), { x: u, y: d, drawW: f, drawH: p } = g(t.width, t.height, n, r, a);
+	if (l.clearRect(0, 0, n, r), l.fillStyle = "black", l.fillRect(0, 0, n, r), o) {
+		let { x: e, y: t, drawW: a, drawH: c } = g(o.width, o.height, n, r, s);
+		l.filter = `brightness(${i}) blur(8px)`, l.drawImage(o, e, t, a, c), l.filter = "none";
+	}
+	l.drawImage(t, u, d, f, p);
+	let m = S(e, c, n, r);
+	l.clearRect(0, 0, n, r), l.fillStyle = "black", l.fillRect(0, 0, n, r), l.filter = `brightness(${i}) blur(8px)`, l.drawImage(t, u, d, f, p), l.filter = "none";
+	let h = S(e, c, n, r);
+	l.clearRect(0, 0, n, r), l.fillStyle = "black", l.fillRect(0, 0, n, r), l.fillStyle = "white", l.fillRect(Math.max(0, u), Math.max(0, d), Math.min(f, n - Math.max(0, u)), Math.min(p, r - Math.max(0, d)));
+	let _ = S(e, c, n, r);
+	return {
+		backgroundTex: m,
+		backgroundView: m.createView(),
+		obstacleTex: h,
+		obstacleView: h.createView(),
+		coverageTex: _,
+		coverageView: _.createView(),
+		sharedCoverage: !1
+	};
+}
+function S(e, t, n, r) {
+	let i = e.createTexture({
+		size: [n, r],
+		format: "rgba8unorm",
+		usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT
+	});
+	return e.queue.copyExternalImageToTexture({ source: t }, { texture: i }, [n, r]), i;
+}
+async function C(e) {
+	let t = await fetch(e);
+	if (!t.ok) throw Error(`Failed to fetch image: ${e} (${t.status})`);
+	let n = await t.blob();
+	return createImageBitmap(n);
+}
+//#endregion
+//#region src/utils/index.ts
+var w = "precision highp float;\n attribute vec2 aPosition;\n varying vec2 vUv;\n varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform vec2 texelSize;\n void main () {\n vUv = aPosition * 0.5 + 0.5;\n vL = vUv - vec2(texelSize.x, 0.0);\n vR = vUv + vec2(texelSize.x, 0.0);\n vT = vUv + vec2(0.0, texelSize.y);\n vB = vUv - vec2(0.0, texelSize.y);\n gl_Position = vec4(aPosition, 0.0, 1.0);\n }", T = "precision highp float;\n varying vec2 vUv;\n uniform sampler2D uVelocity;\n uniform sampler2D uSource;\n uniform sampler2D uObstacle;\n uniform vec2 texelSize;\n uniform float dt;\n uniform float dissipation;\n void main () {\n float obs = texture2D(uObstacle, vUv).r;\n vec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;\n \n \n \n gl_FragColor = dissipation * texture2D(uSource, coord) * (1.0 - obs);\n }", E = "precision highp float;\n varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uVelocity;\n uniform sampler2D uObstacle;\n void main () {\n float L = texture2D(uVelocity, vL).x * (1.0 - texture2D(uObstacle, vL).r);\n float R = texture2D(uVelocity, vR).x * (1.0 - texture2D(uObstacle, vR).r);\n float T = texture2D(uVelocity, vT).y * (1.0 - texture2D(uObstacle, vT).r);\n float B = texture2D(uVelocity, vB).y * (1.0 - texture2D(uObstacle, vB).r);\n gl_FragColor = vec4(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);\n }", D = "precision highp float;\n varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uPressure;\n uniform sampler2D uDivergence;\n uniform sampler2D uObstacle;\n void main () {\n float C = texture2D(uPressure, vUv).x;\n float L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);\n float R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);\n float T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);\n float B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);\n float div = texture2D(uDivergence, vUv).x;\n gl_FragColor = vec4((L + R + B + T - div) * 0.25, 0.0, 0.0, 1.0);\n }", O = "precision highp float;\n varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uPressure;\n uniform sampler2D uVelocity;\n uniform sampler2D uObstacle;\n void main () {\n float obs = texture2D(uObstacle, vUv).r;\n float C = texture2D(uPressure, vUv).x;\n float L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);\n float R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);\n float T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);\n float B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);\n vec2 vel = (texture2D(uVelocity, vUv).xy - vec2(R - L, T - B)) * (1.0 - obs);\n gl_FragColor = vec4(vel, 0.0, 1.0);\n }", k = "precision highp float;\n varying vec2 vUv;\n uniform sampler2D uTarget;\n uniform float aspectRatio;\n uniform vec3 color;\n uniform vec2 point;\n uniform float radius;\n void main () {\n vec2 p = vUv - point.xy;\n p.x *= aspectRatio;\n vec3 splat = exp(-dot(p, p) / radius) * color;\n gl_FragColor = vec4(texture2D(uTarget, vUv).xyz + splat, 1.0);\n }", A = "precision highp float;\n varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uVelocity;\n void main () {\n float L = texture2D(uVelocity, vL).y;\n float R = texture2D(uVelocity, vR).y;\n float T = texture2D(uVelocity, vT).x;\n float B = texture2D(uVelocity, vB).x;\n gl_FragColor = vec4(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);\n }", j = "precision highp float;\n varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uVelocity;\n uniform sampler2D uCurl;\n uniform float curl;\n uniform float dt;\n void main () {\n float L = texture2D(uCurl, vL).x;\n float R = texture2D(uCurl, vR).x;\n float T = texture2D(uCurl, vT).x;\n float B = texture2D(uCurl, vB).x;\n float C = texture2D(uCurl, vUv).x;\n vec2 force = 0.5 * vec2(abs(T) - abs(B), abs(R) - abs(L));\n force /= length(force) + 0.0001;\n force *= curl * 30.0 * C;\n gl_FragColor = vec4(texture2D(uVelocity, vUv).xy + force * dt, 0.0, 1.0);\n }", M = "precision highp float;\n varying vec2 vUv;\n uniform sampler2D uTexture;\n uniform sampler2D uObstacle;\n uniform sampler2D uBackground;\n uniform sampler2D uCoverage;\n uniform sampler2D uVelocity;\n uniform vec2 texelSize;\n uniform vec3 uWaterColor;\n uniform vec3 uGlowColor;\n uniform float uRefraction;\n uniform float uSpecularExp;\n uniform float uShine;\n uniform float uWarpStrength;\n uniform int uAlgorithm;\n uniform int uEnableAlpha;\n void main () {\n float obs = texture2D(uObstacle, vUv).r;\n \n \n float density = max(texture2D(uTexture, vUv).r, 0.0) * (1.0 - obs);\n float coverage = texture2D(uCoverage, vUv).r;\n \n \n \n \n float sx = texelSize.x * 6.0, sy = texelSize.y * 6.0;\n float d00 = max(texture2D(uTexture, vUv + vec2(-sx, -sy)).r, 0.0);\n float d10 = max(texture2D(uTexture, vUv + vec2(0.0, -sy)).r, 0.0);\n float d20 = max(texture2D(uTexture, vUv + vec2( sx, -sy)).r, 0.0);\n float d01 = max(texture2D(uTexture, vUv + vec2(-sx, 0.0)).r, 0.0);\n float d21 = max(texture2D(uTexture, vUv + vec2( sx, 0.0)).r, 0.0);\n float d02 = max(texture2D(uTexture, vUv + vec2(-sx, sy)).r, 0.0);\n float d12 = max(texture2D(uTexture, vUv + vec2(0.0, sy)).r, 0.0);\n float d22 = max(texture2D(uTexture, vUv + vec2( sx, sy)).r, 0.0);\n float gx = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);\n float gy = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);\n vec3 normal = normalize(vec3(gx, gy, 1.2));\n vec3 lightDir = normalize(vec3(0.5, 1.0, 0.5));\n vec3 halfV = normalize(lightDir + vec3(0.0, 0.0, 1.0));\n \n \n float specDen = density * min(density * 5.0, 1.0);\n float spec = pow(max(dot(normal, halfV), 0.0), uSpecularExp) * uShine * specDen;\n \n \n \n vec3 bgRaw = texture2D(uBackground, vUv).rgb;\n vec3 bg = mix(uWaterColor, bgRaw, coverage);\n vec3 color = bg;\n if (uAlgorithm == 1) {\n \n \n vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 3.0, 0.0, 1.0);\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\n color = refrBg + spec * uGlowColor * 2.5;\n color = mix(color, bg * 0.6, obs * 0.3);\n } else if (uAlgorithm == 2) {\n \n \n float inkD = min(density * 4.0, 1.0);\n vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 0.4, 0.0, 1.0);\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\n color = mix(refrBg, uWaterColor + spec * uGlowColor, inkD);\n color = mix(color, bg * 0.5, obs * 0.15);\n } else if (uAlgorithm == 3) {\n \n \n vec2 vel = texture2D(uVelocity, vUv).xy;\n float velMag = clamp(length(vel) * 20.0, 0.0, 1.0);\n vec2 warpUv = clamp(vUv + vel * uWarpStrength, 0.0, 1.0);\n vec3 warpBg = mix(uWaterColor, texture2D(uBackground, warpUv).rgb, coverage);\n color = mix(bg, warpBg, velMag * (1.0 - obs));\n color += spec * uGlowColor * velMag * 1.5;\n color += uWaterColor * density * 0.3;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else if (uAlgorithm == 4) {\n \n \n vec2 rippleUv = clamp(vUv + normal.xy * uRefraction * density * 6.0, 0.0, 1.0);\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, rippleUv, 1.0 - obs)).rgb, coverage);\n float fresnel = pow(clamp(1.0 - dot(normal, vec3(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;\n color = refrBg;\n color += fresnel * uGlowColor * 2.0;\n color += spec * uGlowColor * density * 2.0;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else {\n \n \n vec2 refrUv = vUv + normal.xy * uRefraction * density;\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\n color = mix(refrBg, uWaterColor, min(density * 1.5, 0.8));\n color += spec * uGlowColor;\n color = mix(color, bg * 0.5, obs * 0.2);\n }\n \n \n float alpha = clamp(max(density * 1.5, coverage), 0.0, 1.0);\n if (uEnableAlpha == 1) {\n gl_FragColor = vec4(color * alpha, alpha);\n } else {\n gl_FragColor = vec4(color, 1.0);\n }\n }";
+//#endregion
+//#region src/core/gl-utils.ts
+function N(e, t = !0) {
+	let n = {
+		alpha: t,
 		depth: !1,
 		stencil: !1,
 		antialias: !0,
 		preserveDrawingBuffer: !1
-	};
-	let i = r.getContext("webgl2", t);
-	const s = !!i;
-	s || (i = r.getContext("webgl", t), i.getExtension("EXT_color_buffer_half_float"));
-	const o = s ? null : i.getExtension("OES_texture_half_float"), u = s ? i.HALF_FLOAT : o.HALF_FLOAT_OES;
-	return i.getExtension("EXT_color_buffer_float"), i.getExtension("OES_texture_half_float_linear"), {
-		type: s ? "webgl2" : "webgl1",
-		gl: i,
-		isWebGL2: s,
+	}, r = e.getContext("webgl2", n), i = !!r;
+	i || (r = e.getContext("webgl", n), r.getExtension("EXT_color_buffer_half_float"));
+	let a = i ? null : r.getExtension("OES_texture_half_float"), o = i ? r.HALF_FLOAT : a.HALF_FLOAT_OES;
+	return r.getExtension("EXT_color_buffer_float"), r.getExtension("OES_texture_half_float_linear"), {
+		type: i ? "webgl2" : "webgl1",
+		gl: r,
+		isWebGL2: i,
 		ext: {
-			internalFormat: s ? i.RGBA16F : i.RGBA,
-			format: i.RGBA,
-			type: u
+			internalFormat: i ? r.RGBA16F : r.RGBA,
+			format: r.RGBA,
+			type: o
 		}
 	};
 }
-async function se(r, e = !0) {
+async function P(e, t = !0) {
 	if (typeof navigator > "u" || !navigator.gpu) return null;
 	try {
-		const t = await navigator.gpu.requestAdapter();
-		if (!t) return null;
-		const i = await t.requestDevice(), s = r.getContext("webgpu");
-		if (!s) return null;
-		const o = navigator.gpu.getPreferredCanvasFormat();
-		return s.configure({
-			device: i,
-			format: o,
-			alphaMode: e ? "premultiplied" : "opaque"
+		let n = await navigator.gpu.requestAdapter();
+		if (!n) return null;
+		let r = await n.requestDevice(), i = e.getContext("webgpu");
+		if (!i) return null;
+		let a = navigator.gpu.getPreferredCanvasFormat();
+		return i.configure({
+			device: r,
+			format: a,
+			alphaMode: t ? "premultiplied" : "opaque"
 		}), {
 			type: "webgpu",
-			adapter: t,
-			device: i,
-			context: s,
-			format: o
+			adapter: n,
+			device: r,
+			context: i,
+			format: a
 		};
 	} catch {
 		return null;
 	}
 }
-var E = class {
+var F = class {
 	program;
 	uniforms = {};
 	_gl;
-	constructor(r, e, t) {
-		this._gl = r, this.program = r.createProgram(), r.attachShader(this.program, this._compile(r.VERTEX_SHADER, e)), r.attachShader(this.program, this._compile(r.FRAGMENT_SHADER, t)), r.linkProgram(this.program);
-		const i = r.getProgramParameter(this.program, r.ACTIVE_UNIFORMS);
-		for (let s = 0; s < i; s++) {
-			const o = r.getActiveUniform(this.program, s).name;
-			this.uniforms[o] = r.getUniformLocation(this.program, o);
+	constructor(e, t, n) {
+		this._gl = e, this.program = e.createProgram(), e.attachShader(this.program, this._compile(e.VERTEX_SHADER, t)), e.attachShader(this.program, this._compile(e.FRAGMENT_SHADER, n)), e.linkProgram(this.program);
+		let r = e.getProgramParameter(this.program, e.ACTIVE_UNIFORMS);
+		for (let t = 0; t < r; t++) {
+			let n = e.getActiveUniform(this.program, t).name;
+			this.uniforms[n] = e.getUniformLocation(this.program, n);
 		}
 	}
-	_compile(r, e) {
-		const t = this._gl, i = t.createShader(r);
-		return t.shaderSource(i, e), t.compileShader(i), i;
+	_compile(e, t) {
+		let n = this._gl, r = n.createShader(e);
+		return n.shaderSource(r, t), n.compileShader(r), r;
 	}
 	bind() {
 		this._gl.useProgram(this.program);
@@ -1895,50 +327,50 @@ var E = class {
 		this._gl.deleteProgram(this.program);
 	}
 };
-function oe(r) {
+function I(e) {
 	return {
-		advection: new E(r, w, Q),
-		divergence: new E(r, w, j),
-		pressure: new E(r, w, K),
-		gradientSubtract: new E(r, w, J),
-		splat: new E(r, w, Z),
-		curl: new E(r, w, ee),
-		vorticity: new E(r, w, te),
-		display: new E(r, w, re)
+		advection: new F(e, w, T),
+		divergence: new F(e, w, E),
+		pressure: new F(e, w, D),
+		gradientSubtract: new F(e, w, O),
+		splat: new F(e, w, k),
+		curl: new F(e, w, A),
+		vorticity: new F(e, w, j),
+		display: new F(e, w, M)
 	};
 }
-function L(r, e, t, i) {
-	r.activeTexture(r.TEXTURE0);
-	const s = r.createTexture();
-	r.bindTexture(r.TEXTURE_2D, s), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, r.LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MAG_FILTER, r.LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, r.CLAMP_TO_EDGE), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, r.CLAMP_TO_EDGE), r.texImage2D(r.TEXTURE_2D, 0, e.internalFormat, t, i, 0, e.format, e.type, null);
-	const o = r.createFramebuffer();
-	return r.bindFramebuffer(r.FRAMEBUFFER, o), r.framebufferTexture2D(r.FRAMEBUFFER, r.COLOR_ATTACHMENT0, r.TEXTURE_2D, s, 0), {
-		tex: s,
-		fbo: o,
-		width: t,
-		height: i
+function L(e, t, n, r) {
+	e.activeTexture(e.TEXTURE0);
+	let i = e.createTexture();
+	e.bindTexture(e.TEXTURE_2D, i), 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.texImage2D(e.TEXTURE_2D, 0, t.internalFormat, n, r, 0, t.format, t.type, null);
+	let a = e.createFramebuffer();
+	return e.bindFramebuffer(e.FRAMEBUFFER, a), e.framebufferTexture2D(e.FRAMEBUFFER, e.COLOR_ATTACHMENT0, e.TEXTURE_2D, i, 0), {
+		tex: i,
+		fbo: a,
+		width: n,
+		height: r
 	};
 }
-function X(r, e, t, i) {
-	let s = L(r, e, t, i), o = L(r, e, t, i);
+function R(e, t, n, r) {
+	let i = L(e, t, n, r), a = L(e, t, n, r);
 	return {
 		get read() {
-			return s;
+			return i;
 		},
 		get write() {
-			return o;
+			return a;
 		},
 		swap() {
-			[s, o] = [o, s];
+			[i, a] = [a, i];
 		},
 		dispose() {
-			r.deleteTexture(s.tex), r.deleteFramebuffer(s.fbo), r.deleteTexture(o.tex), r.deleteFramebuffer(o.fbo);
+			e.deleteTexture(i.tex), e.deleteFramebuffer(i.fbo), e.deleteTexture(a.tex), e.deleteFramebuffer(a.fbo);
 		}
 	};
 }
-function ae(r) {
-	const e = r.createBuffer();
-	return r.bindBuffer(r.ARRAY_BUFFER, e), r.bufferData(r.ARRAY_BUFFER, new Float32Array([
+function z(e) {
+	let t = e.createBuffer();
+	return e.bindBuffer(e.ARRAY_BUFFER, t), e.bufferData(e.ARRAY_BUFFER, new Float32Array([
 		-1,
 		-1,
 		-1,
@@ -1947,284 +379,20 @@ function ae(r) {
 		1,
 		1,
 		-1
-	]), r.STATIC_DRAW), r.vertexAttribPointer(0, 2, r.FLOAT, !1, 0, 0), r.enableVertexAttribArray(0), function(i) {
-		r.bindFramebuffer(r.FRAMEBUFFER, i), r.drawArrays(r.TRIANGLE_FAN, 0, 4);
+	]), e.STATIC_DRAW), e.vertexAttribPointer(0, 2, e.FLOAT, !1, 0, 0), e.enableVertexAttribArray(0), function(t) {
+		e.bindFramebuffer(e.FRAMEBUFFER, t), e.drawArrays(e.TRIANGLE_FAN, 0, 4);
 	};
 }
-const ue = \`struct U {
- texelSize : vec2f,
- dt : f32,
- dissipation: f32,
-}
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uVel : texture_2d<f32>;
-@group(0) @binding(3) var uSrc : texture_2d<f32>;
-@group(0) @binding(4) var uObs : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let obs = textureSample(uObs, samp, i.uv).r;
- let vel = textureSample(uVel, samp, i.uv).xy;
- let coord = i.uv - u.dt * vel * u.texelSize;
- let src = textureSample(uSrc, samp, coord);
- return u.dissipation * src * (1.0 - obs);
-}\`, ne = \`struct U { texelSize: vec2f, _pad: vec2f }
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uVel : texture_2d<f32>;
-@group(0) @binding(3) var uObs : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let L = textureSample(uVel, samp, i.vL).x * (1.0 - textureSample(uObs, samp, i.vL).r);
- let R = textureSample(uVel, samp, i.vR).x * (1.0 - textureSample(uObs, samp, i.vR).r);
- let T = textureSample(uVel, samp, i.vT).y * (1.0 - textureSample(uObs, samp, i.vT).r);
- let B = textureSample(uVel, samp, i.vB).y * (1.0 - textureSample(uObs, samp, i.vB).r);
- return vec4f(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);
-}\`, le = \`struct U { texelSize: vec2f, _pad: vec2f }
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uPres: texture_2d<f32>;
-@group(0) @binding(3) var uDiv : texture_2d<f32>;
-@group(0) @binding(4) var uObs : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let C = textureSample(uPres, samp, i.uv).x;
- let L = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);
- let R = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);
- let T = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);
- let B = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);
- let dv = textureSample(uDiv, samp, i.uv).x;
- return vec4f((L + R + B + T - dv) * 0.25, 0.0, 0.0, 1.0);
-}\`, ce = \`struct U { texelSize: vec2f, _pad: vec2f }
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uPres: texture_2d<f32>;
-@group(0) @binding(3) var uVel : texture_2d<f32>;
-@group(0) @binding(4) var uObs : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let obs = textureSample(uObs, samp, i.uv).r;
- let C = textureSample(uPres, samp, i.uv).x;
- let L = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);
- let R = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);
- let T = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);
- let B = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);
- let vel = (textureSample(uVel, samp, i.uv).xy - vec2f(R - L, T - B)) * (1.0 - obs);
- return vec4f(vel, 0.0, 1.0);
-}\`, fe = \`struct U {
- texelSize : vec2f,
- aspectRatio: f32,
- radius : f32,
- color : vec4f, 
- point : vec2f,
- _pad : vec2f,
-}
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uTgt : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- var p = i.uv - u.point;
- p.x *= u.aspectRatio;
- let sp = exp(-dot(p, p) / u.radius) * u.color.xyz;
- return vec4f(textureSample(uTgt, samp, i.uv).xyz + sp, 1.0);
-}\`, ve = \`struct U { texelSize: vec2f, _pad: vec2f }
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uVel : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let L = textureSample(uVel, samp, i.vL).y;
- let R = textureSample(uVel, samp, i.vR).y;
- let T = textureSample(uVel, samp, i.vT).x;
- let B = textureSample(uVel, samp, i.vB).x;
- return vec4f(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);
-}\`, xe = \`struct U {
- texelSize: vec2f,
- curl : f32,
- dt : f32,
-}
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uVel : texture_2d<f32>;
-@group(0) @binding(3) var uCrl : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let L = textureSample(uCrl, samp, i.vL).x;
- let R = textureSample(uCrl, samp, i.vR).x;
- let T = textureSample(uCrl, samp, i.vT).x;
- let B = textureSample(uCrl, samp, i.vB).x;
- let C = textureSample(uCrl, samp, i.uv).x;
- var force = 0.5 * vec2f(abs(T) - abs(B), abs(R) - abs(L));
- force /= length(force) + 0.0001;
- force *= u.curl * 30.0 * C;
- let vel = textureSample(uVel, samp, i.uv).xy + force * u.dt;
- return vec4f(vel, 0.0, 1.0);
-}\`, me = \`struct U {
- texelSize : vec2f,
- refraction : f32,
- specularExp : f32,
- waterColor : vec4f,
- glowColor : vec4f,
- shine : f32,
- warpStrength: f32,
- algorithm : i32,
- enableAlpha : i32,
-}
-@group(0) @binding(0) var<uniform> u : U;
-@group(0) @binding(1) var samp : sampler;
-@group(0) @binding(2) var uTex : texture_2d<f32>;
-@group(0) @binding(3) var uObs : texture_2d<f32>;
-@group(0) @binding(4) var uBg : texture_2d<f32>;
-@group(0) @binding(5) var uCov : texture_2d<f32>;
-@group(0) @binding(6) var uVel : texture_2d<f32>;
-@vertex fn vs(@location(0) a: vec2f) -> VSOut {
- var o: VSOut;
- o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);
- o.vL = o.uv - vec2f(u.texelSize.x, 0.0);
- o.vR = o.uv + vec2f(u.texelSize.x, 0.0);
- o.vT = o.uv + vec2f(0.0, u.texelSize.y);
- o.vB = o.uv - vec2f(0.0, u.texelSize.y);
- o.pos = vec4f(a, 0.0, 1.0);
- return o;
-}
-@fragment fn fs(i: VSOut) -> @location(0) vec4f {
- let obs = textureSample(uObs, samp, i.uv).r;
- let density = max(textureSample(uTex, samp, i.uv).r, 0.0) * (1.0 - obs);
- let cov = textureSample(uCov, samp, i.uv).r;
- let sx = u.texelSize.x * 6.0;
- let sy = u.texelSize.y * 6.0;
- let d00 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, -sy)).r, 0.0);
- let d10 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, -sy)).r, 0.0);
- let d20 = max(textureSample(uTex, samp, i.uv + vec2f( sx, -sy)).r, 0.0);
- let d01 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, 0.0)).r, 0.0);
- let d21 = max(textureSample(uTex, samp, i.uv + vec2f( sx, 0.0)).r, 0.0);
- let d02 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, sy)).r, 0.0);
- let d12 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, sy)).r, 0.0);
- let d22 = max(textureSample(uTex, samp, i.uv + vec2f( sx, sy)).r, 0.0);
- let gx = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);
- let gy = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);
- let norm = normalize(vec3f(gx, gy, 1.2));
- let ldir = normalize(vec3f(0.5, 1.0, 0.5));
- let halfV = normalize(ldir + vec3f(0.0, 0.0, 1.0));
- let specDen = density * min(density * 5.0, 1.0);
- let spec = pow(max(dot(norm, halfV), 0.0), u.specularExp) * u.shine * specDen;
- let bgRaw = textureSample(uBg, samp, i.uv).rgb;
- let wc = u.waterColor.rgb;
- let gc = u.glowColor.rgb;
- let bg = mix(wc, bgRaw, cov);
- var color = bg;
- if (u.algorithm == 1) {
- let ruv = clamp(i.uv + norm.xy * u.refraction * density * 3.0, vec2f(0.0), vec2f(1.0));
- let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);
- color = rbg + spec * gc * 2.5;
- color = mix(color, bg * 0.6, obs * 0.3);
- } else if (u.algorithm == 2) {
- let inkD = min(density * 4.0, 1.0);
- let ruv = clamp(i.uv + norm.xy * u.refraction * density * 0.4, vec2f(0.0), vec2f(1.0));
- let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);
- color = mix(rbg, wc + spec * gc, inkD);
- color = mix(color, bg * 0.5, obs * 0.15);
- } else if (u.algorithm == 3) {
- let vel = textureSample(uVel, samp, i.uv).xy;
- let velMag = clamp(length(vel) * 20.0, 0.0, 1.0);
- let wuv = clamp(i.uv + vel * u.warpStrength, vec2f(0.0), vec2f(1.0));
- let wbg = mix(wc, textureSample(uBg, samp, wuv).rgb, cov);
- color = mix(bg, wbg, velMag * (1.0 - obs));
- color += spec * gc * velMag * 1.5;
- color += wc * density * 0.3;
- color = mix(color, bg * 0.5, obs * 0.2);
- } else if (u.algorithm == 4) {
- let ruv = clamp(i.uv + norm.xy * u.refraction * density * 6.0, vec2f(0.0), vec2f(1.0));
- let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);
- let fres = pow(clamp(1.0 - dot(norm, vec3f(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;
- color = rbg;
- color += fres * gc * 2.0;
- color += spec * gc * density * 2.0;
- color = mix(color, bg * 0.5, obs * 0.2);
- } else {
- let ruv = i.uv + norm.xy * u.refraction * density;
- let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);
- color = mix(rbg, wc, min(density * 1.5, 0.8));
- color += spec * gc;
- color = mix(color, bg * 0.5, obs * 0.2);
- }
- let alpha = clamp(max(density * 1.5, cov), 0.0, 1.0);
- if (u.enableAlpha == 1) {
- return vec4f(color * alpha, alpha);
- }
- return vec4f(color, 1.0);
-}\`, pe = {
+//#endregion
+//#region src/core/wgsl-shaders.ts
+var B = "struct U {\n texelSize : vec2f,\n dt : f32,\n dissipation: f32,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@group(0) @binding(3) var uSrc : texture_2d<f32>;\n@group(0) @binding(4) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let obs = textureSample(uObs, samp, i.uv).r;\n let vel = textureSample(uVel, samp, i.uv).xy;\n let coord = i.uv - u.dt * vel * u.texelSize;\n let src = textureSample(uSrc, samp, coord);\n return u.dissipation * src * (1.0 - obs);\n}", V = "struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@group(0) @binding(3) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let L = textureSample(uVel, samp, i.vL).x * (1.0 - textureSample(uObs, samp, i.vL).r);\n let R = textureSample(uVel, samp, i.vR).x * (1.0 - textureSample(uObs, samp, i.vR).r);\n let T = textureSample(uVel, samp, i.vT).y * (1.0 - textureSample(uObs, samp, i.vT).r);\n let B = textureSample(uVel, samp, i.vB).y * (1.0 - textureSample(uObs, samp, i.vB).r);\n return vec4f(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);\n}", H = "struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uPres: texture_2d<f32>;\n@group(0) @binding(3) var uDiv : texture_2d<f32>;\n@group(0) @binding(4) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let C = textureSample(uPres, samp, i.uv).x;\n let L = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);\n let R = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);\n let T = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);\n let B = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);\n let dv = textureSample(uDiv, samp, i.uv).x;\n return vec4f((L + R + B + T - dv) * 0.25, 0.0, 0.0, 1.0);\n}", U = "struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uPres: texture_2d<f32>;\n@group(0) @binding(3) var uVel : texture_2d<f32>;\n@group(0) @binding(4) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let obs = textureSample(uObs, samp, i.uv).r;\n let C = textureSample(uPres, samp, i.uv).x;\n let L = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);\n let R = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);\n let T = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);\n let B = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);\n let vel = (textureSample(uVel, samp, i.uv).xy - vec2f(R - L, T - B)) * (1.0 - obs);\n return vec4f(vel, 0.0, 1.0);\n}", ee = "struct U {\n texelSize : vec2f,\n aspectRatio: f32,\n radius : f32,\n color : vec4f, \n point : vec2f,\n _pad : vec2f,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uTgt : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n var p = i.uv - u.point;\n p.x *= u.aspectRatio;\n let sp = exp(-dot(p, p) / u.radius) * u.color.xyz;\n return vec4f(textureSample(uTgt, samp, i.uv).xyz + sp, 1.0);\n}", te = "struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let L = textureSample(uVel, samp, i.vL).y;\n let R = textureSample(uVel, samp, i.vR).y;\n let T = textureSample(uVel, samp, i.vT).x;\n let B = textureSample(uVel, samp, i.vB).x;\n return vec4f(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);\n}", ne = "struct U {\n texelSize: vec2f,\n curl : f32,\n dt : f32,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@group(0) @binding(3) var uCrl : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let L = textureSample(uCrl, samp, i.vL).x;\n let R = textureSample(uCrl, samp, i.vR).x;\n let T = textureSample(uCrl, samp, i.vT).x;\n let B = textureSample(uCrl, samp, i.vB).x;\n let C = textureSample(uCrl, samp, i.uv).x;\n var force = 0.5 * vec2f(abs(T) - abs(B), abs(R) - abs(L));\n force /= length(force) + 0.0001;\n force *= u.curl * 30.0 * C;\n let vel = textureSample(uVel, samp, i.uv).xy + force * u.dt;\n return vec4f(vel, 0.0, 1.0);\n}", re = "struct U {\n texelSize : vec2f,\n refraction : f32,\n specularExp : f32,\n waterColor : vec4f,\n glowColor : vec4f,\n shine : f32,\n warpStrength: f32,\n algorithm : i32,\n enableAlpha : i32,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uTex : texture_2d<f32>;\n@group(0) @binding(3) var uObs : texture_2d<f32>;\n@group(0) @binding(4) var uBg : texture_2d<f32>;\n@group(0) @binding(5) var uCov : texture_2d<f32>;\n@group(0) @binding(6) var uVel : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let obs = textureSample(uObs, samp, i.uv).r;\n let density = max(textureSample(uTex, samp, i.uv).r, 0.0) * (1.0 - obs);\n let cov = textureSample(uCov, samp, i.uv).r;\n let sx = u.texelSize.x * 6.0;\n let sy = u.texelSize.y * 6.0;\n let d00 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, -sy)).r, 0.0);\n let d10 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, -sy)).r, 0.0);\n let d20 = max(textureSample(uTex, samp, i.uv + vec2f( sx, -sy)).r, 0.0);\n let d01 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, 0.0)).r, 0.0);\n let d21 = max(textureSample(uTex, samp, i.uv + vec2f( sx, 0.0)).r, 0.0);\n let d02 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, sy)).r, 0.0);\n let d12 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, sy)).r, 0.0);\n let d22 = max(textureSample(uTex, samp, i.uv + vec2f( sx, sy)).r, 0.0);\n let gx = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);\n let gy = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);\n let norm = normalize(vec3f(gx, gy, 1.2));\n let ldir = normalize(vec3f(0.5, 1.0, 0.5));\n let halfV = normalize(ldir + vec3f(0.0, 0.0, 1.0));\n let specDen = density * min(density * 5.0, 1.0);\n let spec = pow(max(dot(norm, halfV), 0.0), u.specularExp) * u.shine * specDen;\n let bgRaw = textureSample(uBg, samp, i.uv).rgb;\n let wc = u.waterColor.rgb;\n let gc = u.glowColor.rgb;\n let bg = mix(wc, bgRaw, cov);\n var color = bg;\n if (u.algorithm == 1) {\n let ruv = clamp(i.uv + norm.xy * u.refraction * density * 3.0, vec2f(0.0), vec2f(1.0));\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n color = rbg + spec * gc * 2.5;\n color = mix(color, bg * 0.6, obs * 0.3);\n } else if (u.algorithm == 2) {\n let inkD = min(density * 4.0, 1.0);\n let ruv = clamp(i.uv + norm.xy * u.refraction * density * 0.4, vec2f(0.0), vec2f(1.0));\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n color = mix(rbg, wc + spec * gc, inkD);\n color = mix(color, bg * 0.5, obs * 0.15);\n } else if (u.algorithm == 3) {\n let vel = textureSample(uVel, samp, i.uv).xy;\n let velMag = clamp(length(vel) * 20.0, 0.0, 1.0);\n let wuv = clamp(i.uv + vel * u.warpStrength, vec2f(0.0), vec2f(1.0));\n let wbg = mix(wc, textureSample(uBg, samp, wuv).rgb, cov);\n color = mix(bg, wbg, velMag * (1.0 - obs));\n color += spec * gc * velMag * 1.5;\n color += wc * density * 0.3;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else if (u.algorithm == 4) {\n let ruv = clamp(i.uv + norm.xy * u.refraction * density * 6.0, vec2f(0.0), vec2f(1.0));\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n let fres = pow(clamp(1.0 - dot(norm, vec3f(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;\n color = rbg;\n color += fres * gc * 2.0;\n color += spec * gc * density * 2.0;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else {\n let ruv = i.uv + norm.xy * u.refraction * density;\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n color = mix(rbg, wc, min(density * 1.5, 0.8));\n color += spec * gc;\n color = mix(color, bg * 0.5, obs * 0.2);\n }\n let alpha = clamp(max(density * 1.5, cov), 0.0, 1.0);\n if (u.enableAlpha == 1) {\n return vec4f(color * alpha, alpha);\n }\n return vec4f(color, 1.0);\n}", ie = {
 	arrayStride: 8,
 	attributes: [{
 		shaderLocation: 0,
 		offset: 0,
 		format: "float32x2"
 	}]
-}, G = new Float32Array([
+}, ae = new Float32Array([
 	-1,
 	-1,
 	-1,
@@ -2238,64 +406,64 @@ const ue = \`struct U {
 	1,
 	1
 ]);
-function de(r) {
-	const e = r.createBuffer({
-		size: G.byteLength,
+function oe(e) {
+	let t = e.createBuffer({
+		size: ae.byteLength,
 		usage: GPUBufferUsage.VERTEX | GPUBufferUsage.COPY_DST
 	});
-	return r.queue.writeBuffer(e, 0, G), e;
+	return e.queue.writeBuffer(t, 0, ae), t;
 }
-function A(r, e, t, i) {
-	const s = r.createTexture({
-		size: [t, i],
-		format: e,
+function W(e, t, n, r) {
+	let i = e.createTexture({
+		size: [n, r],
+		format: t,
 		usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC
 	});
 	return {
-		tex: s,
-		view: s.createView(),
-		width: t,
-		height: i
+		tex: i,
+		view: i.createView(),
+		width: n,
+		height: r
 	};
 }
-function z(r, e, t, i) {
-	let s = A(r, e, t, i), o = A(r, e, t, i);
+function G(e, t, n, r) {
+	let i = W(e, t, n, r), a = W(e, t, n, r);
 	return {
 		get read() {
-			return s;
+			return i;
 		},
 		get write() {
-			return o;
+			return a;
 		},
 		swap() {
-			[s, o] = [o, s];
+			[i, a] = [a, i];
 		},
 		dispose() {
-			s.tex.destroy(), o.tex.destroy();
+			i.tex.destroy(), a.tex.destroy();
 		}
 	};
 }
-function U(r, e, t, i) {
-	const s = r.createShaderModule({ code: e });
-	return r.createRenderPipeline({
+function K(e, t, n, r) {
+	let i = e.createShaderModule({ code: t });
+	return e.createRenderPipeline({
 		layout: "auto",
 		vertex: {
-			module: s,
+			module: i,
 			entryPoint: "vs",
-			buffers: [pe]
+			buffers: [ie]
 		},
 		fragment: {
-			module: s,
+			module: i,
 			entryPoint: "fs",
 			targets: [{
-				format: t,
-				...i ? { blend: i } : {}
+				format: n,
+				...r ? { blend: r } : {}
 			}]
 		},
 		primitive: { topology: "triangle-list" }
 	});
 }
-const he = {
+var se = {
 	color: {
 		operation: "add",
 		srcFactor: "one",
@@ -2307,71 +475,71 @@ const he = {
 		dstFactor: "zero"
 	}
 };
-function ge(r, e, t = !0) {
-	const i = "rgba16float";
+function ce(e, t, n = !0) {
+	let r = "rgba16float";
 	return {
-		advection: U(r, ue, i),
-		divergence: U(r, ne, i),
-		pressure: U(r, le, i),
-		gradientSubtract: U(r, ce, i),
-		splat: U(r, fe, i),
-		curl: U(r, ve, i),
-		vorticity: U(r, xe, i),
-		display: U(r, me, e, t ? void 0 : he)
+		advection: K(e, B, r),
+		divergence: K(e, V, r),
+		pressure: K(e, H, r),
+		gradientSubtract: K(e, U, r),
+		splat: K(e, ee, r),
+		curl: K(e, te, r),
+		vorticity: K(e, ne, r),
+		display: K(e, re, t, n ? void 0 : se)
 	};
 }
-function Te(r) {
-	return r.createSampler({
+function le(e) {
+	return e.createSampler({
 		magFilter: "linear",
 		minFilter: "linear",
 		addressModeU: "clamp-to-edge",
 		addressModeV: "clamp-to-edge"
 	});
 }
-function S(r, e) {
-	return r.createBuffer({
-		size: e,
+function q(e, t) {
+	return e.createBuffer({
+		size: t,
 		usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST
 	});
 }
-function M(r, e, t, i, s, o) {
-	const u = new Float32Array([
-		t,
+function ue(e, t, n, r, i, a) {
+	let o = new Float32Array([
+		n,
+		r,
 		i,
-		s,
-		o
+		a
 	]);
-	r.queue.writeBuffer(e, 0, u);
+	e.queue.writeBuffer(t, 0, o);
 }
-function P(r, e, t, i) {
-	const s = new Float32Array([
-		t,
-		i,
+function J(e, t, n, r) {
+	let i = new Float32Array([
+		n,
+		r,
 		0,
 		0
 	]);
-	r.queue.writeBuffer(e, 0, s);
+	e.queue.writeBuffer(t, 0, i);
 }
-function be(r, e, t, i, s, o) {
-	const u = new Float32Array([
-		t,
+function de(e, t, n, r, i, a) {
+	let o = new Float32Array([
+		n,
+		r,
 		i,
-		s,
-		o
+		a
 	]);
-	r.queue.writeBuffer(e, 0, u);
+	e.queue.writeBuffer(t, 0, o);
 }
-function V(r, e, t, i, s, o, u, c, v, n, f) {
-	const l = /* @__PURE__ */ new Float32Array(12);
-	l[0] = t, l[1] = i, l[2] = s, l[3] = o, l[4] = u, l[5] = c, l[6] = v, l[7] = 0, l[8] = n, l[9] = f, l[10] = 0, l[11] = 0, r.queue.writeBuffer(e, 0, l);
+function Y(e, t, n, r, i, a, o, s, c, l, u) {
+	let d = /* @__PURE__ */ new Float32Array(12);
+	d[0] = n, d[1] = r, d[2] = i, d[3] = a, d[4] = o, d[5] = s, d[6] = c, d[7] = 0, d[8] = l, d[9] = u, d[10] = 0, d[11] = 0, e.queue.writeBuffer(t, 0, d);
 }
-function ye(r, e, t, i, s, o, u, c, v, n, f, l) {
-	const a = /* @__PURE__ */ new Float32Array(16), x = new Int32Array(a.buffer);
-	a[0] = t, a[1] = i, a[2] = s, a[3] = o, a[4] = u[0], a[5] = u[1], a[6] = u[2], a[7] = 0, a[8] = c[0], a[9] = c[1], a[10] = c[2], a[11] = 0, a[12] = v, a[13] = n, x[14] = f, x[15] = l ? 1 : 0, r.queue.writeBuffer(e, 0, a);
+function fe(e, t, n, r, i, a, o, s, c, l, u, d) {
+	let f = /* @__PURE__ */ new Float32Array(16), p = new Int32Array(f.buffer);
+	f[0] = n, f[1] = r, f[2] = i, f[3] = a, f[4] = o[0], f[5] = o[1], f[6] = o[2], f[7] = 0, f[8] = s[0], f[9] = s[1], f[10] = s[2], f[11] = 0, f[12] = c, f[13] = l, p[14] = u, p[15] = +!!d, e.queue.writeBuffer(t, 0, f);
 }
-function y(r, e, t, i, s) {
-	const o = r.beginRenderPass({ colorAttachments: [{
-		view: s,
+function X(e, t, n, r, i) {
+	let a = e.beginRenderPass({ colorAttachments: [{
+		view: i,
 		clearValue: [
 			0,
 			0,
@@ -2381,11 +549,11 @@ function y(r, e, t, i, s) {
 		loadOp: "clear",
 		storeOp: "store"
 	}] });
-	o.setPipeline(e), o.setBindGroup(0, t), o.setVertexBuffer(0, i), o.draw(6), o.end();
+	a.setPipeline(t), a.setBindGroup(0, n), a.setVertexBuffer(0, r), a.draw(6), a.end();
 }
-function Se(r, e, t, i, s) {
-	const o = r.beginRenderPass({ colorAttachments: [{
-		view: s,
+function pe(e, t, n, r, i) {
+	let a = e.beginRenderPass({ colorAttachments: [{
+		view: i,
 		clearValue: [
 			0,
 			0,
@@ -2395,169 +563,61 @@ function Se(r, e, t, i, s) {
 		loadOp: "clear",
 		storeOp: "store"
 	}] });
-	o.setPipeline(e), o.setBindGroup(0, t), o.setVertexBuffer(0, i), o.draw(6), o.end();
-}
-function _(r, e, t, i, s = "cover") {
-	let o;
-	s === "cover" ? o = Math.max(t / r, i / e) : s === "contain" ? o = Math.min(t / r, i / e) : typeof s == "string" && s.endsWith("%") ? o = Math.min(t / r, i / e) * (parseFloat(s) / 100) : typeof s == "string" && s.endsWith("px") ? o = parseFloat(s) / Math.max(r, e) : typeof s == "number" ? o = s : o = Math.max(t / r, i / e);
-	const u = r * o, c = e * o;
-	return {
-		x: (t - u) / 2,
-		y: (i - c) / 2,
-		drawW: u,
-		drawH: c
-	};
-}
-function Re(r, e, t, i, s = null, o = "cover") {
-	const { text: u, fontSize: c, color: v, fontFamily: n = "sans-serif", fontWeight: f = 900 } = i, l = new OffscreenCanvas(e, t), a = l.getContext("2d");
-	((h) => {
-		if (s) {
-			a.clearRect(0, 0, e, t), a.fillStyle = "black", a.fillRect(0, 0, e, t);
-			const { x: m, y: T, drawW: b, drawH: D } = _(s.width, s.height, e, t, o);
-			a.drawImage(s, m, T, b, D);
-		} else a.fillStyle = "black", a.fillRect(0, 0, e, t);
-		a.fillStyle = h, a.font = \`\${f} \${c}px \${n}\`, a.textAlign = "center", a.textBaseline = "middle", a.fillText(u, e / 2, t / 2);
-	})(v);
-	const p = B(r, l);
-	a.fillStyle = "black", a.fillRect(0, 0, e, t), a.fillStyle = "white", a.font = \`\${f} \${c}px \${n}\`, a.textAlign = "center", a.textBaseline = "middle", a.fillText(u, e / 2, t / 2);
-	const d = B(r, l);
-	return {
-		backgroundTex: p,
-		obstacleTex: d,
-		coverageTex: d
-	};
-}
-function we(r, e, t, i, s = 0, o = "cover", u = null, c = "cover") {
-	const v = new OffscreenCanvas(t, i), n = v.getContext("2d"), { x: f, y: l, drawW: a, drawH: x } = _(e.width, e.height, t, i, o);
-	if (n.clearRect(0, 0, t, i), n.fillStyle = "black", n.fillRect(0, 0, t, i), u) {
-		const { x: h, y: m, drawW: T, drawH: b } = _(u.width, u.height, t, i, c);
-		n.filter = \`brightness(\${s}) blur(8px)\`, n.drawImage(u, h, m, T, b), n.filter = "none";
-	}
-	n.drawImage(e, f, l, a, x);
-	const p = B(r, v);
-	n.clearRect(0, 0, t, i), n.fillStyle = "black", n.fillRect(0, 0, t, i), n.filter = \`brightness(\${s}) blur(8px)\`, n.drawImage(e, f, l, a, x), n.filter = "none";
-	const d = B(r, v);
-	return n.clearRect(0, 0, t, i), n.fillStyle = "black", n.fillRect(0, 0, t, i), n.fillStyle = "white", n.fillRect(Math.max(0, f), Math.max(0, l), Math.min(a, t - Math.max(0, f)), Math.min(x, i - Math.max(0, l))), {
-		backgroundTex: p,
-		obstacleTex: d,
-		coverageTex: B(r, v)
-	};
-}
-function B(r, e) {
-	const t = r.createTexture();
-	return r.bindTexture(r.TEXTURE_2D, t), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, !0), r.texImage2D(r.TEXTURE_2D, 0, r.RGBA, r.RGBA, r.UNSIGNED_BYTE, e), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MIN_FILTER, r.LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_MAG_FILTER, r.LINEAR), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_S, r.CLAMP_TO_EDGE), r.texParameteri(r.TEXTURE_2D, r.TEXTURE_WRAP_T, r.CLAMP_TO_EDGE), t;
-}
-function Ee(r, e, t, i, s = null, o = "cover") {
-	const { text: u, fontSize: c, color: v, fontFamily: n = "sans-serif", fontWeight: f = 900 } = i, l = new OffscreenCanvas(e, t), a = l.getContext("2d");
-	((h) => {
-		if (s) {
-			a.clearRect(0, 0, e, t), a.fillStyle = "black", a.fillRect(0, 0, e, t);
-			const { x: m, y: T, drawW: b, drawH: D } = _(s.width, s.height, e, t, o);
-			a.drawImage(s, m, T, b, D);
-		} else a.fillStyle = "black", a.fillRect(0, 0, e, t);
-		a.fillStyle = h, a.font = \`\${f} \${c}px \${n}\`, a.textAlign = "center", a.textBaseline = "middle", a.fillText(u, e / 2, t / 2);
-	})(v);
-	const p = O(r, l, e, t);
-	a.fillStyle = "black", a.fillRect(0, 0, e, t), a.fillStyle = "white", a.font = \`\${f} \${c}px \${n}\`, a.textAlign = "center", a.textBaseline = "middle", a.fillText(u, e / 2, t / 2);
-	const d = O(r, l, e, t);
-	return {
-		backgroundTex: p,
-		backgroundView: p.createView(),
-		obstacleTex: d,
-		obstacleView: d.createView(),
-		coverageTex: d,
-		coverageView: d.createView(),
-		sharedCoverage: !0
-	};
-}
-function Ue(r, e, t, i, s = 0, o = "cover", u = null, c = "cover") {
-	const v = new OffscreenCanvas(t, i), n = v.getContext("2d"), { x: f, y: l, drawW: a, drawH: x } = _(e.width, e.height, t, i, o);
-	if (n.clearRect(0, 0, t, i), n.fillStyle = "black", n.fillRect(0, 0, t, i), u) {
-		const { x: m, y: T, drawW: b, drawH: D } = _(u.width, u.height, t, i, c);
-		n.filter = \`brightness(\${s}) blur(8px)\`, n.drawImage(u, m, T, b, D), n.filter = "none";
-	}
-	n.drawImage(e, f, l, a, x);
-	const p = O(r, v, t, i);
-	n.clearRect(0, 0, t, i), n.fillStyle = "black", n.fillRect(0, 0, t, i), n.filter = \`brightness(\${s}) blur(8px)\`, n.drawImage(e, f, l, a, x), n.filter = "none";
-	const d = O(r, v, t, i);
-	n.clearRect(0, 0, t, i), n.fillStyle = "black", n.fillRect(0, 0, t, i), n.fillStyle = "white", n.fillRect(Math.max(0, f), Math.max(0, l), Math.min(a, t - Math.max(0, f)), Math.min(x, i - Math.max(0, l)));
-	const h = O(r, v, t, i);
-	return {
-		backgroundTex: p,
-		backgroundView: p.createView(),
-		obstacleTex: d,
-		obstacleView: d.createView(),
-		coverageTex: h,
-		coverageView: h.createView(),
-		sharedCoverage: !1
-	};
+	a.setPipeline(t), a.setBindGroup(0, n), a.setVertexBuffer(0, r), a.draw(6), a.end();
 }
-function O(r, e, t, i) {
-	const s = r.createTexture({
-		size: [t, i],
-		format: "rgba8unorm",
-		usage: GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT
-	});
-	return r.queue.copyExternalImageToTexture({ source: e }, { texture: s }, [t, i]), s;
-}
-async function De(r) {
-	const e = await fetch(r);
-	if (!e.ok) throw new Error(\`Failed to fetch image: \${r} (\${e.status})\`);
-	const t = await e.blob();
-	return createImageBitmap(t);
-}
-const I = typeof requestAnimationFrame < "u" ? requestAnimationFrame.bind(globalThis) : (r) => setTimeout(r, 1e3 / 60), _e = typeof cancelAnimationFrame < "u" ? cancelAnimationFrame.bind(globalThis) : clearTimeout, C = .016, k = {
+//#endregion
+//#region src/core/simulation.ts
+var me = typeof requestAnimationFrame < "u" ? requestAnimationFrame.bind(globalThis) : (e) => setTimeout(e, 1e3 / 60), he = typeof cancelAnimationFrame < "u" ? cancelAnimationFrame.bind(globalThis) : clearTimeout, Z = .016, ge = {
 	standard: 0,
 	glass: 1,
 	ink: 2,
 	aurora: 3,
 	ripple: 4
-};
-var Ce = class $ {
-	#O;
-	#x = null;
-	#j = null;
-	#F = null;
-	#Y = null;
-	#a = null;
+}, Q = class e {
+	#e;
+	#t = null;
+	#n = null;
+	#r = null;
 	#i = null;
+	#a = null;
+	#o = null;
+	#s = null;
+	#c = null;
+	#l = null;
+	#u = null;
 	#d = null;
+	#f = null;
+	#p = null;
+	#m = null;
 	#h = null;
 	#g = null;
+	#_ = null;
+	#v = null;
+	#y = null;
+	#b = null;
+	#x = null;
 	#S = null;
-	#c = null;
+	#C = null;
+	#w = null;
 	#T = null;
-	#n = null;
-	#q = null;
-	#P = null;
-	#H = null;
-	#u = null;
-	#t = null;
+	#E = null;
 	#D = null;
-	#b = null;
-	#_ = null;
-	#v = null;
-	#V = null;
-	#L = null;
+	#O = null;
+	#k = null;
 	#A = null;
-	#X = null;
-	#z = null;
-	#R = null;
-	#w = null;
-	#G = null;
+	#j = null;
 	#M = null;
-	#I = null;
-	#r = 0;
-	#s = 0;
-	#m = 0;
-	#p = 0;
-	#l = 1;
-	#Q = 1;
-	#E = .5;
-	#f = null;
-	#C = "cover";
-	#U;
-	#e = {
+	#N = 0;
+	#P = 0;
+	#F = 0;
+	#I = 0;
+	#L = 1;
+	#R = 1;
+	#z = .5;
+	#B = null;
+	#V = "cover";
+	#H;
+	#U = {
 		x: 0,
 		y: 0,
 		dx: 0,
@@ -2566,947 +626,852 @@ var Ce = class $ {
 		targetY: 0,
 		moved: !1
 	};
-	#K = !1;
-	#o = null;
-	#y = null;
-	#k = !1;
+	#W = !1;
+	#G = null;
+	#K = null;
+	#q = !1;
 	#J = !1;
-	#W = !0;
-	constructor(e, t = {}, i = {}, s, o = !0) {
-		if (this.#O = e, this.#Q = Math.max(.1, Math.min(1, i.dpr ?? 1)), this.#E = Math.max(.1, Math.min(1, i.sim ?? .5)), this.#U = H(t), this.#W = o, s) this.#n = s, this.#re(s);
+	#Y = !0;
+	constructor(e, t = {}, n = {}, r, i = !0) {
+		if (this.#e = e, this.#R = Math.max(.1, Math.min(1, n.dpr ?? 1)), this.#z = Math.max(.1, Math.min(1, n.sim ?? .5)), this.#H = h(t), this.#Y = i, r) this.#p = r, this.#X(r);
 		else {
-			const { gl: u, ext: c } = ie(e, o);
-			this.#x = u, this.#j = c, this.#F = oe(u), this.#Y = ae(u), u.clearColor(0, 0, 0, o ? 0 : 1);
+			let { gl: t, ext: n } = N(e, i);
+			this.#t = t, this.#n = n, this.#r = I(t), this.#i = z(t), t.clearColor(0, 0, 0, +!i);
 		}
 	}
-	/**
-	* WebGPU-first factory. Tries WebGPU, falls back to WebGL2 → WebGL1.
-	* This is the recommended entry point when WebGPU support is desired.
-	*/
-	static async create(e, t = {}, i = {}, s = !0, o = !0) {
-		return new $(e, t, i, (s ? await se(e, o) : null) ?? void 0, o);
+	static async create(t, n = {}, r = {}, i = !0, a = !0) {
+		return new e(t, n, r, (i ? await P(t, a) : null) ?? void 0, a);
 	}
 	setTextSource(e) {
-		this.#o = {
+		this.#G = {
 			type: "text",
 			opts: e
-		}, this.#N(), this.#B(), this.#$();
+		}, this.#Z(), this.#$(), this.#ee();
 	}
-	async setImageSource(e, t = 0, i = "cover") {
-		const s = await De(e);
+	async setImageSource(e, t = 0, n = "cover") {
+		let r = await C(e);
 		if (this.#J) {
-			s.close();
+			r.close();
 			return;
 		}
-		this.#o = {
+		this.#G = {
 			type: "image",
-			bitmap: s,
+			bitmap: r,
 			effect: t,
-			size: i
-		}, this.#N(), this.#B(), this.#$();
+			size: n
+		}, this.#Z(), this.#$(), this.#ee();
 	}
-	setImageBitmap(e, t = 0, i = "cover") {
-		this.#o = {
+	setImageBitmap(e, t = 0, n = "cover") {
+		this.#G = {
 			type: "image",
 			bitmap: e,
 			effect: t,
-			size: i
-		}, this.#N(), this.#B(), this.#$();
+			size: n
+		}, this.#Z(), this.#$(), this.#ee();
 	}
 	setBackground(e, t = "cover") {
-		this.#f && this.#f !== e && this.#f.close(), this.#f = e, this.#C = t ?? "cover", this.#o && this.#r > 0 && this.#s > 0 && this.#B();
+		this.#B && this.#B !== e && this.#B.close(), this.#B = e, this.#V = t ?? "cover", this.#G && this.#N > 0 && this.#P > 0 && this.#$();
 	}
-	handleMove(e, t, i = 1) {
-		if (!this.#K) {
-			this.#e.x = this.#e.targetX = e, this.#e.y = this.#e.targetY = t, this.#K = !0;
+	handleMove(e, t, n = 1) {
+		if (!this.#W) {
+			this.#U.x = this.#U.targetX = e, this.#U.y = this.#U.targetY = t, this.#W = !0;
 			return;
 		}
-		this.#e.moved = !0, this.#e.dx = (e - this.#e.targetX) * i, this.#e.dy = (t - this.#e.targetY) * i, this.#e.targetX = e, this.#e.targetY = t;
+		this.#U.moved = !0, this.#U.dx = (e - this.#U.targetX) * n, this.#U.dy = (t - this.#U.targetY) * n, this.#U.targetX = e, this.#U.targetY = t;
 	}
-	/**
-	* Immediately applies one fluid splat at (x, y) with explicit velocity (vx, vy).
-	* Safe to call multiple times per frame — each call writes directly to the FBOs.
-	* Designed for programmatic use cases (e.g. particle systems, attractor paths)
-	* where you want N independent injection points per frame without flooding the
-	* mouse-state machine or the worker message queue.
-	*/
-	splat(e, t, i, s, o = 1) {
-		!this.#k || this.#r === 0 || (this.#n ? this.#oe(e, t, i, s, o) : this.#ae(e, t, i, s, o));
+	splat(e, t, n, r, i = 1) {
+		!this.#q || this.#N === 0 || (this.#p ? this.#ae(e, t, n, r, i) : this.#oe(e, t, n, r, i));
 	}
 	updateQuality(e) {
-		e.dpr !== void 0 && (this.#Q = Math.max(.1, Math.min(1, e.dpr))), e.sim !== void 0 && (this.#E = Math.max(.1, Math.min(1, e.sim)));
+		e.dpr !== void 0 && (this.#R = Math.max(.1, Math.min(1, e.dpr))), e.sim !== void 0 && (this.#z = Math.max(.1, Math.min(1, e.sim)));
 	}
-	resize(e, t, i) {
-		if (i !== void 0 ? this.#l = i : typeof window < "u" && window.devicePixelRatio && (this.#l = window.devicePixelRatio), e !== void 0 && e > 0) {
+	resize(e, t, n) {
+		if (n === void 0 ? typeof window < "u" && window.devicePixelRatio && (this.#L = window.devicePixelRatio) : this.#L = n, e !== void 0 && e > 0) {
 			if (t === void 0 || t <= 0) return;
-			this.#r = this.#O.width = e, this.#s = this.#O.height = t, this.#m = Math.max(1, Math.round(e * this.#E)), this.#p = Math.max(1, Math.round(t * this.#E)), this.#Z();
-		} else this.#N();
-		this.#o && this.#B(), this.#$();
+			this.#N = this.#e.width = e, this.#P = this.#e.height = t, this.#F = Math.max(1, Math.round(e * this.#z)), this.#I = Math.max(1, Math.round(t * this.#z)), this.#Q();
+		} else this.#Z();
+		this.#G && this.#$(), this.#ee();
 	}
 	updateConfig(e) {
-		Object.assign(this.#U, e);
+		Object.assign(this.#H, e);
 	}
 	destroy() {
-		if (this.#J = !0, this.stop(), this.#ee(), this.#te(), this.#f && (this.#f.close(), this.#f = null), this.#n) this.#V?.destroy(), this.#L?.destroy(), this.#A?.destroy(), this.#X?.destroy(), this.#z?.destroy(), this.#R?.destroy(), this.#w?.destroy(), this.#G?.destroy(), this.#M?.destroy(), this.#I?.destroy(), this.#P?.destroy(), this.#n.device.destroy();
+		if (this.#J = !0, this.stop(), this.#te(), this.#ne(), this.#B &&= (this.#B.close(), null), this.#p) this.#C?.destroy(), this.#w?.destroy(), this.#T?.destroy(), this.#E?.destroy(), this.#D?.destroy(), this.#O?.destroy(), this.#k?.destroy(), this.#A?.destroy(), this.#j?.destroy(), this.#M?.destroy(), this.#h?.destroy(), this.#p.device.destroy();
 		else {
-			const e = this.#x;
-			for (const t of Object.values(this.#F)) t.dispose();
+			let e = this.#t;
+			for (let e of Object.values(this.#r)) e.dispose();
 			e.getExtension("WEBGL_lose_context")?.loseContext();
 		}
 	}
 	start() {
-		if (this.#y !== null) return;
-		const e = () => {
-			this.#ie(), this.#y = I(e);
+		if (this.#K !== null) return;
+		let e = () => {
+			this.#re(), this.#K = me(e);
 		};
-		this.#y = I(e);
+		this.#K = me(e);
 	}
 	stop() {
-		this.#y !== null && (_e(this.#y), this.#y = null);
+		this.#K !== null && (he(this.#K), this.#K = null);
 	}
 	get isRunning() {
-		return this.#y !== null;
-	}
-	#re(e) {
-		const { device: t, format: i } = e;
-		this.#q = ge(t, i, this.#W), this.#P = de(t), this.#H = Te(t), this.#V = S(t, 16), this.#L = S(t, 16), this.#A = S(t, 16), this.#X = S(t, 16), this.#z = S(t, 16), this.#R = S(t, 48), this.#w = S(t, 48), this.#G = S(t, 16), this.#M = S(t, 16), this.#I = S(t, 64);
+		return this.#K !== null;
 	}
-	#N() {
-		const e = this.#O;
-		"clientWidth" in e && e.clientWidth > 0 ? (this.#l = (typeof window < "u" && window.devicePixelRatio || 1) * this.#Q, this.#r = e.width = Math.round(e.clientWidth * this.#l), this.#s = e.height = Math.round(e.clientHeight * this.#l)) : (this.#r = e.width, this.#s = e.height), !(this.#r === 0 || this.#s === 0) && (this.#m = Math.max(1, Math.round(this.#r * this.#E)), this.#p = Math.max(1, Math.round(this.#s * this.#E)), this.#Z());
+	#X(e) {
+		let { device: t, format: n } = e;
+		this.#m = ce(t, n, this.#Y), this.#h = oe(t), this.#g = le(t), this.#C = q(t, 16), this.#w = q(t, 16), this.#T = q(t, 16), this.#E = q(t, 16), this.#D = q(t, 16), this.#O = q(t, 48), this.#k = q(t, 48), this.#A = q(t, 16), this.#j = q(t, 16), this.#M = q(t, 64);
 	}
 	#Z() {
-		if (this.#ee(), this.#n) {
-			const { device: e } = this.#n, t = "rgba16float", i = this.#m, s = this.#p;
-			this.#u = z(e, t, i, s), this.#t = z(e, t, i, s), this.#b = z(e, t, i, s), this.#D = A(e, t, i, s), this.#_ = A(e, t, i, s);
+		let e = this.#e;
+		"clientWidth" in e && e.clientWidth > 0 ? (this.#L = (typeof window < "u" && window.devicePixelRatio || 1) * this.#R, this.#N = e.width = Math.round(e.clientWidth * this.#L), this.#P = e.height = Math.round(e.clientHeight * this.#L)) : (this.#N = e.width, this.#P = e.height), !(this.#N === 0 || this.#P === 0) && (this.#F = Math.max(1, Math.round(this.#N * this.#z)), this.#I = Math.max(1, Math.round(this.#P * this.#z)), this.#Q());
+	}
+	#Q() {
+		if (this.#te(), this.#p) {
+			let { device: e } = this.#p, t = "rgba16float", n = this.#F, r = this.#I;
+			this.#_ = G(e, t, n, r), this.#v = G(e, t, n, r), this.#b = G(e, t, n, r), this.#y = W(e, t, n, r), this.#x = W(e, t, n, r);
 		} else {
-			const e = this.#x, t = this.#j, i = this.#m, s = this.#p;
-			this.#a = X(e, t, i, s), this.#i = X(e, t, i, s), this.#h = X(e, t, i, s), this.#d = L(e, t, i, s), this.#g = L(e, t, i, s);
+			let e = this.#t, t = this.#n, n = this.#F, r = this.#I;
+			this.#a = R(e, t, n, r), this.#o = R(e, t, n, r), this.#c = R(e, t, n, r), this.#s = L(e, t, n, r), this.#l = L(e, t, n, r);
 		}
 	}
-	#B() {
-		if (!(!this.#o || this.#r === 0 || this.#s === 0)) {
-			if (this.#te(), this.#n) {
-				const { device: e } = this.#n;
-				this.#o.type === "text" ? this.#v = Ee(e, this.#r, this.#s, this.#o.opts, this.#f, this.#C) : this.#v = Ue(e, this.#o.bitmap, this.#r, this.#s, this.#o.effect, this.#o.size, this.#f, this.#C);
+	#$() {
+		if (!(!this.#G || this.#N === 0 || this.#P === 0)) {
+			if (this.#ne(), this.#p) {
+				let { device: e } = this.#p;
+				this.#G.type === "text" ? this.#S = b(e, this.#N, this.#P, this.#G.opts, this.#B, this.#V) : this.#S = x(e, this.#G.bitmap, this.#N, this.#P, this.#G.effect, this.#G.size, this.#B, this.#V);
 			} else {
-				const e = this.#x;
-				if (this.#o.type === "text") {
-					const { backgroundTex: t, obstacleTex: i, coverageTex: s } = Re(e, this.#r, this.#s, this.#o.opts, this.#f, this.#C);
-					this.#S = t, this.#c = i, this.#T = s;
+				let e = this.#t;
+				if (this.#G.type === "text") {
+					let { backgroundTex: t, obstacleTex: n, coverageTex: r } = _(e, this.#N, this.#P, this.#G.opts, this.#B, this.#V);
+					this.#u = t, this.#d = n, this.#f = r;
 				} else {
-					const { backgroundTex: t, obstacleTex: i, coverageTex: s } = we(e, this.#o.bitmap, this.#r, this.#s, this.#o.effect, this.#o.size, this.#f, this.#C);
-					this.#S = t, this.#c = i, this.#T = s;
+					let { backgroundTex: t, obstacleTex: n, coverageTex: r } = v(e, this.#G.bitmap, this.#N, this.#P, this.#G.effect, this.#G.size, this.#B, this.#V);
+					this.#u = t, this.#d = n, this.#f = r;
 				}
 			}
-			this.#k = !0;
+			this.#q = !0;
 		}
 	}
-	#$() {
-		this.#k && !this.isRunning && this.start();
-	}
 	#ee() {
-		if (this.#n) this.#u?.dispose(), this.#t?.dispose(), this.#b?.dispose(), this.#D?.tex.destroy(), this.#_?.tex.destroy(), this.#u = this.#t = this.#b = null, this.#D = this.#_ = null;
+		this.#q && !this.isRunning && this.start();
+	}
+	#te() {
+		if (this.#p) this.#_?.dispose(), this.#v?.dispose(), this.#b?.dispose(), this.#y?.tex.destroy(), this.#x?.tex.destroy(), this.#_ = this.#v = this.#b = null, this.#y = this.#x = null;
 		else {
-			const e = this.#x;
-			this.#a?.dispose(), this.#i?.dispose(), this.#h?.dispose(), this.#d && (e.deleteTexture(this.#d.tex), e.deleteFramebuffer(this.#d.fbo)), this.#g && (e.deleteTexture(this.#g.tex), e.deleteFramebuffer(this.#g.fbo)), this.#a = this.#i = this.#h = this.#d = this.#g = null;
+			let e = this.#t;
+			this.#a?.dispose(), this.#o?.dispose(), this.#c?.dispose(), this.#s && (e.deleteTexture(this.#s.tex), e.deleteFramebuffer(this.#s.fbo)), this.#l && (e.deleteTexture(this.#l.tex), e.deleteFramebuffer(this.#l.fbo)), this.#a = this.#o = this.#c = this.#s = this.#l = null;
 		}
 	}
-	#te() {
-		if (this.#n) this.#v && (this.#v.backgroundTex.destroy(), this.#v.obstacleTex.destroy(), this.#v.sharedCoverage || this.#v.coverageTex.destroy(), this.#v = null);
+	#ne() {
+		if (this.#p) this.#S &&= (this.#S.backgroundTex.destroy(), this.#S.obstacleTex.destroy(), this.#S.sharedCoverage || this.#S.coverageTex.destroy(), null);
 		else {
-			const e = this.#x;
-			this.#S && e.deleteTexture(this.#S), this.#c && e.deleteTexture(this.#c), this.#T && this.#T !== this.#c && e.deleteTexture(this.#T), this.#S = this.#c = this.#T = null;
+			let e = this.#t;
+			this.#u && e.deleteTexture(this.#u), this.#d && e.deleteTexture(this.#d), this.#f && this.#f !== this.#d && e.deleteTexture(this.#f), this.#u = this.#d = this.#f = null;
 		}
 	}
-	#ie() {
-		!this.#k || this.#r === 0 || (this.#n ? this.#se() : this.#ue());
+	#re() {
+		!this.#q || this.#N === 0 || (this.#p ? this.#ie() : this.#se());
 	}
-	#se() {
-		const e = this.#n, t = e.device, i = this.#q, s = this.#P, o = this.#H, u = this.#U, c = this.#v;
-		if (!this.#u || !this.#t) return;
-		this.#e.x += (this.#e.targetX - this.#e.x) * .15, this.#e.y += (this.#e.targetY - this.#e.y) * .15;
-		const v = this.#m, n = this.#p, f = this.#r, l = this.#s, a = 1 / v, x = 1 / n;
-		M(t, this.#V, a, x, C, u.velocityDissipation), P(t, this.#A, a, x), P(t, this.#X, a, x), P(t, this.#z, a, x), P(t, this.#G, a, x), be(t, this.#M, a, x, u.curl, C), ye(t, this.#I, 1 / f, 1 / l, u.refraction, u.specularExp, F(u.waterColor), F(u.glowColor), u.shine, u.warpStrength ?? .015, k[u.algorithm] ?? 0, this.#W);
-		const p = t.createCommandEncoder(), d = (m, T) => t.createBindGroup({
-			layout: m.getBindGroupLayout(0),
-			entries: T
-		}), h = {
+	#ie() {
+		let e = this.#p, t = e.device, n = this.#m, r = this.#h, i = this.#g, a = this.#H, o = this.#S;
+		if (!this.#_ || !this.#v) return;
+		this.#U.x += (this.#U.targetX - this.#U.x) * .15, this.#U.y += (this.#U.targetY - this.#U.y) * .15;
+		let s = this.#F, c = this.#I, l = this.#N, u = this.#P, d = 1 / s, f = 1 / c;
+		ue(t, this.#C, d, f, Z, a.velocityDissipation), J(t, this.#T, d, f), J(t, this.#E, d, f), J(t, this.#D, d, f), J(t, this.#A, d, f), de(t, this.#j, d, f, a.curl, Z), fe(t, this.#M, 1 / l, 1 / u, a.refraction, a.specularExp, m(a.waterColor), m(a.glowColor), a.shine, a.warpStrength ?? .015, ge[a.algorithm] ?? 0, this.#Y);
+		let p = t.createCommandEncoder(), h = (e, n) => t.createBindGroup({
+			layout: e.getBindGroupLayout(0),
+			entries: n
+		}), g = {
 			binding: 1,
-			resource: o
+			resource: i
 		};
 		{
-			const m = d(i.advection, [
+			let e = h(n.advection, [
 				{
 					binding: 0,
-					resource: { buffer: this.#V }
+					resource: { buffer: this.#C }
 				},
-				h,
+				g,
 				{
 					binding: 2,
-					resource: this.#t.read.view
+					resource: this.#v.read.view
 				},
 				{
 					binding: 3,
-					resource: this.#t.read.view
+					resource: this.#v.read.view
 				},
 				{
 					binding: 4,
-					resource: c.obstacleView
+					resource: o.obstacleView
 				}
 			]);
-			y(p, i.advection, m, s, this.#t.write.view);
+			X(p, n.advection, e, r, this.#v.write.view);
 		}
-		this.#t.swap();
+		this.#v.swap();
 		{
-			M(t, this.#L, a, x, C, u.densityDissipation);
-			const m = d(i.advection, [
+			ue(t, this.#w, d, f, Z, a.densityDissipation);
+			let e = h(n.advection, [
 				{
 					binding: 0,
-					resource: { buffer: this.#L }
+					resource: { buffer: this.#w }
 				},
-				h,
+				g,
 				{
 					binding: 2,
-					resource: this.#t.read.view
+					resource: this.#v.read.view
 				},
 				{
 					binding: 3,
-					resource: this.#u.read.view
+					resource: this.#_.read.view
 				},
 				{
 					binding: 4,
-					resource: c.obstacleView
+					resource: o.obstacleView
 				}
 			]);
-			y(p, i.advection, m, s, this.#u.write.view);
+			X(p, n.advection, e, r, this.#_.write.view);
 		}
-		this.#u.swap();
+		this.#_.swap();
 		{
-			const m = d(i.curl, [
+			let e = h(n.curl, [
 				{
 					binding: 0,
-					resource: { buffer: this.#G }
+					resource: { buffer: this.#A }
 				},
-				h,
+				g,
 				{
 					binding: 2,
-					resource: this.#t.read.view
+					resource: this.#v.read.view
 				}
 			]);
-			y(p, i.curl, m, s, this.#_.view);
+			X(p, n.curl, e, r, this.#x.view);
 		}
 		{
-			const m = d(i.vorticity, [
+			let e = h(n.vorticity, [
 				{
 					binding: 0,
-					resource: { buffer: this.#M }
+					resource: { buffer: this.#j }
 				},
-				h,
+				g,
 				{
 					binding: 2,
-					resource: this.#t.read.view
+					resource: this.#v.read.view
 				},
 				{
 					binding: 3,
-					resource: this.#_.view
+					resource: this.#x.view
 				}
 			]);
-			y(p, i.vorticity, m, s, this.#t.write.view);
+			X(p, n.vorticity, e, r, this.#v.write.view);
 		}
-		if (this.#t.swap(), this.#e.moved) {
-			const m = this.#e.x * this.#l / f, T = this.#e.y * this.#l / l;
-			V(t, this.#R, a, x, f / l, u.splatRadius, this.#e.dx * u.splatForce, this.#e.dy * u.splatForce, 0, m, T);
+		if (this.#v.swap(), this.#U.moved) {
+			let e = this.#U.x * this.#L / l, i = this.#U.y * this.#L / u;
+			Y(t, this.#O, d, f, l / u, a.splatRadius, this.#U.dx * a.splatForce, this.#U.dy * a.splatForce, 0, e, i);
 			{
-				const b = d(i.splat, [
+				let e = h(n.splat, [
 					{
 						binding: 0,
-						resource: { buffer: this.#R }
+						resource: { buffer: this.#O }
 					},
-					h,
+					g,
 					{
 						binding: 2,
-						resource: this.#t.read.view
+						resource: this.#v.read.view
 					}
 				]);
-				y(p, i.splat, b, s, this.#t.write.view);
+				X(p, n.splat, e, r, this.#v.write.view);
 			}
-			this.#t.swap(), V(t, this.#w, a, x, f / l, u.splatRadius, 1, 1, 1, m, T);
+			this.#v.swap(), Y(t, this.#k, d, f, l / u, a.splatRadius, 1, 1, 1, e, i);
 			{
-				const b = d(i.splat, [
+				let e = h(n.splat, [
 					{
 						binding: 0,
-						resource: { buffer: this.#w }
+						resource: { buffer: this.#k }
 					},
-					h,
+					g,
 					{
 						binding: 2,
-						resource: this.#u.read.view
+						resource: this.#_.read.view
 					}
 				]);
-				y(p, i.splat, b, s, this.#u.write.view);
+				X(p, n.splat, e, r, this.#_.write.view);
 			}
-			this.#u.swap(), this.#e.moved = !1;
+			this.#_.swap(), this.#U.moved = !1;
 		}
 		{
-			const m = d(i.divergence, [
+			let e = h(n.divergence, [
 				{
 					binding: 0,
-					resource: { buffer: this.#A }
+					resource: { buffer: this.#T }
 				},
-				h,
+				g,
 				{
 					binding: 2,
-					resource: this.#t.read.view
+					resource: this.#v.read.view
 				},
 				{
 					binding: 3,
-					resource: c.obstacleView
+					resource: o.obstacleView
 				}
 			]);
-			y(p, i.divergence, m, s, this.#D.view);
+			X(p, n.divergence, e, r, this.#y.view);
 		}
-		for (let m = 0; m < u.pressureIterations; m++) {
-			const T = d(i.pressure, [
+		for (let e = 0; e < a.pressureIterations; e++) {
+			let e = h(n.pressure, [
 				{
 					binding: 0,
-					resource: { buffer: this.#X }
+					resource: { buffer: this.#E }
 				},
-				h,
+				g,
 				{
 					binding: 2,
 					resource: this.#b.read.view
 				},
 				{
 					binding: 3,
-					resource: this.#D.view
+					resource: this.#y.view
 				},
 				{
 					binding: 4,
-					resource: c.obstacleView
+					resource: o.obstacleView
 				}
 			]);
-			y(p, i.pressure, T, s, this.#b.write.view), this.#b.swap();
+			X(p, n.pressure, e, r, this.#b.write.view), this.#b.swap();
 		}
 		{
-			const m = d(i.gradientSubtract, [
+			let e = h(n.gradientSubtract, [
 				{
 					binding: 0,
-					resource: { buffer: this.#z }
+					resource: { buffer: this.#D }
 				},
-				h,
+				g,
 				{
 					binding: 2,
 					resource: this.#b.read.view
 				},
 				{
 					binding: 3,
-					resource: this.#t.read.view
+					resource: this.#v.read.view
 				},
 				{
 					binding: 4,
-					resource: c.obstacleView
+					resource: o.obstacleView
 				}
 			]);
-			y(p, i.gradientSubtract, m, s, this.#t.write.view);
+			X(p, n.gradientSubtract, e, r, this.#v.write.view);
 		}
-		this.#t.swap();
+		this.#v.swap();
 		{
-			const m = e.context.getCurrentTexture().createView(), T = d(i.display, [
+			let t = e.context.getCurrentTexture().createView(), i = h(n.display, [
 				{
 					binding: 0,
-					resource: { buffer: this.#I }
+					resource: { buffer: this.#M }
 				},
-				h,
+				g,
 				{
 					binding: 2,
-					resource: this.#u.read.view
+					resource: this.#_.read.view
 				},
 				{
 					binding: 3,
-					resource: c.obstacleView
+					resource: o.obstacleView
 				},
 				{
 					binding: 4,
-					resource: c.backgroundView
+					resource: o.backgroundView
 				},
 				{
 					binding: 5,
-					resource: c.coverageView
+					resource: o.coverageView
 				},
 				{
 					binding: 6,
-					resource: this.#t.read.view
+					resource: this.#v.read.view
 				}
 			]);
-			Se(p, i.display, T, s, m);
+			pe(p, n.display, i, r, t);
 		}
 		t.queue.submit([p.finish()]);
 	}
-	#oe(e, t, i, s, o) {
-		const u = this.#n.device, c = this.#q.splat, v = this.#P, n = this.#H, f = this.#U, l = this.#m, a = this.#p, x = 1 / l, p = 1 / a, d = u.createCommandEncoder(), h = {
+	#ae(e, t, n, r, i) {
+		let a = this.#p.device, o = this.#m.splat, s = this.#h, c = this.#g, l = this.#H, u = this.#F, d = this.#I, f = 1 / u, p = 1 / d, m = a.createCommandEncoder(), h = {
 			binding: 1,
-			resource: n
-		}, m = (D) => u.createBindGroup({
-			layout: c.getBindGroupLayout(0),
-			entries: D
-		}), T = e * this.#l / this.#r, b = t * this.#l / this.#s;
-		V(u, this.#R, x, p, this.#r / this.#s, f.splatRadius, i * f.splatForce * o, s * f.splatForce * o, 0, T, b), y(d, c, m([
+			resource: c
+		}, g = (e) => a.createBindGroup({
+			layout: o.getBindGroupLayout(0),
+			entries: e
+		}), _ = e * this.#L / this.#N, v = t * this.#L / this.#P;
+		Y(a, this.#O, f, p, this.#N / this.#P, l.splatRadius, n * l.splatForce * i, r * l.splatForce * i, 0, _, v), X(m, o, g([
 			{
 				binding: 0,
-				resource: { buffer: this.#R }
+				resource: { buffer: this.#O }
 			},
 			h,
 			{
 				binding: 2,
-				resource: this.#t.read.view
+				resource: this.#v.read.view
 			}
-		]), v, this.#t.write.view), this.#t.swap(), V(u, this.#w, x, p, this.#r / this.#s, f.splatRadius, o, o, o, T, b), y(d, c, m([
+		]), s, this.#v.write.view), this.#v.swap(), Y(a, this.#k, f, p, this.#N / this.#P, l.splatRadius, i, i, i, _, v), X(m, o, g([
 			{
 				binding: 0,
-				resource: { buffer: this.#w }
+				resource: { buffer: this.#k }
 			},
 			h,
 			{
 				binding: 2,
-				resource: this.#u.read.view
+				resource: this.#_.read.view
 			}
-		]), v, this.#u.write.view), this.#u.swap(), u.queue.submit([d.finish()]);
+		]), s, this.#_.write.view), this.#_.swap(), a.queue.submit([m.finish()]);
 	}
-	#ae(e, t, i, s, o) {
-		const u = this.#x, c = this.#U, v = this.#F.splat, n = this.#Y;
-		u.viewport(0, 0, this.#m, this.#p), v.bind(), u.uniform1f(v.uniforms.aspectRatio, this.#r / this.#s), u.uniform2f(v.uniforms.point, e * this.#l / this.#r, 1 - t * this.#l / this.#s), u.uniform1f(v.uniforms.radius, c.splatRadius), u.uniform1i(v.uniforms.uTarget, 0), u.activeTexture(u.TEXTURE0), u.bindTexture(u.TEXTURE_2D, this.#i.read.tex), u.uniform3f(v.uniforms.color, i * c.splatForce * o, -s * c.splatForce * o, 0), n(this.#i.write.fbo), this.#i.swap(), u.activeTexture(u.TEXTURE0), u.bindTexture(u.TEXTURE_2D, this.#a.read.tex), u.uniform3f(v.uniforms.color, o, o, o), n(this.#a.write.fbo), this.#a.swap();
+	#oe(e, t, n, r, i) {
+		let a = this.#t, o = this.#H, s = this.#r.splat, c = this.#i;
+		a.viewport(0, 0, this.#F, this.#I), s.bind(), a.uniform1f(s.uniforms.aspectRatio, this.#N / this.#P), a.uniform2f(s.uniforms.point, e * this.#L / this.#N, 1 - t * this.#L / this.#P), a.uniform1f(s.uniforms.radius, o.splatRadius), a.uniform1i(s.uniforms.uTarget, 0), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, this.#o.read.tex), a.uniform3f(s.uniforms.color, n * o.splatForce * i, -r * o.splatForce * i, 0), c(this.#o.write.fbo), this.#o.swap(), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, this.#a.read.tex), a.uniform3f(s.uniforms.color, i, i, i), c(this.#a.write.fbo), this.#a.swap();
 	}
-	#ue() {
-		if (!this.#a || !this.#i) return;
-		const e = this.#x, t = this.#U, { advection: i, divergence: s, pressure: o, gradientSubtract: u, splat: c, curl: v, vorticity: n, display: f } = this.#F;
-		this.#e.x += (this.#e.targetX - this.#e.x) * .15, this.#e.y += (this.#e.targetY - this.#e.y) * .15;
-		const l = this.#m, a = this.#p, x = this.#Y;
-		e.viewport(0, 0, l, a), i.bind(), e.uniform2f(i.uniforms.texelSize, 1 / l, 1 / a), e.uniform1f(i.uniforms.dt, C), e.uniform1i(i.uniforms.uObstacle, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#c), e.uniform1f(i.uniforms.dissipation, t.velocityDissipation), e.uniform1i(i.uniforms.uVelocity, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#i.read.tex), e.uniform1i(i.uniforms.uSource, 1), x(this.#i.write.fbo), this.#i.swap(), e.uniform1f(i.uniforms.dissipation, t.densityDissipation), e.uniform1i(i.uniforms.uSource, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#a.read.tex), x(this.#a.write.fbo), this.#a.swap(), v.bind(), e.uniform2f(v.uniforms.texelSize, 1 / l, 1 / a), e.uniform1i(v.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#i.read.tex), x(this.#g.fbo), n.bind(), e.uniform2f(n.uniforms.texelSize, 1 / l, 1 / a), e.uniform1f(n.uniforms.curl, t.curl), e.uniform1f(n.uniforms.dt, C), e.uniform1i(n.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#i.read.tex), e.uniform1i(n.uniforms.uCurl, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#g.tex), x(this.#i.write.fbo), this.#i.swap(), this.#e.moved && (c.bind(), e.uniform1f(c.uniforms.aspectRatio, this.#r / this.#s), e.uniform2f(c.uniforms.point, this.#e.x * this.#l / this.#r, 1 - this.#e.y * this.#l / this.#s), e.uniform1f(c.uniforms.radius, t.splatRadius), e.uniform1i(c.uniforms.uTarget, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#i.read.tex), e.uniform3f(c.uniforms.color, this.#e.dx * t.splatForce, -this.#e.dy * t.splatForce, 0), x(this.#i.write.fbo), this.#i.swap(), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#a.read.tex), e.uniform3f(c.uniforms.color, 1, 1, 1), x(this.#a.write.fbo), this.#a.swap(), this.#e.moved = !1), s.bind(), e.uniform2f(s.uniforms.texelSize, 1 / l, 1 / a), e.uniform1i(s.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#i.read.tex), e.uniform1i(s.uniforms.uObstacle, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#c), x(this.#d.fbo), o.bind(), e.uniform2f(o.uniforms.texelSize, 1 / l, 1 / a), e.uniform1i(o.uniforms.uDivergence, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#d.tex), e.uniform1i(o.uniforms.uObstacle, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#c);
-		for (let p = 0; p < t.pressureIterations; p++) e.uniform1i(o.uniforms.uPressure, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#h.read.tex), x(this.#h.write.fbo), this.#h.swap();
-		u.bind(), e.uniform2f(u.uniforms.texelSize, 1 / l, 1 / a), e.uniform1i(u.uniforms.uPressure, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#h.read.tex), e.uniform1i(u.uniforms.uVelocity, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#i.read.tex), e.uniform1i(u.uniforms.uObstacle, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#c), x(this.#i.write.fbo), this.#i.swap(), e.viewport(0, 0, this.#r, this.#s), e.bindFramebuffer(e.FRAMEBUFFER, null), e.clear(e.COLOR_BUFFER_BIT), f.bind(), e.uniform2f(f.uniforms.texelSize, 1 / this.#r, 1 / this.#s), e.uniform3fv(f.uniforms.uWaterColor, F(t.waterColor)), e.uniform3fv(f.uniforms.uGlowColor, F(t.glowColor)), e.uniform1f(f.uniforms.uRefraction, t.refraction), e.uniform1f(f.uniforms.uSpecularExp, t.specularExp), e.uniform1f(f.uniforms.uShine, t.shine), e.uniform1f(f.uniforms.uWarpStrength, t.warpStrength ?? .015), e.uniform1i(f.uniforms.uAlgorithm, k[t.algorithm] ?? 0), e.uniform1i(f.uniforms.uEnableAlpha, this.#W ? 1 : 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#a.read.tex), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#c), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#S), e.activeTexture(e.TEXTURE3), e.bindTexture(e.TEXTURE_2D, this.#T), e.activeTexture(e.TEXTURE4), e.bindTexture(e.TEXTURE_2D, this.#i.read.tex), e.uniform1i(f.uniforms.uTexture, 0), e.uniform1i(f.uniforms.uObstacle, 1), e.uniform1i(f.uniforms.uBackground, 2), e.uniform1i(f.uniforms.uCoverage, 3), e.uniform1i(f.uniforms.uVelocity, 4), x(null);
+	#se() {
+		if (!this.#a || !this.#o) return;
+		let e = this.#t, t = this.#H, { advection: n, divergence: r, pressure: i, gradientSubtract: a, splat: o, curl: s, vorticity: c, display: l } = this.#r;
+		this.#U.x += (this.#U.targetX - this.#U.x) * .15, this.#U.y += (this.#U.targetY - this.#U.y) * .15;
+		let u = this.#F, d = this.#I, f = this.#i;
+		e.viewport(0, 0, u, d), n.bind(), e.uniform2f(n.uniforms.texelSize, 1 / u, 1 / d), e.uniform1f(n.uniforms.dt, Z), e.uniform1i(n.uniforms.uObstacle, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#d), e.uniform1f(n.uniforms.dissipation, t.velocityDissipation), e.uniform1i(n.uniforms.uVelocity, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), e.uniform1i(n.uniforms.uSource, 1), f(this.#o.write.fbo), this.#o.swap(), e.uniform1f(n.uniforms.dissipation, t.densityDissipation), e.uniform1i(n.uniforms.uSource, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#a.read.tex), f(this.#a.write.fbo), this.#a.swap(), s.bind(), e.uniform2f(s.uniforms.texelSize, 1 / u, 1 / d), e.uniform1i(s.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), f(this.#l.fbo), c.bind(), e.uniform2f(c.uniforms.texelSize, 1 / u, 1 / d), e.uniform1f(c.uniforms.curl, t.curl), e.uniform1f(c.uniforms.dt, Z), e.uniform1i(c.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), e.uniform1i(c.uniforms.uCurl, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#l.tex), f(this.#o.write.fbo), this.#o.swap(), this.#U.moved && (o.bind(), e.uniform1f(o.uniforms.aspectRatio, this.#N / this.#P), e.uniform2f(o.uniforms.point, this.#U.x * this.#L / this.#N, 1 - this.#U.y * this.#L / this.#P), e.uniform1f(o.uniforms.radius, t.splatRadius), e.uniform1i(o.uniforms.uTarget, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), e.uniform3f(o.uniforms.color, this.#U.dx * t.splatForce, -this.#U.dy * t.splatForce, 0), f(this.#o.write.fbo), this.#o.swap(), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#a.read.tex), e.uniform3f(o.uniforms.color, 1, 1, 1), f(this.#a.write.fbo), this.#a.swap(), this.#U.moved = !1), r.bind(), e.uniform2f(r.uniforms.texelSize, 1 / u, 1 / d), e.uniform1i(r.uniforms.uVelocity, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), e.uniform1i(r.uniforms.uObstacle, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#d), f(this.#s.fbo), i.bind(), e.uniform2f(i.uniforms.texelSize, 1 / u, 1 / d), e.uniform1i(i.uniforms.uDivergence, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#s.tex), e.uniform1i(i.uniforms.uObstacle, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#d);
+		for (let n = 0; n < t.pressureIterations; n++) e.uniform1i(i.uniforms.uPressure, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#c.read.tex), f(this.#c.write.fbo), this.#c.swap();
+		a.bind(), e.uniform2f(a.uniforms.texelSize, 1 / u, 1 / d), e.uniform1i(a.uniforms.uPressure, 0), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#c.read.tex), e.uniform1i(a.uniforms.uVelocity, 1), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), e.uniform1i(a.uniforms.uObstacle, 2), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#d), f(this.#o.write.fbo), this.#o.swap(), e.viewport(0, 0, this.#N, this.#P), e.bindFramebuffer(e.FRAMEBUFFER, null), e.clear(e.COLOR_BUFFER_BIT), l.bind(), e.uniform2f(l.uniforms.texelSize, 1 / this.#N, 1 / this.#P), e.uniform3fv(l.uniforms.uWaterColor, m(t.waterColor)), e.uniform3fv(l.uniforms.uGlowColor, m(t.glowColor)), e.uniform1f(l.uniforms.uRefraction, t.refraction), e.uniform1f(l.uniforms.uSpecularExp, t.specularExp), e.uniform1f(l.uniforms.uShine, t.shine), e.uniform1f(l.uniforms.uWarpStrength, t.warpStrength ?? .015), e.uniform1i(l.uniforms.uAlgorithm, ge[t.algorithm] ?? 0), e.uniform1i(l.uniforms.uEnableAlpha, +!!this.#Y), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.#a.read.tex), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, this.#d), e.activeTexture(e.TEXTURE2), e.bindTexture(e.TEXTURE_2D, this.#u), e.activeTexture(e.TEXTURE3), e.bindTexture(e.TEXTURE_2D, this.#f), e.activeTexture(e.TEXTURE4), e.bindTexture(e.TEXTURE_2D, this.#o.read.tex), e.uniform1i(l.uniforms.uTexture, 0), e.uniform1i(l.uniforms.uObstacle, 1), e.uniform1i(l.uniforms.uBackground, 2), e.uniform1i(l.uniforms.uCoverage, 3), e.uniform1i(l.uniforms.uVelocity, 4), f(null);
 	}
-};
-let g = null, Y;
-const R = new Promise((r) => {
-	Y = r;
-});
-self.onmessage = async (r) => {
-	const { type: e, ...t } = r.data;
+}, _e = "const e={densityDissipation:.83,velocityDissipation:.91,pressureIterations:1,curl:0,splatRadius:.1,splatForce:.08,refraction:1,specularExp:0,shine:0,waterColor:`#000000`,glowColor:`#b3d9ff`,algorithm:`aurora`,warpStrength:.04};({...e}),typeof window<`u`&&1/(window.devicePixelRatio||1);const t={backgroundColor:`#0a0a0a`,backgroundSize:`cover`,mouseEnabled:!0,workerEnabled:!0};({...t}),{...t};const n={calm:{densityDissipation:.98,velocityDissipation:.81,curl:1e-4,splatRadius:.05,splatForce:.08,refraction:.15,shine:.03,glowColor:`#99d9ff`,waterColor:`#00050d`},sand:{densityDissipation:.95,velocityDissipation:.81,curl:1,splatRadius:.23,splatForce:.16,refraction:.8,specularExp:0,shine:.33,glowColor:`#070707`,waterColor:`#735420`},wave:{densityDissipation:.9,velocityDissipation:.2,curl:.2,splatRadius:.1,splatForce:.22,refraction:.35,shine:.2,glowColor:`#80ccff`,waterColor:`#000308`},neon:{densityDissipation:.75,velocityDissipation:.3,curl:.05,splatRadius:.18,splatForce:.29,refraction:.25,specularExp:.04,shine:.93,glowColor:`#ff33cc`,waterColor:`#0d0014`},smoke:{densityDissipation:.93,velocityDissipation:.71,curl:.04,splatRadius:.21,splatForce:.14,refraction:.08,shine:0,glowColor:`#808080`,waterColor:`#0f0f0f`}};function r(e){if(Array.isArray(e))return e;let t=e.slice(1,7);return t.length===3?[parseInt(t[0]+t[0],16)/255,parseInt(t[1]+t[1],16)/255,parseInt(t[2]+t[2],16)/255]:[parseInt(t.slice(0,2),16)/255,parseInt(t.slice(2,4),16)/255,parseInt(t.slice(4,6),16)/255]}function i(t={},r,i=e){return{...r?{...i,...n[r]}:i,...t}}const a=`precision highp float;\n attribute vec2 aPosition;\n varying vec2 vUv;\n varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform vec2 texelSize;\n void main () {\n vUv = aPosition * 0.5 + 0.5;\n vL = vUv - vec2(texelSize.x, 0.0);\n vR = vUv + vec2(texelSize.x, 0.0);\n vT = vUv + vec2(0.0, texelSize.y);\n vB = vUv - vec2(0.0, texelSize.y);\n gl_Position = vec4(aPosition, 0.0, 1.0);\n }`;function o(e,t=!0){let n={alpha:t,depth:!1,stencil:!1,antialias:!0,preserveDrawingBuffer:!1},r=e.getContext(`webgl2`,n),i=!!r;i||(r=e.getContext(`webgl`,n),r.getExtension(`EXT_color_buffer_half_float`));let a=i?null:r.getExtension(`OES_texture_half_float`),o=i?r.HALF_FLOAT:a.HALF_FLOAT_OES;return r.getExtension(`EXT_color_buffer_float`),r.getExtension(`OES_texture_half_float_linear`),{type:i?`webgl2`:`webgl1`,gl:r,isWebGL2:i,ext:{internalFormat:i?r.RGBA16F:r.RGBA,format:r.RGBA,type:o}}}async function s(e,t=!0){if(typeof navigator>`u`||!navigator.gpu)return null;try{let n=await navigator.gpu.requestAdapter();if(!n)return null;let r=await n.requestDevice(),i=e.getContext(`webgpu`);if(!i)return null;let a=navigator.gpu.getPreferredCanvasFormat();return i.configure({device:r,format:a,alphaMode:t?`premultiplied`:`opaque`}),{type:`webgpu`,adapter:n,device:r,context:i,format:a}}catch{return null}}var c=class{program;uniforms={};_gl;constructor(e,t,n){this._gl=e,this.program=e.createProgram(),e.attachShader(this.program,this._compile(e.VERTEX_SHADER,t)),e.attachShader(this.program,this._compile(e.FRAGMENT_SHADER,n)),e.linkProgram(this.program);let r=e.getProgramParameter(this.program,e.ACTIVE_UNIFORMS);for(let t=0;t<r;t++){let n=e.getActiveUniform(this.program,t).name;this.uniforms[n]=e.getUniformLocation(this.program,n)}}_compile(e,t){let n=this._gl,r=n.createShader(e);return n.shaderSource(r,t),n.compileShader(r),r}bind(){this._gl.useProgram(this.program)}dispose(){this._gl.deleteProgram(this.program)}};function l(e){return{advection:new c(e,a,`precision highp float;\n varying vec2 vUv;\n uniform sampler2D uVelocity;\n uniform sampler2D uSource;\n uniform sampler2D uObstacle;\n uniform vec2 texelSize;\n uniform float dt;\n uniform float dissipation;\n void main () {\n float obs = texture2D(uObstacle, vUv).r;\n vec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;\n \n \n \n gl_FragColor = dissipation * texture2D(uSource, coord) * (1.0 - obs);\n }`),divergence:new c(e,a,`precision highp float;\n varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uVelocity;\n uniform sampler2D uObstacle;\n void main () {\n float L = texture2D(uVelocity, vL).x * (1.0 - texture2D(uObstacle, vL).r);\n float R = texture2D(uVelocity, vR).x * (1.0 - texture2D(uObstacle, vR).r);\n float T = texture2D(uVelocity, vT).y * (1.0 - texture2D(uObstacle, vT).r);\n float B = texture2D(uVelocity, vB).y * (1.0 - texture2D(uObstacle, vB).r);\n gl_FragColor = vec4(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);\n }`),pressure:new c(e,a,`precision highp float;\n varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uPressure;\n uniform sampler2D uDivergence;\n uniform sampler2D uObstacle;\n void main () {\n float C = texture2D(uPressure, vUv).x;\n float L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);\n float R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);\n float T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);\n float B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);\n float div = texture2D(uDivergence, vUv).x;\n gl_FragColor = vec4((L + R + B + T - div) * 0.25, 0.0, 0.0, 1.0);\n }`),gradientSubtract:new c(e,a,`precision highp float;\n varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uPressure;\n uniform sampler2D uVelocity;\n uniform sampler2D uObstacle;\n void main () {\n float obs = texture2D(uObstacle, vUv).r;\n float C = texture2D(uPressure, vUv).x;\n float L = mix(texture2D(uPressure, vL).x, C, texture2D(uObstacle, vL).r);\n float R = mix(texture2D(uPressure, vR).x, C, texture2D(uObstacle, vR).r);\n float T = mix(texture2D(uPressure, vT).x, C, texture2D(uObstacle, vT).r);\n float B = mix(texture2D(uPressure, vB).x, C, texture2D(uObstacle, vB).r);\n vec2 vel = (texture2D(uVelocity, vUv).xy - vec2(R - L, T - B)) * (1.0 - obs);\n gl_FragColor = vec4(vel, 0.0, 1.0);\n }`),splat:new c(e,a,`precision highp float;\n varying vec2 vUv;\n uniform sampler2D uTarget;\n uniform float aspectRatio;\n uniform vec3 color;\n uniform vec2 point;\n uniform float radius;\n void main () {\n vec2 p = vUv - point.xy;\n p.x *= aspectRatio;\n vec3 splat = exp(-dot(p, p) / radius) * color;\n gl_FragColor = vec4(texture2D(uTarget, vUv).xyz + splat, 1.0);\n }`),curl:new c(e,a,`precision highp float;\n varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uVelocity;\n void main () {\n float L = texture2D(uVelocity, vL).y;\n float R = texture2D(uVelocity, vR).y;\n float T = texture2D(uVelocity, vT).x;\n float B = texture2D(uVelocity, vB).x;\n gl_FragColor = vec4(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);\n }`),vorticity:new c(e,a,`precision highp float;\n varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; varying vec2 vB;\n uniform sampler2D uVelocity;\n uniform sampler2D uCurl;\n uniform float curl;\n uniform float dt;\n void main () {\n float L = texture2D(uCurl, vL).x;\n float R = texture2D(uCurl, vR).x;\n float T = texture2D(uCurl, vT).x;\n float B = texture2D(uCurl, vB).x;\n float C = texture2D(uCurl, vUv).x;\n vec2 force = 0.5 * vec2(abs(T) - abs(B), abs(R) - abs(L));\n force /= length(force) + 0.0001;\n force *= curl * 30.0 * C;\n gl_FragColor = vec4(texture2D(uVelocity, vUv).xy + force * dt, 0.0, 1.0);\n }`),display:new c(e,a,`precision highp float;\n varying vec2 vUv;\n uniform sampler2D uTexture;\n uniform sampler2D uObstacle;\n uniform sampler2D uBackground;\n uniform sampler2D uCoverage;\n uniform sampler2D uVelocity;\n uniform vec2 texelSize;\n uniform vec3 uWaterColor;\n uniform vec3 uGlowColor;\n uniform float uRefraction;\n uniform float uSpecularExp;\n uniform float uShine;\n uniform float uWarpStrength;\n uniform int uAlgorithm;\n uniform int uEnableAlpha;\n void main () {\n float obs = texture2D(uObstacle, vUv).r;\n \n \n float density = max(texture2D(uTexture, vUv).r, 0.0) * (1.0 - obs);\n float coverage = texture2D(uCoverage, vUv).r;\n \n \n \n \n float sx = texelSize.x * 6.0, sy = texelSize.y * 6.0;\n float d00 = max(texture2D(uTexture, vUv + vec2(-sx, -sy)).r, 0.0);\n float d10 = max(texture2D(uTexture, vUv + vec2(0.0, -sy)).r, 0.0);\n float d20 = max(texture2D(uTexture, vUv + vec2( sx, -sy)).r, 0.0);\n float d01 = max(texture2D(uTexture, vUv + vec2(-sx, 0.0)).r, 0.0);\n float d21 = max(texture2D(uTexture, vUv + vec2( sx, 0.0)).r, 0.0);\n float d02 = max(texture2D(uTexture, vUv + vec2(-sx, sy)).r, 0.0);\n float d12 = max(texture2D(uTexture, vUv + vec2(0.0, sy)).r, 0.0);\n float d22 = max(texture2D(uTexture, vUv + vec2( sx, sy)).r, 0.0);\n float gx = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);\n float gy = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);\n vec3 normal = normalize(vec3(gx, gy, 1.2));\n vec3 lightDir = normalize(vec3(0.5, 1.0, 0.5));\n vec3 halfV = normalize(lightDir + vec3(0.0, 0.0, 1.0));\n \n \n float specDen = density * min(density * 5.0, 1.0);\n float spec = pow(max(dot(normal, halfV), 0.0), uSpecularExp) * uShine * specDen;\n \n \n \n vec3 bgRaw = texture2D(uBackground, vUv).rgb;\n vec3 bg = mix(uWaterColor, bgRaw, coverage);\n vec3 color = bg;\n if (uAlgorithm == 1) {\n \n \n vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 3.0, 0.0, 1.0);\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\n color = refrBg + spec * uGlowColor * 2.5;\n color = mix(color, bg * 0.6, obs * 0.3);\n } else if (uAlgorithm == 2) {\n \n \n float inkD = min(density * 4.0, 1.0);\n vec2 refrUv = clamp(vUv + normal.xy * uRefraction * density * 0.4, 0.0, 1.0);\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\n color = mix(refrBg, uWaterColor + spec * uGlowColor, inkD);\n color = mix(color, bg * 0.5, obs * 0.15);\n } else if (uAlgorithm == 3) {\n \n \n vec2 vel = texture2D(uVelocity, vUv).xy;\n float velMag = clamp(length(vel) * 20.0, 0.0, 1.0);\n vec2 warpUv = clamp(vUv + vel * uWarpStrength, 0.0, 1.0);\n vec3 warpBg = mix(uWaterColor, texture2D(uBackground, warpUv).rgb, coverage);\n color = mix(bg, warpBg, velMag * (1.0 - obs));\n color += spec * uGlowColor * velMag * 1.5;\n color += uWaterColor * density * 0.3;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else if (uAlgorithm == 4) {\n \n \n vec2 rippleUv = clamp(vUv + normal.xy * uRefraction * density * 6.0, 0.0, 1.0);\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, rippleUv, 1.0 - obs)).rgb, coverage);\n float fresnel = pow(clamp(1.0 - dot(normal, vec3(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;\n color = refrBg;\n color += fresnel * uGlowColor * 2.0;\n color += spec * uGlowColor * density * 2.0;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else {\n \n \n vec2 refrUv = vUv + normal.xy * uRefraction * density;\n vec3 refrBg = mix(uWaterColor, texture2D(uBackground, mix(vUv, refrUv, 1.0 - obs)).rgb, coverage);\n color = mix(refrBg, uWaterColor, min(density * 1.5, 0.8));\n color += spec * uGlowColor;\n color = mix(color, bg * 0.5, obs * 0.2);\n }\n \n \n float alpha = clamp(max(density * 1.5, coverage), 0.0, 1.0);\n if (uEnableAlpha == 1) {\n gl_FragColor = vec4(color * alpha, alpha);\n } else {\n gl_FragColor = vec4(color, 1.0);\n }\n }`)}}function u(e,t,n,r){e.activeTexture(e.TEXTURE0);let i=e.createTexture();e.bindTexture(e.TEXTURE_2D,i),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.texImage2D(e.TEXTURE_2D,0,t.internalFormat,n,r,0,t.format,t.type,null);let a=e.createFramebuffer();return e.bindFramebuffer(e.FRAMEBUFFER,a),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,i,0),{tex:i,fbo:a,width:n,height:r}}function d(e,t,n,r){let i=u(e,t,n,r),a=u(e,t,n,r);return{get read(){return i},get write(){return a},swap(){[i,a]=[a,i]},dispose(){e.deleteTexture(i.tex),e.deleteFramebuffer(i.fbo),e.deleteTexture(a.tex),e.deleteFramebuffer(a.fbo)}}}function f(e){let t=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,t),e.bufferData(e.ARRAY_BUFFER,new Float32Array([-1,-1,-1,1,1,1,1,-1]),e.STATIC_DRAW),e.vertexAttribPointer(0,2,e.FLOAT,!1,0,0),e.enableVertexAttribArray(0),function(t){e.bindFramebuffer(e.FRAMEBUFFER,t),e.drawArrays(e.TRIANGLE_FAN,0,4)}}const p={arrayStride:8,attributes:[{shaderLocation:0,offset:0,format:`float32x2`}]},m=new Float32Array([-1,-1,-1,1,1,-1,1,-1,-1,1,1,1]);function h(e){let t=e.createBuffer({size:m.byteLength,usage:GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST});return e.queue.writeBuffer(t,0,m),t}function g(e,t,n,r){let i=e.createTexture({size:[n,r],format:t,usage:GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.RENDER_ATTACHMENT|GPUTextureUsage.COPY_SRC});return{tex:i,view:i.createView(),width:n,height:r}}function _(e,t,n,r){let i=g(e,t,n,r),a=g(e,t,n,r);return{get read(){return i},get write(){return a},swap(){[i,a]=[a,i]},dispose(){i.tex.destroy(),a.tex.destroy()}}}function v(e,t,n,r){let i=e.createShaderModule({code:t});return e.createRenderPipeline({layout:`auto`,vertex:{module:i,entryPoint:`vs`,buffers:[p]},fragment:{module:i,entryPoint:`fs`,targets:[{format:n,...r?{blend:r}:{}}]},primitive:{topology:`triangle-list`}})}const y={color:{operation:`add`,srcFactor:`one`,dstFactor:`zero`},alpha:{operation:`add`,srcFactor:`one`,dstFactor:`zero`}};function b(e,t,n=!0){let r=`rgba16float`;return{advection:v(e,`struct U {\n texelSize : vec2f,\n dt : f32,\n dissipation: f32,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@group(0) @binding(3) var uSrc : texture_2d<f32>;\n@group(0) @binding(4) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let obs = textureSample(uObs, samp, i.uv).r;\n let vel = textureSample(uVel, samp, i.uv).xy;\n let coord = i.uv - u.dt * vel * u.texelSize;\n let src = textureSample(uSrc, samp, coord);\n return u.dissipation * src * (1.0 - obs);\n}`,r),divergence:v(e,`struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@group(0) @binding(3) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let L = textureSample(uVel, samp, i.vL).x * (1.0 - textureSample(uObs, samp, i.vL).r);\n let R = textureSample(uVel, samp, i.vR).x * (1.0 - textureSample(uObs, samp, i.vR).r);\n let T = textureSample(uVel, samp, i.vT).y * (1.0 - textureSample(uObs, samp, i.vT).r);\n let B = textureSample(uVel, samp, i.vB).y * (1.0 - textureSample(uObs, samp, i.vB).r);\n return vec4f(0.5 * (R - L + T - B), 0.0, 0.0, 1.0);\n}`,r),pressure:v(e,`struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uPres: texture_2d<f32>;\n@group(0) @binding(3) var uDiv : texture_2d<f32>;\n@group(0) @binding(4) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let C = textureSample(uPres, samp, i.uv).x;\n let L = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);\n let R = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);\n let T = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);\n let B = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);\n let dv = textureSample(uDiv, samp, i.uv).x;\n return vec4f((L + R + B + T - dv) * 0.25, 0.0, 0.0, 1.0);\n}`,r),gradientSubtract:v(e,`struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uPres: texture_2d<f32>;\n@group(0) @binding(3) var uVel : texture_2d<f32>;\n@group(0) @binding(4) var uObs : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let obs = textureSample(uObs, samp, i.uv).r;\n let C = textureSample(uPres, samp, i.uv).x;\n let L = mix(textureSample(uPres, samp, i.vL).x, C, textureSample(uObs, samp, i.vL).r);\n let R = mix(textureSample(uPres, samp, i.vR).x, C, textureSample(uObs, samp, i.vR).r);\n let T = mix(textureSample(uPres, samp, i.vT).x, C, textureSample(uObs, samp, i.vT).r);\n let B = mix(textureSample(uPres, samp, i.vB).x, C, textureSample(uObs, samp, i.vB).r);\n let vel = (textureSample(uVel, samp, i.uv).xy - vec2f(R - L, T - B)) * (1.0 - obs);\n return vec4f(vel, 0.0, 1.0);\n}`,r),splat:v(e,`struct U {\n texelSize : vec2f,\n aspectRatio: f32,\n radius : f32,\n color : vec4f, \n point : vec2f,\n _pad : vec2f,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uTgt : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n var p = i.uv - u.point;\n p.x *= u.aspectRatio;\n let sp = exp(-dot(p, p) / u.radius) * u.color.xyz;\n return vec4f(textureSample(uTgt, samp, i.uv).xyz + sp, 1.0);\n}`,r),curl:v(e,`struct U { texelSize: vec2f, _pad: vec2f }\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let L = textureSample(uVel, samp, i.vL).y;\n let R = textureSample(uVel, samp, i.vR).y;\n let T = textureSample(uVel, samp, i.vT).x;\n let B = textureSample(uVel, samp, i.vB).x;\n return vec4f(0.5 * (R - L - T + B), 0.0, 0.0, 1.0);\n}`,r),vorticity:v(e,`struct U {\n texelSize: vec2f,\n curl : f32,\n dt : f32,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uVel : texture_2d<f32>;\n@group(0) @binding(3) var uCrl : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let L = textureSample(uCrl, samp, i.vL).x;\n let R = textureSample(uCrl, samp, i.vR).x;\n let T = textureSample(uCrl, samp, i.vT).x;\n let B = textureSample(uCrl, samp, i.vB).x;\n let C = textureSample(uCrl, samp, i.uv).x;\n var force = 0.5 * vec2f(abs(T) - abs(B), abs(R) - abs(L));\n force /= length(force) + 0.0001;\n force *= u.curl * 30.0 * C;\n let vel = textureSample(uVel, samp, i.uv).xy + force * u.dt;\n return vec4f(vel, 0.0, 1.0);\n}`,r),display:v(e,`struct U {\n texelSize : vec2f,\n refraction : f32,\n specularExp : f32,\n waterColor : vec4f,\n glowColor : vec4f,\n shine : f32,\n warpStrength: f32,\n algorithm : i32,\n enableAlpha : i32,\n}\n@group(0) @binding(0) var<uniform> u : U;\n@group(0) @binding(1) var samp : sampler;\n@group(0) @binding(2) var uTex : texture_2d<f32>;\n@group(0) @binding(3) var uObs : texture_2d<f32>;\n@group(0) @binding(4) var uBg : texture_2d<f32>;\n@group(0) @binding(5) var uCov : texture_2d<f32>;\n@group(0) @binding(6) var uVel : texture_2d<f32>;\n@vertex fn vs(@location(0) a: vec2f) -> VSOut {\n var o: VSOut;\n o.uv = vec2f(a.x * 0.5 + 0.5, 0.5 - a.y * 0.5);\n o.vL = o.uv - vec2f(u.texelSize.x, 0.0);\n o.vR = o.uv + vec2f(u.texelSize.x, 0.0);\n o.vT = o.uv + vec2f(0.0, u.texelSize.y);\n o.vB = o.uv - vec2f(0.0, u.texelSize.y);\n o.pos = vec4f(a, 0.0, 1.0);\n return o;\n}\n@fragment fn fs(i: VSOut) -> @location(0) vec4f {\n let obs = textureSample(uObs, samp, i.uv).r;\n let density = max(textureSample(uTex, samp, i.uv).r, 0.0) * (1.0 - obs);\n let cov = textureSample(uCov, samp, i.uv).r;\n let sx = u.texelSize.x * 6.0;\n let sy = u.texelSize.y * 6.0;\n let d00 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, -sy)).r, 0.0);\n let d10 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, -sy)).r, 0.0);\n let d20 = max(textureSample(uTex, samp, i.uv + vec2f( sx, -sy)).r, 0.0);\n let d01 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, 0.0)).r, 0.0);\n let d21 = max(textureSample(uTex, samp, i.uv + vec2f( sx, 0.0)).r, 0.0);\n let d02 = max(textureSample(uTex, samp, i.uv + vec2f(-sx, sy)).r, 0.0);\n let d12 = max(textureSample(uTex, samp, i.uv + vec2f(0.0, sy)).r, 0.0);\n let d22 = max(textureSample(uTex, samp, i.uv + vec2f( sx, sy)).r, 0.0);\n let gx = (d20 + 2.0*d21 + d22) - (d00 + 2.0*d01 + d02);\n let gy = (d02 + 2.0*d12 + d22) - (d00 + 2.0*d10 + d20);\n let norm = normalize(vec3f(gx, gy, 1.2));\n let ldir = normalize(vec3f(0.5, 1.0, 0.5));\n let halfV = normalize(ldir + vec3f(0.0, 0.0, 1.0));\n let specDen = density * min(density * 5.0, 1.0);\n let spec = pow(max(dot(norm, halfV), 0.0), u.specularExp) * u.shine * specDen;\n let bgRaw = textureSample(uBg, samp, i.uv).rgb;\n let wc = u.waterColor.rgb;\n let gc = u.glowColor.rgb;\n let bg = mix(wc, bgRaw, cov);\n var color = bg;\n if (u.algorithm == 1) {\n let ruv = clamp(i.uv + norm.xy * u.refraction * density * 3.0, vec2f(0.0), vec2f(1.0));\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n color = rbg + spec * gc * 2.5;\n color = mix(color, bg * 0.6, obs * 0.3);\n } else if (u.algorithm == 2) {\n let inkD = min(density * 4.0, 1.0);\n let ruv = clamp(i.uv + norm.xy * u.refraction * density * 0.4, vec2f(0.0), vec2f(1.0));\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n color = mix(rbg, wc + spec * gc, inkD);\n color = mix(color, bg * 0.5, obs * 0.15);\n } else if (u.algorithm == 3) {\n let vel = textureSample(uVel, samp, i.uv).xy;\n let velMag = clamp(length(vel) * 20.0, 0.0, 1.0);\n let wuv = clamp(i.uv + vel * u.warpStrength, vec2f(0.0), vec2f(1.0));\n let wbg = mix(wc, textureSample(uBg, samp, wuv).rgb, cov);\n color = mix(bg, wbg, velMag * (1.0 - obs));\n color += spec * gc * velMag * 1.5;\n color += wc * density * 0.3;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else if (u.algorithm == 4) {\n let ruv = clamp(i.uv + norm.xy * u.refraction * density * 6.0, vec2f(0.0), vec2f(1.0));\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n let fres = pow(clamp(1.0 - dot(norm, vec3f(0.0, 0.0, 1.0)), 0.0, 1.0), 3.0) * density;\n color = rbg;\n color += fres * gc * 2.0;\n color += spec * gc * density * 2.0;\n color = mix(color, bg * 0.5, obs * 0.2);\n } else {\n let ruv = i.uv + norm.xy * u.refraction * density;\n let rbg = mix(wc, textureSample(uBg, samp, mix(i.uv, ruv, 1.0 - obs)).rgb, cov);\n color = mix(rbg, wc, min(density * 1.5, 0.8));\n color += spec * gc;\n color = mix(color, bg * 0.5, obs * 0.2);\n }\n let alpha = clamp(max(density * 1.5, cov), 0.0, 1.0);\n if (u.enableAlpha == 1) {\n return vec4f(color * alpha, alpha);\n }\n return vec4f(color, 1.0);\n}`,t,n?void 0:y)}}function x(e){return e.createSampler({magFilter:`linear`,minFilter:`linear`,addressModeU:`clamp-to-edge`,addressModeV:`clamp-to-edge`})}function S(e,t){return e.createBuffer({size:t,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST})}function C(e,t,n,r,i,a){let o=new Float32Array([n,r,i,a]);e.queue.writeBuffer(t,0,o)}function w(e,t,n,r){let i=new Float32Array([n,r,0,0]);e.queue.writeBuffer(t,0,i)}function T(e,t,n,r,i,a){let o=new Float32Array([n,r,i,a]);e.queue.writeBuffer(t,0,o)}function E(e,t,n,r,i,a,o,s,c,l,u){let d=new Float32Array(12);d[0]=n,d[1]=r,d[2]=i,d[3]=a,d[4]=o,d[5]=s,d[6]=c,d[7]=0,d[8]=l,d[9]=u,d[10]=0,d[11]=0,e.queue.writeBuffer(t,0,d)}function D(e,t,n,r,i,a,o,s,c,l,u,d){let f=new Float32Array(16),p=new Int32Array(f.buffer);f[0]=n,f[1]=r,f[2]=i,f[3]=a,f[4]=o[0],f[5]=o[1],f[6]=o[2],f[7]=0,f[8]=s[0],f[9]=s[1],f[10]=s[2],f[11]=0,f[12]=c,f[13]=l,p[14]=u,p[15]=+!!d,e.queue.writeBuffer(t,0,f)}function O(e,t,n,r,i){let a=e.beginRenderPass({colorAttachments:[{view:i,clearValue:[0,0,0,0],loadOp:`clear`,storeOp:`store`}]});a.setPipeline(t),a.setBindGroup(0,n),a.setVertexBuffer(0,r),a.draw(6),a.end()}function k(e,t,n,r,i){let a=e.beginRenderPass({colorAttachments:[{view:i,clearValue:[0,0,0,0],loadOp:`clear`,storeOp:`store`}]});a.setPipeline(t),a.setBindGroup(0,n),a.setVertexBuffer(0,r),a.draw(6),a.end()}function A(e,t,n,r,i=`cover`){let a;a=i===`cover`?Math.max(n/e,r/t):i===`contain`?Math.min(n/e,r/t):typeof i==`string`&&i.endsWith(`%`)?Math.min(n/e,r/t)*(parseFloat(i)/100):typeof i==`string`&&i.endsWith(`px`)?parseFloat(i)/Math.max(e,t):typeof i==`number`?i:Math.max(n/e,r/t);let o=e*a,s=t*a;return{x:(n-o)/2,y:(r-s)/2,drawW:o,drawH:s}}function j(e,t,n,r,i=null,a=`cover`){let{text:o,fontSize:s,color:c,fontFamily:l=`sans-serif`,fontWeight:u=900}=r,d=new OffscreenCanvas(t,n),f=d.getContext(`2d`);(e=>{if(i){f.clearRect(0,0,t,n),f.fillStyle=`black`,f.fillRect(0,0,t,n);let{x:e,y:r,drawW:o,drawH:s}=A(i.width,i.height,t,n,a);f.drawImage(i,e,r,o,s)}else f.fillStyle=`black`,f.fillRect(0,0,t,n);f.fillStyle=e,f.font=`${u} ${s}px ${l}`,f.textAlign=`center`,f.textBaseline=`middle`,f.fillText(o,t/2,n/2)})(c);let p=N(e,d);f.fillStyle=`black`,f.fillRect(0,0,t,n),f.fillStyle=`white`,f.font=`${u} ${s}px ${l}`,f.textAlign=`center`,f.textBaseline=`middle`,f.fillText(o,t/2,n/2);let m=N(e,d);return{backgroundTex:p,obstacleTex:m,coverageTex:m}}function M(e,t,n,r,i=0,a=`cover`,o=null,s=`cover`){let c=new OffscreenCanvas(n,r),l=c.getContext(`2d`),{x:u,y:d,drawW:f,drawH:p}=A(t.width,t.height,n,r,a);if(l.clearRect(0,0,n,r),l.fillStyle=`black`,l.fillRect(0,0,n,r),o){let{x:e,y:t,drawW:a,drawH:c}=A(o.width,o.height,n,r,s);l.filter=`brightness(${i}) blur(8px)`,l.drawImage(o,e,t,a,c),l.filter=`none`}l.drawImage(t,u,d,f,p);let m=N(e,c);l.clearRect(0,0,n,r),l.fillStyle=`black`,l.fillRect(0,0,n,r),l.filter=`brightness(${i}) blur(8px)`,l.drawImage(t,u,d,f,p),l.filter=`none`;let h=N(e,c);return l.clearRect(0,0,n,r),l.fillStyle=`black`,l.fillRect(0,0,n,r),l.fillStyle=`white`,l.fillRect(Math.max(0,u),Math.max(0,d),Math.min(f,n-Math.max(0,u)),Math.min(p,r-Math.max(0,d))),{backgroundTex:m,obstacleTex:h,coverageTex:N(e,c)}}function N(e,t){let n=e.createTexture();return e.bindTexture(e.TEXTURE_2D,n),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,!0),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,t),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),n}function P(e,t,n,r,i=null,a=`cover`){let{text:o,fontSize:s,color:c,fontFamily:l=`sans-serif`,fontWeight:u=900}=r,d=new OffscreenCanvas(t,n),f=d.getContext(`2d`);(e=>{if(i){f.clearRect(0,0,t,n),f.fillStyle=`black`,f.fillRect(0,0,t,n);let{x:e,y:r,drawW:o,drawH:s}=A(i.width,i.height,t,n,a);f.drawImage(i,e,r,o,s)}else f.fillStyle=`black`,f.fillRect(0,0,t,n);f.fillStyle=e,f.font=`${u} ${s}px ${l}`,f.textAlign=`center`,f.textBaseline=`middle`,f.fillText(o,t/2,n/2)})(c);let p=I(e,d,t,n);f.fillStyle=`black`,f.fillRect(0,0,t,n),f.fillStyle=`white`,f.font=`${u} ${s}px ${l}`,f.textAlign=`center`,f.textBaseline=`middle`,f.fillText(o,t/2,n/2);let m=I(e,d,t,n);return{backgroundTex:p,backgroundView:p.createView(),obstacleTex:m,obstacleView:m.createView(),coverageTex:m,coverageView:m.createView(),sharedCoverage:!0}}function F(e,t,n,r,i=0,a=`cover`,o=null,s=`cover`){let c=new OffscreenCanvas(n,r),l=c.getContext(`2d`),{x:u,y:d,drawW:f,drawH:p}=A(t.width,t.height,n,r,a);if(l.clearRect(0,0,n,r),l.fillStyle=`black`,l.fillRect(0,0,n,r),o){let{x:e,y:t,drawW:a,drawH:c}=A(o.width,o.height,n,r,s);l.filter=`brightness(${i}) blur(8px)`,l.drawImage(o,e,t,a,c),l.filter=`none`}l.drawImage(t,u,d,f,p);let m=I(e,c,n,r);l.clearRect(0,0,n,r),l.fillStyle=`black`,l.fillRect(0,0,n,r),l.filter=`brightness(${i}) blur(8px)`,l.drawImage(t,u,d,f,p),l.filter=`none`;let h=I(e,c,n,r);l.clearRect(0,0,n,r),l.fillStyle=`black`,l.fillRect(0,0,n,r),l.fillStyle=`white`,l.fillRect(Math.max(0,u),Math.max(0,d),Math.min(f,n-Math.max(0,u)),Math.min(p,r-Math.max(0,d)));let g=I(e,c,n,r);return{backgroundTex:m,backgroundView:m.createView(),obstacleTex:h,obstacleView:h.createView(),coverageTex:g,coverageView:g.createView(),sharedCoverage:!1}}function I(e,t,n,r){let i=e.createTexture({size:[n,r],format:`rgba8unorm`,usage:GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_DST|GPUTextureUsage.RENDER_ATTACHMENT});return e.queue.copyExternalImageToTexture({source:t},{texture:i},[n,r]),i}async function L(e){let t=await fetch(e);if(!t.ok)throw Error(`Failed to fetch image: ${e} (${t.status})`);let n=await t.blob();return createImageBitmap(n)}const R=typeof requestAnimationFrame<`u`?requestAnimationFrame.bind(globalThis):e=>setTimeout(e,1e3/60),z=typeof cancelAnimationFrame<`u`?cancelAnimationFrame.bind(globalThis):clearTimeout,B=.016,V={standard:0,glass:1,ink:2,aurora:3,ripple:4};var H=class e{#e;#t=null;#n=null;#r=null;#i=null;#a=null;#o=null;#s=null;#c=null;#l=null;#u=null;#d=null;#f=null;#p=null;#m=null;#h=null;#g=null;#_=null;#v=null;#y=null;#b=null;#x=null;#S=null;#C=null;#w=null;#T=null;#E=null;#D=null;#O=null;#k=null;#A=null;#j=null;#M=null;#N=0;#P=0;#F=0;#I=0;#L=1;#R=1;#z=.5;#B=null;#V=`cover`;#H;#U={x:0,y:0,dx:0,dy:0,targetX:0,targetY:0,moved:!1};#W=!1;#G=null;#K=null;#q=!1;#J=!1;#Y=!0;constructor(e,t={},n={},r,a=!0){if(this.#e=e,this.#R=Math.max(.1,Math.min(1,n.dpr??1)),this.#z=Math.max(.1,Math.min(1,n.sim??.5)),this.#H=i(t),this.#Y=a,r)this.#p=r,this.#X(r);else{let{gl:t,ext:n}=o(e,a);this.#t=t,this.#n=n,this.#r=l(t),this.#i=f(t),t.clearColor(0,0,0,+!a)}}static async create(t,n={},r={},i=!0,a=!0){return new e(t,n,r,(i?await s(t,a):null)??void 0,a)}setTextSource(e){this.#G={type:`text`,opts:e},this.#Z(),this.#$(),this.#ee()}async setImageSource(e,t=0,n=`cover`){let r=await L(e);if(this.#J){r.close();return}this.#G={type:`image`,bitmap:r,effect:t,size:n},this.#Z(),this.#$(),this.#ee()}setImageBitmap(e,t=0,n=`cover`){this.#G={type:`image`,bitmap:e,effect:t,size:n},this.#Z(),this.#$(),this.#ee()}setBackground(e,t=`cover`){this.#B&&this.#B!==e&&this.#B.close(),this.#B=e,this.#V=t??`cover`,this.#G&&this.#N>0&&this.#P>0&&this.#$()}handleMove(e,t,n=1){if(!this.#W){this.#U.x=this.#U.targetX=e,this.#U.y=this.#U.targetY=t,this.#W=!0;return}this.#U.moved=!0,this.#U.dx=(e-this.#U.targetX)*n,this.#U.dy=(t-this.#U.targetY)*n,this.#U.targetX=e,this.#U.targetY=t}splat(e,t,n,r,i=1){!this.#q||this.#N===0||(this.#p?this.#ae(e,t,n,r,i):this.#oe(e,t,n,r,i))}updateQuality(e){e.dpr!==void 0&&(this.#R=Math.max(.1,Math.min(1,e.dpr))),e.sim!==void 0&&(this.#z=Math.max(.1,Math.min(1,e.sim)))}resize(e,t,n){if(n===void 0?typeof window<`u`&&window.devicePixelRatio&&(this.#L=window.devicePixelRatio):this.#L=n,e!==void 0&&e>0){if(t===void 0||t<=0)return;this.#N=this.#e.width=e,this.#P=this.#e.height=t,this.#F=Math.max(1,Math.round(e*this.#z)),this.#I=Math.max(1,Math.round(t*this.#z)),this.#Q()}else this.#Z();this.#G&&this.#$(),this.#ee()}updateConfig(e){Object.assign(this.#H,e)}destroy(){if(this.#J=!0,this.stop(),this.#te(),this.#ne(),this.#B&&=(this.#B.close(),null),this.#p)this.#C?.destroy(),this.#w?.destroy(),this.#T?.destroy(),this.#E?.destroy(),this.#D?.destroy(),this.#O?.destroy(),this.#k?.destroy(),this.#A?.destroy(),this.#j?.destroy(),this.#M?.destroy(),this.#h?.destroy(),this.#p.device.destroy();else{let e=this.#t;for(let e of Object.values(this.#r))e.dispose();e.getExtension(`WEBGL_lose_context`)?.loseContext()}}start(){if(this.#K!==null)return;let e=()=>{this.#re(),this.#K=R(e)};this.#K=R(e)}stop(){this.#K!==null&&(z(this.#K),this.#K=null)}get isRunning(){return this.#K!==null}#X(e){let{device:t,format:n}=e;this.#m=b(t,n,this.#Y),this.#h=h(t),this.#g=x(t),this.#C=S(t,16),this.#w=S(t,16),this.#T=S(t,16),this.#E=S(t,16),this.#D=S(t,16),this.#O=S(t,48),this.#k=S(t,48),this.#A=S(t,16),this.#j=S(t,16),this.#M=S(t,64)}#Z(){let e=this.#e;`clientWidth`in e&&e.clientWidth>0?(this.#L=(typeof window<`u`&&window.devicePixelRatio||1)*this.#R,this.#N=e.width=Math.round(e.clientWidth*this.#L),this.#P=e.height=Math.round(e.clientHeight*this.#L)):(this.#N=e.width,this.#P=e.height),!(this.#N===0||this.#P===0)&&(this.#F=Math.max(1,Math.round(this.#N*this.#z)),this.#I=Math.max(1,Math.round(this.#P*this.#z)),this.#Q())}#Q(){if(this.#te(),this.#p){let{device:e}=this.#p,t=`rgba16float`,n=this.#F,r=this.#I;this.#_=_(e,t,n,r),this.#v=_(e,t,n,r),this.#b=_(e,t,n,r),this.#y=g(e,t,n,r),this.#x=g(e,t,n,r)}else{let e=this.#t,t=this.#n,n=this.#F,r=this.#I;this.#a=d(e,t,n,r),this.#o=d(e,t,n,r),this.#c=d(e,t,n,r),this.#s=u(e,t,n,r),this.#l=u(e,t,n,r)}}#$(){if(!(!this.#G||this.#N===0||this.#P===0)){if(this.#ne(),this.#p){let{device:e}=this.#p;this.#G.type===`text`?this.#S=P(e,this.#N,this.#P,this.#G.opts,this.#B,this.#V):this.#S=F(e,this.#G.bitmap,this.#N,this.#P,this.#G.effect,this.#G.size,this.#B,this.#V)}else{let e=this.#t;if(this.#G.type===`text`){let{backgroundTex:t,obstacleTex:n,coverageTex:r}=j(e,this.#N,this.#P,this.#G.opts,this.#B,this.#V);this.#u=t,this.#d=n,this.#f=r}else{let{backgroundTex:t,obstacleTex:n,coverageTex:r}=M(e,this.#G.bitmap,this.#N,this.#P,this.#G.effect,this.#G.size,this.#B,this.#V);this.#u=t,this.#d=n,this.#f=r}}this.#q=!0}}#ee(){this.#q&&!this.isRunning&&this.start()}#te(){if(this.#p)this.#_?.dispose(),this.#v?.dispose(),this.#b?.dispose(),this.#y?.tex.destroy(),this.#x?.tex.destroy(),this.#_=this.#v=this.#b=null,this.#y=this.#x=null;else{let e=this.#t;this.#a?.dispose(),this.#o?.dispose(),this.#c?.dispose(),this.#s&&(e.deleteTexture(this.#s.tex),e.deleteFramebuffer(this.#s.fbo)),this.#l&&(e.deleteTexture(this.#l.tex),e.deleteFramebuffer(this.#l.fbo)),this.#a=this.#o=this.#c=this.#s=this.#l=null}}#ne(){if(this.#p)this.#S&&=(this.#S.backgroundTex.destroy(),this.#S.obstacleTex.destroy(),this.#S.sharedCoverage||this.#S.coverageTex.destroy(),null);else{let e=this.#t;this.#u&&e.deleteTexture(this.#u),this.#d&&e.deleteTexture(this.#d),this.#f&&this.#f!==this.#d&&e.deleteTexture(this.#f),this.#u=this.#d=this.#f=null}}#re(){!this.#q||this.#N===0||(this.#p?this.#ie():this.#se())}#ie(){let e=this.#p,t=e.device,n=this.#m,i=this.#h,a=this.#g,o=this.#H,s=this.#S;if(!this.#_||!this.#v)return;this.#U.x+=(this.#U.targetX-this.#U.x)*.15,this.#U.y+=(this.#U.targetY-this.#U.y)*.15;let c=this.#F,l=this.#I,u=this.#N,d=this.#P,f=1/c,p=1/l;C(t,this.#C,f,p,B,o.velocityDissipation),w(t,this.#T,f,p),w(t,this.#E,f,p),w(t,this.#D,f,p),w(t,this.#A,f,p),T(t,this.#j,f,p,o.curl,B),D(t,this.#M,1/u,1/d,o.refraction,o.specularExp,r(o.waterColor),r(o.glowColor),o.shine,o.warpStrength??.015,V[o.algorithm]??0,this.#Y);let m=t.createCommandEncoder(),h=(e,n)=>t.createBindGroup({layout:e.getBindGroupLayout(0),entries:n}),g={binding:1,resource:a};{let e=h(n.advection,[{binding:0,resource:{buffer:this.#C}},g,{binding:2,resource:this.#v.read.view},{binding:3,resource:this.#v.read.view},{binding:4,resource:s.obstacleView}]);O(m,n.advection,e,i,this.#v.write.view)}this.#v.swap();{C(t,this.#w,f,p,B,o.densityDissipation);let e=h(n.advection,[{binding:0,resource:{buffer:this.#w}},g,{binding:2,resource:this.#v.read.view},{binding:3,resource:this.#_.read.view},{binding:4,resource:s.obstacleView}]);O(m,n.advection,e,i,this.#_.write.view)}this.#_.swap();{let e=h(n.curl,[{binding:0,resource:{buffer:this.#A}},g,{binding:2,resource:this.#v.read.view}]);O(m,n.curl,e,i,this.#x.view)}{let e=h(n.vorticity,[{binding:0,resource:{buffer:this.#j}},g,{binding:2,resource:this.#v.read.view},{binding:3,resource:this.#x.view}]);O(m,n.vorticity,e,i,this.#v.write.view)}if(this.#v.swap(),this.#U.moved){let e=this.#U.x*this.#L/u,r=this.#U.y*this.#L/d;E(t,this.#O,f,p,u/d,o.splatRadius,this.#U.dx*o.splatForce,this.#U.dy*o.splatForce,0,e,r);{let e=h(n.splat,[{binding:0,resource:{buffer:this.#O}},g,{binding:2,resource:this.#v.read.view}]);O(m,n.splat,e,i,this.#v.write.view)}this.#v.swap(),E(t,this.#k,f,p,u/d,o.splatRadius,1,1,1,e,r);{let e=h(n.splat,[{binding:0,resource:{buffer:this.#k}},g,{binding:2,resource:this.#_.read.view}]);O(m,n.splat,e,i,this.#_.write.view)}this.#_.swap(),this.#U.moved=!1}{let e=h(n.divergence,[{binding:0,resource:{buffer:this.#T}},g,{binding:2,resource:this.#v.read.view},{binding:3,resource:s.obstacleView}]);O(m,n.divergence,e,i,this.#y.view)}for(let e=0;e<o.pressureIterations;e++){let e=h(n.pressure,[{binding:0,resource:{buffer:this.#E}},g,{binding:2,resource:this.#b.read.view},{binding:3,resource:this.#y.view},{binding:4,resource:s.obstacleView}]);O(m,n.pressure,e,i,this.#b.write.view),this.#b.swap()}{let e=h(n.gradientSubtract,[{binding:0,resource:{buffer:this.#D}},g,{binding:2,resource:this.#b.read.view},{binding:3,resource:this.#v.read.view},{binding:4,resource:s.obstacleView}]);O(m,n.gradientSubtract,e,i,this.#v.write.view)}this.#v.swap();{let t=e.context.getCurrentTexture().createView(),r=h(n.display,[{binding:0,resource:{buffer:this.#M}},g,{binding:2,resource:this.#_.read.view},{binding:3,resource:s.obstacleView},{binding:4,resource:s.backgroundView},{binding:5,resource:s.coverageView},{binding:6,resource:this.#v.read.view}]);k(m,n.display,r,i,t)}t.queue.submit([m.finish()])}#ae(e,t,n,r,i){let a=this.#p.device,o=this.#m.splat,s=this.#h,c=this.#g,l=this.#H,u=this.#F,d=this.#I,f=1/u,p=1/d,m=a.createCommandEncoder(),h={binding:1,resource:c},g=e=>a.createBindGroup({layout:o.getBindGroupLayout(0),entries:e}),_=e*this.#L/this.#N,v=t*this.#L/this.#P;E(a,this.#O,f,p,this.#N/this.#P,l.splatRadius,n*l.splatForce*i,r*l.splatForce*i,0,_,v),O(m,o,g([{binding:0,resource:{buffer:this.#O}},h,{binding:2,resource:this.#v.read.view}]),s,this.#v.write.view),this.#v.swap(),E(a,this.#k,f,p,this.#N/this.#P,l.splatRadius,i,i,i,_,v),O(m,o,g([{binding:0,resource:{buffer:this.#k}},h,{binding:2,resource:this.#_.read.view}]),s,this.#_.write.view),this.#_.swap(),a.queue.submit([m.finish()])}#oe(e,t,n,r,i){let a=this.#t,o=this.#H,s=this.#r.splat,c=this.#i;a.viewport(0,0,this.#F,this.#I),s.bind(),a.uniform1f(s.uniforms.aspectRatio,this.#N/this.#P),a.uniform2f(s.uniforms.point,e*this.#L/this.#N,1-t*this.#L/this.#P),a.uniform1f(s.uniforms.radius,o.splatRadius),a.uniform1i(s.uniforms.uTarget,0),a.activeTexture(a.TEXTURE0),a.bindTexture(a.TEXTURE_2D,this.#o.read.tex),a.uniform3f(s.uniforms.color,n*o.splatForce*i,-r*o.splatForce*i,0),c(this.#o.write.fbo),this.#o.swap(),a.activeTexture(a.TEXTURE0),a.bindTexture(a.TEXTURE_2D,this.#a.read.tex),a.uniform3f(s.uniforms.color,i,i,i),c(this.#a.write.fbo),this.#a.swap()}#se(){if(!this.#a||!this.#o)return;let e=this.#t,t=this.#H,{advection:n,divergence:i,pressure:a,gradientSubtract:o,splat:s,curl:c,vorticity:l,display:u}=this.#r;this.#U.x+=(this.#U.targetX-this.#U.x)*.15,this.#U.y+=(this.#U.targetY-this.#U.y)*.15;let d=this.#F,f=this.#I,p=this.#i;e.viewport(0,0,d,f),n.bind(),e.uniform2f(n.uniforms.texelSize,1/d,1/f),e.uniform1f(n.uniforms.dt,B),e.uniform1i(n.uniforms.uObstacle,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#d),e.uniform1f(n.uniforms.dissipation,t.velocityDissipation),e.uniform1i(n.uniforms.uVelocity,1),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),e.uniform1i(n.uniforms.uSource,1),p(this.#o.write.fbo),this.#o.swap(),e.uniform1f(n.uniforms.dissipation,t.densityDissipation),e.uniform1i(n.uniforms.uSource,2),e.activeTexture(e.TEXTURE2),e.bindTexture(e.TEXTURE_2D,this.#a.read.tex),p(this.#a.write.fbo),this.#a.swap(),c.bind(),e.uniform2f(c.uniforms.texelSize,1/d,1/f),e.uniform1i(c.uniforms.uVelocity,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),p(this.#l.fbo),l.bind(),e.uniform2f(l.uniforms.texelSize,1/d,1/f),e.uniform1f(l.uniforms.curl,t.curl),e.uniform1f(l.uniforms.dt,B),e.uniform1i(l.uniforms.uVelocity,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),e.uniform1i(l.uniforms.uCurl,1),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.#l.tex),p(this.#o.write.fbo),this.#o.swap(),this.#U.moved&&(s.bind(),e.uniform1f(s.uniforms.aspectRatio,this.#N/this.#P),e.uniform2f(s.uniforms.point,this.#U.x*this.#L/this.#N,1-this.#U.y*this.#L/this.#P),e.uniform1f(s.uniforms.radius,t.splatRadius),e.uniform1i(s.uniforms.uTarget,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),e.uniform3f(s.uniforms.color,this.#U.dx*t.splatForce,-this.#U.dy*t.splatForce,0),p(this.#o.write.fbo),this.#o.swap(),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#a.read.tex),e.uniform3f(s.uniforms.color,1,1,1),p(this.#a.write.fbo),this.#a.swap(),this.#U.moved=!1),i.bind(),e.uniform2f(i.uniforms.texelSize,1/d,1/f),e.uniform1i(i.uniforms.uVelocity,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),e.uniform1i(i.uniforms.uObstacle,1),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.#d),p(this.#s.fbo),a.bind(),e.uniform2f(a.uniforms.texelSize,1/d,1/f),e.uniform1i(a.uniforms.uDivergence,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#s.tex),e.uniform1i(a.uniforms.uObstacle,1),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.#d);for(let n=0;n<t.pressureIterations;n++)e.uniform1i(a.uniforms.uPressure,2),e.activeTexture(e.TEXTURE2),e.bindTexture(e.TEXTURE_2D,this.#c.read.tex),p(this.#c.write.fbo),this.#c.swap();o.bind(),e.uniform2f(o.uniforms.texelSize,1/d,1/f),e.uniform1i(o.uniforms.uPressure,0),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#c.read.tex),e.uniform1i(o.uniforms.uVelocity,1),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),e.uniform1i(o.uniforms.uObstacle,2),e.activeTexture(e.TEXTURE2),e.bindTexture(e.TEXTURE_2D,this.#d),p(this.#o.write.fbo),this.#o.swap(),e.viewport(0,0,this.#N,this.#P),e.bindFramebuffer(e.FRAMEBUFFER,null),e.clear(e.COLOR_BUFFER_BIT),u.bind(),e.uniform2f(u.uniforms.texelSize,1/this.#N,1/this.#P),e.uniform3fv(u.uniforms.uWaterColor,r(t.waterColor)),e.uniform3fv(u.uniforms.uGlowColor,r(t.glowColor)),e.uniform1f(u.uniforms.uRefraction,t.refraction),e.uniform1f(u.uniforms.uSpecularExp,t.specularExp),e.uniform1f(u.uniforms.uShine,t.shine),e.uniform1f(u.uniforms.uWarpStrength,t.warpStrength??.015),e.uniform1i(u.uniforms.uAlgorithm,V[t.algorithm]??0),e.uniform1i(u.uniforms.uEnableAlpha,+!!this.#Y),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.#a.read.tex),e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.#d),e.activeTexture(e.TEXTURE2),e.bindTexture(e.TEXTURE_2D,this.#u),e.activeTexture(e.TEXTURE3),e.bindTexture(e.TEXTURE_2D,this.#f),e.activeTexture(e.TEXTURE4),e.bindTexture(e.TEXTURE_2D,this.#o.read.tex),e.uniform1i(u.uniforms.uTexture,0),e.uniform1i(u.uniforms.uObstacle,1),e.uniform1i(u.uniforms.uBackground,2),e.uniform1i(u.uniforms.uCoverage,3),e.uniform1i(u.uniforms.uVelocity,4),p(null)}};let U=null,W;const G=new Promise(e=>{W=e});self.onmessage=async e=>{let{type:t,...n}=e.data;try{switch(t){case`init`:{let{canvas:e,width:t,height:r,config:i,dpr:a,quality:o,useWebGPU:s,enableAlpha:c}=n;e.width=t,e.height=r,U=await H.create(e,i,o??{},s??!0,c??!0),U.resize(t,r,a||1),W(),self.postMessage({type:`ready`});break}case`setTextSource`:if(await G,!U)return;U.setTextSource(n.opts);break;case`setImageSource`:if(await G,!U)return;await U.setImageSource(n.src,n.effect,n.size);break;case`setImageBitmap`:if(await G,!U)return;U.setImageBitmap(n.bitmap,n.effect,n.size);break;case`setBackground`:if(await G,!U)return;U.setBackground(n.bitmap,n.size);break;case`splat`:if(await G,!U)return;U.splat(n.x,n.y,n.vx,n.vy,n.strength??1);break;case`move`:if(await G,!U)return;U.handleMove(n.x,n.y,n.strength??1);break;case`resize`:if(await G,!U)return;U.resize(n.width,n.height,n.dpr);break;case`updateQuality`:if(await G,!U)return;U.updateQuality(n.quality);break;case`updateConfig`:if(await G,!U)return;U.updateConfig(n.config);break;case`destroy`:await G,U?.destroy(),U=null;break;default:}}catch(e){self.postMessage({type:`error`,message:e?.message??String(e)})}};", ve = typeof self < "u" && self.Blob && new Blob(["URL.revokeObjectURL(import.meta.url);", _e], { type: "text/javascript;charset=utf-8" });
+function ye(e) {
+	let t;
 	try {
-		switch (e) {
-			case "init": {
-				const { canvas: i, width: s, height: o, config: u, dpr: c, quality: v, useWebGPU: n, enableAlpha: f } = t;
-				i.width = s, i.height = o, g = await Ce.create(i, u, v ?? {}, n ?? !0, f ?? !0), g.resize(s, o, c || 1), Y(), self.postMessage({ type: "ready" });
-				break;
-			}
-			case "setTextSource":
-				if (await R, !g) return;
-				g.setTextSource(t.opts);
-				break;
-			case "setImageSource":
-				if (await R, !g) return;
-				await g.setImageSource(t.src, t.effect, t.size);
-				break;
-			case "setImageBitmap":
-				if (await R, !g) return;
-				g.setImageBitmap(t.bitmap, t.effect, t.size);
-				break;
-			case "setBackground":
-				if (await R, !g) return;
-				g.setBackground(t.bitmap, t.size);
-				break;
-			case "splat":
-				if (await R, !g) return;
-				g.splat(t.x, t.y, t.vx, t.vy, t.strength ?? 1);
-				break;
-			case "move":
-				if (await R, !g) return;
-				g.handleMove(t.x, t.y, t.strength ?? 1);
-				break;
-			case "resize":
-				if (await R, !g) return;
-				g.resize(t.width, t.height, t.dpr);
-				break;
-			case "updateQuality":
-				if (await R, !g) return;
-				g.updateQuality(t.quality);
-				break;
-			case "updateConfig":
-				if (await R, !g) return;
-				g.updateConfig(t.config);
-				break;
-			case "destroy":
-				await R, g?.destroy(), g = null;
-				break;
-			default:
-		}
-	} catch (i) {
-		self.postMessage({
-			type: "error",
-			message: i?.message ?? String(i)
+		if (t = ve && (self.URL || self.webkitURL).createObjectURL(ve), !t) throw "";
+		let n = new Worker(t, {
+			type: "module",
+			name: e?.name
+		});
+		return n.addEventListener("error", () => {
+			(self.URL || self.webkitURL).revokeObjectURL(t);
+		}), n;
+	} catch {
+		return new Worker("data:text/javascript;charset=utf-8," + encodeURIComponent(_e), {
+			type: "module",
+			name: e?.name
 		});
 	}
-};
-`, ge = typeof self < "u" && self.Blob && new Blob(["URL.revokeObjectURL(import.meta.url);", Ee], { type: "text/javascript;charset=utf-8" });
-function ut(r) {
-  let e;
-  try {
-    if (e = ge && (self.URL || self.webkitURL).createObjectURL(ge), !e)
-      throw "";
-    const t = new Worker(e, {
-      type: "module",
-      name: r?.name
-    });
-    return t.addEventListener("error", () => {
-      (self.URL || self.webkitURL).revokeObjectURL(e);
-    }), t;
-  } catch {
-    return new Worker("data:text/javascript;charset=utf-8," + encodeURIComponent(Ee), {
-      type: "module",
-      name: r?.name
-    });
-  }
 }
-var lt = typeof Worker < "u" && typeof OffscreenCanvas < "u", ct = class {
-  #r = null;
-  #i = null;
-  #U;
-  #g;
-  #b;
-  #s;
-  #t;
-  #c = null;
-  #f = null;
-  constructor(r, { workerEnabled: e = !0, webGPUEnabled: t = !0, alphaEnabled: n = !0, quality: i = {}, config: s = {} } = {}) {
-    this.#s = Math.max(0.1, Math.min(1, i.dpr ?? 1)), this.#t = Math.max(0.1, Math.min(1, i.sim ?? 0.5)), this.#g = t, this.#b = n, this.#U = e && lt, this.#U ? this.#T(r, s) : this.#d(r, s);
-  }
-  setTextSource(r) {
-    this.#r ? this.#r.postMessage({
-      type: "setTextSource",
-      opts: r
-    }) : this.#i ? this.#i.setTextSource(r) : (this.#c = r, this.#f = null);
-  }
-  setImageSource(r, e = A.effect, t = A.imageSize) {
-    if (this.#r) {
-      const n = new URL(r, location.href).href;
-      this.#r.postMessage({
-        type: "setImageSource",
-        src: n,
-        effect: e,
-        size: t
-      });
-    } else
-      this.#i ? this.#i.setImageSource(r, e, t) : (this.#f = {
-        src: r,
-        effect: e,
-        size: t
-      }, this.#c = null);
-  }
-  setBackground(r, e = "cover") {
-    if (this.#r) {
-      const t = r ? [r] : [];
-      this.#r.postMessage({
-        type: "setBackground",
-        bitmap: r ?? null,
-        size: e
-      }, t);
-    } else
-      this.#i?.setBackground(r ?? null, e);
-  }
-  splat(r, e, t, n, i = 1) {
-    this.#r ? this.#r.postMessage({
-      type: "splat",
-      x: r,
-      y: e,
-      vx: t,
-      vy: n,
-      strength: i
-    }) : this.#i.splat(r, e, t, n, i);
-  }
-  handleMove(r, e, t = 1) {
-    this.#r ? this.#r.postMessage({
-      type: "move",
-      x: r,
-      y: e,
-      strength: t
-    }) : this.#i.handleMove(r, e, t);
-  }
-  updateQuality(r) {
-    this.#s = Math.max(0.1, Math.min(1, r.dpr ?? this.#s)), this.#t = Math.max(0.1, Math.min(1, r.sim ?? this.#t)), this.#r ? this.#r.postMessage({
-      type: "updateQuality",
-      quality: {
-        dpr: this.#s,
-        sim: this.#t
-      }
-    }) : this.#i.updateQuality(r);
-  }
-  updateConfig(r) {
-    this.#r ? this.#r.postMessage({
-      type: "updateConfig",
-      config: r
-    }) : this.#i.updateConfig(r);
-  }
-  resize(r, e) {
-    const t = (typeof window < "u" && window.devicePixelRatio || 1) * this.#s;
-    this.#r ? this.#r.postMessage({
-      type: "resize",
-      width: r,
-      height: e,
-      dpr: t
-    }) : this.#i?.resize(r, e, t);
-  }
-  destroy() {
-    if (this.#r) {
-      const r = this.#r;
-      this.#r = null, r.postMessage({ type: "destroy" }), setTimeout(() => r.terminate(), 50);
-    } else
-      this.#i?.destroy(), this.#i = null;
-  }
-  #d(r, e) {
-    const t = {
-      dpr: this.#s,
-      sim: this.#t
-    };
-    this.#g && typeof navigator < "u" && navigator.gpu ? pe.create(r, e, t, !0, this.#b).then((n) => {
-      if (this.#i = n, this.#c)
-        n.setTextSource(this.#c), this.#c = null;
-      else if (this.#f) {
-        const { src: i, effect: s, size: a } = this.#f;
-        n.setImageSource(i, s, a), this.#f = null;
-      }
-    }).catch((n) => {
-    }) : this.#i = new pe(r, e, t, void 0, this.#b);
-  }
-  #T(r, e) {
-    const t = (typeof window < "u" && window.devicePixelRatio || 1) * this.#s, n = Math.round(r.clientWidth * t), i = Math.round(r.clientHeight * t);
-    r.width = n, r.height = i;
-    let s;
-    try {
-      s = r.transferControlToOffscreen();
-    } catch {
-      this.#U = !1, this.#d(r, e);
-      return;
-    }
-    const a = this.#r = new ut();
-    a.onerror = (c) => /* @__PURE__ */ z("Worker error:", c.message), a.onmessage = (c) => {
-      c.data.type === "error" && c.data.message;
-    }, a.postMessage({
-      type: "init",
-      canvas: s,
-      width: n,
-      height: i,
-      config: e,
-      dpr: t,
-      quality: {
-        dpr: this.#s,
-        sim: this.#t
-      },
-      useWebGPU: this.#g,
-      enableAlpha: this.#b
-    }, [s]);
-  }
+//#endregion
+//#region src/fluid-controller.ts
+var be = typeof Worker < "u" && typeof OffscreenCanvas < "u", xe = class {
+	#e = null;
+	#t = null;
+	#n;
+	#r;
+	#i;
+	#a;
+	#o;
+	#s = null;
+	#c = null;
+	constructor(e, { workerEnabled: t = !0, webGPUEnabled: n = !0, alphaEnabled: r = !0, quality: i = {}, config: a = {} } = {}) {
+		this.#a = Math.max(.1, Math.min(1, i.dpr ?? 1)), this.#o = Math.max(.1, Math.min(1, i.sim ?? .5)), this.#r = n, this.#i = r, this.#n = t && be, this.#n ? this.#u(e, a) : this.#l(e, a);
+	}
+	setTextSource(e) {
+		this.#e ? this.#e.postMessage({
+			type: "setTextSource",
+			opts: e
+		}) : this.#t ? this.#t.setTextSource(e) : (this.#s = e, this.#c = null);
+	}
+	setImageSource(e, t = d.effect, n = d.imageSize) {
+		if (this.#e) {
+			let r = new URL(e, location.href).href;
+			this.#e.postMessage({
+				type: "setImageSource",
+				src: r,
+				effect: t,
+				size: n
+			});
+		} else this.#t ? this.#t.setImageSource(e, t, n) : (this.#c = {
+			src: e,
+			effect: t,
+			size: n
+		}, this.#s = null);
+	}
+	setBackground(e, t = "cover") {
+		if (this.#e) {
+			let n = e ? [e] : [];
+			this.#e.postMessage({
+				type: "setBackground",
+				bitmap: e ?? null,
+				size: t
+			}, n);
+		} else this.#t?.setBackground(e ?? null, t);
+	}
+	splat(e, t, n, r, i = 1) {
+		this.#e ? this.#e.postMessage({
+			type: "splat",
+			x: e,
+			y: t,
+			vx: n,
+			vy: r,
+			strength: i
+		}) : this.#t.splat(e, t, n, r, i);
+	}
+	handleMove(e, t, n = 1) {
+		this.#e ? this.#e.postMessage({
+			type: "move",
+			x: e,
+			y: t,
+			strength: n
+		}) : this.#t.handleMove(e, t, n);
+	}
+	updateQuality(e) {
+		this.#a = Math.max(.1, Math.min(1, e.dpr ?? this.#a)), this.#o = Math.max(.1, Math.min(1, e.sim ?? this.#o)), this.#e ? this.#e.postMessage({
+			type: "updateQuality",
+			quality: {
+				dpr: this.#a,
+				sim: this.#o
+			}
+		}) : this.#t.updateQuality(e);
+	}
+	updateConfig(e) {
+		this.#e ? this.#e.postMessage({
+			type: "updateConfig",
+			config: e
+		}) : this.#t.updateConfig(e);
+	}
+	resize(e, t) {
+		let n = (typeof window < "u" && window.devicePixelRatio || 1) * this.#a;
+		this.#e ? this.#e.postMessage({
+			type: "resize",
+			width: e,
+			height: t,
+			dpr: n
+		}) : this.#t?.resize(e, t, n);
+	}
+	destroy() {
+		if (this.#e) {
+			let e = this.#e;
+			this.#e = null, e.postMessage({ type: "destroy" }), setTimeout(() => e.terminate(), 50);
+		} else this.#t?.destroy(), this.#t = null;
+	}
+	#l(e, t) {
+		let n = {
+			dpr: this.#a,
+			sim: this.#o
+		};
+		this.#r && typeof navigator < "u" && navigator.gpu ? Q.create(e, t, n, !0, this.#i).then((e) => {
+			if (this.#t = e, this.#s) e.setTextSource(this.#s), this.#s = null;
+			else if (this.#c) {
+				let { src: t, effect: n, size: r } = this.#c;
+				e.setImageSource(t, n, r), this.#c = null;
+			}
+		}).catch((e) => {}) : this.#t = new Q(e, t, n, void 0, this.#i);
+	}
+	#u(e, t) {
+		let n = (typeof window < "u" && window.devicePixelRatio || 1) * this.#a, r = Math.round(e.clientWidth * n), i = Math.round(e.clientHeight * n);
+		e.width = r, e.height = i;
+		let a;
+		try {
+			a = e.transferControlToOffscreen();
+		} catch {
+			this.#n = !1, this.#l(e, t);
+			return;
+		}
+		let o = this.#e = new ye();
+		o.onerror = (e) => (e.message, void 0), o.onmessage = (e) => {
+			e.data.type === "error" && e.data.message;
+		}, o.postMessage({
+			type: "init",
+			canvas: a,
+			width: r,
+			height: i,
+			config: t,
+			dpr: n,
+			quality: {
+				dpr: this.#a,
+				sim: this.#o
+			},
+			useWebGPU: this.#r,
+			enableAlpha: this.#i
+		}, [a]);
+	}
 };
-function Ue(r, { workerEnabled: e = !0, webGPUEnabled: t = !0, alphaEnabled: n = !0, pixelRatio: i, simResolution: s, config: a = {} } = {}) {
-  const c = {
-    dpr: i,
-    sim: s
-  }, x = I(null), u = I({
-    workerEnabled: e,
-    quality: c,
-    config: a
-  }), v = I(Math.max(0.1, Math.min(1, i ?? W.dpr ?? 1))), l = I({
-    pixelRatio: i,
-    simResolution: s
-  });
-  return B(() => {
-    const o = r.current;
-    if (!o)
-      return;
-    const f = document.createElement("canvas");
-    f.id = `fluid_canvas_${Date.now()}`, f.style.cssText = "position:absolute;inset:0;width:100%;height:100%;display:block;", o.appendChild(f);
-    const { workerEnabled: m, quality: d, config: p } = u.current, h = (window.devicePixelRatio || 1) * v.current, g = o.getBoundingClientRect(), T = Math.round((g.width || o.clientWidth) * h) || 0, R = Math.round((g.height || o.clientHeight) * h) || 0;
-    T > 0 && (f.width = T, f.height = R);
-    const O = new ct(f, {
-      workerEnabled: m,
-      webGPUEnabled: t,
-      alphaEnabled: n,
-      quality: d,
-      config: p
-    });
-    x.current = O, T > 0 && R > 0 && O.resize(T, R);
-    const X = new ResizeObserver(($) => {
-      for (const q of $) {
-        const k = (window.devicePixelRatio || 1) * v.current, { inlineSize: H, blockSize: Y } = q.contentBoxSize[0];
-        O.resize(Math.round(H * k), Math.round(Y * k));
-      }
-    });
-    return X.observe(o), () => {
-      X.disconnect(), O.destroy(), f.remove(), x.current = null;
-    };
-  }, [t, n]), B(() => {
-    v.current = Math.max(0.1, Math.min(1, i ?? W.dpr ?? 1));
-    const o = l.current;
-    l.current = {
-      pixelRatio: i,
-      simResolution: s
-    };
-    const f = x.current, m = r.current;
-    if (!f || !m || o.pixelRatio === i && o.simResolution === s)
-      return;
-    f.updateQuality({
-      dpr: i,
-      sim: s
-    });
-    const d = (window.devicePixelRatio || 1) * v.current, p = m.clientWidth, h = m.clientHeight;
-    p > 0 && h > 0 && f.resize(Math.round(p * d), Math.round(h * d));
-  }, [
-    i,
-    s,
-    t,
-    n
-  ]), x;
-}
-var xt = be(function({ text: e, fontSize: t = V.fontSize, color: n = V.color, fontFamily: i = V.fontFamily, fontWeight: s = V.fontWeight, className: a, style: c, preset: x, algorithm: u, backgroundColor: v = V.backgroundColor, backgroundSrc: l, backgroundSize: o = V.backgroundSize, mouseEnabled: f = V.mouseEnabled, workerEnabled: m = V.workerEnabled, webGPUEnabled: d = !0, alphaEnabled: p = !0, pixelRatio: h = W.dpr, simResolution: g = W.sim, densityDissipation: T, velocityDissipation: R, pressureIterations: O, curl: X, splatRadius: $, splatForce: q, refraction: k, specularExp: H, shine: Y, waterColor: oe, glowColor: ae, warpStrength: j }, Q) {
-  const E = I(null), y = Object.fromEntries(Object.entries({
-    densityDissipation: T,
-    velocityDissipation: R,
-    pressureIterations: O,
-    curl: X,
-    splatRadius: $,
-    splatForce: q,
-    refraction: k,
-    specularExp: H,
-    shine: Y,
-    waterColor: oe,
-    glowColor: ae,
-    algorithm: u,
-    warpStrength: j
-  }).filter(([, b]) => b !== void 0)), w = Ue(E, {
-    workerEnabled: m,
-    webGPUEnabled: d,
-    alphaEnabled: p,
-    pixelRatio: h,
-    simResolution: g,
-    config: G(ee(y, x, ve))
-  });
-  return Te(Q, () => ({
-    reset() {
-      w.current?.setTextSource({
-        text: e,
-        fontSize: t,
-        color: n,
-        fontFamily: i,
-        fontWeight: s
-      });
-    },
-    move(b, S, U = 1) {
-      w.current?.handleMove(b, S, U);
-    },
-    splat(b, S, U, _, M = 1) {
-      w.current?.splat(b, S, U, _, M);
-    },
-    updateConfig(b) {
-      w.current?.updateConfig(G(b));
-    }
-  }), [
-    e,
-    t,
-    n,
-    i,
-    s
-  ]), B(() => {
-    w.current?.setTextSource({
-      text: e,
-      fontSize: t,
-      color: n,
-      fontFamily: i,
-      fontWeight: s
-    });
-  }, [
-    e,
-    t,
-    n,
-    i,
-    s,
-    d,
-    p
-  ]), B(() => {
-    w.current?.updateConfig(G(ee(y, x, ve)));
-  }, [
-    x,
-    JSON.stringify(y),
-    d,
-    p
-  ]), B(() => {
-    if (!l) {
-      w.current?.setBackground(null);
-      return;
-    }
-    let b = !1;
-    return ce(l).then((S) => {
-      if (b) {
-        S.close();
-        return;
-      }
-      w.current?.setBackground(S, o);
-    }).catch((S) => /* @__PURE__ */ z("backgroundSrc load failed:", S)), () => {
-      b = !0;
-    };
-  }, [
-    l,
-    o,
-    d,
-    p
-  ]), B(() => {
-    if (!f)
-      return;
-    const b = E.current;
-    if (!b)
-      return;
-    const S = (_) => {
-      const M = b.getBoundingClientRect();
-      w.current?.handleMove(_.clientX - M.left, _.clientY - M.top, 2);
-    }, U = (_) => {
-      _.preventDefault();
-      const M = b.getBoundingClientRect(), fe = _.touches[0];
-      w.current?.handleMove(fe.clientX - M.left, fe.clientY - M.top, 1);
-    };
-    return b.addEventListener("mousemove", S), b.addEventListener("touchmove", U, { passive: !1 }), () => {
-      b.removeEventListener("mousemove", S), b.removeEventListener("touchmove", U);
-    };
-  }, [f]), /* @__PURE__ */ ye("div", {
-    ref: E,
-    className: a,
-    style: {
-      position: "relative",
-      display: "block",
-      width: "100%",
-      height: "100%",
-      background: v,
-      ...c
-    }
-  });
-}), ht = be(function({ src: e, effect: t = A.effect, imageSize: n = A.imageSize, className: i, style: s, preset: a, algorithm: c, backgroundColor: x = A.backgroundColor, backgroundSrc: u, backgroundSize: v = A.backgroundSize, mouseEnabled: l = A.mouseEnabled, workerEnabled: o = A.workerEnabled, webGPUEnabled: f = !0, alphaEnabled: m = !0, pixelRatio: d = W.dpr, simResolution: p = W.sim, densityDissipation: h, velocityDissipation: g, pressureIterations: T, curl: R, splatRadius: O, splatForce: X, refraction: $, specularExp: q, shine: k, waterColor: H, glowColor: Y, warpStrength: oe }, ae) {
-  const j = I(null), Q = Object.fromEntries(Object.entries({
-    densityDissipation: h,
-    velocityDissipation: g,
-    pressureIterations: T,
-    curl: R,
-    splatRadius: O,
-    splatForce: X,
-    refraction: $,
-    specularExp: q,
-    shine: k,
-    waterColor: H,
-    glowColor: Y,
-    algorithm: c,
-    warpStrength: oe
-  }).filter(([, y]) => y !== void 0)), E = Ue(j, {
-    workerEnabled: o,
-    webGPUEnabled: f,
-    alphaEnabled: m,
-    pixelRatio: d,
-    simResolution: p,
-    config: G(ee(Q, a))
-  });
-  return Te(ae, () => ({
-    reset() {
-      e && E.current?.setImageSource(e, t, n);
-    },
-    move(y, w, b = 1) {
-      E.current?.handleMove(y, w, b);
-    },
-    splat(y, w, b, S, U = 1) {
-      E.current?.splat(y, w, b, S, U);
-    },
-    updateConfig(y) {
-      E.current?.updateConfig(G(y));
-    }
-  }), [
-    e,
-    t,
-    n
-  ]), B(() => {
-    e && E.current?.setImageSource(e, t, n);
-  }, [
-    e,
-    t,
-    n,
-    f,
-    m
-  ]), B(() => {
-    E.current?.updateConfig(G(ee(Q, a)));
-  }, [
-    a,
-    JSON.stringify(Q),
-    f,
-    m
-  ]), B(() => {
-    if (!u) {
-      E.current?.setBackground(null);
-      return;
-    }
-    let y = !1;
-    return ce(u).then((w) => {
-      if (y) {
-        w.close();
-        return;
-      }
-      E.current?.setBackground(w, v);
-    }).catch((w) => /* @__PURE__ */ z("backgroundSrc load failed:", w)), () => {
-      y = !0;
-    };
-  }, [
-    u,
-    v,
-    f,
-    m
-  ]), B(() => {
-    if (!l)
-      return;
-    const y = j.current;
-    if (!y)
-      return;
-    const w = (S) => {
-      const U = y.getBoundingClientRect();
-      E.current?.handleMove(S.clientX - U.left, S.clientY - U.top, 2);
-    }, b = (S) => {
-      S.preventDefault();
-      const U = y.getBoundingClientRect(), _ = S.touches[0];
-      E.current?.handleMove(_.clientX - U.left, _.clientY - U.top, 1);
-    };
-    return y.addEventListener("mousemove", w), y.addEventListener("touchmove", b, { passive: !1 }), () => {
-      y.removeEventListener("mousemove", w), y.removeEventListener("touchmove", b);
-    };
-  }, [l]), /* @__PURE__ */ ye("div", {
-    ref: j,
-    className: i,
-    style: {
-      position: "relative",
-      display: "block",
-      width: "100%",
-      height: "100%",
-      background: x,
-      ...s
-    }
-  });
+//#endregion
+//#region src/react/useFluid.ts
+function $(e, { workerEnabled: n = !0, webGPUEnabled: i = !0, alphaEnabled: a = !0, pixelRatio: o, simResolution: s, config: c = {} } = {}) {
+	let u = {
+		dpr: o,
+		sim: s
+	}, d = r(null), f = r({
+		workerEnabled: n,
+		quality: u,
+		config: c
+	}), p = r(Math.max(.1, Math.min(1, o ?? l.dpr ?? 1))), m = r({
+		pixelRatio: o,
+		simResolution: s
+	});
+	return t(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = document.createElement("canvas");
+		n.id = `fluid_canvas_${Date.now()}`, n.style.cssText = "position:absolute;inset:0;width:100%;height:100%;display:block;", t.appendChild(n);
+		let { workerEnabled: r, quality: o, config: s } = f.current, c = (window.devicePixelRatio || 1) * p.current, l = t.getBoundingClientRect(), u = Math.round((l.width || t.clientWidth) * c) || 0, m = Math.round((l.height || t.clientHeight) * c) || 0;
+		u > 0 && (n.width = u, n.height = m);
+		let h = new xe(n, {
+			workerEnabled: r,
+			webGPUEnabled: i,
+			alphaEnabled: a,
+			quality: o,
+			config: s
+		});
+		d.current = h, u > 0 && m > 0 && h.resize(u, m);
+		let g = new ResizeObserver((e) => {
+			for (let t of e) {
+				let e = (window.devicePixelRatio || 1) * p.current, { inlineSize: n, blockSize: r } = t.contentBoxSize[0];
+				h.resize(Math.round(n * e), Math.round(r * e));
+			}
+		});
+		return g.observe(t), () => {
+			g.disconnect(), h.destroy(), n.remove(), d.current = null;
+		};
+	}, [i, a]), t(() => {
+		p.current = Math.max(.1, Math.min(1, o ?? l.dpr ?? 1));
+		let t = m.current;
+		m.current = {
+			pixelRatio: o,
+			simResolution: s
+		};
+		let n = d.current, r = e.current;
+		if (!n || !r || t.pixelRatio === o && t.simResolution === s) return;
+		n.updateQuality({
+			dpr: o,
+			sim: s
+		});
+		let i = (window.devicePixelRatio || 1) * p.current, a = r.clientWidth, c = r.clientHeight;
+		a > 0 && c > 0 && n.resize(Math.round(a * i), Math.round(c * i));
+	}, [
+		o,
+		s,
+		i,
+		a
+	]), d;
+}
+//#endregion
+//#region src/react/FluidText.tsx
+var Se = e(function({ text: e, fontSize: a = f.fontSize, color: s = f.color, fontFamily: u = f.fontFamily, fontWeight: d = f.fontWeight, className: p, style: m, preset: g, algorithm: _, backgroundColor: v = f.backgroundColor, backgroundSrc: y, backgroundSize: b = f.backgroundSize, mouseEnabled: x = f.mouseEnabled, workerEnabled: S = f.workerEnabled, webGPUEnabled: w = !0, alphaEnabled: T = !0, pixelRatio: E = l.dpr, simResolution: D = l.sim, densityDissipation: O, velocityDissipation: k, pressureIterations: A, curl: j, splatRadius: M, splatForce: N, refraction: P, specularExp: F, shine: I, waterColor: L, glowColor: R, warpStrength: z }, B) {
+	let V = r(null), H = Object.fromEntries(Object.entries({
+		densityDissipation: O,
+		velocityDissipation: k,
+		pressureIterations: A,
+		curl: j,
+		splatRadius: M,
+		splatForce: N,
+		refraction: P,
+		specularExp: F,
+		shine: I,
+		waterColor: L,
+		glowColor: R,
+		algorithm: _,
+		warpStrength: z
+	}).filter(([, e]) => e !== void 0)), U = $(V, {
+		workerEnabled: S,
+		webGPUEnabled: w,
+		alphaEnabled: T,
+		pixelRatio: E,
+		simResolution: D,
+		config: o(h(H, g, c))
+	});
+	return n(B, () => ({
+		reset() {
+			U.current?.setTextSource({
+				text: e,
+				fontSize: a,
+				color: s,
+				fontFamily: u,
+				fontWeight: d
+			});
+		},
+		move(e, t, n = 1) {
+			U.current?.handleMove(e, t, n);
+		},
+		splat(e, t, n, r, i = 1) {
+			U.current?.splat(e, t, n, r, i);
+		},
+		updateConfig(e) {
+			U.current?.updateConfig(o(e));
+		}
+	}), [
+		e,
+		a,
+		s,
+		u,
+		d
+	]), t(() => {
+		U.current?.setTextSource({
+			text: e,
+			fontSize: a,
+			color: s,
+			fontFamily: u,
+			fontWeight: d
+		});
+	}, [
+		e,
+		a,
+		s,
+		u,
+		d,
+		w,
+		T
+	]), t(() => {
+		U.current?.updateConfig(o(h(H, g, c)));
+	}, [
+		g,
+		JSON.stringify(H),
+		w,
+		T
+	]), t(() => {
+		if (!y) {
+			U.current?.setBackground(null);
+			return;
+		}
+		let e = !1;
+		return C(y).then((t) => {
+			if (e) {
+				t.close();
+				return;
+			}
+			U.current?.setBackground(t, b);
+		}).catch((e) => void 0), () => {
+			e = !0;
+		};
+	}, [
+		y,
+		b,
+		w,
+		T
+	]), t(() => {
+		if (!x) return;
+		let e = V.current;
+		if (!e) return;
+		let t = (t) => {
+			let n = e.getBoundingClientRect();
+			U.current?.handleMove(t.clientX - n.left, t.clientY - n.top, 2);
+		}, n = (t) => {
+			t.preventDefault();
+			let n = e.getBoundingClientRect(), r = t.touches[0];
+			U.current?.handleMove(r.clientX - n.left, r.clientY - n.top, 1);
+		};
+		return e.addEventListener("mousemove", t), e.addEventListener("touchmove", n, { passive: !1 }), () => {
+			e.removeEventListener("mousemove", t), e.removeEventListener("touchmove", n);
+		};
+	}, [x]), /* @__PURE__ */ i("div", {
+		ref: V,
+		className: p,
+		style: {
+			position: "relative",
+			display: "block",
+			width: "100%",
+			height: "100%",
+			background: v,
+			...m
+		}
+	});
+}), Ce = e(function({ src: e, effect: a = d.effect, imageSize: s = d.imageSize, className: c, style: u, preset: f, algorithm: p, backgroundColor: m = d.backgroundColor, backgroundSrc: g, backgroundSize: _ = d.backgroundSize, mouseEnabled: v = d.mouseEnabled, workerEnabled: y = d.workerEnabled, webGPUEnabled: b = !0, alphaEnabled: x = !0, pixelRatio: S = l.dpr, simResolution: w = l.sim, densityDissipation: T, velocityDissipation: E, pressureIterations: D, curl: O, splatRadius: k, splatForce: A, refraction: j, specularExp: M, shine: N, waterColor: P, glowColor: F, warpStrength: I }, L) {
+	let R = r(null), z = Object.fromEntries(Object.entries({
+		densityDissipation: T,
+		velocityDissipation: E,
+		pressureIterations: D,
+		curl: O,
+		splatRadius: k,
+		splatForce: A,
+		refraction: j,
+		specularExp: M,
+		shine: N,
+		waterColor: P,
+		glowColor: F,
+		algorithm: p,
+		warpStrength: I
+	}).filter(([, e]) => e !== void 0)), B = $(R, {
+		workerEnabled: y,
+		webGPUEnabled: b,
+		alphaEnabled: x,
+		pixelRatio: S,
+		simResolution: w,
+		config: o(h(z, f))
+	});
+	return n(L, () => ({
+		reset() {
+			e && B.current?.setImageSource(e, a, s);
+		},
+		move(e, t, n = 1) {
+			B.current?.handleMove(e, t, n);
+		},
+		splat(e, t, n, r, i = 1) {
+			B.current?.splat(e, t, n, r, i);
+		},
+		updateConfig(e) {
+			B.current?.updateConfig(o(e));
+		}
+	}), [
+		e,
+		a,
+		s
+	]), t(() => {
+		e && B.current?.setImageSource(e, a, s);
+	}, [
+		e,
+		a,
+		s,
+		b,
+		x
+	]), t(() => {
+		B.current?.updateConfig(o(h(z, f)));
+	}, [
+		f,
+		JSON.stringify(z),
+		b,
+		x
+	]), t(() => {
+		if (!g) {
+			B.current?.setBackground(null);
+			return;
+		}
+		let e = !1;
+		return C(g).then((t) => {
+			if (e) {
+				t.close();
+				return;
+			}
+			B.current?.setBackground(t, _);
+		}).catch((e) => void 0), () => {
+			e = !0;
+		};
+	}, [
+		g,
+		_,
+		b,
+		x
+	]), t(() => {
+		if (!v) return;
+		let e = R.current;
+		if (!e) return;
+		let t = (t) => {
+			let n = e.getBoundingClientRect();
+			B.current?.handleMove(t.clientX - n.left, t.clientY - n.top, 2);
+		}, n = (t) => {
+			t.preventDefault();
+			let n = e.getBoundingClientRect(), r = t.touches[0];
+			B.current?.handleMove(r.clientX - n.left, r.clientY - n.top, 1);
+		};
+		return e.addEventListener("mousemove", t), e.addEventListener("touchmove", n, { passive: !1 }), () => {
+			e.removeEventListener("mousemove", t), e.removeEventListener("touchmove", n);
+		};
+	}, [v]), /* @__PURE__ */ i("div", {
+		ref: R,
+		className: c,
+		style: {
+			position: "relative",
+			display: "block",
+			width: "100%",
+			height: "100%",
+			background: m,
+			...u
+		}
+	});
 });
-export {
-  we as DEFAULT_CONFIG,
-  ve as DEFAULT_CONFIG_TEXT,
-  A as DEFAULT_PROPS_IMAGE,
-  Se as DEFAULT_PROPS_SHARED,
-  V as DEFAULT_PROPS_TEXT,
-  ct as FluidController,
-  ht as FluidImage,
-  pe as FluidSimulation,
-  xt as FluidText,
-  _e as PRESETS,
-  De as PROP_RANGES,
-  ce as loadImageBitmap,
-  ee as mergeConfig,
-  G as normalizeConfig,
-  te as parseColor,
-  Ue as useFluid
-};
+//#endregion
+export { s as DEFAULT_CONFIG, c as DEFAULT_CONFIG_TEXT, d as DEFAULT_PROPS_IMAGE, u as DEFAULT_PROPS_SHARED, f as DEFAULT_PROPS_TEXT, xe as FluidController, Ce as FluidImage, Q as FluidSimulation, Se as FluidText, p as PRESETS, a as PROP_RANGES, C as loadImageBitmap, h as mergeConfig, o as normalizeConfig, m as parseColor, $ as useFluid };