Source Field
Proportional × 3 Weights × Italic
Monospace × Single Weight
Proportional font (Georgia) rendered at 3 font-weights × normal/italic — each variant measured by pretext for precise width. A shared particle-and-attractor brightness field drives all three panels, then characters are chosen by brightness AND width to preserve the shape in proportional type.
This demo generates animated ASCII art from a particle brightness field, using Pretext to measure proportional character widths so the art maintains its shape even in variable-width fonts. The three panels compare source field, proportional, and monospace rendering.
Because the content is generative visual art with no textual meaning, each panel is
marked with role="img" and descriptive labels explaining what is being
shown. The heading and subtitle provide full context about the technique. Reduced-motion
preferences are respected by disabling CSS transitions.
This is inherently a visual demo — the generated ASCII art has no textual meaning to convey. Without JavaScript, the art panels are empty, but the heading, subtitle, and panel labels remain visible, providing full context about the technique being demonstrated.