Name: Coding Challenge #117: Seven-Segment Display
Uploaded: 2020-03-27T19:11:36.000Z
Duration: 18 min 11 s
Description: Thousands of YouTube videos with English-Chinese subtitles! Now you can learn to understand native speakers, expand your vocabulary, and improve your pronunciation...

To-infinitive

- What you are about to watch is a coding challenge.

Future simple

I apologize that this is happening twice,

at the beginning because I also made some refinements

thanks to things that people in the chat suggested

is what's called a seven-segment display.

And you can see here here is the final result

a little bit of nicer colors and rounded rectangles.

So I hope you make something fun with this

and enjoy this coding challenge where I do this

in kind of a way that's going to make you want to complain

about my coding abilities, but that's fine.

I'm here for it in the comments, at me, all that stuff.

All right, hello, welcome to a coding challenge.

The first try has been about, got really,

but I'm going to give myself about 30 minutes here,

I'm a little late, for somewhere I have to be,

to try to create a seven-segment display.

Now I got this idea from watching this Tom Scott video

how they work and looks at what kind of letters

and numbers they can display and uses a regular expression

to try to find the longest word you can write

So I mean this video, I just want to make a visualization

which is in JavaScript in the browser in Canvas,

which is admittedly kind of a ridiculous thing to do,

but I feel like if I can make one then you the viewer

can take what I've done and make a bigger display.

You could implement Tom Scott's code with the data files

and actually visualize so many possibilities.

All right, so, let's talk about the seven segments.

The seven segments of the seven-segment display

Now of course they're like a nicer design

So I'm going to make a very crude version of it,

You could do this in an object oriented way

to keep track of each one of these as an individual object.

So first let me try to draw this pattern.

And one thing that's going to be important as I do this,

'cause I really botched this the first time,

is if I go down here this order is super important.

And okay, so, I want to draw them in this order.

Let me write a function called sevenSegment.

at the beginning I'm going to use push and pop

This function is going to draw all of the segments

It might make sense to draw it relative...

Let's try drawing it relative to here right now.

So the first rectangle will be, and I'm going to,

this is going to be very hard coded, admittedly.

and it's going to be at, let's go 10 pixels in,

10 pixels down, 100 pixels wide, 10 pixels high,

Oh I've really lost my sense of how to code.

Subtitles ListPlay Video

Coding Challenge #117: Seven-Segment Display

stuff

figure

sense

amount