Coding Challenge 166: ASCII Text Images

[@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

[@EdSchroedinger]

facts! 2nd that...

[@pvic6959]

I agree. I see the "challenge" to be to make something cool, to learn something, and to have fun. *thats* the challenge. Not something to beat necessarily

[@nuskoprasovic2994]

Yesss

[@hassenthegenius4327]

@@pvic6959 that's very very true and i see that's the idea of the game jams, and it's to learn new things and have fun and make teams, make new friends and learn how to work in teams, the game jam is like a challenge to me so i love it, and love the best programming teacher ever MR Daniel Shiffman ❣️, love you all guys ♥️.

[@AB-yq6bq]

Leave it as is please

[@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!

[@marcopeterson805]

Arent those unicode/utf8 ?

[@omarsoub_._]

@@marcopeterson805 i think its from extended ascii

[@TheCodingTrain]

I tried this during the recent live stream and it worked great!!!

[@yeppiidev]

@@omarsoub_._ yup it is. I guess they were used in old programs

[@josepm.ponsroca8417]

@@marcopeterson805 These characters exists from looooooooooong ago, they are original from ASCII extended. ALTGR +176, ALTGR+177,ALTGR+178, and ALTGR+219

[@goblinkoma]

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

[@TheCodingTrain]

Oh I love this idea!!

[@nzhook]

@@TheCodingTrain I was going to suggest doing this but remove the innards so your left with just the outlines similar to the old ASCII art days. _____ ___ |[]|_n__n_I_c |___||______|____} O-O--O-O+++--O-O

[@LordHonkInc]

@@nzhook That's a great idea too, though my brain is upset at the phrasing "remove the innards" xD I mean, I understand what you mean, but that sounds so... visceral.

[@jolotolentino2298]

try using a log base 2 function to convert the pixel range from 255 to an 8 scale. Then get the image derivative by using a two pointer technique to subtract the previous pixel from the current pixel!

[@jolotolentino2298]

then add a hashmap for your ascii character of choice

[@colton8971]

This guys is like the Bob Ross of creative coding and I'm all for it.

[@diegosebastian2422]

I'm excited to see this in action and make it my self, eventually. Thank you! Choo Choo!

[@TheCodingTrain]

Please share on the website when you do! thecodingtrain.com/CodingChallenges/166-ascii-image.html

[@vagabond7199]

I really like this guy's attitude for coding!

[@ForgottenMachines]

Is anyone else here implementing this code on vintage computers, PRE 1985? This is why I am here, and I thank you so much @The Coding Train for your fantastic video and energy!

[@danielthybomouritsen8990]

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

[@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.

[@Astervista]

Some ideas: - The coding choo-llenge - Express coding - Coding training

[@404statuscode]

Or may be "Coding Express"

[@ControlAltPete]

A linear array of characters by density (brightness/darkness) is ok, but you can get much better pictures by doing sub-pixel rendering taking into account the shape of the character glyphs. One simple way to do this is to split each character into a 3x3 grid and matching the brightness of each sub-character so a diagonal line would match well with the forward slash: [0,0,255][0,255,0][255,0,0]

[@abijithbahuleyan785]

Manh! this guys energy is on another level

[@findukkafali]

your magic is to make watch me these 22 minutes even if I am not a coder or developer, to enjoy me, and to make me feel like I understand and I can do it by myself:)

[@TankorSmash]

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

[@christophebeaulieu4916]

I wasn’t here for quite some time (about 2 years or so now), and I’ve gotta say, the quality of these videos has improved a ton! Well done Daniel!

[@ianlulu]

used to watch you for my new media arts class. i love how youre so enthusiastic! will continue keeping up with the stuff you post really appreciate what you do

[@fercrotteam]

One of the best videos I've seen in a long time

[@TheCodingTrain]

Wow thank you for the kind feedback!

[@ebakes]

coding adventure!!! What the heck, coding journey, exploratory coding, are also chill

[@smmoom1212]

I vote for Coding Conundrum. You present each video as a puzzle that needs to be solved.

[@kelvindecosta5350]

Oh wow, this is similar to a project I attempted called "picharsso". It has support for braille characters if you're into that

[@TheCodingTrain]

Oh cool! I would love to try something like that!! Any reference links?

[@kelvindecosta5350]

@@TheCodingTrain Hey Dan! I’m having some issues with KZbin comments with links, so I tweeted the link , mentioning the coding train handle! Cheers!

[@kschroe1816]

I love that at the end you filtered out the green like a boss.

[@Holakraai]

I suggest "Coding Train Trip". A small trip down to a specific topic, similar to a one day trip, that usually has a time restraint. But let's be honest, you always stretch past the planned time window. So perfectly fitting.

[@mouadkommir1398]

You always bring joy to my heart, and knowledge to my mind. Thank you. You're awesome.

[@progressSH]

I think keeping 'Coding Challenge' is better. A challenge is different from everyone, to each their meaning and I love that. I would however make the case for removing the timer. :) Thank you for everything as always.

[@EinUserNichtsWeiter]

That might be the coolest thing you've done so far, nice

[@frickinjoe]

honestly, coolest thing I've seen in a while.

[@johnydl]

Should totally be Coding Collaborations.... cause the challenges so far haven't been "go away and code the same thing" it's been "go away and improve on my thing" .... to that end including going through other people's additions to your code (or even each other's code) would be amazing videos/followups for a second channel

[@TheCodingTrain]

Yes! I'm hoping to do this more on live streams!

[@johnydl]

I've been there for some of that (you even looked at my raytracing.... which I still need to work on) but I think they could be their own videos even going back to the earliest submissions Code diving random code is kinda vital for all coders teaching that would be great not just "cool effect" but "how does that work" kinda things Also I'm thinking about Steve Shives and his "not actually trek actually" videos where he puts in "even less effort" and does comment response stuff, doing that with code could be very interesting, it could be a lot less work to create that content but you probably can't do it with just any or every submission diving into some though would be great and drive people to the old challenges again

[@clemsonfan53089]

I always love your "Coding Challenge" videos, always excited to see another! About the name, I think "The Coding Express" has a nice ring to it, either way keep them coming!

[@gathingstimothy]

New to your channel and can't stop binge watching! It's more of "Coding task accomplished"

[@frognik79]

I was 12 when I did something like this, that was 30 years ago. I did the same with averaging colours to grey scale but went further by setting each pixel above 127 to white and 127 or below to black. I broke the image down to 8x16 parts (same as character size) and then did a best character match by counting each black and white pixels matched and the character that totaled the highest was used for that part.

[@gavinmetzler858]

Would love to see this in action!

[@MadlipzMarathi]

coding adventrue, i always think coding train coding challenges as coding adventures

[@nicolasmaluleke3343]

🤣🤣Where were you when I started coding....man I enjoyed this😀

[@isakurbanov8627]

Mr. Shiffman, you are great!

[@BronkoBanane]

the quality of the format has so improved!

[@austinmarsh6179]

I have a good one "coding station ###". You could probably follow it up with "Just one more stop on the route towards discovery and curiosity"

[@newthom4144]

gsuss, your new style of video, its so open mind with the edit video examples

[@portblock]

Love it, very nice seeing it on live video. I did same for photos years ago, had one of those websites where you upload photo and it it converted it. in the quest for resolution I did something similar to your density string, but for quadrants. I took a single chr space and mapped it a 4x4 pixel set. sorry sounding complicated. example : '#' would represent a 2x2 solid pixels, ' ' would be empty 2x2 to add denisty (brightness) '%' could be used for pixel 1 at 100%, pixel 2 at 50%, etc, I always wanted to divide it up futher depending on neighbor pixles

[@solnijkoluchistoye9921]

i'm kinda jealous of how happy he looks

[@algc19]

To me, the challenge of beating the clock gets me hooked every time! You already have slower and calmer videos, which are part of your "tutorials". I would keep the challenges :)

[@Airsoftshowoffs]

Very well done. You have a great teaching method that make it fun.

[@Shad0wAnlirome]

Que Energía¡¡¡¡, muy buen vídeo gracias, saludos desde Colombia

[@LucasDimoveo]

Ngl the thumbnail was terrifying. I've been watching Mandela Catalogue the past few days and my brain is suspicious of digitized faces

[@TheCodingTrain]

Oh sorry to hear not my intention! So far video is performing well but I can swap it out if it’s bothering people!

[@LucasDimoveo]

@@TheCodingTrain nope! It's probably just me!

[@shubhamingale5949]

17:07 => html,body{whitespace:pre;} no need of  

[@steveeuphrates-river7342]

Excellent old school challenge!

[@MrBeardedninja]

Love your enthusiasm for coding! Keep it up!

[@Roknok]

19 seconds ago wow!

[@monsieuralexandergulbu3678]

5 minutes ago, pogers!

[@therealkarlmarx1818]

What a fun video format. Very cool!

[@muhammadsananalimsstudentf2045]

Your coding contents are very different to other youtubers and interesting

[@rijden-nu]

I wanted to play around with this on my desktop where I have no cam attached, so I wanted to use a youtube video playing on the second monitor as moving video feed. For anyone reading this, my easiest solution is, install OBS (the thing streamers use), add a source "display capture", and click "start virtual camera". That way, the browser sees that as a camera feed and you can easily play around with it. Hope this helps anyone, maybe you have a much easier solution, but this works for me.

[@gabrielschilive7675]

I would like to see a horror game with this style. Great, very cool, video!

[@bflippsytrance]

A challenge is also overcoming a problem or achieving a difficult task, often together.. Something that would cause feeling of achievement when you've completed it. Nothing wrong with calling it a challenge..

[@viliamjr]

Absolutely awesome! 👏

[@mendonisstudios]

This is great! I got so jealous! I want to do this now!!!

[@georgehenderson-walshe1592]

You are just so amazing I love you! Changing the name would be awesome but so would keeping it!

[@zootechdrum]

You are the Mr.Rogers of coding

[@AD-we8ve]

bro this edit is epic, keep it up

[@PointEndClick]

This video is awesome.

[@mr.lo3n]

this is so cool

[@Radon86lol]

I was doing the same challange as a project actually , my idea was the same with yours , good video

[@miriamramstudio3982]

Great video. Thanks

[@djdannyphantom]

awesome videos!!! cheers from ecuador

[@VeracsGaming]

Seeing this reminds me of the Star Wars movies that I saw in ASCII ages ago. Wonder if they used a similar technique

[@platano5805]

Man, you are awesome. You're like the Mister Rogers of coding haha Thank you for bringing COLOR to such dry, albeit interesting... challenges =P

[@bhagyeshdholaria]

you are just amazing man! I am inspired. keep it up! :) thank you for amazing videos.

[@g_st_v]

greetings from brazil! nice video

[@rizekishimaro]

wow you're very good thanks for the video

[@andrewmalaty8]

call it "Code hiking" cause it's hard but beautiful and exploratory!

[@animationsbelike]

Cool and Great Idea! :)

[@Insanee12]

i love this guy

[@folkusonme]

2:08 ok fun animation come through! 😍

[@TheBitProgress]

You can try to use characters as wavelets. Multiply n*n matrix to char matrix and select highest one. This will give you much better result. Bit slower but fine.

[@crispiervase2999]

I would say keep it as “Challenge” but if not, maybe “Exploration”

[@ricardohnn]

You are fun... nice video

[@MateHomolya]

They should be called "coding adventures" like with Sebastian Lague's videos!

[@8gunfires]

The beginning is just so funny

[@teachingutogame]

As much as I love "Coding Challenge" my 2p into this would be "The Coding Chugalong"

[@ViniciusNegrao_]

Here's an idea: "Generated density characters". Draw all characters from ascii table (except control characters) on a canvas and for each one count the ratio between black gray and white pixels. This way we can use any font, any weight and have an accurate dictionary of dense/light characters :D

[@brunesi]

20:20 wow that was very cool.

[@Seriousbear]

*So... the perfect time for bad apple*

[@ws9691]

The Coding Extravaganza...

[@oresteszoupanos]

Coding Excursion? Coding Adventure? Coding Ramble? Coding Roving?

[@vampcell]

this is insane

[@DenisovichDev]

Haha! What a fun video!

[@saintthomastaquin1460]

Ok for the translation from LGB value to TRMP value :)

[@张立伟-w9t]

use tag

[@hassenthegenius4327]

i see MR Daniel Shiffman is the best programming teacher ever, even if he doesn't know things, if he doesn't know a thing he is trying to find it out and solving it hand by hand and never give up, and he likes learning new things like me and that's what i love at him, and love the best programming teacher ever MR Daniel Shiffman ❣️, love you all guys ♥️, and i hope you all have a great life and learn a lot of good things in your life.

[@markkithinji2666]

I vote 'lowkey nightmares'. Just try implementing these stuff he does and you'll get why

[@bhavyajain638]

You could name your challenges, catching the train... since you have a timer. This one could be, catching the train for images with text, or something similar. But I wonder if youtube will like it?

[@ghassensassi3793]

Hope u do a challenge about graphic presentation of "finite automaton". U re the best btw :D

[@atomspalter2090]

you could call it coding adventure but I like challenge more tbh

[@yasinuscosinus]

Thats great!

[@clbt734]

he is real master

[@TackerTacker]

Maybe "Coding Club"?! Coding Club from the Coding Clubhouse ^^

[@frederikja2210]

The coding adventures

[@ariseyhun2085]

Hi @The Coding Train I've been dabbling with making a 2D platformer (without a game engine).. it would be really awesome if you looked into making a 2D player controller with basic jump and movement showing how to use acceleration, velocity and position to make a nice character controller.

[@jacobblomquist5288]

I vote for "Coding Voyage"

[@mohammadica2382]

dang, youre the smartest one

[@macharkook8684]

Nice explanation of the underlying concept. How interesting would it be if you fed the ASCII art (Gloria) to an image recognition model and see if it sees a dog

[@TomatoGoZoom]

Adventures in Coding sounds like an awesome name that I just randomly thought up. Or if you want a more puntastic version, Adventures Encoding. =D

[@adnanyaqobi001]

that was great