Coding Challenge

[@zach_attakk]

Did one of my favourite people just reference another of my favourite people? My life is complete.

[@Italiankid1029]

The day I see "Coding Train ft. Tom Scott" is the day I can die happy

[@zach_attakk]

@@Italiankid1029 As good as Tom Scott is at explaining things, it's more in the abstract. I think it would make more sense if Tom featured Daniel to explain the actual code. Still an awesome concept. Like that time Mark Rober featured Captain Disillusion. Early-youtube-me was very happy.

[@faridwakim]

@@zach_attakk well jabrils and daniel did a collab recently, so this isn't a distant idea

[@UserUnknown07]

Haha yes

[@MineBill_]

Enjoy people, you don't know the horror he went through on the live stream :p

[@TheCodingTrain]

I should link to a timecode so people can find it. . .

[@umarajaraman9210]

Which stream

[@umarajaraman9210]

Could u link the stream

[@glitch3dout]

Here you go: kzbin.info/www/bejne/mGm1qIJnoJ53jsU

[@umarajaraman9210]

Thanks machan

[@sujals7108]

You are awesome, you inspired me to become a programmer

[@infernocaptures8739]

Nice! You and Tom are my favourite computer people on KZbin. Also I appreciate the use of the word 'bodge'.

[@TheCodingTrain]

I thought maybe I said "kludge"? Did I say bodge in this video? I love that word too!

[@infernocaptures8739]

@@TheCodingTrain Idk, you might have said 'kludge', but since I'm not natively English and I don't know that word, I guess I just assumed you said 'bodge'. Doesn't matter, keep up the content!

[@sarthakdhanawade1301]

Sir you are the best coder and a teacher in the world.

[@malik641]

These are so fun to watch at 2x speed

[@ericboyer6652]

Thanks Daniel using processing, some kind of clock, yes I should have made a class for the segment, it is so not optimize, but anyway int[] nums={0x7E,0x30,0x6D,0x79,0x33,0x5B,0x5F,0x70,0x7F,0x7B}; int index=0; void setup(){ size(1200,700); frameRate(1); } void draw(){ background(0); //future time String strD="10"; String strD1=strD.substring(strD.length()-2).substring(0,1); String strD2=strD.substring(strD.length()-2).substring(1,2); String strM="08"; String strM1=strM.substring(strM.length()-2).substring(0,1); String strM2=strM.substring(strM.length()-2).substring(1,2); String strY="2019"; String strY1=strY.substring(0,1); String strY2=strY.substring(1,2); String strY3=strY.substring(2,3); String strY4=strY.substring(3,4); String strh="07"; String strh1=strh.substring(strh.length()-2).substring(0,1); String strh2=strh.substring(strh.length()-2).substring(1,2); String strm="00"; String strm1=strm.substring(strm.length()-2).substring(0,1); String strm2=strm.substring(strm.length()-2).substring(1,2); String strs="00"; String strs1=strs.substring(strs.length()-2).substring(0,1); String strs2=strs.substring(strs.length()-2).substring(1,2); sevenSegment(nums[parseInt(strD1)],0,0); sevenSegment(nums[parseInt(strD2)],1,0); sevenSegment(nums[parseInt(strM1)],2,0); sevenSegment(nums[parseInt(strM2)],3,0); sevenSegment(nums[parseInt(strY1)],5,0); sevenSegment(nums[parseInt(strY2)],6,0); sevenSegment(nums[parseInt(strY3)],7,0); sevenSegment(nums[parseInt(strY4)],8,0); sevenSegment(nums[parseInt(strh1)],10,0); sevenSegment(nums[parseInt(strh2)],11,0); sevenSegment(nums[parseInt(strm1)],12,0); sevenSegment(nums[parseInt(strm2)],13,0); sevenSegment(nums[parseInt(strs1)],14,0); sevenSegment(nums[parseInt(strs2)],15,0); //current time strD="0"+day(); strD1=strD.substring(strD.length()-2).substring(0,1); strD2=strD.substring(strD.length()-2).substring(1,2); strM="0"+month(); strM1=strM.substring(strM.length()-2).substring(0,1); strM2=strM.substring(strM.length()-2).substring(1,2); strY=""+year(); strY1=strY.substring(0,1); strY2=strY.substring(1,2); strY3=strY.substring(2,3); strY4=strY.substring(3,4); strh="0"+hour(); strh1=strh.substring(strh.length()-2).substring(0,1); strh2=strh.substring(strh.length()-2).substring(1,2); strm="0"+minute(); strm1=strm.substring(strm.length()-2).substring(0,1); strm2=strm.substring(strm.length()-2).substring(1,2); strs="0"+second(); strs1=strs.substring(strs.length()-2).substring(0,1); strs2=strs.substring(strs.length()-2).substring(1,2); sevenSegment(nums[parseInt(strD1)],0,1); sevenSegment(nums[parseInt(strD2)],1,1); sevenSegment(nums[parseInt(strM1)],2,1); sevenSegment(nums[parseInt(strM2)],3,1); sevenSegment(nums[parseInt(strY1)],5,1); sevenSegment(nums[parseInt(strY2)],6,1); sevenSegment(nums[parseInt(strY3)],7,1); sevenSegment(nums[parseInt(strY4)],8,1); sevenSegment(nums[parseInt(strh1)],10,1); sevenSegment(nums[parseInt(strh2)],11,1); sevenSegment(nums[parseInt(strm1)],12,1); sevenSegment(nums[parseInt(strm2)],13,1); sevenSegment(nums[parseInt(strs1)],14,1); sevenSegment(nums[parseInt(strs2)],15,1); //past time strD="09"; strD1=strD.substring(strD.length()-2).substring(0,1); strD2=strD.substring(strD.length()-2).substring(1,2); strM="08"; strM1=strM.substring(strM.length()-2).substring(0,1); strM2=strM.substring(strM.length()-2).substring(1,2); strY="2019"; strY1=strY.substring(0,1); strY2=strY.substring(1,2); strY3=strY.substring(2,3); strY4=strY.substring(3,4); strh="07"; strh1=strh.substring(strh.length()-2).substring(0,1); strh2=strh.substring(strh.length()-2).substring(1,2); strm="01"; strm1=strm.substring(strm.length()-2).substring(0,1); strm2=strm.substring(strm.length()-2).substring(1,2); strs="00"; strs1=strs.substring(strs.length()-2).substring(0,1); strs2=strs.substring(strs.length()-2).substring(1,2); sevenSegment(nums[parseInt(strD1)],0,2); sevenSegment(nums[parseInt(strD2)],1,2); sevenSegment(nums[parseInt(strM1)],2,2); sevenSegment(nums[parseInt(strM2)],3,2); sevenSegment(nums[parseInt(strY1)],5,2); sevenSegment(nums[parseInt(strY2)],6,2); sevenSegment(nums[parseInt(strY3)],7,2); sevenSegment(nums[parseInt(strY4)],8,2); sevenSegment(nums[parseInt(strh1)],10,2); sevenSegment(nums[parseInt(strh2)],11,2); sevenSegment(nums[parseInt(strm1)],12,2); sevenSegment(nums[parseInt(strm2)],13,2); sevenSegment(nums[parseInt(strs1)],14,2); sevenSegment(nums[parseInt(strs2)],15,2); //index=(index+1)%nums.length; } color getColor(int val,int shift,int offset){ color c=color(0,0,0); int a=255*((val >> shift) & 1); if (offset==0){ c=color(255,0,0,a); } if (offset==1){ c=color(0,255,0,a); } if (offset==2){ c=color(255,255,0,a); } return c; } void sevenSegment(int val,int x,int y){ push(); stroke(25); noFill(); //A fill(getColor(val,6,y)); rect(30+70*x,59+200*y,36,9); //B fill(getColor(val,5,y)); rect(70+70*x,70+200*y,9,49); //C fill(getColor(val,4,y)); rect(70+70*x,130+200*y,9,49); //D fill(getColor(val,3,y)); rect(30+70*x,180+200*y,36,9); //E fill(getColor(val,2,y)); rect(20+70*x,130+200*y,9,49); //F fill(getColor(val,1,y)); rect(20+70*x,70+200*y,9,49); //G fill(getColor(val,0,y)); rect(30+70*x,120+200*y,36,9); pop(); } void push(){ } void pop(){ }

[@ramizchili8024]

Finally - a video with 1080p!

[@offtheball87]

My favourite use of bitwise operations in JS was basically implementing a truth table. I had four conditions that could come together in about twelve different ways to affect five different pieces of state, so I just tested them, packed the results in an integer, and used a switch.

[@Her0Phi1]

I just thought over and over again 'what is wrong with him' 🤣🤣👍 Made my day! Keep up this fun content! It suits you.

[@grainfrizz]

Dan, do the Big O notation and visualize :)

[@caribbeanman3379]

Coding challenge suggestion: Code to spell out a number in full - almost any number, and with the proper placement of commas and "and" - given its numeric digits (e.g. 1254 --> "one thousand, two hundred and fifty four"). I imagine the problem would have to be broken down with the use of several helper functions and the use of recursion. Should be a lot of fun.

[@vierajohaninecova3998]

This video is truly pain to watch 😂

[@ChristianSchmid]

Hey Dan, you are the real Bit shiftman ! ;-)

[@Morphior]

Will the Real Bit Shiftman please stand up? Please stand up? Please stand up?

[@kennyscott8863]

I am happy to let the hard coding slide because bitwise. That was an epic win. So happy to see it being used in js.

[@paulpandi50]

It's awesome. You giving crystal clear explanation. 👌👌👌👌👌👌

[@harshareddy8263]

thanks to coding train I was struck at my bit shift color ,thanks your video helped me at color frame

[@arnavgarg6802]

I just really admire your knowledge

[@arnavgarg6802]

Oh my god he liked my comment

[@julianburger6857]

Oh my god, he liked your comment again

[@TheCodingTrain]

💖💖💖

[@julianburger6857]

💝💝💝

[@camiloandrespizahernandez5450]

He also commented! :O

[@skmgeek]

The Tom Scott video is literally the top video in my recommended bar on the right of the video XD

[@sorbunsong6934]

i love the way you teach bro.

[@charanvengatesh8202]

Coding Train, Numberphile, Tom Scott, and Jabrilis altogether ->>>> Voltron of Knowledge

[@kevnar]

I did this on my own one day for a retro scoreboard in a game I was making. I wish I would have known about the bit shifting stuff. Would have saved all kinds of time. I just sent in the digit required, and used a bunch of if-thens to light up each segment if it applies to a given number. So segment A lights up for 2, 3, 5, 6, 7, 8, and 9. B is on for 1, 2, 3, 4, 7, 8, and 9, and so on. I hard-coded the values as well, but I passed an x, y and size values and adjusted the draw positions relative to those, so I could put the digits anywhere on screen and any size.

[@nicolasmarois09]

loved this one!

[@patricks5997]

Ayy a new video ^^ I love it soo much

[@nahfamimgood]

thinking of this out of context is great. "G is like a but its half way down!"

[@asdasddas100]

This is why 8 is my favorite number. It took up all the spaces on the seven segment display on my old microwave LOL

[@LIGHTRAYMultimedia]

Hahahaha. Vou are the best teacher ever! Thanks!

[@lorenzm7412]

just wanna bump the slimemold simulation thingy again, nice challenge this one aswell !

[@LuizFernando-ff4ip]

Hello The Coding Train, I'm from Brazil so my English is not very good but I'll try to explain my situation. I am 17 year old guy, and I think that I'm a little "old" to learn programming, I tried several times but I failed. Now I'm coming back to study programming more specifically C++, so... My question is: - Do you think that is too late? How old was you when you learned your first programming language?! Greetings from Brazil I love to watch your videos, you inspire me. Oh, one more question guys: Did I write everything right? ^^

[@TheCodingTrain]

Not a chance you are too old! I started when I was 28. 😱

[@LuizFernando-ff4ip]

Oh, thank you! So, I still have time.

[@coced]

The cool tricks of the seventh segment of a seventh segment

[@Draugo]

That's like... 49 segments

[@AniketSingh-zv8sm]

I have watched the Livestream , believe me it was hilarious...

[@EENYX]

Dude, why u so genius ??

[@luismiguelgallegogomez8000]

5:20 Awesome, now I'm going for the 9, 14 and 16 segment display challenge XXDD

[@emanuelrouse7076]

I just found out you were born a day before me!! Awesome haha.

[@thefireblaster8042]

I literally watched the tom scott video before clicking in this

[@hickehelbro]

"the chat needs to relax" lol

[@TheOneAndOnlySecrest]

I really like your channel, but sometimes I look on your code thinking this is the most inperformant way of doing stuff :D But great work, maybe some more advanced stuff would be nice in the future.

[@bhavikkumargevariya1386]

5:43 just E is rect(20,.........).

[@ZombieOnUSB]

The Charlie Day of programming strikes again ! Thanks a lot for videos, going through them as I write this.

[@Blananas2]

"Could you make a clock out of this? Make a rainbow seven-segment display?" "Why not both?" editor.p5js.org/blananas2/full/_XMmUDfxl I'll warn you though that this is extremely difficult to read.

[@AbhishekKumar-mq1tt]

Thank u for this awesome video

[@akhil-sharma]

Love it!

[@realhuman7911]

BRUH I CAME HERE CAUSE OF THAT TOM SCOTT VIDD

[@isaacbankart]

wow with all that bit shifting no wonder they call you Daniel Shiftman!

[@nataliekidd2135]

So weird i just designed circuits for this in my computer architecture class.

[@davidbermudez7704]

Next he’ll teach us the display from the FOX 11 show “24”

[@studeii]

three quarter speed is a special function

[@anuraghazra4772]

Hi Daniel Love the video but I have some issues understanding Bitwise operations in programming can you please make a tutorial on them, that will be very helpfull for me.

[@TheCodingTrain]

Yes I am planning to!

[@anuraghazra4772]

Thank You Very Much

[@EcoDev-Solutions]

Hi. Excellent your tutorials. Have you created the hanoi towers? Greetings from Venezuela

[@TheCodingTrain]

Not yet! Please suggest or upvote here! github.com/CodingTrain/Rainbow-Topics/issues

[@sagartyagi3159]

Hope you'll get 1M subscribers soon

[@dandk_]

Wouldn't this be easier using OOP with the desired segments on/off or is that considered worse?

[@TheCodingTrain]

I agree it would probably be best with OOP!

[@MrUgleh]

I learned a couple cool things in this video. The mod trick you did with the index, I never thought about doing something like that, and bitwise logic. Although, why is it more perferred to write 0x7E instead of 126? Is it because people looking at your code will think 126 is important, but if they see 0x7E it implies hex trickery?

[@davidgildegomezperez4364]

It would make sense for this application to actually express it in binary

[@83daxx]

my maturity thesis was on the seven-segment display ;)

[@NK-ec8um]

"Rounder rectangles" do you see the mistake? ;)

[@nero3700]

RoundeD rectangles, perfectly fine if you'd ask me? :)

[@netanelberman6291]

some people have a bad hair day... dan has a bad code day :)

[@michalbotor]

how are these hexadecimals and bit shifts making things any easier and clearer than if we simply passed on-off sequences to a display function instead?

[@JosueRodriguez08]

You know that you can use a 8 bit number and make some bitwise operations right? That would be a lot more efficient...I can't understand the way that high level programmers think....

[@mastercode7851]

amazing

[@JV-pu8kx]

There is a typeface called LCD.

[@averagewojak2623]

That reaction at 7:15

[@gamingbutnotreally6077]

I literally watched Tom Scott’s video right before. Then I come to your channel and see this video! What are the chances?

[@followthetrawler]

why not use bcd like the electronic drivers do? Or.. or... build it totally out of combinational logic.... ooooo

[@sommie4935]

How does the mod 10 make the index go back to 0 after it exceeds?

[@KillerGuy]

Can you do a coding challange in processing?

[@gamingbutnotreally6077]

He has... lots of them. You just need to search through the channel

[@KillerGuy]

@@gamingbutnotreally6077 i know but i already watched all i want a new one

[@monikachuttani6645]

I am in a problem pls help me out In processing when we set the size by writing size(100,100); And the we draw at the pixel (0,0) we get a pixel on the top left corner the what is address of the last bottom right corner pixel will it be 100,100 or 99,99

[@danielneiger8776]

If you wanted to have an object oriented approach then why didn't you do it? There's a lot of people depending on your instruction and some times you take the easy way out.

[@tehsimo]

God dammit just do a case statement

[@osiris5449]

Interesting. 🤔

[@javascripttutorials1221]

Do you still do JavaScript

[@FlameStrykeShadowDark]

I attempted to create a seven segment display clock by converting your segment code into a class. I got everything working, but for some reason the segments are being displayed with logarithmic spacing instead of linear spacing, and I'm not sure how to fix it: editor.p5js.org/LordFlameStryke/sketches/rJNT5KWhQ

[@FlameStrykeShadowDark]

NVM, I figured it out. The translate function was moving everything wrong the way I had it.

[@TheCodingTrain]

Nice work! You can submit a link to the coding train website if you like! github.com/CodingTrain/website/wiki/Community-Contributions-Guide

[@moneymayhem2000]

What code editor do you use?

[@TheCodingTrain]

This is using the p5.js web editor! editor.p5js.org For more: kzbin.info/www/bejne/mqWrqXednNB1j8U

[@nivemaxe2852]

Yaah I Mad a zero that was fun thanks 😂😂😂😂

[@atanughosh4221]

16:52 , "counting through hexadecimal values" really ! Hex values starts from 0 and ends at F ur display is only showing BCD values , i. .e 0 to 9.

[@hansraborar5348]

How about make seven segment clock coding train #big fan

[@NunoRVOliveira]

Does anyone know why do I get "Script error. (: line 0)" when I try to run the script from the link in the description?

[@ReneBroekhoven]

Had the same. Seems to be error in de on-line editor. Use your own html and js files en run on a little server; it worked for me !

[@PoeheeHeLul]

Gifted. So jealous.

[@FunkL0chx3]

im not a programmer, but is that the right way to do it? :D

[@Rik034]

You look like Gideon Goddard from Mr. Robot lol

[@kim15742]

Oh god, JS is not a good language after having used Julia, but oh well. All webdev is in JS

[@practicaluseof]

Incrível

[@ajreukgjdi94]

No, I don't wanna complain about your coding abilities... I wanna complain about the entire intro WITH THE MOUSE RIGHT ON TOP OF THE DEMONSTRATION. My mind does not have the fortitude to ignore it. Nor the discipline to pay attention to anything else

[@TheCodingTrain]

This is very fair feedback! Hopefully it's not as prevalent in my other videos.

[@ajreukgjdi94]

@@TheCodingTrain lol, of the comments I left, this was not the one I expected to see a reply. I hope my all caps wasn't taken too seriously.

[@andreariboni4242]

Lol I've coded something similar in processing this summer

[@realsaburu]

Name of this Programming LANGUAGE ?

[@TheCodingTrain]

This video uses JavaScript with the p5.js library, for more: p5js.org.

[@vincentcleaver1925]

ya lost me on the bits

[@TheCodingTrain]

Yeah, when I watched it back I noticed that the explanation of bit shifting and masking was inadequate. I would l like to make a short video that just explains that aspect later this week.

[@MyurrDurr]

yes please :D

[@ismetbeyazpnar2615]

i did this in processing 3 i didnt know that hexadecimal codes so ; int[] one = {0,0,1,0,0,1,0}; int[] two = {1,0,1,1,1,0,1}; int[] three = {1,0,1,1,0,1,1}; int[] four = {0,1,1,1,0,1,0}; int[] five = {1,1,0,1,0,1,1}; int[] six = {1,1,0,1,1,1,1}; int[] seven = {1,0,1,0,0,1,0}; int[] eight = {1,1,1,1,1,1,1}; int[] nine = {1,1,1,1,0,1,1}; And lots of if(blabla) the top is 0, top left cross is 1 top right cross is 2 ..... i love coding because there are too many way to do same thing. (this way may be a little longer but its working :D)

[@Swiftytheturtle]

Made a clock with this. github.com/SwiftyTurtle/7SegmentDisplay_Clock Thanks for what you do! I learned a lot from you. Greetings from Germany!

[@TheCodingTrain]

Please submit here! Do you have GitHub pages enabled? github.com/CodingTrain/website/wiki/Community-Contributions-Guide

[@Swiftytheturtle]

Ok, will do that! I do now ;D

[@RealTheCrasher8]

Why are your recomended videos almost the same as mine :O

[@letsgocamping88]

TheGuru54585 mine too. I don’t give a shit about your damn amazon returns box or how you traded a paper clip for a house! I just want to see hard coded rectangles! OK!

[@kenhaley4]

OK, you inspired me. Here's a digital clock using the idea in this video... editor.p5js.org/Khaley4/sketches/By3E58MsX I drew elongated hexagons for the segments to look more realistic, and I used rotate and translate to position and orient the segment, so I only need to actually draw it once (in drawSegment()).

[@TheCodingTrain]

Wow! Nice work! Please submit a link to the coding train website if you like! github.com/CodingTrain/website/wiki/Community-Contributions-Guide

[@kenhaley4]

I'll do that when I get a chance.

[@christernilsson1]

Where is abcdef?

[@easternteasers1127]

Pls make JavaScript tutorial

[@JohnPaulBuce]

hardcoding gang

[@tranquillityEnthusiast]

Sir can you hv to start tutorial on building a great front end with bootstrap??...it's necessary...

[@duongaoquang3329]

Tetris game plz

[@fasayakoulouna8987]

Hi From Algeria,Jijel City.Your work Interrest me more because I'm Looking for methods to describe me The Celest Mechanic under javascript or java.H've find in videos more than things that H've Imagined.thankh you from Jijel.excuse my language.

[@pies700]

Try this without frameRate(1);

[@jjrubes1880]

hmm... is that an xkcd comic I spot in your downloads? Perhaps this one: xkcd.com/1975/ ?

[@doxanthropos]

As always fun to watch and to follow along. I upgraded mine to being a clock: doxanthropos.github.io/sketchbook/2018101701/

[@TheCodingTrain]

Nice work! You can submit a link to the coding train website if you like! github.com/CodingTrain/website/wiki/Community-Contributions-Guide

[@doxanthropos]

Thank you! Did that.

[@arnavgarg6802]

Hi

[@bl4ckscor3]

Made a version where each segment is an object which you can click on to change whether it's on or off. Additionally you can press any numpad number and instantly change to that :) github.com/bl4ckscor3/ProcessingPlayground/blob/master/SevenSegmentDisplay/

[@TheCodingTrain]

Awesome! You can submit a link to the coding train website if you like. github.com/CodingTrain/website/wiki/Community-Contributions-Guide Since it's not p5.js maybe include a screenshot or GIF of it running?

[@gws5314]

just use console.log()