Animated #TextMode area plots with additive blending in ANSI16 format...

Source code for a static version of this example (made with http://thi.ng/ramp, https://thi.ng/text-canvas and https://thi.ng/text-format):
https://github.com/thi-ng/umbrella/blob/develop/packages/text-canvas/README.md#multiple-bar-plots-with-additive-blending

#TextModeTuesday #DataViz #ANSIArt #AreaPlot #ThingUmbrella #TypeScript

For #TextModeTuesday, some fonts from my old demoscene days, recreated in 2022 for an example project of my opensource libraries:

Figlet style text generator using big fonts:
https://demo.thi.ng/umbrella/big-font/

Font sources (the lines below the characters are kerning pairs):
https://github.com/thi-ng/umbrella/blob/develop/examples/big-font/src/fonts/atari.txt

https://github.com/thi-ng/umbrella/blob/develop/examples/big-font/src/fonts/newgothic.txt

#TextMode #ASCIIArt #Typography #Font

Welcome to #TextModeTuesday! For the next few weeks I'll be posting some projects & experiments related to this just spontaneously made up hashtag. If you've got something related to interesting text-based art/experiments, patterns, ASCII-art, ANSI-art etc. please share — the more, the merrier...

To start with, here's an experiment from a few years ago to demonstrate some capabilities of https://thi.ng/text-canvas and https://thi.ng/shader-ast to create a raymarching renderer outputting images in text mode (with customizable character sets to represent luminance).

Demo:
https://demo.thi.ng/umbrella/ascii-raymarch/

Commented source code:
https://github.com/thi-ng/umbrella/blob/develop/examples/ascii-raymarch/

Hotkeys:

- c = toggle color on/off
- t = toggle theme switch
- space = toggle update

WebGL version of the same scene (using an almost identical TypeScript shader source, only here transpiled to GLSL and using slightly different colors):
https://demo.thi.ng/umbrella/shader-ast-raymarch/

#TextModeTuesday #ASCIIArt #ThingUmbrella #TypeScript #ShaderAST #Raymarching