Ascii
Convert imagery to ASCII character art
Convert imagery to ASCII character art
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| characters | text | @%#*+=-:. | Characters ordered from dense to sparse. First character is used for bright areas, last for dark areas. |
| cellSize | range | 30 | Size of each ASCII character cell (normalized to 1080p reference, scales proportionally at other resolutions) |
| fontFamily | "Azeret Mono" | "Courier Prime" | "Cutive Mono" | "Fira Code" | "Geist Mono" | "IBM Plex Mono" | "JetBrains Mono" | "Major Mono Display" | "Martian Mono" | "Nova Mono" | "Press Start 2P" | "Roboto Mono" | "Share Tech Mono" | "Silkscreen" | "Source Code Pro" | "Space Mono" | "Syne Mono" | "VT323" | "Xanh Mono" | JetBrains Mono | Font family for characters |
| spacing | range | 1 | Character size within each cell (1.0 = optimal size, 0.0 = smallest) |
| gamma | range | 1 | Brightness curve adjustment. <1 brightens darks (more light characters), >1 darkens midtones (more dark characters). Use to better fit characters to image brightness range. |
| alphaThreshold | range | 0 | Pixels with alpha below this threshold become fully transparent. |
| preserveAlpha | checkbox | true | When enabled, output alpha matches input alpha. When disabled, pixels above the alpha threshold become fully opaque. |
Usage
vue
<Shader>
<Ascii>
<Circle />
</Ascii>
</Shader>