ASCII Dissolve

1"use client";
2 
3import type {
4  TransitionPresentation,
5  TransitionPresentationComponentProps,
6} from "@remotion/transitions";
7import React from "react";
8import {
9  AbsoluteFill,
10  continueRender,
11  delayRender,
12  Easing,
13  interpolate,
14  random,
15  useVideoConfig,
16} from "remotion";
17 
18const clampOpts = {
19  extrapolateLeft: "clamp" as const,
20  extrapolateRight: "clamp" as const,
21};
22 
23// ---------------------------------------------------------------------------
24// ascii-dissolve — the frame becomes plain text. The outgoing scene fades as
25// a fullscreen field of monospace glyphs rises over it: a deterministic
26// noise field drives each cell through a density ramp (" .:-=+*#%@"), so the
27// cover reads as living ASCII. It holds fully opaque long enough to be READ
28// as text, then the cells drop back down the ramp to space while the
29// incoming scene resolves beneath.
30//
31// Text mode (enterText): the outgoing scene blurs out under the rising
32// field; the incoming headline is never previewed as ascii — the field
33// dissolves cell by cell (per-cell staggered, never a flat plane) while
34// the real text fades in over it. `enterStyle` picks what happens AROUND
35// the arriving text:
36//   "fade"      — plain: staggered dissolve everywhere, text fades in.
37//   "clearing"  — the dissolve order is biased by distance to the text:
38//                 cells near the headline vanish first, the field opens a
39//                 granular cavity around it.
40//   "halo"      — a smooth radial attenuation grows around the text: near
41//                 cells slide down the ramp into thin glyphs, a soft dark
42//                 well forms behind the headline.
43//   "wave"      — one density impulse rides outward from the text: cells
44//                 on the wavefront jump up the ramp for a beat, then the
45//                 front leaves cleared field behind it.
46//   "focus"     — the field defocuses: it blurs and dims while the sharp
47//                 text resolves — a depth-of-field handoff.
48//   "lime-echo" — on landing, a sparse ring of accent-colored glyphs
49//                 flashes once around the headline and settles.
50//
51// Fully deterministic: per-cell jitter comes from remotion's seeded random,
52// the flow from fixed sinusoids over progress, the letterform masks from a
53// one-time offscreen-canvas sample of the loaded fonts.
54// ---------------------------------------------------------------------------
55 
56export type AsciiTextSpec = {
57// … truncated