Image to ascii art banner

Image to ascii art

3 devlogs
1h 32m 45s

A small web app that converts any uploaded image into ASCII art.
Adjust the slider to change the character density and see realtime results.

Demo Repository

Loading README...

loekman

Shipped this project!

Hours: 1.55
Cookies: 🍪 36
Multiplier: 23.04 cookies/hr

I created a little site that can transform any image to ascii art, I think it works pretty well.
For the future I want to add the possibility to upload a video and transform that into ascii art.
I’m happy I finished this quickly, I actually expected to spend more time on it.

loekman

I added an ASCII-art converter to the site.
It converts a color image to a black-and-white image to ASCII by sampling each block of pixels, computing the average brightness, and mapping that value to a character from an ASCII gradient.
I also added a slider to control character density (i.e., the sampling resolution), a README on GitHub, and deployed the site at loek.oerlemans.tv/ascii_art.

Attachment
0
loekman

Now you can upload an image and it turns it to and black to white image, I want the image to be black and white so later I can easily convert it into an ascii image

Attachment
0
loekman

I searched a gradient of acsii art to begin with.
I thought it would be good start to line up the charchters with a gradient from black to white to see what I am working with. For that reason I made a really simple site to show that as you can see in the image bellow:

Attachment
0