Coding Challenge 166: ASCII Text Images

Links discussed in this video:

Other videos mentioned in this video:

Timestamps:
0:00 Welcome! Choo choo!
0:28 Introducing Today’s Topic
1:39 Pixel to ASCII
4:52 Pixelating an image
7:03 Pixel Array Explanation
8:40 Back to the code
10:18 Adding Text
11:04 Mapping Brightness to Characters
13:26 Switching from canvas to DOM
18:10 Real-time ASCII video
20:10 Some refinemens
21:29 See you next time!

[SmokingGummyBears]

I vote keeping it 'Coding Challenge'. You'll always be the Coding Challenge guy to me. Even if we go past the time limit every time haha :D

[ut]

As an old C/C++ coder, seeing this much accomplished with this little code is mind-blowing!

[sonik]

Daniel your channel has become really amazing in these years.
Your immense energy and positivity are still the same!!! That's why you're the best.
Keep up the outstanding job.

[EdSchroedinger]

...now Dan, your whole whiteboard speed-edits and post augmentation has become so next level... perfect! just WOW!

[chrismanning]

The amount of effort for your off-the-cuff alternate ideas that you then have to fully code so your editor can splice them in for 2.5 seconds. Don't think it's lost on us. It's an incredible amount of extra work per video. You are a legend, sir!

[refeals]

i love how simple of a concept this is. i remember back in the 2000's and a lot of websites did this to images and i thought it was simply magic. so cool to see real time video being rendered at the browser with ASCII, just amazing

[danielthybomouritsen]

I just started coding a few weeks ago and your tutorials are sooo good and really fun! I love your humor and energy, it just makes coding fun and exciting instead of intimidating and scary

[mbawg]

your style of teaching really resonates with me, and im about 10 years into a professional coding career where coding has often become mundane and unimaginative. I found myself excited again about the possibilities. thank you for sharing with us!

[joeymarrey]

6 odd years ago I watched my first coding train video. It was something about star generation like travelling in hyperspace. Now I’m about to finish my degree in computer science.

I’m researching testing methods for random number generation, comparing pseudorandom to radiation random. You inspired me all those years ago, thanks <3

[davidjohnson]

i know nothing about coding, I have no idea how I even ended up here. I also don't even own a computer. But I was fascinated by this video and watched it twice. i have no idea where I should start watching your channel but you've a subscriber in me.

[ariblank]

you've inspired me to make my own processing style framework in C#! since i've started watching you i've grown quite a bit as a programmer, thank you for that! keep coding challenge!

[TankorSmash]

The video editing on all these newer videos is really next level. The content is as fantastic as always too!

[duscraftphoto]

Messed around with some of the ascii shading characters and found that ' .:░▒▓█' this combo works great for the "density" const. Loved this video and your content is always great!

[goblinkoma]

Next step: add edge-recognition, so you can use / for such slopes, that could keep sharp edges sharp

[MohitKhare]

the first 2 mins, I'm hooked. You are my new super hero for the year 2024. Thanks a ton.

[bank]

I absolutely love your videos. You taught me how to code by actually giving me examples and problems to solve and everything. I just really appreciate your content. Keep on inspiring :D

[tanmaym]

This is the thing that i was searching for months. Finally you did it

[mebamme]

I remember ertdfgcvb from the website they had in the mid-2000s, showcasing all sorts of Flash-based art which I loved as a kid.

(fun fact: ertdfgcvb is not just a random jumble of letters, it's forming a parallelogram on a keyboard!)

[yasintonge]

Man, I just discovered your channel yesterday. You give great ideas to mess around which CAN produce even greater ideas. Thank you for your videos.

[eSSentialplaysYT]

Another great tutorial and coding challenge, I love watching these!

I developed an image reader as my first year college co-op project with a company called ProGraph, and used the 'fixedsys' font to dump each image format to ASCII, as a test. FixedSys is a mono-spaced raster font, so you can count the actual pixels in each character to determine how much 'value' the character has based on the number pixels in the area that are white, and express it as a value from 0 (black, no pixels are white) to 255 (white, all pixels are white). You can quickly fill an array with 0 through 255 'values' that recreate black to white transitional brightness and do exactly what you did using the generated string of each 'pixel' pulled from the 'value' array.