Website powered by

ASCII art .jsx generator for AE

This was a project to get myself a little better at Javascript. I could write the odd expression before this, but nothing too fancy! Actually hugely enjoyed the experience - lots of problem solving, but so much information available online!

The code does the following:
Takes an input image or video and divides it into grid squares,
Samples the grid pixel colours and averages out the brightness value,
Assigns a character corresponding to the brightness,
Repeats for all grids,
Repeats for all frames,
Outputs the result into a text layer.

Features:
Variable grid size (smaller or larger ASCII
Grid sample quality/ accuracy
Works with animated sequences

Works with animation!

Works with animation!

Variable 'grid size'

Variable 'grid size'

example 01

example 01

example 01

example 01

example 02

example 02

Snippet of my, most likely, terrible code!

Snippet of my, most likely, terrible code!

After spending a horrendously long time trying to do this with JavaScript - I managed to do it in about 15 lines of VEX in Houdini...

After spending a horrendously long time trying to do this with JavaScript - I managed to do it in about 15 lines of VEX in Houdini...

example

example

Simple wrangle to assign a "lightness" (more correctly luminosity) attribute to each point, then group that point based on that attribute.

Simple wrangle to assign a "lightness" (more correctly luminosity) attribute to each point, then group that point based on that attribute.