# FX Lab

> 99 zero-dependency web effects (WebGL2 / Canvas2D / DOM), each a paste-anywhere snippet. Canvas effects run draw(ctx,w,h,t,mx,my,state) in CSS px (mx,my = -9999 off-cursor); shaders compile against a shared PRE preamble exposing iResolution/iTime/iMouse; DOM effects expose init(root)->{step,stop}. Pick by vibe, then fetch a row’s .md for the snippet + runtime constraints.

Vibes (map intent first): calm · ambient · meditative · minimal · elegant · cozy · energetic · playful · hypnotic · psychedelic · dramatic · aggressive · organic · geometric · technical · cultural · retro · futuristic.

## Generative
- [Gradient Flow](https://fx.rosuh.me/effects/gradient.md): Silky domain-warped color field in deep blue, purple and teal; slow hypnotic drift.
- [Dot-Matrix Wave](https://fx.rosuh.me/effects/dots.md): Blue-teal dot grid pulses in rolling waves; cursor pushes dots outward in a satisfying bulge.
- [Metaballs](https://fx.rosuh.me/effects/metaballs.md): Five glowing purple-magenta blobs orbit and merge organically; cursor draws in a sixth.
- [Aurora Ribbons](https://fx.rosuh.me/effects/aurora.md): Shimmering green-and-purple aurora curtains stream down a starry night sky; serene fullscreen background.
- [Ripple Grid](https://fx.rosuh.me/effects/ripple.md): Teal grid lines bend under expanding ripple rings that emanate from the cursor.
- [Voronoi Cells](https://fx.rosuh.me/effects/voronoi.md): Animated colour-cell mosaic with drifting seeds in jewel tones; organic and hypnotic.
- [Truchet Tiles](https://fx.rosuh.me/effects/truchet.md): Scrolling arc-tile maze in dark teal; endlessly generative, calm, low-contrast texture.
- [Kaleidoscope](https://fx.rosuh.me/effects/kaleido.md): 8-fold FBM kaleidoscope blooms with shifting hues; cursor tilts the mandala in real time.
- [Raymarch SDF](https://fx.rosuh.me/effects/raymarch.md): Glowing torus spins in deep space via 48-step SDF raymarching; blue-to-magenta Fresnel rim.

## Post & Print
- [Vaporwave Grid](https://fx.rosuh.me/effects/vapor.md): Retro vaporwave: banded sunset sun over a perspective cyan neon grid scrolling to the horizon.
- [Chromatic Glitch](https://fx.rosuh.me/effects/glitch.md): Horizontal RGB bands jitter and split over CRT scanlines; aggressive retro glitch.

## World Patterns
- [Seigaiha](https://fx.rosuh.me/effects/seigaiha.md): Serene overlapping blue-white wave fans tile the screen; calm Japanese oceanic elegance.
- [Girih](https://fx.rosuh.me/effects/girih.md): Dark ground of slowly rotating golden octagram lattice; elegant Islamic geometric meditation.
- [Celtic Knot](https://fx.rosuh.me/effects/celtic.md): Glowing green interlace arcs weave across a dark field with a flowing animated dash; hypnotic.
- [Dot Painting](https://fx.rosuh.me/effects/aboriginal.md): Warm earth-tone concentric dot rings orbit fixed anchors on dark brown; organic and meditative.
- [Ink Wash](https://fx.rosuh.me/effects/inkwash.md): Soft ink blobs drift on cream paper; hover to drop a brushstroke wash at the cursor.

## Design Movements
- [Op-Art Moiré](https://fx.rosuh.me/effects/opart.md): Black-and-white concentric rings create a dizzying moiré illusion; cursor shifts the offset.
- [Bauhaus](https://fx.rosuh.me/effects/bauhaus.md): Bold Bauhaus shapes — blue circle, red arc, yellow triangle — slow-turn in primary colours.
- [Memphis 80s](https://fx.rosuh.me/effects/memphis.md): Neon Memphis shapes drift and spin on dark; vibrant 80s pop-design energy.

## Data & System
- [Flow Field](https://fx.rosuh.me/effects/field.md): Dim constellation of drifting particles draws faint connecting lines; cursor repels the swarm.
- [Matrix Rain](https://fx.rosuh.me/effects/matrix.md): Green Katakana glyphs cascade in columns on black; iconic hacker-terminal rain effect.
- [Oscilloscope](https://fx.rosuh.me/effects/scope.md): Phosphor-green oscilloscope waveform glows on a dim CRT grid; calm technical atmosphere.
- [Starfield Warp](https://fx.rosuh.me/effects/starfield.md): Stars streak inward at warp speed from a deep-space vanishing point; hypnotic forward pull.

## Interaction
- [Decode Text](https://fx.rosuh.me/effects/scramble.md): 乱码归位
- [Magnetic Cursor](https://fx.rosuh.me/effects/magnetic.md): 磁吸自定义光标
- [Kinetic Type](https://fx.rosuh.me/effects/kinetic.md): 可变字重波动
- [Marquee Ticker](https://fx.rosuh.me/effects/marquee.md): 无缝跑马灯
- [3D Tilt Card](https://fx.rosuh.me/effects/tilt.md): 透视倾斜 · 跟手
- [Spotlight Mask](https://fx.rosuh.me/effects/spot.md): 光标聚光揭示

## Geometry & Curves
- [Phyllotaxis](https://fx.rosuh.me/effects/phyllotaxis.md): Sunflower spiral of rainbow glowing dots; golden-angle phyllotaxis slowly rotating outward.
- [Rose Curve](https://fx.rosuh.me/effects/rose.md): Soft pink rose curve cycling through 3-to-8-petal forms on a dark field; elegant math bloom.
- [Spirograph](https://fx.rosuh.me/effects/spiro.md): Electric-blue spirograph tracing a hypotrochoid; intricate lace-like winding slowly rotates.
- [Lissajous](https://fx.rosuh.me/effects/lissajous.md): Glowing green Lissajous figure cycling through phase; oscilloscope curve on dark background.
- [Superformula](https://fx.rosuh.me/effects/superformula.md): Purple superformula outline morphing through stars, flowers, and polygons; organic math shapes.
- [Hex Grid](https://fx.rosuh.me/effects/hexgrid.md): Pulsing blue honeycomb grid; a rippling brightness wave sweeps across hex cells.
- [Concentric](https://fx.rosuh.me/effects/concentric.md): Rainbow concentric squares scrolling outward from center; bold, cycling hue tunnel effect.
- [Spiral](https://fx.rosuh.me/effects/spiralarc.md): Clean white Archimedean spiral slowly rotating on pure black; minimal and meditative.
- [Chevron](https://fx.rosuh.me/effects/chevron.md): Scrolling multicolor chevron stripes; vivid zigzag rows stream in retro palette.
- [Herringbone](https://fx.rosuh.me/effects/herringbone.md): Warm gold herringbone tile weave on dark brown; a rich static textile pattern.
- [Polka Dots](https://fx.rosuh.me/effects/polka.md): White polka dots gently breathing on vivid hot-pink; cheerful and playful pop-art pattern.
- [Houndstooth](https://fx.rosuh.me/effects/houndstooth.md): Classic black-and-white houndstooth check slowly scrolling; crisp tailoring pattern.
- [Tartan Plaid](https://fx.rosuh.me/effects/plaid.md): Scrolling tartan plaid in forest green, red, and cream; classic Scottish textile in motion.
- [Starburst](https://fx.rosuh.me/effects/starburst.md): Yellow and pink radiating wedges slowly spinning; bold retro sunburst from canvas center.
- [Wave Lines](https://fx.rosuh.me/effects/wavelines.md): Stacked rainbow sine waves undulating on dark blue-black; hypnotic layered ribbon flow.

## Fractal & Chaos
- [Lorenz](https://fx.rosuh.me/effects/lorenz.md): Electric-blue butterfly trace of the Lorenz attractor; calm chaotic orbit on dark navy.
- [Dragon Curve](https://fx.rosuh.me/effects/dragon.md): Purple dragon-curve fractal slowly rotates; clean self-similar line on dark violet.
- [Fractal Tree](https://fx.rosuh.me/effects/fractaltree.md): Wind-blown fractal tree sways gently; organic green branches on dark, calm and alive.

## Cellular & Physics
- [Boids Flocking](https://fx.rosuh.me/effects/boids.md): 60 pale-blue flecks flock and steer toward the cursor; fluid organic swarm with motion trails.
- [Double Pendulum](https://fx.rosuh.me/effects/pendulum.md): A double pendulum traces chaotic pink arcs on a deep-blue field; beautiful deterministic chaos.
- [Orbits](https://fx.rosuh.me/effects/orbits.md): Four colored planets orbit a golden sun on deep space; calm, minimal cosmic loop.

## World Patterns II
- [Asanoha](https://fx.rosuh.me/effects/asanoha.md): Crisp blue-white hemp-leaf hexagonal lattice on indigo; serene Japanese textile geometry.
- [Kolam](https://fx.rosuh.me/effects/kolam.md): Pink circle rings and warm dots repeat on deep plum; delicate South Indian threshold geometry.
- [Greek Key](https://fx.rosuh.me/effects/greekkey.md): Gold meander hooks scroll steadily across deep navy, forming a flowing ancient Greek frieze.
- [Aztec Step-Fret](https://fx.rosuh.me/effects/aztec.md): Earthy step-fret squares in terracotta and teal tile boldly; vivid Mesoamerican graphic rhythm.
- [Kente Cloth](https://fx.rosuh.me/effects/kente.md): Vivid gold, green and red colour bands tile in the rhythm of West African Kente weaving.
- [Talavera](https://fx.rosuh.me/effects/talavera.md): Cream tiles edged in cobalt, petalled in gold; bright repeating Mexican Talavera ceramics.
- [Ruyi Cloud](https://fx.rosuh.me/effects/cloud.md): Crimson field of pulsing five-lobed cloud medallions; festive and elegant Chinese folk pattern.
- [Koru](https://fx.rosuh.me/effects/koru.md): Cream fern spirals slowly uncoil across a dark forest ground; meditative Māori koru motif.
- [Paisley](https://fx.rosuh.me/effects/paisley.md): Jewel-toned boteh teardrops gently sway on deep indigo; lush Persian paisley textile rhythm.

## Screen & Signal
- [Copper Bars](https://fx.rosuh.me/effects/copperbars.md): Five glowing colored bars bounce on black; warm Amiga Copper demoscene glow.
- [7-Segment](https://fx.rosuh.me/effects/sevenseg.md): Red seven-segment digits show a live HH:MM:SS clock on near-black; crisp retro electronics.
- [LED Matrix](https://fx.rosuh.me/effects/ledmatrix.md): Amber LED dot grid ripples with a traveling sine wave; warm retro electronics glow.
- [Radar Sweep](https://fx.rosuh.me/effects/radar.md): Phosphor-green radar sweep rotates over range rings on dark; tense sci-fi monitor.
- [EKG Monitor](https://fx.rosuh.me/effects/ekg.md): Green heartbeat trace scrolls across a dark grid; tense clinical EKG monitor simulation.

## Interaction & Generative II
- [Cursor Trail](https://fx.rosuh.me/effects/cursortrail.md): Flowing rainbow streak follows the cursor across a dark canvas; playful, energetic overlay.
- [Crosshair HUD](https://fx.rosuh.me/effects/crosshair.md): Sci-fi HUD crosshair locks to the cursor with real-time coordinate readout; minimal, technical.
- [Iron Filings](https://fx.rosuh.me/effects/ironfilings.md): Tiny iron filings snap to magnetic field lines emanating from the cursor; geometric, hypnotic.
- [Vortex](https://fx.rosuh.me/effects/vortex.md): Colourful particles spiral into the cursor in an accelerating vortex; hypnotic, energetic overlay.
- [Confetti](https://fx.rosuh.me/effects/confetti.md): Colourful confetti flakes drift down with gentle sine sway; celebratory, playful overlay.
- [Fireworks](https://fx.rosuh.me/effects/fireworks.md): Glittering firework bursts erupt automatically across a dark sky with gravity fade; dramatic.
- [Bokeh](https://fx.rosuh.me/effects/bokeh.md): Soft luminous circles drift upward like out-of-focus lights; calm, elegant background.
- [Nebula](https://fx.rosuh.me/effects/nebula.md): Drifting cloud wisps and twinkling stars form a deep-space nebula; ambient, meditative background.
- [Lightning](https://fx.rosuh.me/effects/lightning.md): Jagged electric bolt crackles from top to cursor with blue glow flicker; dramatic, aggressive overlay.
- [Neon Pipes](https://fx.rosuh.me/effects/neonpipes.md): Six glowing neon sine waves undulate in cyan, magenta, and lime; retro, energetic background.
- [Loaders](https://fx.rosuh.me/effects/spinners.md): Six loading spinner variants — arc, tick, pulse, ring, bar, fade — minimal, technical demo.
- [Wave Grid](https://fx.rosuh.me/effects/wavegrid.md): Perspective dot grid ripples with sine waves receding into depth; geometric, hypnotic background.
- [Audio Bars](https://fx.rosuh.me/effects/audiobars.md): Simulated spectrum bars pulse in blue-green gradient (no mic); energetic audio-visualiser look.

## Optional
Heavier or niche effects (cpu: high or not mobile-safe) — short-context agents can skip.
- [Halftone CMYK](https://fx.rosuh.me/effects/halftone.md): Warm CMYK halftone dots bloom from cursor position; editorial print-design feel.
- [ASCII Field](https://fx.rosuh.me/effects/ascii.md): Blue-purple ASCII characters pulse in sine-wave brightness waves; retro terminal glow.
- [Topographic](https://fx.rosuh.me/effects/topo.md): Animated teal contour lines map slowly shifting noise terrain; cursor warps the topology.
- [Quasicrystal](https://fx.rosuh.me/effects/quasicrystal.md): Shimmering five-fold crystal interference; blue-purple moiré tiles slowly pulse and breathe.
- [Interference](https://fx.rosuh.me/effects/interference.md): Blue interference fringes from two point-sources pulsing across canvas; hypnotic wave moiré.
- [Mandelbrot](https://fx.rosuh.me/effects/mandelbrot.md): Hypnotic zoom into the Mandelbrot set; cycling hues trace infinite fractal complexity.
- [Julia Set](https://fx.rosuh.me/effects/julia.md): Julia set blooms through parameter space; vivid fractal shapes drift and morph in cyan-blue.
- [Clifford Attractor](https://fx.rosuh.me/effects/clifford.md): Electric-blue dust swirls into alien strange-attractor shapes; meditative accumulator on dark.
- [De Jong](https://fx.rosuh.me/effects/dejong.md): Pink dust drifts into strange alien loops; a De Jong attractor slowly builds on dark violet.
- [Barnsley Fern](https://fx.rosuh.me/effects/fern.md): Bright green Barnsley fern materializes from chaos; organic fractal nature on dark green.
- [Sierpinski](https://fx.rosuh.me/effects/sierpinski.md): Warm amber Sierpinski triangle emerges from the chaos game; minimal fractal on dark.
- [Game of Life](https://fx.rosuh.me/effects/life.md): Glowing green cells flicker on a dark grid; Conway's Game of Life evolves hypnotic patterns.
- [Brian's Brain](https://fx.rosuh.me/effects/briansbrain.md): White sparks and blue trailing echoes pulse across a dark grid; three-state cellular automaton.
- [Langton's Ant](https://fx.rosuh.me/effects/langton.md): A lone ant traces deterministic yellow highways on a black grid, growing complex structure from nothing.
- [Doom Fire](https://fx.rosuh.me/effects/doomfire.md): Roiling orange-red fire climbs from a white-hot base; retro demoscene flame in warm pixel blocks.
- [Falling Sand](https://fx.rosuh.me/effects/sandfall.md): Colorful sand grains pour from the cursor and settle into dunes; playful particle physics.
- [Tunnel](https://fx.rosuh.me/effects/tunnel.md): Hypnotic blue checkerboard rushes toward you in an infinite demoscene tunnel flythrough.
- [Plasma](https://fx.rosuh.me/effects/plasma.md): Swirling rainbow sine-wave blobs morph endlessly; psychedelic demoscene classic.
- [Rotozoom](https://fx.rosuh.me/effects/rotozoom.md): Pink-and-dark checkerboard spins and zooms in and out; retro demoscene rotozoom.
- [Water Ripple](https://fx.rosuh.me/effects/ripplewater.md): Blue water ripples spread from cursor touch across a CPU-simulated height field; calm, fluid.
- [Gooey Blob](https://fx.rosuh.me/effects/blobcursor.md): Pulsing purple gooey blob clings to the cursor with orbiting metaball satellites; playful, organic.
- [Heatmap](https://fx.rosuh.me/effects/heatmap.md): Noise-driven heatmap shifts cool-to-hot; cursor adds a warm bloom; technical, hypnotic overlay.