@vysmo/transitions 0.1.0

package/dist/transitions/god-rays-reveal.js

@@ -0,0 +1,110 @@
+import { defineTransition } from "./define.js";
+/**
+ * Multi-pass transition. As to reveals through a noise mask, its
+ * bright highlights emit volumetric-looking light shafts toward a
+ * source point, built up by iterative radial blur — each pass samples
+ * from the previous pass's output at progressively finer steps along
+ * the ray from every pixel to the source. Impossible single-pass: a
+ * full-length radial streak would need ~30 samples across the ray,
+ * and after five iterations of 6 samples each, the shafts have
+ * progressively-refined spatial frequencies that a one-pass sampling
+ * of the source texture cannot produce.
+ *
+ *   pass 0               — seed: to-highlights gated by the reveal
+ *                          mask AND a 4·p·(1-p) envelope.
+ *   pass 1..passCount-2  — iterative radial blur. Pass i samples 6
+ *                          points along uv→source at step = 1/(5 · 2^(i-1)),
+ *                          reading from uPrevious so the shafts
+ *                          accumulate across passes.
+ *   final pass           — composite = mix(from, to, mask) +
+ *                          rays * intensity.
+ *
+ * Endpoints: seed envelope is 0 at progress 0 and 1, so the blur
+ * chain carries zeros and the composite resolves to pure from/to.
+ */
+export const godRaysReveal = defineTransition({
+    name: "god-rays-reveal",
+    passes: 7,
+    defaults: {
+        scale: 5,
+        softness: 0.08,
+        threshold: 0.45,
+        intensity: 1.6,
+        decay: 0.92,
+        source: [0.5, 0.5],
+    },
+    glsl: `
+uniform float uScale;
+uniform float uSoftness;
+uniform float uThreshold;
+uniform float uIntensity;
+uniform float uDecay;
+uniform vec2 uSource;
+
+float hash21(vec2 p) {
+  return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758.5453);
+}
+
+float valNoise(vec2 p) {
+  vec2 i = floor(p);
+  vec2 f = fract(p);
+  f = f * f * (3.0 - 2.0 * f);
+  float a = hash21(i);
+  float b = hash21(i + vec2(1.0, 0.0));
+  float c = hash21(i + vec2(0.0, 1.0));
+  float d = hash21(i + vec2(1.0, 1.0));
+  return mix(mix(a, b, f.x), mix(c, d, f.x), f.y);
+}
+
+float fbm(vec2 p) {
+  return valNoise(p) * 0.55 +
+         valNoise(p * 2.1) * 0.28 +
+         valNoise(p * 4.3) * 0.17;
+}
+
+float revealMask(vec2 uv) {
+  float safeLow = uSoftness + 0.005;
+  float safeHigh = 1.0 - uSoftness - 0.005;
+  float n = mix(safeLow, safeHigh, clamp(fbm(uv * uScale), 0.0, 1.0));
+  return smoothstep(n - uSoftness, n + uSoftness, uProgress);
+}
+
+vec4 transition(vec2 uv) {
+  // Final pass: composite rays on top of the from→to reveal.
+  if (uPass == uPassCount - 1) {
+    vec3 rays = getPrevious(uv).rgb;
+    float mask = revealMask(uv);
+    vec3 base = mix(getFromColor(uv).rgb, getToColor(uv).rgb, mask);
+    return vec4(base + rays * uIntensity, 1.0);
+  }
+
+  // Seed pass: bright highlights of to, gated by reveal mask and
+  // a 4·p·(1-p) envelope so endpoints contribute zero.
+  if (uPass == 0) {
+    vec3 toC = getToColor(uv).rgb;
+    float lum = dot(toC, vec3(0.299, 0.587, 0.114));
+    float bright = smoothstep(uThreshold - 0.1, uThreshold + 0.1, lum);
+    float mask = revealMask(uv);
+    float envelope = 4.0 * uProgress * (1.0 - uProgress);
+    return vec4(toC * bright * mask * envelope, 1.0);
+  }
+
+  // Iterative radial blur: each pass samples 6 points along uv→source
+  // with step shrinking by 2× each pass. Over 5 passes, shafts span
+  // the full ray with well-refined density.
+  vec2 toSource = uSource - uv;
+  float passStep = 1.0 / (5.0 * pow(2.0, float(uPass - 1)));
+
+  vec3 accum = vec3(0.0);
+  float weightSum = 0.0;
+  for (int i = 0; i < 6; i++) {
+    float t = passStep * float(i);
+    float w = pow(uDecay, float(i));
+    accum += getPrevious(uv + toSource * t).rgb * w;
+    weightSum += w;
+  }
+  return vec4(accum / weightSum, 1.0);
+}
+`,
+});
+//# sourceMappingURL=god-rays-reveal.js.map

package/dist/transitions/god-rays-reveal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"god-rays-reveal.js","sourceRoot":"","sources":["../../src/transitions/god-rays-reveal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC;IAC5C,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE;QACR,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,IAAI;QACd,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,GAAG;QACd,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;KACnB;IACD,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEP;CACA,CAAC,CAAC"}

package/dist/transitions/gravity-pull.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Port of akella demo8. Pixels are pulled vertically toward `center` over
+ * the transition: from-image moves toward center by `progress * intensity`,
+ * to-image starts displaced AWAY from center and converges back. A fine
+ * noise field perturbs the magnitude per pixel so the pull reads as
+ * organic. Crossfade is linear so there's no freeze through the midpoint.
+ *
+ * Shrink-to-center: at midpoint the canvas samples from a smaller central
+ * region so the to-image's away-from-center displacement never samples
+ * outside `[0,1]` and clamps into vertical bars at the top/bottom edges.
+ */
+export declare const gravityPull: import("../types.js").Transition<import("@vysmo/gl-core").Widen<{
+    readonly center: readonly [0.5, 0.5];
+    readonly intensity: 0.15;
+}>>;
+//# sourceMappingURL=gravity-pull.d.ts.map

package/dist/transitions/gravity-pull.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gravity-pull.d.ts","sourceRoot":"","sources":["../../src/transitions/gravity-pull.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW;;;GAmDtB,CAAC"}

package/dist/transitions/gravity-pull.js

@@ -0,0 +1,65 @@
+import { defineTransition } from "./define.js";
+/**
+ * Port of akella demo8. Pixels are pulled vertically toward `center` over
+ * the transition: from-image moves toward center by `progress * intensity`,
+ * to-image starts displaced AWAY from center and converges back. A fine
+ * noise field perturbs the magnitude per pixel so the pull reads as
+ * organic. Crossfade is linear so there's no freeze through the midpoint.
+ *
+ * Shrink-to-center: at midpoint the canvas samples from a smaller central
+ * region so the to-image's away-from-center displacement never samples
+ * outside `[0,1]` and clamps into vertical bars at the top/bottom edges.
+ */
+export const gravityPull = defineTransition({
+    name: "gravity-pull",
+    defaults: {
+        center: [0.5, 0.5],
+        intensity: 0.15,
+    },
+    glsl: `
+uniform vec2 uCenter;
+uniform float uIntensity;
+
+float hash21(vec2 p) {
+  return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758.5453);
+}
+
+float valueNoise(vec2 p) {
+  vec2 i = floor(p);
+  vec2 f = fract(p);
+  f = f * f * (3.0 - 2.0 * f);
+  float a = hash21(i);
+  float b = hash21(i + vec2(1.0, 0.0));
+  float c = hash21(i + vec2(0.0, 1.0));
+  float d = hash21(i + vec2(1.0, 1.0));
+  return mix(mix(a, b, f.x), mix(c, d, f.x), f.y);
+}
+
+vec4 transition(vec2 uv) {
+  float env = 4.0 * uProgress * (1.0 - uProgress);
+  float n = valueNoise(uv * 10.0);
+
+  // Vertical signed unit vector pointing toward the center.
+  vec2 toCenter = uCenter - uv;
+  float lenTC = length(toCenter);
+  float dy = lenTC > 0.001 ? toCenter.y / lenTC : 0.0;
+  vec2 d = vec2(0.0, dy);
+
+  float pullMag = uIntensity * (1.0 + n * 0.5);
+
+  // Shrink-to-center at midpoint so the away-from-center displacement
+  // stays in source bounds. At endpoints env=0 → shrunkUv=uv (no zoom),
+  // so endpoints are pixel-pure. Capped to keep image visible at high
+  // intensities.
+  float maxPull = uIntensity * 1.5;
+  float shrinkAmount = max(1.0 - env * 2.0 * maxPull, 0.2);
+  vec2 shrunkUv = (uv - 0.5) * shrinkAmount + 0.5;
+
+  vec2 fromUv = clamp(shrunkUv + d * uProgress * pullMag, 0.0, 1.0);
+  vec2 toUv = clamp(shrunkUv - d * (1.0 - uProgress) * pullMag, 0.0, 1.0);
+
+  return mix(getFromColor(fromUv), getToColor(toUv), uProgress);
+}
+`,
+});
+//# sourceMappingURL=gravity-pull.js.map

package/dist/transitions/gravity-pull.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gravity-pull.js","sourceRoot":"","sources":["../../src/transitions/gravity-pull.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,gBAAgB,CAAC;IAC1C,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE;QACR,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;QAClB,SAAS,EAAE,IAAI;KAChB;IACD,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CP;CACA,CAAC,CAAC"}

package/dist/transitions/grid-reveal.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Pattern values:
+ *  0 = sequential (left-to-right, top-to-bottom)
+ *  1 = radial (from center outward)
+ *  2 = pseudo-random
+ */
+export declare const gridReveal: import("../types.js").Transition<import("@vysmo/gl-core").Widen<{
+    readonly count: 8;
+    readonly stagger: 0.7;
+    readonly pattern: 1;
+}>>;
+//# sourceMappingURL=grid-reveal.d.ts.map

package/dist/transitions/grid-reveal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-reveal.d.ts","sourceRoot":"","sources":["../../src/transitions/grid-reveal.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,UAAU;;;;GA4CrB,CAAC"}

package/dist/transitions/grid-reveal.js

@@ -0,0 +1,53 @@
+import { defineTransition } from "./define.js";
+/**
+ * Pattern values:
+ *  0 = sequential (left-to-right, top-to-bottom)
+ *  1 = radial (from center outward)
+ *  2 = pseudo-random
+ */
+export const gridReveal = defineTransition({
+    name: "grid-reveal",
+    defaults: {
+        count: 8,
+        stagger: 0.7,
+        pattern: 1,
+    },
+    glsl: `
+uniform float uCount;
+uniform float uStagger;
+uniform float uPattern;
+
+float hash21(vec2 p) {
+  return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758.5453);
+}
+
+vec4 transition(vec2 uv) {
+  // 1×1 is a fade and 2×2 is a quad-split — neither reads as "grid".
+  // Clamp here so the transition is reliable regardless of caller input.
+  float count = max(uCount, 3.0);
+  vec2 cell = floor(uv * count);
+
+  float priority;
+  if (uPattern < 0.5) {
+    // Sequential left-to-right, top-to-bottom
+    priority = (cell.y * count + cell.x) / (count * count);
+  } else if (uPattern < 1.5) {
+    // Radial from center of the grid
+    vec2 center = vec2(count * 0.5 - 0.5);
+    float dist = length(cell - center);
+    float maxDist = length(center);
+    priority = dist / max(maxDist, 0.0001);
+  } else {
+    // Pseudo-random per cell
+    priority = hash21(cell);
+  }
+
+  float start = priority * uStagger;
+  float window = max(0.0001, 1.0 - uStagger);
+  float localProgress = clamp((uProgress - start) / window, 0.0, 1.0);
+
+  return mix(getFromColor(uv), getToColor(uv), localProgress);
+}
+`,
+});
+//# sourceMappingURL=grid-reveal.js.map

package/dist/transitions/grid-reveal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-reveal.js","sourceRoot":"","sources":["../../src/transitions/grid-reveal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE;QACR,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,GAAG;QACZ,OAAO,EAAE,CAAC;KACX;IACD,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCP;CACA,CAAC,CAAC"}

package/dist/transitions/heat-haze.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Heat-haze shimmer: horizontal displacement driven by an animated noise
+ * field that flows upward over progress, simulating the look-through-
+ * hot-air effect. Both images receive the same displacement so they
+ * blend through a shared shimmer at the midpoint. Displacement envelope
+ * gates the effect to zero at endpoints.
+ */
+export declare const heatHaze: import("../types.js").Transition<import("@vysmo/gl-core").Widen<{
+    readonly intensity: 0.04;
+    readonly frequency: 14;
+    readonly flow: 5;
+}>>;
+//# sourceMappingURL=heat-haze.d.ts.map

package/dist/transitions/heat-haze.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heat-haze.d.ts","sourceRoot":"","sources":["../../src/transitions/heat-haze.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;;;;GAyCnB,CAAC"}

package/dist/transitions/heat-haze.js

@@ -0,0 +1,51 @@
+import { defineTransition } from "./define.js";
+/**
+ * Heat-haze shimmer: horizontal displacement driven by an animated noise
+ * field that flows upward over progress, simulating the look-through-
+ * hot-air effect. Both images receive the same displacement so they
+ * blend through a shared shimmer at the midpoint. Displacement envelope
+ * gates the effect to zero at endpoints.
+ */
+export const heatHaze = defineTransition({
+    name: "heat-haze",
+    defaults: {
+        intensity: 0.04,
+        frequency: 14,
+        flow: 5.0,
+    },
+    glsl: `
+uniform float uIntensity;
+uniform float uFrequency;
+uniform float uFlow;
+
+float hash21(vec2 p) {
+  return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758.5453);
+}
+
+float valueNoise(vec2 p) {
+  vec2 i = floor(p);
+  vec2 f = fract(p);
+  f = f * f * (3.0 - 2.0 * f);
+  float a = hash21(i);
+  float b = hash21(i + vec2(1.0, 0.0));
+  float c = hash21(i + vec2(0.0, 1.0));
+  float d = hash21(i + vec2(1.0, 1.0));
+  return mix(mix(a, b, f.x), mix(c, d, f.x), f.y);
+}
+
+vec4 transition(vec2 uv) {
+  float env = 4.0 * uProgress * (1.0 - uProgress);
+
+  // Horizontal column noise that drifts upward over progress (noise sampled
+  // at uv.y - progress*flow → rising pattern). Vertical frequency lower so
+  // bands are tall and column-like, matching real heat-haze.
+  float n = valueNoise(vec2(uv.x * uFrequency, uv.y * uFrequency * 0.4 - uProgress * uFlow));
+  float disp = (n - 0.5) * uIntensity * env;
+
+  vec2 sampleUv = clamp(vec2(uv.x + disp, uv.y), 0.0, 1.0);
+
+  return mix(getFromColor(sampleUv), getToColor(sampleUv), uProgress);
+}
+`,
+});
+//# sourceMappingURL=heat-haze.js.map

package/dist/transitions/heat-haze.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heat-haze.js","sourceRoot":"","sources":["../../src/transitions/heat-haze.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,gBAAgB,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE;QACR,SAAS,EAAE,IAAI;QACf,SAAS,EAAE,EAAE;QACb,IAAI,EAAE,GAAG;KACV;IACD,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCP;CACA,CAAC,CAAC"}

package/dist/transitions/index.d.ts

@@ -0,0 +1,64 @@
+export { dissolve } from "./dissolve.js";
+export { wipeDirectional } from "./wipe-directional.js";
+export { slide } from "./slide.js";
+export { radialReveal } from "./radial-reveal.js";
+export { crossZoom } from "./cross-zoom.js";
+export { glitch } from "./glitch.js";
+export { noiseDissolve } from "./noise-dissolve.js";
+export { clockWipe } from "./clock-wipe.js";
+export { ripple } from "./ripple.js";
+export { pixelate } from "./pixelate.js";
+export { kineticBands } from "./kinetic-bands.js";
+export { lightLeak } from "./light-leak.js";
+export { liquidMorph } from "./liquid-morph.js";
+export { gridReveal } from "./grid-reveal.js";
+export { warpZoom } from "./warp-zoom.js";
+export { chromaticPulse } from "./chromatic-pulse.js";
+export { push } from "./push.js";
+export { shapeReveal } from "./shape-reveal.js";
+export { paintBleed } from "./paint-bleed.js";
+export { shockwave } from "./shockwave.js";
+export { swirl } from "./swirl.js";
+export { split } from "./split.js";
+export { directionalWarp } from "./directional-warp.js";
+export { wind } from "./wind.js";
+export { linearBlur } from "./linear-blur.js";
+export { luminaMelt } from "./lumina-melt.js";
+export { pinwheel } from "./pinwheel.js";
+export { dreamy } from "./dreamy.js";
+export { tangentMotionBlur } from "./tangent-motion-blur.js";
+export { colorPhase } from "./color-phase.js";
+export { filmBurn } from "./film-burn.js";
+export { mosaic } from "./mosaic.js";
+export { emberScatter } from "./ember-scatter.js";
+export { directionalBurn } from "./directional-burn.js";
+export { inkBloom } from "./ink-bloom.js";
+export { smolderingEdge } from "./smoldering-edge.js";
+export { polkaDotsCurtain } from "./polka-dots-curtain.js";
+export { crosshatch } from "./crosshatch.js";
+export { dreamyZoom } from "./dreamy-zoom.js";
+export { heatHaze } from "./heat-haze.js";
+export { prismSplit } from "./prism-split.js";
+export { irisZoom } from "./iris-zoom.js";
+export { gravityPull } from "./gravity-pull.js";
+export { waveStripes } from "./wave-stripes.js";
+export { flowWarp } from "./flow-warp.js";
+export { dripWipe } from "./drip-wipe.js";
+export { portalDive } from "./portal-dive.js";
+export { liquidChrome } from "./liquid-chrome.js";
+export { glassShatter } from "./glass-shatter.js";
+export { inkDiffuse } from "./ink-diffuse.js";
+export { bloomReveal } from "./bloom-reveal.js";
+export { godRaysReveal } from "./god-rays-reveal.js";
+export { fluidFlow } from "./fluid-flow.js";
+export { lenticularFlip } from "./lenticular-flip.js";
+export { filmGrain } from "./film-grain.js";
+export { singularity } from "./singularity.js";
+export { polygonFlip } from "./polygon-flip.js";
+export { pageCurl } from "./page-curl.js";
+export { rippleWave } from "./ripple-wave.js";
+export { tileScatter } from "./tile-scatter.js";
+export { defineTransition } from "./define.js";
+export type { DefineTransitionSpec } from "./define.js";
+export { ALL_TRANSITIONS } from "./all.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/transitions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/transitions/index.ts"],"names":[],"mappings":"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"}

package/dist/transitions/index.js

@@ -0,0 +1,63 @@
+export { dissolve } from "./dissolve.js";
+export { wipeDirectional } from "./wipe-directional.js";
+export { slide } from "./slide.js";
+export { radialReveal } from "./radial-reveal.js";
+export { crossZoom } from "./cross-zoom.js";
+export { glitch } from "./glitch.js";
+export { noiseDissolve } from "./noise-dissolve.js";
+export { clockWipe } from "./clock-wipe.js";
+export { ripple } from "./ripple.js";
+export { pixelate } from "./pixelate.js";
+export { kineticBands } from "./kinetic-bands.js";
+export { lightLeak } from "./light-leak.js";
+export { liquidMorph } from "./liquid-morph.js";
+export { gridReveal } from "./grid-reveal.js";
+export { warpZoom } from "./warp-zoom.js";
+export { chromaticPulse } from "./chromatic-pulse.js";
+export { push } from "./push.js";
+export { shapeReveal } from "./shape-reveal.js";
+export { paintBleed } from "./paint-bleed.js";
+export { shockwave } from "./shockwave.js";
+export { swirl } from "./swirl.js";
+export { split } from "./split.js";
+export { directionalWarp } from "./directional-warp.js";
+export { wind } from "./wind.js";
+export { linearBlur } from "./linear-blur.js";
+export { luminaMelt } from "./lumina-melt.js";
+export { pinwheel } from "./pinwheel.js";
+export { dreamy } from "./dreamy.js";
+export { tangentMotionBlur } from "./tangent-motion-blur.js";
+export { colorPhase } from "./color-phase.js";
+export { filmBurn } from "./film-burn.js";
+export { mosaic } from "./mosaic.js";
+export { emberScatter } from "./ember-scatter.js";
+export { directionalBurn } from "./directional-burn.js";
+export { inkBloom } from "./ink-bloom.js";
+export { smolderingEdge } from "./smoldering-edge.js";
+export { polkaDotsCurtain } from "./polka-dots-curtain.js";
+export { crosshatch } from "./crosshatch.js";
+export { dreamyZoom } from "./dreamy-zoom.js";
+export { heatHaze } from "./heat-haze.js";
+export { prismSplit } from "./prism-split.js";
+export { irisZoom } from "./iris-zoom.js";
+export { gravityPull } from "./gravity-pull.js";
+export { waveStripes } from "./wave-stripes.js";
+export { flowWarp } from "./flow-warp.js";
+export { dripWipe } from "./drip-wipe.js";
+export { portalDive } from "./portal-dive.js";
+export { liquidChrome } from "./liquid-chrome.js";
+export { glassShatter } from "./glass-shatter.js";
+export { inkDiffuse } from "./ink-diffuse.js";
+export { bloomReveal } from "./bloom-reveal.js";
+export { godRaysReveal } from "./god-rays-reveal.js";
+export { fluidFlow } from "./fluid-flow.js";
+export { lenticularFlip } from "./lenticular-flip.js";
+export { filmGrain } from "./film-grain.js";
+export { singularity } from "./singularity.js";
+export { polygonFlip } from "./polygon-flip.js";
+export { pageCurl } from "./page-curl.js";
+export { rippleWave } from "./ripple-wave.js";
+export { tileScatter } from "./tile-scatter.js";
+export { defineTransition } from "./define.js";
+export { ALL_TRANSITIONS } from "./all.js";
+//# sourceMappingURL=index.js.map

package/dist/transitions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/transitions/index.ts"],"names":[],"mappings":"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"}

package/dist/transitions/ink-bloom.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Cold fluid sibling to film-burn: a radial bloom expands from a center
+ * point with a dark deeply-tinted ring at the advancing boundary instead
+ * of a bright flame. Feels like ink diffusing through water. The ink
+ * color tint is multiplicative (darkens toward uInkColor) rather than
+ * additive bright glow.
+ */
+export declare const inkBloom: import("../types.js").Transition<import("@vysmo/gl-core").Widen<{
+    readonly center: readonly [0.5, 0.5];
+    readonly scale: 5;
+    readonly edgeWidth: 0.07;
+    readonly bloomWidth: 0.12;
+    readonly inkColor: readonly [0.25, 0.08, 0.45];
+}>>;
+//# sourceMappingURL=ink-bloom.d.ts.map

package/dist/transitions/ink-bloom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ink-bloom.d.ts","sourceRoot":"","sources":["../../src/transitions/ink-bloom.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ;;;;;;GAkEnB,CAAC"}

package/dist/transitions/ink-bloom.js

@@ -0,0 +1,76 @@
+import { defineTransition } from "./define.js";
+/**
+ * Cold fluid sibling to film-burn: a radial bloom expands from a center
+ * point with a dark deeply-tinted ring at the advancing boundary instead
+ * of a bright flame. Feels like ink diffusing through water. The ink
+ * color tint is multiplicative (darkens toward uInkColor) rather than
+ * additive bright glow.
+ */
+export const inkBloom = defineTransition({
+    name: "ink-bloom",
+    defaults: {
+        center: [0.5, 0.5],
+        scale: 5,
+        edgeWidth: 0.07,
+        bloomWidth: 0.12,
+        inkColor: [0.25, 0.08, 0.45],
+    },
+    glsl: `
+uniform vec2 uCenter;
+uniform float uScale;
+uniform float uEdgeWidth;
+uniform float uBloomWidth;
+uniform vec3 uInkColor;
+
+float hash21(vec2 p) {
+  return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758.5453);
+}
+
+float valueNoise(vec2 p) {
+  vec2 i = floor(p);
+  vec2 f = fract(p);
+  f = f * f * (3.0 - 2.0 * f);
+  float a = hash21(i);
+  float b = hash21(i + vec2(1.0, 0.0));
+  float c = hash21(i + vec2(0.0, 1.0));
+  float d = hash21(i + vec2(1.0, 1.0));
+  return mix(mix(a, b, f.x), mix(c, d, f.x), f.y);
+}
+
+vec4 transition(vec2 uv) {
+  vec2 pixel = uv * uResolution;
+  vec2 centerPx = uCenter * uResolution;
+  float dist = distance(pixel, centerPx);
+  float maxDist = max(
+    max(length(centerPx), length(centerPx - vec2(uResolution.x, 0.0))),
+    max(length(centerPx - vec2(0.0, uResolution.y)), length(centerPx - uResolution))
+  );
+  float normalizedDist = dist / max(maxDist, 0.0001);
+
+  // Soft/low-frequency noise for fluid-like edge deformation.
+  float noiseStrength = 0.18;
+  float n = valueNoise(uv * uScale);
+  float perturbed = normalizedDist - (n - 0.5) * noiseStrength;
+
+  float totalEdge = uEdgeWidth + noiseStrength * 0.5;
+  float bloomRadius = uProgress * (1.0 + 2.0 * totalEdge) - totalEdge;
+  float signedDist = perturbed - bloomRadius;
+
+  float w = smoothstep(-uEdgeWidth, uEdgeWidth, -signedDist);
+  vec4 base = mix(getFromColor(uv), getToColor(uv), w);
+
+  // Wide dark bloom band — uBloomWidth controls how far the tint diffuses
+  // off the hard edge. env-gated so endpoints remain untouched.
+  float bandX = signedDist / max(uBloomWidth, 0.0001);
+  float bloomBand = exp(-bandX * bandX * 1.5);
+  float env = 4.0 * uProgress * (1.0 - uProgress);
+  float tint = bloomBand * env * 0.85;
+
+  vec3 darkened = base.rgb * uInkColor;
+  vec3 result = mix(base.rgb, darkened, tint);
+
+  return vec4(result, base.a);
+}
+`,
+});
+//# sourceMappingURL=ink-bloom.js.map

package/dist/transitions/ink-bloom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ink-bloom.js","sourceRoot":"","sources":["../../src/transitions/ink-bloom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,gBAAgB,CAAC;IACvC,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE;QACR,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;QAClB,KAAK,EAAE,CAAC;QACR,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;KAC7B;IACD,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDP;CACA,CAAC,CAAC"}

package/dist/transitions/ink-diffuse.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Multi-pass transition. A noise-seeded mask grows outward via iterated
+ * dilation with an expanding kernel, producing an ink-in-water spread
+ * that can't be computed in a single pass (each pixel has to read its
+ * neighbours' mask values from the previous iteration).
+ *
+ *   pass 0               — seed the mask by thresholding a noise field
+ *                          against progress. At progress 0 all zero;
+ *                          at progress 1 all one; in between, a noisy
+ *                          boundary seeded where noise ≈ progress.
+ *   pass 1..passCount-2  — dilate the mask with an expanding kernel
+ *                          (step doubles each pass: 1, 2, 4, 8, 16 px),
+ *                          biased with a light smoothing so edges
+ *                          stay organic.
+ *   final pass           — use the diffused mask to mix from → to.
+ *
+ * Endpoints: seed saturates to 0 at progress 0 and 1 at progress 1
+ * regardless of the noise field. Dilation is monotone on constants,
+ * so the mask stays saturated through every pass, and the final
+ * composition resolves to pure from / to.
+ */
+export declare const inkDiffuse: import("../types.js").Transition<import("@vysmo/gl-core").Widen<{
+    readonly scale: 7;
+    readonly softness: 0.08;
+}>>;
+//# sourceMappingURL=ink-diffuse.d.ts.map

package/dist/transitions/ink-diffuse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ink-diffuse.d.ts","sourceRoot":"","sources":["../../src/transitions/ink-diffuse.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,UAAU;;;GAkErB,CAAC"}