Karsten SchmidtOne from the archives for #TextmodeTuesday. The post might be 3 years old, but I'm still using these snippets almost daily to visualize and debug data whilst I'm working in the Node REPL...
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
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