Тёмный

Bézier curves (Coding Challenge 163) 

The Coding Train
Подписаться 1,7 млн
Просмотров 269 тыс.
50% 1

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 323   
@numberstationscartoon2689
@numberstationscartoon2689 3 года назад
This guy has such a talent for breaking down complex topics into digestible information. I am so grateful for this channel.
@icecrack4579
@icecrack4579 3 года назад
Hey, inspired by you, I downloaded processing, and is now learning about data types. Thanks for your wholesomeness, and positivity.
@windubitably
@windubitably 3 года назад
I really enjoyed seeing the code for that one screensaver from the 90s.
@gabeapger1846
@gabeapger1846 3 года назад
After years scratching my head about cubic splines, your explanation was the the most intuitive and clear. I will never forget this. Thank you for this great tutorial!
@KyleNally
@KyleNally 3 года назад
"I don't know what I've made here..." Why, you've made an old Windows screensaver, of course. I can't possibly be the only one who remembers this one!
@cipher3966
@cipher3966 3 года назад
Not the only one. I am from the 90s too.
@reyariass
@reyariass 3 года назад
He should remake the pipes ones
@Bunny99s
@Bunny99s 3 года назад
Well, you probably think of the old win95 mystify screensaver: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-p-howMhFecQ.html#t=8s It still existed in win XP: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-uZQr-gHyYFI.html This is the classic one. However there's a newer version called Mystify in win10: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-yE3BTTtPKB4.html The old one just draws 2 quadrilateral where the 4 points are bouncy balls. Each of the two quadrilaterals have a certain amount of "history". So each frame the bouncy balls advance and a new shape is drawn, but the old ones still remain. so if a shape has a history of 12, there are always the last 12 copies of the shape on screen. When a bouncy ball was reflected it got a random velocity to add more dynamic to it. It was a very simply screensaver. The Win 10 version actually draws "curves". It's hard to tell because they added a lot of blur and glow and it fades out rather quickly. Though it may just be a leading vertex that moves around and drags the other control points behind by some constraints. While the general idea is similar, it works a bit different. They most likely just use a render buffer and never clear it as usual but simply let that buffer fade to black all the time. So the newly drawn shapes are bright while everything else is constantly fading away.
@danielalvesaarte
@danielalvesaarte 3 года назад
I haven't watched the whole video, but I'm so happy that this exists and that you exists. Your work is incredible, and always makes me fell so happy. Also, I'm a visual artist and a programmer, your channel is perfect for me
@HritikRC
@HritikRC 3 года назад
The cool thing about this channel is that it literally covers almost every aspect of programming, even the JavaScript libraries. Keep it up!
@martingregson7136
@martingregson7136 Год назад
Once again, this guy has blown my mind with his simple, helpful, humerus interpretation and implementation of what would normally be a complex coding nightmare. Bravo, bravo... keep it up Dan...
@__Junioor__
@__Junioor__ 3 года назад
the bouncing particles at the end really reminded me of the dvd thing hitting the corner of the screen
@tnczm
@tnczm 3 года назад
Just want to say the production is on another level now! I've been a fan for a while, and love your clear explanations!
@TheCodingTrain
@TheCodingTrain 3 года назад
Thank you, glad to hear that! (Especially given I had some audio issues with this one)
@juliankollataj_moves
@juliankollataj_moves 2 года назад
@@TheCodingTrain Yes, I love the way the production quality has evolved over the past 6 years that I've been watching! :D
@ninjaasmoke
@ninjaasmoke 3 года назад
I started watching the coding challenge series a weeks ago. For me it's been a week or 2, but for David it's been years! I'm inspired to see the love and enthusiasm he still has!
@cassiofbs
@cassiofbs 2 года назад
I love it too, but who is david?
@thejintent2770
@thejintent2770 3 года назад
Absolutely one of your best videos yet! Keep up the great work!
@sumanthhegde5148
@sumanthhegde5148 3 года назад
It's so sad to see you getting old. Love you Daniel! You are amazing. :):
@MichaelJamesActually
@MichaelJamesActually 3 года назад
I really enjoyed that! You made your very own Windows 95 Screen Saver!
@gownerjones
@gownerjones Год назад
This might just be the best programing channel on the entire internet
@HIHIQY1
@HIHIQY1 3 года назад
woah, bézier lines make sense now!
@azyfloof
@azyfloof 3 года назад
14:46 This was the penny drop moment for me! The way the bezier was calculated, and the reason the curve doesn't come close to the control point, suddenly made clear 😮😀
@rossikatti1788
@rossikatti1788 3 года назад
You read the minds of artists/programmers: all your tutorials are gold!
@RobinFoxie
@RobinFoxie Год назад
This is phenomenally useful and such a good breakdown. I've been clueless all morning; now 20 minutes later I'm sorted. Such a great video!
@joweber7492
@joweber7492 3 года назад
Great video. Certainly demystifies the inner workings of Bezier curves. I also wanted to say that the coloured boxes that you draw around snippets of text really help to understand what you trying to point out. Keep up the great work!
@SteveRowe
@SteveRowe 3 года назад
Daniel, I love the work you're doing. Thanks for teaching!
@THEN0RTH
@THEN0RTH 3 года назад
This is underrated!
@avinash5651
@avinash5651 3 года назад
That's only one channel all over the RU-vid which I like a lot I love to learn with u that's awesome moment
@onebeartoe
@onebeartoe 2 года назад
I love this video! I wish I had seen in High school; the '90s.
@Digiur
@Digiur 3 года назад
Congrats! You made a screensaver from windows 98! Beautiful!
@KyleNally
@KyleNally 3 года назад
Damn, and here I was scrolling through and feeling smug that nobody had mentioned it yet. Sigh.
@AkshatRamanathan
@AkshatRamanathan 2 года назад
Ive been following this channel for the last 5 years and I went from someone who hated web dev to a working frontend developer. but the best part is I still subconsciously learn more about math than programming and i fucking love that.
@peterklenner2563
@peterklenner2563 3 года назад
The Bezier function was explained in such a casual and easy way. Just beautiful to watch!
@andrewmackenzie2638
@andrewmackenzie2638 Год назад
Congratulations you made the old Windows Bezier screen saver! This is awesome.
@Phi1618033
@Phi1618033 3 года назад
I'm not saying I'm watching this while on mushrooms. I'm just saying if I _were_ watching this, there's _a chance_ I'm watching it while on mushrooms.
@wouf_
@wouf_ 3 месяца назад
I’m not saying that I don’t care but there is an high chance I do not care
@oluwatomisinbabatunde8426
@oluwatomisinbabatunde8426 3 года назад
I've had a rough couple of weeks but this does put a smile on my face and I don't know how. Thank You.
@tf2player943
@tf2player943 3 года назад
Used this to draw tubing for a project but didn't know the math behind it. Very interesting to see, thank you
@thechargeblade
@thechargeblade 3 года назад
Thanks so much for the video, when you explain it, it is very intuitive and very easy to understand.
@sinom
@sinom 3 года назад
Freya Holmér just made a great video about bezier curves a few days ago
@TheCodingTrain
@TheCodingTrain 3 года назад
I know!! It is so beautiful
@victoriaceliacesarferreira5766
You're so passionate about teaching and coding, thank u so much all this free information
@pw7225
@pw7225 2 года назад
A few years back I left a comment underneath a Coding Train video. It was critical because the content was too playful to me and too time-inefficient. I wanted to quickly learn what I had opened the video for. Now, I want to apologise for my arrogance. I think what you have done with Coding Train is nothing short of amazing. I hope many kids will be inspired by you to learn maths, computer science and create art. Never stop.
@crewrangergaming9582
@crewrangergaming9582 2 года назад
A developer for 10 years now, and watching this channel makes me love coding again.
@rikfomiharbi6077
@rikfomiharbi6077 3 года назад
I love your videos, especially coding challenges so informative :)
@artistpw
@artistpw 3 года назад
I love watching these videos. These really are just amazing. With all of the lines, these absolutely resemble "shade sails".
@luianthony1328
@luianthony1328 Год назад
This should be renamed “How to create a nostalgic screen saver”
@qwwongs33
@qwwongs33 3 года назад
Very nice content! I've implemented this algorithm before and used it frequently , especially bezier animation! I hope you can continue this series because i am very interested in understanding these type of algorithms. You are the man who brings me to the world of computer graphics, thanks man
@afzalmahmudd8365
@afzalmahmudd8365 3 года назад
the explanation of the white bord.just wow! . thank you sir.
@kristianwichmann9996
@kristianwichmann9996 3 года назад
Very lucid :-) For those interested, the mathematical process of finding a curve tangent to a family of lines (or curves) is known as an envelope.
@ophello
@ophello 3 года назад
WHOA - when did your channel videos get so incredibly condensed and polished?
@TheCodingTrain
@TheCodingTrain 3 года назад
It's unclear to me if it's universally an improvement or not but this is all thanks to the work of Coding Train editor extraordinaire @mathblank!
@ophello
@ophello 3 года назад
@@TheCodingTrain I’d say it is. It’s easier to digest the videos in a timely fashion, and it cuts out the fat.
@sps014
@sps014 3 года назад
Great explanation, finally these equations make sense
@rituchandra6325
@rituchandra6325 3 года назад
Amazing explanation for bezier curves! This explanation was so good that I probably will not forget how bezier curves are drawn, not after having heard the term "lerpception" XD. Once again, awesome explanation!
@Amr-Ibrahim-AI
@Amr-Ibrahim-AI 3 года назад
I love your passion! Thanks for the great tutorials and coding challenges :)
@DogwafflDan
@DogwafflDan 2 года назад
Thanks for this video. I've been trying to come to grip with curves for decades
@Simone-xe9cw
@Simone-xe9cw Год назад
Nobody seems to underline WHY Bezier curves are so wonderful, they changed the way we can mathematically/practically describe very complex curves without using "classic" expressions. The whole mathematic model of a Bezier curve is a set of modules really (I had to calculate them manually for a couple of exams at university back in the day). It's not just "a curve", it's a way to recursively describe a whole range of shapes that would take an insane amount of mathematical tinkering if done differently (nevertheless they allow for much more precise industrial calc for design and manufacturing). Edit: I am no mathematician sorry for my sloppy explanation but I hope you get the idea, feel free to correct me if something is too sketchy ^^
@eduardo_messias
@eduardo_messias 3 года назад
Another mind-blowing video. Congrats!
@JasimGamer
@JasimGamer 3 года назад
The master of inspiration I never understood what is lerp function Now its soo clear ❤
@metalhead2476
@metalhead2476 4 месяца назад
Now I know how kuka's robot spline function works! Thank you
@MrJCraft
@MrJCraft 3 года назад
Tips for beginners: you can imagine a bezier curve like this. you are bob and your friend jane is across the road she is walking to the end of the road in a straight line. but you dont know where she is going, so you look directly at jane and walk forward, as she moves down the road you stay facing toward jane, and continuously walk forward until you meet her at the end of the road. as you walked across the road your foot prints would be a bezier curve. that's how I accidentally discovered bezier curves while trying to make a curve generator in a video game lol. I hope that my explanation will help anyone confused.
@aurelia448
@aurelia448 3 года назад
currently learning some stuff for programming as i intend to study it in some years , the biggest thing about your channels is that you explain it in a really easy way , step by step and even the math behind it! the way you teach , explain and show is so funny and enjoyable! so much talent and so much passion for your channel i love it!
@jmckinney0040
@jmckinney0040 3 года назад
I have always wanted to know how this works! Also I've used a function similar to lurp before and I always wondered how it could do that. Thanks for breaking it down for all of us. Keep up the awesome work!!
@SridharGajendran
@SridharGajendran 3 года назад
A topic I always wanted to learn.. Thanks Dan..
@TheGrenvil
@TheGrenvil 3 года назад
I remember when I was a kid and discovered that you can make a curve with straight lines and I started drawing a bunch of those curves messing with all sorts of parameters, apparently young had just rediscovered bezier curves, that's really cool
@Scotty-vs4lf
@Scotty-vs4lf 2 года назад
i actually used to do the same thing, when I saw the string art i was like wait what
@Forjugadname
@Forjugadname 3 года назад
Really awesome vid. I've been using Bezier curves in Unity for a while even converted bezier code into DOT's code but I didn't understand the underlying bezier code, that is until now thanks to you.
@TheJas-vr2vr
@TheJas-vr2vr 2 года назад
Seeing cubic calling quadratic brings to mind the possibility of a quintic bezier, or even a recursive function that can go even further...
@velvetrock9933
@velvetrock9933 3 года назад
Right in the moment when i neede it! Thank you for a great content!
@rosslahive
@rosslahive 2 года назад
Another great video, thanks so much.
@youreale
@youreale 3 года назад
Dan, you are a force of the nature. Thank you man!
@eointolster
@eointolster 3 года назад
When I get a job I'll donate again. Thank you for your work. Helped me get my last job
@wchen2340
@wchen2340 3 года назад
I love the "and because they are seperate lines - I can make them rainbow colored" - part.
@Gazaze
@Gazaze 2 года назад
i'll probably remember bezier curve as LERPCEPTION forever xD thank you so much for such a simple but great explanation!
@mjaisi5346
@mjaisi5346 Год назад
great work thank you!
@TheRojo387
@TheRojo387 Год назад
Let's see you code a NURBS curve and intersections between curves and lines!
@anonymousvevo8697
@anonymousvevo8697 3 года назад
like usual , always stunning ! thank you , love it
@itsjmmariano
@itsjmmariano 2 года назад
This is complex to me but the initial explanation made my understanding of this concept clearer. Thank you for this wonderful content!
@nightcoder5k
@nightcoder5k Год назад
I had a chance to write some dancing graphics with splines in X11 on a SunOS back in college. Great video on how splines work. Thanks!
@lizardperson780
@lizardperson780 3 года назад
That visual at the end looks like my blanket when I'm trying to find the long side at 3AM
@Nocfairy
@Nocfairy 3 года назад
Fantastic!
@wimjongman
@wimjongman 3 года назад
Awesome. I enjoyed that very much.
@kken8766
@kken8766 3 года назад
love your videos! its practical, unique, challenging, and informative =)
@AkshatRamanathan
@AkshatRamanathan 2 года назад
I wish all math/geometry and calculus implementations are taught like this (advance calculus, etc.) to learn intuitively than just memorize formulas and their implementations.
@romajimamulo
@romajimamulo 3 года назад
As someone used to Inkscape, these feel really natural
@HermanWillems
@HermanWillems 3 года назад
Amazingly explained. I don't have to say more. :) Bezier Curves are amazing.
@SrinivasMangipudi
@SrinivasMangipudi 3 года назад
Its amazing you never fail to entertain!! :D
@marcodierenfeldt9061
@marcodierenfeldt9061 2 года назад
This has been great fun!
@ninjaasmoke
@ninjaasmoke 3 года назад
I was soo happy to see processing update their website to a react webapp!
@rain3377
@rain3377 3 года назад
Happy teacher's day....Guru ji 😊❤️ from India 😊
@aditya95sriram
@aditya95sriram 3 года назад
12:53 it is at this point that "lerp" stopped sounding like a real word #lerpception 😂 Great video as always, Dan!
@Cerzus
@Cerzus 3 года назад
I was going to say that it's not a real word anyway, but apparently it is and is used for a waxy secretion found on Eucalyptus trees. TIL
@ruslanislanbekov1067
@ruslanislanbekov1067 3 года назад
Scrimer
@hamidbakhtiari3986
@hamidbakhtiari3986 3 года назад
Is this the first video with this new type of editing? IT IS AWESOME!!! I really liked it!
@ashaygoli3014
@ashaygoli3014 3 года назад
Very well done video!!... Congrats you made a bezeir screensaver😆
@mmilerngruppe
@mmilerngruppe 3 года назад
thank you!
@oghry
@oghry 3 года назад
Lerperfect video!
@Shocker99
@Shocker99 Год назад
I get that early Windows screensaver vibe from this! :)
@v9turner
@v9turner 2 года назад
In the mid 1980's I programed Bezier curves on Atari 8 bit using Atari Basic. Using random control points and connected end points I could do "human" like scribbling.
@Sabecontar
@Sabecontar 3 года назад
Nice. I've been following you for a hort time but already love your videos so much, that I started making my own videos inspired by you. Thanks
@flwi
@flwi 3 года назад
That is an awesome explanation! Thanks for that! Got stuck on bezier curves a while back while trying to solve the Mars lander challenge on codingame. Maybe I'll give it another go, since I now know that bezier curves are not that mystical.
@rattlesnek6077
@rattlesnek6077 2 года назад
You should take a look at making n-degree bezier curves and operations on them using matrices, it's much much simpler
@charbelsarkis3567
@charbelsarkis3567 3 года назад
Had to implement bezier curve in my first job
@GroterRonald
@GroterRonald 3 года назад
Heel erg mooi, dank u voor de video J. Oswald
@foxtrotsFoxy
@foxtrotsFoxy 3 года назад
Inspiring stuff, as always
@MikeMcRoberts
@MikeMcRoberts 3 года назад
Please do a tutorial on mapping stars against a sky sphere, i.e. declination and right ascension co-ordinates for a star map, mapped onto a screen.
@vigneshsp4619
@vigneshsp4619 3 года назад
I think Lerpception Curve is a better name than the bezier curve. Thank you So much this is so good, Can we have b-splines as well.
@ToufouMaster
@ToufouMaster 3 года назад
Lerpception is an awesome name
@zipnone1996
@zipnone1996 3 года назад
This is a good one! 🥳🤩
@roygalaasen
@roygalaasen 3 года назад
Then you should look up Freya Holmér’s video on the subject released two days ago or something.
@NonTwinBrothers
@NonTwinBrothers 3 года назад
Here it is! I haven't really watched this channel since I was like 13, lol
@dignum
@dignum 3 года назад
If you turned 14 yesterday it's not quite impressive
@clement1814
@clement1814 3 года назад
@@dignum xD
@gamesvrtech6666
@gamesvrtech6666 3 года назад
You are the Hans Zimmer of P5 😎 Great video, funny as always (🎺BBBRRRRRR) 😄👍🏻
@RahulRaj-pd7gi
@RahulRaj-pd7gi 3 года назад
Loved it
@amatiasq
@amatiasq 3 года назад
Thanks! just... wow
Далее
Coding Challenge: 3D on Apple II
45:40
Просмотров 328 тыс.
🎙ПЕСНИ ВЖИВУЮ от КВАШЕНОЙ
3:05:21
Офицер, я всё объясню
01:00
Просмотров 2 млн
The Beauty of Bézier Curves
24:26
Просмотров 2 млн
Coding Challenge 180: Falling Sand
23:00
Просмотров 932 тыс.
Coding Challenge 162: Self-Avoiding Walk
38:27
Просмотров 153 тыс.
Coding Challenge 181: Weighted Voronoi Stippling
28:59
Просмотров 166 тыс.
The Continuity of Splines
1:13:50
Просмотров 1,4 млн
Coding Challenge 166: ASCII Text Images
22:42
Просмотров 1,1 млн
Every Complex Geometry Shape Explained
11:35
Просмотров 14 тыс.
Harder Drive: Hard drives we didn't want or need
36:47