░░ ░░░░ ░░░░ ░░░ ░░ ░░░ ░░░░ ░░░ ░░░░ ░░░ ░░ ▒ ▒▒▒▒ ▒▒ ▒▒▒▒▒▒▒▒ ▒▒▒▒ ▒▒▒▒▒ ▒▒▒▒▒▒▒▒ ▒▒▒▒▒ ▒▒▒▒▒▒▒▒ ▒▒▒▒ ▒▒ ▒▒ ▒▒ ▒▒▒▒ ▒ ▓ ▓▓▓▓ ▓▓▓ ▓▓▓ ▓▓▓▓▓▓▓▓▓▓▓ ▓▓▓▓▓▓▓▓ ▓▓▓▓▓▓ ▓▓▓ ▓▓▓▓ ▓▓ ▓▓ ▓▓▓▓ ▓ █ ████████ ██ ████ █████ ████████ ███████████ ██ ██ █ █ ██ █ █ ████ ███ ████ ███ ██ ███ ███ ████ ██ ████ ██ ████ █

// 1. Drop the target pre inside your div:
<div class="my-div"> <pre id="my-canvas"></pre> </div>

// 2. Style the wrapper:
.my-div { position: relative; overflow: hidden; background: #060610; }
.my-div pre { position: absolute; inset: 0; font-size: 10px; line-height: 1.3; color: #00ffcc; pointer-events: none; }

// 3. Copy the JS for whichever animation you want and call:
asciiWave('my-canvas');    // Ocean Wave
asciiRain('my-canvas');    // Digital Rain
asciiPlasma('my-canvas'); // Plasma Field
asciiRipple('my-canvas'); // Ripple Pool
asciiNoise('my-canvas');  // Static Noise
asciiVortex('my-canvas'); // Vortex Spiral
asciiFire('my-canvas');   // Fire Sim
asciiStars('my-canvas');  // Starfield
asciiDNA('my-canvas');    // DNA Helix
asciiBinary('my-canvas'); // Binary Fall
asciiRadar('my-canvas');  // Radar Sweep
asciiWorms('my-canvas');  // Worm Trails
asciiTunnel('my-canvas'); // Tunnel Zoom
asciiSand('my-canvas');   // Sand Fall
asciiEKG('my-canvas');    // EKG Pulse
asciiLife('my-canvas');   // Game of Life
asciiCube('my-canvas');   // Rotating Cube
asciiLissajous('my-canvas'); // Lissajous
asciiSnow('my-canvas');   // Snowfall
asciiMandel('my-canvas'); // Mandelbrot
asciiAnt('my-canvas');    // Langton's Ant
asciiOrbits('my-canvas'); // Orbit Sim
asciiSmoke('my-canvas');  // Smoke Rise
asciiLightning('my-canvas'); // Lightning
asciiRule30('my-canvas'); // Rule 30
asciiMeta('my-canvas');   // Metaballs
asciiMaze('my-canvas');   // Maze Gen
asciiBubbles('my-canvas'); // Bubbles
asciiReact('my-canvas');  // Reaction Diffusion
asciiGlitch('my-canvas'); // Glitch
asciiDLA('my-canvas');    // Crystal Growth
asciiTorus('my-canvas');  // Torus / Donut
asciiWaterfall('my-canvas'); // Waterfall
asciiFountain('my-canvas'); // Fountain
asciiSierpinski('my-canvas'); // Sierpinski
asciiAurora('my-canvas'); // Aurora Curtains
asciiCircuit('my-canvas'); // Circuit Pulse
asciiMoire('my-canvas'); // Moire Drift
asciiEqualizer('my-canvas'); // Equalizer Bars
asciiHex('my-canvas'); // Hex Drift
asciiSunburst('my-canvas'); // Sunburst
asciiComets('my-canvas'); // Comet Trail
asciiScanlines('my-canvas'); // Scanline Drift
asciiTopo('my-canvas'); // Topography
asciiGlyph('my-canvas'); // Glyph Cloud
asciiPendulum('my-canvas'); // Pendulum Field
asciiBloom('my-canvas'); // Bloom Rings
asciiBraid('my-canvas'); // Braid Matrix
asciiSwarm('my-canvas'); // Swarm Flow
asciiBitplane('my-canvas'); // Bitplane
asciiBeacon('my-canvas'); // Beacon Grid
asciiShatter('my-canvas'); // Shatter
asciiHorizon('my-canvas'); // Horizon Sweep
asciiLattice('my-canvas'); // Lattice
asciiPulseTunnel('my-canvas'); // Pulse Tunnel
asciiNebula('my-canvas'); // Nebula Veil
asciiCascade('my-canvas'); // Cascade Code
asciiIsofield('my-canvas'); // Isofield
asciiSpinner('my-canvas'); // Spinner Mesh
asciiQuasar('my-canvas'); // Quasar Core
asciiCrystals('my-canvas'); // Crystal Spires
asciiBraille('my-canvas'); // Braille Rain
asciiHelix('my-canvas'); // Helix Ladder
asciiEcho('my-canvas'); // Echo Rings
asciiParallax('my-canvas'); // Parallax Drift
asciiDunes('my-canvas'); // Dune Sea
asciiKoi('my-canvas'); // Koi Pond
asciiMonsoon('my-canvas'); // Monsoon
asciiFronds('my-canvas'); // Frond Field
asciiSignal('my-canvas'); // Signal Bloom
asciiLumen('my-canvas'); // Lumen Sweep
asciiKnots('my-canvas'); // Knot Field
asciiVeins('my-canvas'); // Vein Network
asciiMarquee('my-canvas'); // Marquee
asciiMonolith('my-canvas'); // Monoliths
asciiDriftGrid('my-canvas'); // Drift Grid
asciiCinders('my-canvas'); // Cinders
asciiPhosphor('my-canvas'); // Phosphor Trails
asciiVault('my-canvas'); // Vault Hall
asciiZenith('my-canvas'); // Zenith Dome
asciiParrot('my-canvas'); // Parrot Parade
asciiMascot('my-canvas'); // Mascot Bounce
asciiBlackHole('my-canvas'); // Black Hole
asciiSynthwave('my-canvas'); // Outrun Sun
asciiTesseract('my-canvas'); // Tesseract
asciiAttractor('my-canvas'); // Strange Attractor
asciiHyperspace('my-canvas'); // Hyperspace
asciiMagicCircle('my-canvas'); // Arcane Runes
asciiHeart('my-canvas'); // Heartbeat
asciiFireworks('my-canvas'); // Fireworks
asciiSkyline('my-canvas'); // Cyber Skyline
asciiMagnetic('my-canvas'); // Magnetic Poles
asciiTornado('my-canvas'); // Vortex Cone
asciiLavaLamp('my-canvas'); // Lava Lamp
asciiKaleidoscope('my-canvas'); // Kaleidoscope
asciiQuantum('my-canvas'); // Quantum Field
asciiFluid('my-canvas'); // Curl Fluid
asciiMobius('my-canvas'); // Möbius Strip
asciiRaymarch('my-canvas'); // Raymarched Sphere
asciiVoronoi('my-canvas'); // Voronoi Cells
asciiGyroid('my-canvas'); // Gyroid
asciiPhysarum('my-canvas'); // Slime Mold
asciiHarmonograph('my-canvas'); // Harmonograph
asciiWormhole('my-canvas'); // Wormhole
asciiFractal('my-canvas'); // Fractal Canopy
asciiSolar('my-canvas'); // Solar Corona
asciiNeural('my-canvas'); // Neural Web
asciiDiffusion('my-canvas'); // Latent Diffusion
asciiTopos('my-canvas'); // Minimal Topo
asciiGlass('my-canvas'); // Glassmorphism
asciiLidar('my-canvas'); // LiDAR Sweep
asciiAttention('my-canvas'); // Attention Weights
asciiBento('my-canvas'); // Bento Box
asciiHologram('my-canvas'); // AR Hologram
asciiKinetic('my-canvas'); // Kinetic Blocks
asciiQubit('my-canvas'); // Bloch Sphere
asciiAura('my-canvas'); // Ambient Aura
asciiFold('my-canvas'); // Z-Fold
asciiGrunge('my-canvas'); // Cyber Grunge
asciiSynapse('my-canvas'); // Synapse
asciiFrutiger('my-canvas'); // Frutiger Aero
asciiWarp('my-canvas'); // Warp Drive
asciiMeshGrad('my-canvas'); // Mesh Gradient
asciiBrutalism('my-canvas'); // Neo-Brutalism
asciiNeumorph('my-canvas'); // Neumorphism
asciiMycelium('my-canvas'); // Mycelium
asciiStatic('my-canvas'); // Phosphor Static
asciiRayTrace('my-canvas'); // Ray Tracer
asciiDataRipple('my-canvas'); // Data Ripple
asciiWarpCore('my-canvas'); // Warp Core
asciiDarkMatter('my-canvas'); // Dark Matter
asciiTorusKnot('my-canvas'); // Torus Knot