shadertown 0.2.0 → 0.4.0

package/dist/registry.js

@@ -1068,6 +1068,584 @@ export const shaderRegistry = {
             colorC: color("Light", "#c9f6ff", "The caustic web itself."),
         },
     },
+    radiance: {
+        name: "Radiance",
+        tagline: "Lamps in a dark room, traced to whatever they light",
+        description: "Global illumination taken the short way round. There is no light pass and no probe grid to merge: the room is a handful of signed distances, so every pixel fans rays into it and marches each one back to its source. That buys a true shadow — hard where a lamp is small, soft where it is near, and cast by bars that turn every frame. The pointer is the brightest lamp in the room, so moving it moves every shadow.",
+        family: "spatial",
+        tags: ["light", "shadow", "dark", "pointer"],
+        cost: "heavy",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 0.7, max: 2 },
+            scale: { ...base.scale, default: 1 },
+            intensity: { ...base.intensity, default: 1.1 },
+            grain: { ...base.grain, default: 0.02 },
+            vignette: { ...base.vignette, default: 0.4 },
+            rays: {
+                slot: "a",
+                label: "Rays",
+                min: 3,
+                max: 48,
+                step: 1,
+                default: 24,
+                hint: "Directions each pixel samples. Low is streaky and cheap; high is smooth and is what costs.",
+            },
+            reach: {
+                slot: "b",
+                label: "Reach",
+                min: 0.05,
+                max: 1.5,
+                step: 0.01,
+                default: 0.42,
+                hint: "How far a lamp throws before the inverse square eats it.",
+            },
+            walls: {
+                slot: "c",
+                label: "Walls",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 1,
+                hint: "Size of the bars that block light. 0 removes them and the shadows with them.",
+            },
+            skylight: {
+                slot: "d",
+                label: "Skylight",
+                min: 0,
+                max: 0.5,
+                step: 0.005,
+                default: 0.06,
+                hint: "Ambient floor, so the bars read as objects in a room rather than holes cut out of it.",
+            },
+        },
+        colors: {
+            colorA: color("Room", "#0b1020", "The ambient the skylight adds everywhere."),
+            colorB: color("Warm", "#f59e0b", "The middle lamp of the three."),
+            colorC: color("Cool", "#38bdf8", "The far lamp, and the colour under the pointer."),
+        },
+    },
+    lumen: {
+        name: "Lumen",
+        tagline: "A lattice of dots, each one a lamp and a wall at once",
+        description: "Every dot gives light and blocks it, so the field shadows itself. The lattice is what makes that affordable: all the dots are the same size, so the nearest one to any point is simply the nearest lattice node and the distance to the whole field is exact rather than estimated. A ray crosses a dozen cells in a few steps, which is why the shadows run the width of the frame. A wave decides which dots are lit; the dark ones stay in the picture as grey, and keep casting.",
+        family: "geometric",
+        tags: ["light", "grid", "loader", "dark"],
+        cost: "heavy",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 0.6, max: 2 },
+            scale: { ...base.scale, default: 1, min: 0.3, max: 2.5 },
+            intensity: { ...base.intensity, default: 1.1 },
+            grain: { ...base.grain, default: 0.02 },
+            vignette: { ...base.vignette, default: 0.45 },
+            rays: {
+                slot: "a",
+                label: "Rays",
+                min: 3,
+                max: 40,
+                step: 1,
+                default: 20,
+                hint: "Directions each pixel samples. Low is streaky and cheap; high is smooth and is what costs.",
+            },
+            dot: {
+                slot: "b",
+                label: "Dot size",
+                min: 0.02,
+                max: 0.45,
+                step: 0.005,
+                default: 0.16,
+                hint: "Radius of a dot, in cells. Big dots shadow more of the lattice than they light.",
+            },
+            lit: {
+                slot: "c",
+                label: "Lit",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                default: 0.35,
+                hint: "Share of the lattice that is emitting at any moment.",
+            },
+            reach: {
+                slot: "d",
+                label: "Reach",
+                min: 0.3,
+                max: 8,
+                step: 0.05,
+                default: 1.6,
+                hint: "How many cells a dot throws across before the inverse square eats it.",
+            },
+        },
+        colors: {
+            colorA: color("Body", "#1e293b", "The grey of a dot that is not lit."),
+            colorB: color("Mid", "#7c3aed", "The middle of the ramp the lit dots draw from."),
+            colorC: color("Light", "#e0f2fe", "The brightest dots."),
+        },
+    },
+    beacon: {
+        name: "Beacon",
+        tagline: "A triangle of LEDs on a floor that catches what they throw",
+        description: "The glow is computed, never blurred. Each edge contributes an exponential falloff off the line itself and a second off the emitter nearest along it, both analytic, so the halo keeps its shape at any zoom and the LEDs stay round at any pixel density. The floor is the same light field read at the mirrored point, widened with depth — a reflection for the price of a second lookup. Give two edges different colours and the plate picks up both.",
+        family: "geometric",
+        tags: ["hero", "neon", "dark", "pointer"],
+        cost: "light",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 0.8, max: 2.5 },
+            scale: { ...base.scale, default: 1, min: 0.3, max: 2 },
+            intensity: { ...base.intensity, default: 1 },
+            grain: { ...base.grain, default: 0.02 },
+            vignette: { ...base.vignette, default: 0.35 },
+            leds: {
+                slot: "a",
+                label: "LEDs",
+                min: 2,
+                max: 40,
+                step: 1,
+                default: 13,
+                hint: "Emitters per edge. Few reads as a marquee, many as a strip.",
+            },
+            bleed: {
+                slot: "b",
+                label: "Bleed",
+                min: 0.004,
+                max: 0.2,
+                step: 0.002,
+                default: 0.04,
+                hint: "How far light carries off an edge. Small is a hard point, large is a wash.",
+            },
+            reflection: {
+                slot: "c",
+                label: "Reflection",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                default: 0.6,
+                hint: "How much of the triangle the floor gives back.",
+            },
+            chase: {
+                slot: "d",
+                label: "Chase",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                default: 0.7,
+                hint: "0 holds every LED steady, 1 runs a pulse around the perimeter.",
+            },
+        },
+        colors: {
+            colorA: color("Room", "#0a0a12", "The wall, the plate and the floor."),
+            colorB: color("Edge", "#22d3ee", "The first edge, and half of the third."),
+            colorC: color("Highlight", "#f472b6", "The second edge, the pointer's lamp, and half of the third."),
+        },
+    },
+    orb: {
+        name: "Orb",
+        tagline: "A liquid blob suspended in a sphere of glass",
+        description: "The glass is analytic and the blob is marched, which is the only way this fits in one pass: a sphere is two roots of a quadratic, so entry, exit and both normals are exact and the ray only has to be stepped between them. The body inside is lobes melted together with a smooth minimum, which is what keeps it reading as one liquid thing rather than as balls in a bag. Nothing has a hard edge — the silhouette is antialiased off a field that stays smooth across the frame, and the blob off its own distance. The pointer turns the studio, so the highlights travel across the glass.",
+        family: "organic",
+        tags: ["glass", "hero", "3d", "pointer"],
+        cost: "heavy",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 0.45, max: 2 },
+            scale: { ...base.scale, default: 1, min: 0.4, max: 2 },
+            intensity: { ...base.intensity, default: 1 },
+            grain: { ...base.grain, default: 0.015 },
+            vignette: { ...base.vignette, default: 0.4 },
+            warp: {
+                ...warp,
+                label: "Refraction",
+                min: 0,
+                max: 2,
+                default: 0.75,
+                hint: "How hard the glass bends a ray. 0 is a clear shell, 2 is a heavy lens.",
+            },
+            core: {
+                slot: "a",
+                label: "Core",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                default: 0.8,
+                hint: "0 is one round drop. 1 pulls the lobes apart and ripples the skin, so the body churns and pinches.",
+            },
+            dispersion: {
+                slot: "b",
+                label: "Dispersion",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                default: 0.45,
+                hint: "How far the red and blue ends part on the way out of the glass.",
+            },
+            lobes: {
+                slot: "c",
+                label: "Lobes",
+                min: 1,
+                max: 8,
+                step: 1,
+                default: 5,
+                hint: "Bodies melted into the blob. Each one costs a distance every step of the march.",
+            },
+            studio: {
+                slot: "d",
+                label: "Studio",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 1,
+                hint: "Strength of the two softboxes the glass reflects.",
+            },
+        },
+        colors: {
+            colorA: color("Backdrop", "#171430", "The seamless behind the glass."),
+            colorB: color("Glass", "#5eead4", "What the glass takes out of a ray as it passes through."),
+            colorC: color("Key", "#fff7ed", "The key light, its rim, and the sheen on the core."),
+        },
+    },
+    eyes: {
+        name: "Eyes",
+        tagline: "A wall of eyes that look where the pointer goes",
+        description: "Each cell is one eye: an almond of sclera, an iris that travels toward the cursor, a lid that blinks on its own clock. The gaze is the interactive part — move the pointer and the whole wall follows it — but the idle frame carries itself: with no pointer the eyes wander, each on its own phase, so a card is never a grid of dead centres.",
+        family: "geometric",
+        tags: ["interactive", "pointer", "playful"],
+        cost: "light",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 1, max: 2.5 },
+            scale: { ...base.scale, default: 1, min: 0.4, max: 2.5 },
+            grain: { ...base.grain, default: 0.02 },
+            vignette: { ...base.vignette, default: 0.3 },
+            follow: {
+                slot: "a",
+                label: "Follow",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                default: 0.85,
+                hint: "0 lets every eye wander on its own, 1 locks them all onto the pointer.",
+            },
+            blink: {
+                slot: "b",
+                label: "Blink",
+                min: 0,
+                max: 3,
+                step: 0.01,
+                default: 1,
+                hint: "Blink rate. 0 stares, which is worse.",
+            },
+            iris: {
+                slot: "c",
+                label: "Iris",
+                min: 0.4,
+                max: 1.6,
+                step: 0.01,
+                default: 1,
+                hint: "Size of the iris inside the almond.",
+            },
+            pupil: {
+                slot: "d",
+                label: "Pupil",
+                min: 0.15,
+                max: 0.9,
+                step: 0.01,
+                default: 0.45,
+                hint: "Pupil as a share of the iris. Big is dark-adapted, or alarmed.",
+            },
+        },
+        colors: {
+            colorA: color("Wall", "#151221", "The wall the eyes are set into."),
+            colorB: color("Iris", "#38bdf8", "The iris, shaded darker at its rim."),
+            colorC: color("Sclera", "#ece7dc", "The white of the eye."),
+        },
+    },
+    tesla: {
+        name: "Tesla",
+        tagline: "A plasma globe whose filament reaches for your finger",
+        description: "The bolts are analytic: each one is a base angle plus a noise wiggle that grows with radius, so a pixel's distance to a filament is its angular error times its radius — no marching, no segments. Bolts re-roll their heading on a coarse clock, which is the jump that reads as electricity. One bolt always seeks the pointer, clamped to the inside of the glass, exactly what the real toy does when a hand touches the dome.",
+        family: "organic",
+        tags: ["interactive", "pointer", "dark", "hero"],
+        cost: "medium",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 1, max: 2.5 },
+            scale: { ...base.scale, default: 1, min: 0.4, max: 2 },
+            grain: { ...base.grain, default: 0.02 },
+            vignette: { ...base.vignette, default: 0.4 },
+            warp: {
+                ...warp,
+                label: "Wiggle",
+                min: 0,
+                max: 2,
+                default: 0.8,
+                hint: "How hard a filament thrashes as it travels. 0 is spokes.",
+            },
+            bolts: {
+                slot: "a",
+                label: "Bolts",
+                min: 2,
+                max: 8,
+                step: 1,
+                default: 5,
+                hint: "Free-roaming filaments, not counting the one that seeks the pointer.",
+            },
+            glow: {
+                slot: "b",
+                label: "Glow",
+                min: 0.3,
+                max: 2,
+                step: 0.01,
+                default: 1,
+                hint: "Width of the halo riding each filament.",
+            },
+            flicker: {
+                slot: "c",
+                label: "Flicker",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 1,
+                hint: "How often the bolts re-roll their heading.",
+            },
+            haze: {
+                slot: "d",
+                label: "Haze",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 0.8,
+                hint: "The gas glow filling the globe behind the filaments.",
+            },
+        },
+        colors: {
+            colorA: color("Gas", "#1e1b4b", "The unexcited gas inside the globe."),
+            colorB: color("Halo", "#a78bfa", "The glow around each filament, and the glass rim."),
+            colorC: color("Core", "#f5f3ff", "The filament cores and the electrode."),
+        },
+    },
+    magnet: {
+        name: "Magnet",
+        tagline: "Field lines of three charges, one riding the pointer",
+        description: "Nothing here is traced. The stream function of a point charge is its angle and its potential is the log of its distance, so field lines are level sets of one sum and equipotentials of the other — the whole plot is two sin() calls over closed forms, live at any resolution. The pointer carries the third charge; its slider steps by whole numbers because the picture's continuity across the branch cuts depends on the charges being integers.",
+        family: "geometric",
+        tags: ["interactive", "pointer", "diagram"],
+        cost: "light",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 1, max: 2.5 },
+            scale: { ...base.scale, default: 1, min: 0.4, max: 2.5 },
+            grain: { ...base.grain, default: 0.02 },
+            vignette: { ...base.vignette, default: 0.35 },
+            lines: {
+                slot: "a",
+                label: "Lines",
+                min: 4,
+                max: 48,
+                step: 1,
+                default: 14,
+                hint: "Field lines leaving each unit of charge.",
+            },
+            flow: {
+                slot: "b",
+                label: "Flow",
+                min: 0,
+                max: 3,
+                step: 0.01,
+                default: 1,
+                hint: "The phase sliding along the lines. 0 is a printed diagram.",
+            },
+            charge: {
+                slot: "c",
+                label: "Charge",
+                min: -2,
+                max: 2,
+                step: 1,
+                default: 1,
+                hint: "The pointer's charge. Whole numbers only — the picture tears otherwise. 0 removes it.",
+            },
+        },
+        colors: {
+            colorA: color("Paper", "#0b0e14", "The ground behind the plot."),
+            colorB: color("South", "#60a5fa", "The negative pole, and the equipotential rings."),
+            colorC: color("North", "#fb7185", "The positive pole, and a positive pointer."),
+        },
+    },
+    torch: {
+        name: "Torch",
+        tagline: "A light in your hand, moving over rock in the dark",
+        description: "The wall is a heightfield and the lamp is the pointer, so the shading is honest: the fbm that draws the rock is differentiated for a normal, and crevices light up and go dark as the torch passes over them — which is what makes the surface read as carved rather than printed. The flame gutters on two noise rates, a slow breathe under a fast sputter, and dust motes drift through the beam because lit air is the only air you can see.",
+        family: "spatial",
+        tags: ["interactive", "pointer", "dark"],
+        cost: "medium",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 1, max: 2 },
+            scale: { ...base.scale, default: 1, min: 0.4, max: 2.5 },
+            grain: { ...base.grain, default: 0.03 },
+            vignette: { ...base.vignette, default: 0.5 },
+            warp: {
+                ...warp,
+                label: "Relief",
+                min: 0,
+                max: 2.5,
+                default: 1,
+                hint: "Steepness of the rock. It scales the slope, not the texture.",
+            },
+            beam: {
+                slot: "a",
+                label: "Beam",
+                min: 0.15,
+                max: 1.5,
+                step: 0.01,
+                default: 0.7,
+                hint: "Radius of the pool of light around the pointer.",
+            },
+            gutter: {
+                slot: "b",
+                label: "Gutter",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 1,
+                hint: "How much the flame wavers. 0 is an LED.",
+            },
+            motes: {
+                slot: "c",
+                label: "Motes",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 0.8,
+                hint: "Dust drifting through the beam.",
+            },
+            ambient: {
+                slot: "d",
+                label: "Ambient",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                default: 0.35,
+                hint: "What little the dark still shows. 0 is a cave.",
+            },
+        },
+        colors: {
+            colorA: color("Rock", "#241a12", "The stone in shadow."),
+            colorB: color("Flame", "#fbbf24", "The torchlight itself."),
+            colorC: color("Spark", "#fde68a", "Speculars and the dust in the beam."),
+        },
+    },
+    parallax: {
+        name: "Parallax",
+        tagline: "Ridgelines in depth, and the pointer moves the camera",
+        description: "Five silhouettes, each a one-dimensional ridged fbm thresholded against the pixel's height. Depth is faked twice over: haze mixes each layer toward the sky, and the pointer pans each layer by its own factor — the near ridge slides furthest, which is the one cue that turns a flat stack into a landscape you are standing in. Time scrolls the world slowly on its own.",
+        family: "organic",
+        tags: ["interactive", "pointer", "hero", "calm"],
+        cost: "medium",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 0.6, max: 2 },
+            scale: { ...base.scale, default: 1, min: 0.4, max: 2.5 },
+            grain: { ...base.grain, default: 0.03 },
+            vignette: { ...base.vignette, default: 0.3 },
+            warp: {
+                ...warp,
+                label: "Jaggedness",
+                min: 0.2,
+                max: 2,
+                default: 1,
+                hint: "How sharp the ridgelines cut. Low rolls, high tears.",
+            },
+            height: {
+                slot: "b",
+                label: "Height",
+                min: 0.3,
+                max: 2,
+                step: 0.01,
+                default: 1,
+                hint: "Amplitude of the mountains against the sky.",
+            },
+            pan: {
+                slot: "c",
+                label: "Pan",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 1,
+                hint: "How far the pointer swings the camera.",
+            },
+            sun: {
+                slot: "d",
+                label: "Sun",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 1,
+                hint: "The low sun and the rim light it puts on every ridge.",
+            },
+        },
+        colors: {
+            colorA: color("Zenith", "#2b1b5e", "The top of the sky; the near ridges are its ink."),
+            colorB: color("Horizon", "#c86a8a", "The haze the far layers sink into."),
+            colorC: color("Sun", "#ffd9a0", "The disc, its glow, and the rim light."),
+        },
+    },
+    gravity: {
+        name: "Gravity",
+        tagline: "A starfield lensed by a mass that rides the pointer",
+        description: "The lens is the physics, simplified once: a point mass deflects light by the square of its Einstein radius over the impact distance, so every sample is just read from a pushed position. That one line produces everything the picture is known for — stars smeared into arcs, the ring at the Einstein radius, doubled images inside it — and dragging the pointer drags the distortion across the sky.",
+        family: "spatial",
+        tags: ["interactive", "pointer", "dark", "hero"],
+        cost: "medium",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 0.8, max: 2 },
+            scale: { ...base.scale, default: 1, min: 0.4, max: 2.5 },
+            grain: { ...base.grain, default: 0.02 },
+            vignette: { ...base.vignette, default: 0.35 },
+            mass: {
+                slot: "a",
+                label: "Mass",
+                min: 0.1,
+                max: 2.5,
+                step: 0.01,
+                default: 1,
+                hint: "The Einstein radius. Everything else scales from it.",
+            },
+            ring: {
+                slot: "b",
+                label: "Ring",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 0.9,
+                hint: "The photon ring, and the hot rim on the shadow's edge.",
+            },
+            grid: {
+                slot: "c",
+                label: "Grid",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                default: 0.25,
+                hint: "The spacetime grid, bent through the same lens. 0 hides it.",
+            },
+            stars: {
+                slot: "d",
+                label: "Stars",
+                min: 0.2,
+                max: 1.6,
+                step: 0.01,
+                default: 1,
+                hint: "Density of the field behind the lens.",
+            },
+        },
+        colors: {
+            colorA: color("Space", "#050510", "The dark between the stars."),
+            colorB: color("Nebula", "#7c3aed", "The soft field, the grid, and the faintest stars."),
+            colorC: color("Star", "#f8fafc", "The bright stars and the shadow's rim."),
+        },
+    },
     glass: {
         name: "Glass",
         tagline: "A refracting, frosted sheet over the layer behind it",
@@ -1674,6 +2252,258 @@ export const shaderRegistry = {
             colorC: color("Edge", "#fbcfe8", "The light on the boundary itself."),
         },
     },
+    "neon-sign": {
+        name: "Neon Sign",
+        tagline: "The layer's edges bent into glass tube and lit",
+        description: "The tube is the level set where the layer's luma crosses a threshold, which is why this works on anything but sings on text: a glyph's boundary is one clean crossing, and the band around it becomes the glass. The halo is the blurred luma itself rather than a blur of the tube, so the light lands where the ink is. Hand it `source={{ text: \"OPEN\" }}` and it is a sign.",
+        family: "optical",
+        tags: ["text", "neon", "dark", "sign"],
+        cost: "heavy",
+        defaultSource: "truchet",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 1, max: 2 },
+            scale: { ...base.scale, default: 1 },
+            grain: { ...base.grain, default: 0.02 },
+            vignette: { ...base.vignette, default: 0.35 },
+            warp: {
+                ...warp,
+                label: "Glow",
+                min: 0.05,
+                max: 2,
+                default: 0.6,
+                hint: "How far the tube's light carries onto the wall.",
+            },
+            threshold: {
+                slot: "a",
+                label: "Threshold",
+                min: 0.05,
+                max: 0.95,
+                step: 0.01,
+                default: 0.45,
+                hint: "The luma level the tube is bent along.",
+            },
+            fill: {
+                slot: "b",
+                label: "Fill",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 0.8,
+                hint: "The dim glow inside the letterforms, behind the tube.",
+            },
+            flicker: {
+                slot: "c",
+                label: "Flicker",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                default: 0.35,
+                hint: "Sputter. The dropouts arrive as events, not as noise.",
+            },
+            boost: {
+                slot: "d",
+                label: "Boost",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 1,
+                hint: "Overall drive into the tube.",
+            },
+        },
+        colors: {
+            colorA: color("Wall", "#160b16", "The wall behind the sign, lit by its spill."),
+            colorB: color("Tube", "#f0abfc", "The neon colour: the halo and the fill."),
+            colorC: color("Core", "#fff1f2", "What the middle of the tube burns to."),
+        },
+    },
+    ascii: {
+        name: "ASCII",
+        tagline: "The layer redrawn as a density ramp of glyphs",
+        description: "Ten 3×5 bitmaps packed into ten integers, ordered by how much ink they carry, so brightness picks the character the way the classic ramp does. The font ships inside the shader — a vendored copy runs with no assets at all. Colorize slides between pure phosphor and the source's own colour pushed through the glyphs; scan adds the monitor the font implies.",
+        family: "image",
+        tags: ["text", "retro", "terminal"],
+        cost: "light",
+        defaultSource: "aurora",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 1, max: 2 },
+            scale: { ...base.scale, default: 1 },
+            grain: { ...base.grain, default: 0 },
+            vignette: { ...base.vignette, default: 0.3 },
+            cells: {
+                slot: "a",
+                label: "Cells",
+                min: 8,
+                max: 120,
+                step: 1,
+                default: 48,
+                hint: "Characters across the short axis.",
+            },
+            contrast: {
+                slot: "b",
+                label: "Contrast",
+                min: 0.3,
+                max: 3,
+                step: 0.01,
+                default: 1,
+                hint: "Gamma on the luma before it picks a glyph.",
+            },
+            colorize: {
+                slot: "c",
+                label: "Colorize",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                default: 0,
+                hint: "0 is phosphor, 1 keeps the source's own colours.",
+            },
+            scan: {
+                slot: "d",
+                label: "Scan",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                default: 0.4,
+                hint: "Scanlines and a slow refresh bar.",
+            },
+        },
+        colors: {
+            colorA: color("Screen", "#0a0f0a", "The unlit glass behind the characters."),
+            colorB: color("Mid", "#166534", "Unused by the glyphs; feeds post."),
+            colorC: color("Phosphor", "#4ade80", "The terminal's ink."),
+        },
+    },
+    shatter: {
+        name: "Shatter",
+        tagline: "The layer breaks into shards that fly from the pointer",
+        description: "A voronoi partition where the shards hold still and their contents move: each cell samples the source from a position swung back toward the impact point, so the picture inside every shard slides and rotates away from the cursor while the crack pattern stays fixed. At speed 0 the progress slider is a scrubber, same contract as reveal — bind it to a scroll position and the break happens under the reader's thumb.",
+        family: "distortion",
+        tags: ["interactive", "pointer", "text", "transition"],
+        cost: "medium",
+        defaultSource: "kaleidoscope",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 0.6, max: 2 },
+            scale: { ...base.scale, default: 1 },
+            grain: { ...base.grain, default: 0.02 },
+            vignette: { ...base.vignette, default: 0.25 },
+            warp: {
+                ...warp,
+                label: "Scatter",
+                min: 0,
+                max: 2,
+                default: 1,
+                hint: "How far the shards travel from the impact.",
+            },
+            progress: {
+                slot: "a",
+                label: "Progress",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                default: 0,
+                hint: "Position of the break. Set speed to 0 and drive this yourself.",
+            },
+            shards: {
+                slot: "b",
+                label: "Shards",
+                min: 2,
+                max: 24,
+                step: 1,
+                default: 8,
+                hint: "Density of the crack pattern.",
+            },
+            spin: {
+                slot: "c",
+                label: "Spin",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 0.8,
+                hint: "How much each shard rotates as it flies.",
+            },
+            glint: {
+                slot: "d",
+                label: "Glint",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 0.8,
+                hint: "Light catching the fresh crack edges.",
+            },
+        },
+        colors: {
+            colorA: color("Behind", "#0b0b12", "What shows through the gaps between shards."),
+            colorB: color("Mid", "#334155", "Unused by the shards; feeds post."),
+            colorC: color("Glint", "#e2e8f0", "The light on the crack edges."),
+        },
+    },
+    melt: {
+        name: "Melt",
+        tagline: "The layer runs downhill, and the pointer is the heat",
+        description: "A melting pixel shows what used to be above it, so the whole effect is sampling the source at a smaller y. How much smaller is a column-coherent noise — coherent down each column, varied across them — which is what makes drips instead of fog. The streak pass keeps the brightest tap of the climb, the way a run of paint carries its highlight down with it. The pointer is a blowtorch: hold it on text and the text sags.",
+        family: "distortion",
+        tags: ["interactive", "pointer", "text"],
+        cost: "medium",
+        defaultSource: "neon-grid",
+        controls: {
+            ...base,
+            speed: { ...base.speed, default: 1, max: 2 },
+            scale: { ...base.scale, default: 1 },
+            grain: { ...base.grain, default: 0.02 },
+            vignette: { ...base.vignette, default: 0.25 },
+            warp: {
+                ...warp,
+                label: "Wobble",
+                min: 0,
+                max: 2,
+                default: 0.8,
+                hint: "Sideways sway in the runs, so no drip is perfectly plumb.",
+            },
+            heat: {
+                slot: "a",
+                label: "Heat",
+                min: 0,
+                max: 2,
+                step: 0.01,
+                default: 0.8,
+                hint: "Overall melting. The pointer adds its own on top.",
+            },
+            drips: {
+                slot: "b",
+                label: "Drips",
+                min: 0.2,
+                max: 3,
+                step: 0.01,
+                default: 1,
+                hint: "How many runs share the width of the frame.",
+            },
+            streaks: {
+                slot: "c",
+                label: "Streaks",
+                min: 0,
+                max: 1,
+                step: 0.01,
+                default: 0.7,
+                hint: "The bright smear a run drags down with it.",
+            },
+            torch: {
+                slot: "d",
+                label: "Torch",
+                min: 0.05,
+                max: 0.8,
+                step: 0.01,
+                default: 0.25,
+                hint: "Radius of the pointer's heat.",
+            },
+        },
+        colors: {
+            colorA: color("Ground", "#0a0a12", "Unused by the melt; feeds post."),
+            colorB: color("Mid", "#7f1d1d", "Unused by the melt; feeds post."),
+            colorC: color("Molten", "#fda4af", "The glow on the steepest runs."),
+        },
+    },
 };
 export const shaderNames = Object.keys(shaderRegistry);
 export function getShader(name) {