Placeholder Image

字幕表 動画を再生する

  • uh, say once again, coordinates.

  • Um, it's important Auto tune and the Internet will fix that.

  • Coordinates.

  • It's important.

  • It's the floor to guard your corner, Booth.

  • Hello and good morning.

  • I almost had that time, right?

  • I was gonna end of that song Cross fade into me My my Kazon.

  • Hello.

  • Hello.

  • I'm trying to be somewhat more professional this morning with my opening coating train logo and some music, which instead of me, just here like is the streams turning is a stream starting Oy.

  • Okay.

  • Hi.

  • So that this was my doing type.

  • Let me know how it went.

  • Welcome.

  • And good morning.

  • And welcome to the coating shoot.

  • I was doing so well.

  • Welcome.

  • And good morning.

  • No, it goes like this.

  • Good morning.

  • And welcome to the coding train.

  • My name.

  • I'm your host, Daniel.

  • Chief Bond.

  • And I am here every Wednesday, 10:30 a.m. Eastern to do some coding stuff on.

  • And actually, I'm really excited about today.

  • I recently released a few videos about making a gift.

  • I think, by the way, that these videos are getting tons of use just because we want to know whether how I'm gonna put out the word.

  • It's like, Oh, I feel like I really that wasn't my best work either.

  • That gift looped video, I feel like I went on and on and on at the beginning, and then in the end, it's just a rotating square.

  • Could have done so much better.

  • But alas, people seem to be enjoying it and watching it.

  • If you go on to Twitter and go to hash tag, gift train, gift train gift train, because these gifts are little gifts hearts out into the world.

  • If you go to gift gift train, you can see I'm just gonna go the latest here.

  • Um, wait a second.

  • I'm a little bit afraid to click on this one.

  • I'm sure it's fine, but you could see that people are sharing gifts that they've made, and I hope to see more of these.

  • This is a pretty interesting one by the composer of the I will re factor this later song very well liked, so please continue to share those in addition to sharing on Twitter.

  • I suppose if I ever got around to using Instagram share stuff with, you know, I have this high, this whole thing where I was going to switch over to using mastodons, and somehow I never was able to make that really happen.

  • But maybe I'll give that another try.

  • Um, but, you know, that's what spoiler alert.

  • Okay.

  • Uh, also you can also share things on the coding train website itself.

  • Here are four heart submissions that I will now share with you.

  • The 1st 1 I will share with you is love hearts by Unruh.

  • Ge has Ra So I guess I can click And everywhere I click it makes ah heart Look at this And they're like, Oh, oh, It's like ex tracing its contours Maur and Maur This is beautiful.

  • Excellent work.

  • I love it.

  • Let's look at the changing the Cassini oval to ah heart by Simon A different Simon than the usual coating train viewer Simon Tiger Ah, look at that.

  • I love that another beating heart.

  • I'm gonna make you make more coating challenges like hearts and stars and rainbows and things like that just brings me such happiness and joy.

  • Okay, That's beautiful work.

  • Uh, Rainbow heart.

  • Excellent use of the combining of the rainbow with the heart together.

  • Let's click on This is by Riaz lock our last car.

  • Um, here comes It's falling from the sky.

  • Oh, it's coming from the sides I think this one needs That is beautiful.

  • I love this.

  • I love the creative use the way people are using this sort of path of that formula heart curve creatively and having it be the boundaries of basically a particle system that's coming in really nice work on Let's look at one Maur heartbeat by copper France And here we go.

  • Look at that.

  • That is really cool.

  • So this is Look at this.

  • So you can see the cardio aid shape and the particular heart curve there and you can see it's beating back and forth between the two of them.

  • And this also is a wonderful This is a wonderful, um, reference thio wonderful illusion to the circle square shape morphing coding challenge that Golan Levin presented on this channel here.

  • So you could see this is more thing between two shapes the heart shape and the cardio aid shape.

  • To be sad to move away from hearts.

  • Today we're going to keep the heart.

  • We're going to keep the heart thing going.

  • All right, so thanks, everyone for joining.

  • I'm gonna get I'm gonna try to not have too much, um, exposition and just get right to the coding because I'm so excited about this topic.

  • If this happened spontaneously as if in a dream to me and yet it yet it's something that's been around for quite a while that people have been using as a technique.

  • And I would say a pioneer of this technique is Jacob Jacob.

  • I don't know how to say the last name in French and you can see this.

  • I don't know that this was made based on the fact that I did a heart curved coding challenge.

  • I can only suspicious I can.

  • I can be somewhat semi confidence suspicious that maybe it is somewhat impartially in a little bit inspired by my coding jobs simply by the date of February 15th.

  • Given that I did the coding challenge on, I think February 13 was my livestream last week because today is February 20th.

  • But when I want you to look at this and I want what I want you to blow what I want, what really blows my mind about this?

  • It might not be immediately apparent to you is This is not processing sketch a p five sketch running.

  • Presumably it might have been created with one of those things, but it is, in fact, a GIF.

  • Um, there is a little bit up.

  • What's amazing about this is there's a lot of randomness and randomness of this.

  • In this gift, it seems chaotic and random, and yet somehow it loops seamlessly.

  • But now that I look at it, I see this like slight movement of a jump.

  • But we can look Maur and Maur at Dionne's Twitter feed.

  • Let's look at this one similar idea, but this is a gift.

  • It is looping over and over again.

  • How I talked about in my gift looping challenge that the end point of a gift, the last frame of a gift.

  • If it matches with the first frame, it will appear seamless.

  • But how do you have something that's so random and chaotic and yet, somehow, accidentally or by design, ends with a frame at the end that matches the one from the beginning?

  • And this is exactly what I will present to you today in a coding challenge about creating a pearl in noise loop.

  • So before keep going and talk too much about this.

  • Let me there.

  • So this is another reference.

  • This is, I think, even more salient here.

  • Like this Particular.

  • Like, how in the world is this looping?

  • How is that looping?

  • Thea answer to this is if you read a Tien's article here all about Perla noise functions and this particular technique for how to animate noisy stuff with a nice trick.

  • So I'm gonna present to you my own way of doing this, which I suspect is exactly what's in there considering this.

  • I think I read this article probably in 2017 when it came out.

  • And then somehow yesterday in the middle of class and I t p here I was like, I invented this new idea, and then I was I messaged goal 11 I rented this new idea is like, uh, yeah, by the way, this is my P five jazz sketch that I made that I sent to you like, a year ago or six months ago.

  • That does exactly that.

  • So clearly I didn't invent that.

  • I just thought that I did.

  • I had remembered something, but I'm gonna go through this with you today, and I'm so excited about it because it's really gonna change for it's I think it's gonna open up a lot of interesting and unique creative possibilities for you.

  • And you could make hearts and rainbows with it.

  • Good that's gonna make.

  • And, of course, we're gonna need polar to Cartesian coordinate transformations.

  • Yeah, uh, I think I did show David SNI Snyder's for a heart gift.

  • But let me just make sure to give this a nice highlight, because this is what I love.

  • Something that I absolutely love the most is when I see different bits of code and examples that I've made get combined and re combined in unique and interesting ways.

  • And here is a nice owed to Valentine's Day with the heart curve and the 48 transform by David Snyder.

  • Hash tag, gift train.

  • Okay, um, and now Oh, no, uh, I wanted to keep that up.

  • Let's put that here.

  • I think I'm gonna attempt to do this in the p five Web editor, even though there is a somewhat significant bug that you are all aware of.

  • If you've watched my video, did I experience that in the bouncing DVD logo?

  • Let's make this.

  • Is that okay?

  • Too big too small.

  • Move this over a tiny bit.

  • Move this over.

  • Let's see if I do this.

  • Um, question is, I think I would like this to be a little bit bigger.

  • And if I D'oh 606 100 auto afresh.

  • Ground zero, Let's make this.

  • I know the camera went off.

  • I have I'm on a path to fixing this camera issue.

  • Don't worry.

  • Everything is gonna change for the code and train in the future.

  • Ah, welcome, New Member.

  • Cryptic.

  • So, by the way, if you like what I d'oh, there's no requirement to do this.

  • I will mention there is an opportunity to join as a YouTube member.

  • I also have a patriotic I'm not so sure about the patri on driving you out what to do about that?

  • But, um, you will get an invite to a slack channel.

  • I will, at some point, some about time, Mel, you some stickers and you will also have my thanks.

  • So thank you to New Member.

  • You get a little fancy icon, so I don't know anybody in the chat.

  • Who's a member?

  • I'm just curious.

  • I forget what it is, But your icon changes your little emoji icon changes based on how long you been a member, and I can't remember what I dot this stock characters, the 1st 1 they think the rainbow is the last one.

  • Maybe I had been a member for two years or something, so I can imagine I don't even had it for that long.

  • But I'm curious to see what those What those?

  • I set them up at one point.

  • All right, so I think, um um, I think All right, so is that okay?

  • This font size is that visible?

  • Andi, think about think about the all of the people around the world who are, like, on there on the bus or the subway on their way to work or school with their little tiny mobile device watching the coding train, they read my coat.

  • Uh huh.

  • All right, Um, so this is gonna be a coding challenge.

  • It's going to relate to a lot of different things.

  • So the two things that I want to mention our blobby this also relates to this and, um Perlin noise playlist coating train.

  • Um ah.

  • It's gonna happen here.

  • Okay, hold on.

  • a second.

  • Um, just give me a second here.

  • I want to be logged in as a different person.

  • One of these days, I'll fix this.

  • Um, it's fine.

  • Just give me a second here, everybody, uh, just Perlin?

  • No, it's where I have a pearl in noise playlist.

  • There it is.

  • Yeah.

  • Okay.

  • Uh, here we go.

  • All right.

  • So I don't know.

  • I think I'm gonna start with this.

  • What's one of these?

  • Are amazing, by the way.

  • I mean, look at that.

  • I don't think I should sleep with this because this is misleading.

  • I'm never gonna create anything so beautiful as a TN Jacobs, but I think I have this This this is definitely related to what I want to do.

  • Um, And where's the heart?

  • Yeah, for wherever you okay, here we go.

  • This I can lead with.

  • We need to make sure I have a white board working whiteboard.

  • But this this this is no good.

  • I got three markers here.

  • David, in the slack channel asks Dan, do you think you'll ever make a three d version of blobby?

  • I've been trying it since I saw the Blob video, and I can't figure it out.

  • Oh, I like this idea.

  • Yes.

  • In fact, we should make a three.

  • I mean, you would need the spirit, Kal geometry coding challenge.

  • So the spherical geometry coding challenge, combined with the blobby coding challenge is the path to do this.

  • And I would love to do that.

  • That's a great idea.

  • Uh, wait.

  • Trying to find a marker that will do us justice.

  • No.

  • Ha, ha.

  • I think I have found this is the marker which will be the marker for today.

  • How we doing on glare?

  • Let's, uh That's not causing the glare.

  • Is it this one?

  • That's definitely the glare.

  • That's better.

  • Okay, let's make sure this works.

  • Oh, that was the saddest thing ever.

  • You think somebody who has a YouTube gentle like hundreds of thousands of subscribers would bother toe find a marker before going?

  • And yet I can't seem to manage to get myself to do this.

  • Fortunately for me, I have a box here in this box you can't see.

  • It is full of markers.

  • We're gonna find what I need.

  • What I need is another box that's full of markers that are used up.

  • No, I can tell already okay.

  • Promising.

  • Very promising.

  • Ha.

  • There we go.

  • This one will do the job puller, noise loops.

  • This is the topic for right now, by the way, incidentally, it's also my intention to talk about JavaScript inheritance with prototypes and, yes, six classes.

  • So that will be the That's gonna be the boring stuff that comes later.

  • I don't know what's boring and what's not boring, but that's gonna come later.

  • Okay, let's make sure this camera has got half on hour of possibilities.

  • Uh, by the way, I just I'm not bothering with slow moving anymore with the chat somebody in.

  • Yes, it's the spherical and coordinate polar song.

  • Thank you.

  • Okay.

  • Weak mind for that suggestion.

  • I I haven't remembered in recent weeks to put slow mode on in the chat, and so now I'm kind of leaving it without slow mode in the hopes that the community on my, uh, my continuous presentation of hearts will keep the chat under control.

  • But please, if it becomes unwieldy or a problem for anyone, let me know, in particular those of you who are in the patron YouTube member slack group, you can let me know if you need me to turn on slow mode.

  • Yes, I am calling this polar noise loops.

  • Welcome to the Polar Express.

  • All right.

  • I don't know if that's a good name for it, but that's what I'm calling it.

  • All right, let's Let's get this started