ASCII Waves.
Source colors, a living character field, and the accepted Fine settings. Choose Original, Fine or Dense; move your pointer and pause the wave.
Loading LOOP30 clip…
Use the original renderer.
Copy both TypeScript files together. Create a canvas and a local or CORS-enabled video element. Dispose the renderer when the component unmounts. The source video is provisioned separately; local files stay in your browser.
Explore Digital Wake ↗03 / CODE & INSTALLATION
Take it from here.
Copy each source file into components/white-journey/original-ascii/. Keep the filenames and their relative imports together. Then use the example below. Use the runtime and file types listed on this effect’s usage notes. The example uses the common @/ import alias; use a relative import if your project has no alias.
import { AsciiWavesRenderer, DEFAULT_SETTINGS } from "./renderer";
const renderer = new AsciiWavesRenderer(canvas);
renderer.setSettings({ ...DEFAULT_SETTINGS, cellSize: 12 });
renderer.setVideo(video, true);
// On unmount: renderer.dispose();The source above powers this preview. Local review build; no published package required.