I think I am alive.

Do you hear me To hear the soft sounds of the ukulele in the background?

I'm wondering because when I tested uh oh, no.

You're not hearing the ukulele.

Oh, definitely not.

Okay, now you know what's wrong?

Uh, my voices coming through, but well, then I will fix this.

This is very important.

Quite possibly the most important thing of the day.

Um, on DDE Here we go.

Uh oh.

No, e you're just hearing it through my mic.

So I should have fixed this before I start.

This is terrible.

Somebody.

Eventually, when this gets published, put in the A cup in.

I'll put a pin comment for the time code where this actually starts Way Just see something here.

Wait.

No, no, no, no.

Yes.

Okay, there we go.

Through multi output device.

I just start this over old.

I'm gonna stop and fixed this.

People can't hear me either.

Hold on voice.

Oh, I hold on time out and stopping this.

Oh, you hear me?

OK, half asleep.

But I started this life stream.

You could hear me.

Okay, Okay.

But I just want to fix this sound thing way.

Oh, I fixed it.

Just always forget how to do this.

Okay, let's start over.

Hello.

Good morning.

Welcome to coating train with me, Daniel Schiffman.

Um, so I'm a little bit half asleep today.

I don't usually stream in the morning.

It's not even really the morning.

Frankly, it's 10.

40.

I've been awake for, like, at least four hours.

Get up very early, but, uh, it's been a very long week.

I probably should, like stream on Monday.

Not that my weekends air, so rest ful.

But I'm excited to be here.

I am ready.

I got like, a scratchy throat like a cold kind of.

It's getting, like, chilly in New York.

It's like it was like the summer than it was sort of the fall for, like, one day Inter.

Practically so.

But I'm excited to be here and do some coding stuff.

I want to see if I have anything to cover here.

Simon is asking if I saw his suggestion.

Yes, Simon has given an excellent suggestion for Doctor he drum, which is a cube with faces connected up.

I would definitely like to get to that at some point, but I don't know if I'll get to that today.

I am.

I'm excited to premiere something.

Wait a second.

Uh, I have to wait till I get a message.

Like I have to create the fake scenario.

Um, for the thing that I want a premiere, Wait a second.

Breaking knows news.

Breaking knows this is not going well.

How do I turn my brain on?

There's gotta be a way to turn my brain on.

You know what I think is a way to turn my brain on coding?

Let's just get started.

So one of the things that I want to do today, um, and let me, um let me go to seven segment display.

Actually, you know what?

Let's let's take a moment here and go to the coding train website.

You know what?

I think the website might be broken because it's supposed to show I think a note here when I'm live streaming and the most recent live stream that it's showing is for March 14th.

So October Festival wants to help fix this on the web site.

That would be a good thing to fix.

Um, but I want Thio.

Come here for a second, Okay?

So I recently did a coding challenge.

Seven segment display.

Um, and look at this.

This has been really successful, in my view, in the sense that it inspired a lot of creative possibilities.

One that I really want to look at.

She can I just do a search on Twitter without logging in?

Maybe I can log in as the coding train.

Yep.

That was an easy way to do it.

And there we go.

This is actually what I'm looking for.

A love this from Sebastian Vein node.

Uh, seven segment display combined with p five Js and matter.

Duchess.

Many here.

Um, let's click on.

Let's actually click on all of them.

Why not?

Let's just look through all of them really quickly.

All right, so we've got this one.

We've got time, Maybe.

I don't know.

Cool.

I love that.

Okay, so this is wonderful, because this is exactly what Tom Scott talked about in his video About seven seconds display.

Looking up, using a regular expression to figure out what is the longest word you can display in a seven segment display.

We've got super transcend den dol maybe, um, and so we could choose the color of the display.

That's a really nice feature.

I really should be crediting the people here, so it probably click on them one at a time.

Here.

This is from Tom Seeley Source code Here.

Thank you.

Tom Seeley.

This is one from bl four score.

Um, and look at the time in the wrong page.

Um, this is nice.

It's interactive.

This is relates to something that I want to do today.

We've got another clock from Wimar shippers.

I love this.

Oh, look at this.

And guess what.

This is actually a new feature of the P five Jess Web editor.

Now, when you share your sketch with the full u R l uh, you get a little like, um, bar on the top that has the p five logo, the name of your sketch and a credit.

So by Willie Worry ge, you can still get a view, actually, So let's see if we can do this.

Well, if you go to file share, um, full screen, there is still a full view without it, which is would be in bed.

So if we go here, um and I switched to in bed.

There's still a full view without the P five information.

All right, so now we also have another clock from Swifty Turtle.

Excellent name.

This is lovely.

Great work.

We have a seven segment display from Tony Stark.

Hey, Tony Stark.

Thanks for contributing to the coating train.

Um, look at this with the segments defined the binary stuff to find.

I know this is Ah, Let's see if we can read a bit more about what?

This is from Prasad Panda decoder app.

So this is maybe an app that's helping you figure out the encoding and decoding of the binary stuff, the binary numbers and how those are represented on the seven segment display itself.

We've got a processing seven segment display, so I should really just to be a good person.

Let's let's actually run this code.

This is the one thing that's a little bit tricky.

It's a little bit harder.

This is just actually a raw port, so I don't actually know.

So we need to run this.

This looks like it's just raw port.

Thank you for that on dhe.

Then we've got the object oriented re factoring eso this.

Let's take a look at this because I have to say I take this as a badge of honor, but most people are very nice to me in the comments, but, um, I get a lot of the negative comments that I get, which, honestly, view is negative.

Are your code is terrible, It's messy.

It's disorganized.

You should.

You're teaching your variable names or bad you should be teaching good code practices and fair criticism.

Guilty as charged.

But one of the things that I like to emphasize and that's part of my process, which I recognized maybe isn't for everybody is that messiness is part of playful experimentation.

Now you're right.

Software development requires care and time and thoughtful engineering commenting code organizing code.

These are valuable and important skills, but sometimes you want to play around, make up an idea, and I also view it as a prompt to the viewer to think about what I've done with my code and make and change it to work for you, and that could mean organize it.

But I do aspire.

Thio, you know, teach good practice and also use good practices myself on this channel.

So we'll see.

Maybe I'll maybe I'll get better point taken.

All right, so let's look at this one that I really want to look at the code for this one.

So one of the things I can probably do, actually, I think if I just click here in this new view, it will take me to the page with code, and we could see Look at this.

We've got a segment class, an off collar on off color and on color, A length and a with an estate.

So this is really nice.

Look how nicely documented this is.

So this is a sort of format for self documenting CO comments which will can be generated into ah, documentation page display the segment set on set off.

This is lovely.

Now, let's see if we look here when we see there's even now a seven segment display class which has a set of segments in them.

It initialize is them.

Uh, it has hex code.

Look at this.

This is really excellent work.

This'd excellent work.

Who did this Brew owls And no, thank you so much.

So all of you were looking for a more thoughtful, re factoring and reorganization of my quick and dirty seven seconds way.

This is a great one to look at and you can see now the main program is just making news seven seconds.

But look at this.

Let's see if we can even figure out to make two of these.

Like, how hard would it be now if I say let's make two of them So I'm gonna say Create canvas 604 100 Now this, of course, should use an array.

But let's just say I want to put two next to each other and I make two of them and I want to display a digit update.

You know, these air counting and maybe I want to also display a digit.

Maybe I'll say like 10 minus index or something.

Now what's going on here?

I don't actually see two of them.

So this is where I might offer an idea for improvement, which is that the, um, the offset vector is hard coded here.

So what if I were able to give it an X and a Y, then I could add the X and Y here, then under in sketch, I could say Let's have one at, like zero zero comma zero and let's have one at 100 comma zero now, interestingly, have still not seeing two of them.

Let's see, like right.

Why don't I see two of them?

Well, let's take a look at how it's drawing the offset Vector whips in seven segment display.

This is, like, kind of a private variable here, but it must be used somewhere.

Where is it Used?

Uh, somewhere in, maybe.

Like a draw.

Function.

Right.

Transform.

Look at this top.

Oh, there's all these transforms.

Whoa, This is crazy.

Kind of unbelievable.

Wow, Generate display.

Okay, okay, here's what we need.

We need a push here and a pop here.

That's my guess.

Because my guess is that the generate display function is not self contained.

All these translations that happen here are affecting other ones.

Do transformations.

That seems reasonable.

Now, why aren't I still seeing two of them?

Um 12 All right, so let's see here.

Zero.

Let's see, Let's try to figure out what's going on.

We have to debug us a bit more.

Let's change the on color, huh?

So weird.

Why?

Why are my changes not taking effect on color?

Stroke on color, off color.

Interesting.

Um, let's go back to just formed by foreigners bother me that it's off the, uh and now let's do 100.

So it moved this both of them over.

So also interestingly Oh, you know what?

How where is the background being drawn?

Let's I think there's also an issue with this, which is a problem, which is that the background is being drawn here in update.