ASCII 3D Renderer for JavaScript

https://github.com/kciter/ascii-3d-renderer.js

by thunderbong • 2 years ago

99 22 2 years ago

github.com

owenpalmer• 2 years ago

Reminds me of https://asciicker.com/.

lsc4719• 2 years ago

Amazing!

smusamashah• 2 years ago

This immediately reminded me of this ascii graphics library https://play.ertdfgcvb.xyz/ which I found on HN a while ago

sukmaagung• 2 years ago

So, as long it uses only text, it can be called ASCII art, not just characters from space to tilde (or null to tilde)?

mock-possum• 2 years ago

Colloquially, yes.

mxfh• 2 years ago

Its just 3 bits white plus those 7 box art chars.

private Shade = '·┼╬'; [1]

Would have expected something more sophisticated, where the shader also looks at subpixels, where it gets the best matching char for the shape and brightness.

Like rastapasta map renderer did with the braille block:

https://github.com/rastapasta/mapscii

https://news.ycombinator.com/item?id=39975887

---

https://github.com/kciter/ascii-3d-renderer.js/blob/1f1a8493... [1]

Shades and Box art chars where never part of any ASCII standard. https://en.wikipedia.org/wiki/Code_page_437

Technically no ASCII but that's just for purists https://en.wikipedia.org/wiki/ASCII_art#%22Block_ASCII%22_/_...

Retr0id• 2 years ago

Yes, sadly this semantic battle has already been lost.

nox101• 2 years ago

I'm pretty sure it's rendering strings but there's also the technique of post processing on the GPU like this

https://threejs.org/examples/?q=asc#webgl_effects_ascii

LukaD• 2 years ago

This video goes into depth about ASCII rendering as a post processing effect: https://www.youtube.com/watch?v=gg40RWiaHRY

EGreg• 2 years ago

“goes into depth”

I see what you did there

(without intending to do it)

thih92• 2 years ago

IMHO in this video the end result doesn't qualify as ASCII art - square letters in particular are a deal breaker to me.

It is still a cool shader that turns input into text, even if it doesn't have the ascii art vibe.

gewaltig• 2 years ago

My younger self cries out in joy. So 1980s when you could print an ASCII picture of yourself on mugs and Ts

_the_inflator• 2 years ago

BBS vibes as well.

I did quite a lot of printing on dot matrix printers as well.

agys2• 2 years ago

Self plug: the “ASCII Playground“ has a couple of 3D demos as well!

DOM manipulation is fast enough to allow text output into a PRE element as long as text color is not changed too often (each style change needs the affected chars wrapped into a SPAN).

https://play.ertdfgcvb.xyz

Xen9• 2 years ago

Anyone who attempts to generate 3-dimensional renders by textual means is living in a state of sin(x).

rrnechmech• 2 years ago

If this is sin, give me chastity and continence, but not yet :)

agys2• 2 years ago

Cos(x) players are welcome!

MaanuAir• 2 years ago

Immediately reminds me of: https://aa-project.sourceforge.net/index.html

woodrowbarlow• 2 years ago

see also: donut.c which renders a 3d spinning torus in ascii. https://www.a1k0n.net/2006/09/15/obfuscated-c-donut.html

explanation with animations: https://www.a1k0n.net/2011/07/20/donut-math.html

ASCII 3D Renderer for JavaScript

Related Stories