Self-Driving Car with JavaScript Course - Neural Networks and Machine Learning

  Переглядів 2,069,135

freeCodeCamp.org

freeCodeCamp.org

День тому

Learn how to create a neural network using JavaScript with no libraries. In this course you will learn to make a self-driving car simulation by implementing every component step-by-step. You will learn how to implement the car driving mechanics, how to define the environment, how to simulate some sensors, how to detect collisions, and how to make the car control itself using a neural network.
The course covers how artificial neural networks work, by comparing them with the real neural networks in our brain. You will learn how to implement a neural network and how to visualize it so we can see it in action.
✏️ Dr. Radu Mariescu-Istodor created this course. Check out his channel: / @radu
💻 Code: github.com/gniziemazity/Self-...
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:03:44) Car driving mechanics
⌨️ (0:32:26) Defining the road
⌨️ (0:50:50) Artificial sensors
⌨️ (1:10:07) Collision detection
⌨️ (1:23:20) Simulating traffic
⌨️ (1:34:57) Neural network
⌨️ (2:03:10) Parallelization
⌨️ (2:18:31) Genetic algorithm
⌨️ (2:29:40) Ending
⭐️ Links ⭐️
🔗 Radu's website (with enhanced version of code): radufromfinland.com
🔗 Radu's workplace (consider applying): karelia.fi/en/front-page
🔗 Segment intersection (Math and JavaScript code): • Segment intersection f...
🔗 Visualizing a neural network in JavaScript: • Self-driving car - No ...
🔗 Visualizer code: radufromfinland.com/projects/...
🔗 Drawing random color cars in JavaScript: • Self-driving car - No ...
🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

КОМЕНТАРІ: 1 400
@freecodecamp
@freecodecamp 6 місяців тому
After this course, learn from Radu how to make your self-driving cars drive in a virtual world! ukposts.info/have/v-deo/jo90a4JusZud22w.html
@sdexstarlord
@sdexstarlord 5 місяців тому
is there any part 2 for this video?
@Radu
@Radu 4 місяці тому
@@sdexstarlord Yes, the playlist linked in the first comment.
@and-ant984
@and-ant984 Рік тому
no way he really did it in *javascript* with 0 libraries i am definitely watching this video multiple times, thanks for the video yall
@Rppiano
@Rppiano Рік тому
Wow
@techtime3125
@techtime3125 Рік тому
Wow
@_laxman_vijay
@_laxman_vijay Рік тому
Wow
@mr.fluffyham
@mr.fluffyham Рік тому
Wow
@juandager5220
@juandager5220 2 місяці тому
Bogus!
@santiagomoebio
@santiagomoebio Рік тому
"going infinitely far but also going nowhere" that's life for you. Loved this tutorial, full of substance!
@Radu
@Radu Рік тому
Thanks :-)
@shira158
@shira158 Рік тому
I love how he types each character at the same speed, even if it's not necessary fast, it's so mesmerizing to watch such consistency.
@Radu
@Radu Рік тому
You noticed :-) I tried a different approach for this one (also did a lot of takes to minimize the typos :-D)
@paschalasobirionwu1183
@paschalasobirionwu1183 Рік тому
@@Radu 100% worth it its just feels so smooth to follow
@saicherishpotluri1419
@saicherishpotluri1419 Рік тому
This is by far one of the best videos in terms of neural networks and their real-time implementation
@Radu
@Radu Рік тому
Thank you :-) glad you like it!
@camerinfigueroa7875
@camerinfigueroa7875 Рік тому
This tutorial is absolutely amazing. I've done some tutorials with tensorflow, but this really helps me understand better, and I love the end result. Very cool
@Radu
@Radu Рік тому
Great to hear :-)
@MrThatguy333
@MrThatguy333 Рік тому
@@Radu I know this is old but I'm trying to understand this code better what is happening with #addKeyboardListeners(); under the constructor, why the #? I can't find it through googling and need a little direction if you don't mind helping. edit: never mind I think I figured it out, its "private class fields" right? wow that took me way to long to figure out, assuming thats correct. absolutly beautiful coding and I learned so much! thank you!
@eileenchoong6175
@eileenchoong6175 Рік тому
@@MrThatguy333 aaaaaaàaàààaaààààaaàààààààààààààààààaàaàààààààaààaaaa
@Audionic1
@Audionic1 5 місяців тому
​@@Raduyou've generated only some traffic I want to generate infinite traffic how can i do that?
@Radu
@Radu 5 місяців тому
@@Audionic1 infinite won't fit in memory, but an object pool where you repurpose cars so they appear again is possible. Some people did it on my Discord... can't really explain such a thing in a YT comment.
@HristoKolevMayvena
@HristoKolevMayvena Рік тому
I'm a relatively experienced programmer and JS is perhaps my strongest side. I haven't played with machine learning before (except for reading a couple articles) and this video served as a great introduction. I'm planning to expand on the example code by adding a random traffic generator, design a fitness function (perhaps use the number of dummy vehicles passed as a success metric) and automate the iterations.
@Radu
@Radu Рік тому
That sounds like a great plan. Good luck experimenting and learning :-)
@___d3p1
@___d3p1 Рік тому
One of the best courses of this channel! This man is a genius! He structured all the implementation and its improvements in a way that makes you feel inspired. Great content!
@Radu
@Radu Рік тому
Thanks again for the feedback :-)
@creatorcode96
@creatorcode96 4 місяці тому
Yes Bro this man is a genius!
@superrazer3643
@superrazer3643 Рік тому
This is the First time ever I saw implementing a Neural Network with Coding! Thank You for Bringing this to US!!
@Radu
@Radu Рік тому
Congratulations :-)
@mirshodoripov1035
@mirshodoripov1035 Рік тому
This chanel is the best code chanel in the youtube. thank you for everything
@migdress
@migdress Місяць тому
This is the best video I've ever seen on youtube in my entire life. The level of this man is so high, he's got javascript, math and ai tattooed in his mind like it is the ability of breathing for any human being
@Radu
@Radu Місяць тому
I'm flattered to read a comment like this :-) I guess it's what you get with many (>20) years of practice... JavaScript is not my forte, though... I like to use it on UKposts because it's so easy for people to follow along (no need to install anything).
@migdress
@migdress Місяць тому
@@Radu you got it, it is so easy to follow because its live coding, but really? You are live coding a videogame with NPCs powered by AI living in an abstracted physical world, from scratch. In 2.5 hours. Thats just alien bro, I have never seen such a thing, I am following you forever.
@Radu
@Radu 13 днів тому
@@migdress thanks for motivating me like that :-)
@runtimejpp
@runtimejpp 5 місяців тому
Man among boys in JS. Coolest thing about no libs is that that courses will last forever
@Radu
@Radu 4 місяці тому
😎 Thanks!
@prabhuofficial6072
@prabhuofficial6072 Рік тому
One of the best coder and the best teacher to teach programming. Would love to learn more from you bro . Radu , you are really great man ..
@Radu
@Radu Рік тому
Thank you :-)
@caseyvollan8558
@caseyvollan8558 Рік тому
awesome video! im so very noob but i love watching all these videos on coding and what not. it amazes me. i am 35 and just getting into tech now. i wish i would have been more eager with learning as a youth but, better late than never! thank you so much for your info videos! keep them coming!
@kuttcobain
@kuttcobain Рік тому
Im almost 39....its never too late! I actually have better study habits now than i ever had in High School or College
@Atzanteol1
@Atzanteol1 Рік тому
This is very well done. The typing is smooth as butter so you're not distracted by typos, corrections, or a very slow typist. The pace is about perfect for somebody who knows how to code but wants to build a model and learn to train an AI. I often find "intro" courses absurdly slow but this was great! I translated your code to Kotlin but my results were about the same. I've been trying to find a good "how does a neural network work" video for some time and this was just perfect. Thanks!
@Radu
@Radu Рік тому
Thank you. Glad you liked it :-)
@PTS1337
@PTS1337 Рік тому
For more great visualizations, look at Sebastian Lague on youtube. He has a series on neural networks where he also goes more into the mathematical functions behind "teaching" a network.
@Radu
@Radu Рік тому
@@PTS1337 Thanks for the tip!
@markeyboi6545
@markeyboi6545 Рік тому
I loved this video. I know a lot of JS and some ML basics, but this video put them together in a very cohesive way such that I still learned a lot! You mentioned at the end considering making a follow up course, I would love to see that! Please do, I would be very interested in that. I subbed to your channel and will be watching for new videos, thanks a lot for making this video Radu!
@Radu
@Radu Рік тому
Really happy to hear you learned something from this. I'm quite sure I'll do the follow up course someday (maybe this year). Meanwhile, I'll post some lighter content.
@NavyaVedachala
@NavyaVedachala Рік тому
16:50 important tip about using arrow functions instead of function declaration within classes. Arrow functions mean that this.left refer to controls as the context. If we did function declaration, this would refer to the function as the context and as there is no this.left within functions, it would lead to errors.
@Radu
@Radu Рік тому
Thank you for making things even clearer :-)
@vicyoslinuxofficial2607
@vicyoslinuxofficial2607 Рік тому
The way he explains things feels like he's just describing the code in the very simple way things are! When he is coding, it feels like he's telling a story while he writes the code! If this is the way he thinks while coding, he is a genius!!!! I love the way he describes and explains things! 10/10! It's as if we coders/programmers were just talking to the machine/code.
@Radu
@Radu Рік тому
Thank you. This is very scripted, of course and edited (I had multiple takes). But if curious, I do have some unscripted (even live) coding videos on my channel :-)
@vicyoslinuxofficial2607
@vicyoslinuxofficial2607 Рік тому
@@Radu I will take a look at them. :)
@Radu
@Radu Рік тому
@@vicyoslinuxofficial2607 Cool :-)
@jeanaimarre8605
@jeanaimarre8605 Місяць тому
Exceptional training course with coding in real time with crystal clear explanations during work. Never seen such a valuable video.
@Radu
@Radu Місяць тому
Really happy to hear this :-) Thanks for watching!
@mathhack8647
@mathhack8647 Рік тому
AMAZING TUTORIAL. I really had a great pleasure following all project steps. The developper here, has a genuine pedagogical approach that makes everything easy for learners . Thanks. (btw, your calm voice made the knowledge flow confortable for the audience)
@Radu
@Radu Рік тому
Thank you for all the nice words :-)
@paulwong7224
@paulwong7224 Рік тому
He codes without errors and has all the data in his mind so he can just write code without console logging... what a dangerous man! In other words... wow you are very smart and such a talented developer. I am very amazed! Thanks for this tutorial!
@Radu
@Radu Рік тому
I practiced a lot to teach this course... it's not how I code in real :-P if curious, you can check the Avatar video I published recently :-D it's 12 hours of normal coding (unscripted).
@tanmaypanadi1414
@tanmaypanadi1414 Рік тому
he also has the power of editing and multiple takes.
@tanmaypanadi1414
@tanmaypanadi1414 Рік тому
i am amazed too . I don't mind if it has edits. its still incredible skill
@Radu
@Radu Рік тому
@@tanmaypanadi1414 haha :-)
@Radu
@Radu Рік тому
@@tanmaypanadi1414 thank you!
@LonelyAnimal01
@LonelyAnimal01 Рік тому
Clear, calm and informative 10/10 Thanks a lot!
@Radu
@Radu Рік тому
Thanks for watching!
@scientificshiv
@scientificshiv 10 місяців тому
I've been trying to wrap my head around AI and ML since a long time, but this is by far the simplest way to understand how it works, without learning any additional language. I know Javascript. You just got a subscriber. Keep it coming!
@Radu
@Radu 10 місяців тому
Thanks for subscribing :-)
@5skr0ll3r3
@5skr0ll3r3 2 місяці тому
Finally understood how machine learning works just thank you, wanted to start some projects but could not understand how
@TheFenny
@TheFenny Рік тому
Thanks so much ! You guys are helping me make my portfolio a lot better
@bkosimi
@bkosimi Рік тому
Amazing course and great teaching methods, Radu! Appreciate FCC sharing another excellent resource. 100%!!!
@Radu
@Radu Рік тому
Thank you, Botur!
@robolson135
@robolson135 Рік тому
This is such an extremely fun course, great teacher too!
@Radu
@Radu Рік тому
Thank you.
@ccamerini8679
@ccamerini8679 Рік тому
many thanks and please do follow-up with more material! we need more guys like you, Dr Mariescu-Istodor i'd like to understand how to add more layers, and delve deeper into it
@Radu
@Radu Рік тому
I'm planning different extensions to this course. Let's see what I come up with :-)
@aitorplaza2560
@aitorplaza2560 Рік тому
It's a very good channel, it's worth subscribing and watching his other tutorials in vanilla JS.
@Radu
@Radu Рік тому
Thanks, Aitor :-) for recommending my content!
@rajanpoudel7980
@rajanpoudel7980 Рік тому
Omg I was looking for ml course using Js and when I opened UKposts I was recommended this gem. Thanks alot
@AngeloRandazzo
@AngeloRandazzo Рік тому
this tutorial is simply GOLD! thank you man
@lucasa8710
@lucasa8710 Рік тому
You can tell it is a great video right in the first five minutes
@Radu
@Radu Рік тому
Thank you, Lucas :-) hope you like the rest of it too!
@JoeGaffey
@JoeGaffey Рік тому
One of the best code tutorials I've seen. Excellent work. Incredibly useful. Well done!
@Radu
@Radu Рік тому
You're welcome :-)
@varswe
@varswe 9 місяців тому
this man is in a league of his own, marvelous video
@Radu
@Radu 9 місяців тому
Thank you :-)
@varswe
@varswe 9 місяців тому
@@Radusir, I'm trying to extend this project in a way that a human will drive this car for a while then sensor data will be used to train the neural network and thank you so much for providing knowledge is such a fun manner
@Radu
@Radu 9 місяців тому
@@varswe Hi, you may want to check my recent video on the Euclidean distance. I give an example doing what you want, but without a neural network. You can extend it of course... Thanks for watching! Let me know what you come up with :-)
@varswe
@varswe 9 місяців тому
@@Radu thanks for giving more resource, 😇
@kosuke5570
@kosuke5570 Рік тому
just finished making my first track! thanks bro for all the help with learning soft soft. much love
@darkensgaming2649
@darkensgaming2649 Рік тому
debug tip: if you can't get the console.table(this) working at 15:00 or so (aka controls.js does not work) make sure you have added the line "this.controls = new Controls();" in car.js constructor
@williamikennanwosu
@williamikennanwosu Рік тому
You did a great job Radu. I just went through the whole course and I am really happy with the results and learning outcomes. I feel like I have taken my programming skills up to a new level. I liked and subscribed so I will check out your other content. I would be interested in any follow-ups to this course like you mentioned at the end of the video. Overall, I feel confident that I can take it from here with developing this program further thanks to your thorough explanations and consistent typing speed. Coding with Radu 👨‍💻👩‍💻 for the win!
@Radu
@Radu Рік тому
Wow :-) glad to hear you learned so much and like my channel! thanks for watching!
@victors8718
@victors8718 Рік тому
Mersi Radu! Toti tinerii talentati pleaca din tara...
@Radu
@Radu Рік тому
Cu placere :-) Mai trec din cand in cand si predau pe alocuri.
@bayedevilakazi6328
@bayedevilakazi6328 Рік тому
I was just checking around but ended up watching the entire thing.As a person who knows only C++, I have to say Javascript looks superior
@xaviermagnus8310
@xaviermagnus8310 Рік тому
How well do you know C++?
@bayedevilakazi6328
@bayedevilakazi6328 Рік тому
@@xaviermagnus8310 not much,I'm still a beginner but I know it better than any other language.i just don't like it having a separate graphics library
@xaviermagnus8310
@xaviermagnus8310 Рік тому
@@bayedevilakazi6328 The reason to use C++ would show up fast exposing this to harder tests.
@pimpc7984
@pimpc7984 Рік тому
Lol c++ is all pointers and memory,
@abdulrahmansaber9585
@abdulrahmansaber9585 Рік тому
You're one of the greatest teachers i've ever seen so far! Thank you
@Radu
@Radu Рік тому
Thank you!
@mrh3956
@mrh3956 Рік тому
Thank you, Radu this was a good lesson. I'm a beginner in Java-script and this kept me motivated to do more complex tasks.
@Radu
@Radu Рік тому
You're welcome!
@daveanderson8348
@daveanderson8348 Рік тому
By far the best video and best teacher I've ever seen on UKposts!
@Radu
@Radu Рік тому
Thank you :-)
@josediazperez9446
@josediazperez9446 Рік тому
Perfectly. I am glad that there are people who are ready to help and promote young talents. Beginner streamers. I can say that you are a hero, brother. Do not listen to idiots.
@ofirfr4804
@ofirfr4804 Рік тому
This video was so good! Yes I would LOVE the suggested course, PLEASE!!!
@Radu
@Radu Рік тому
Cool :-) It's on my list and I'll make it someday.
@backstabba
@backstabba 5 місяців тому
Great course. I think that double localStorage call should be optimized, but other than that, absolutely great!
@Radu
@Radu 4 місяці тому
I think you're right!
@zohebahmad9633
@zohebahmad9633 Рік тому
@1:47:58 YES ABSOLUTELY READY! Loving the content so far and was quite intrigued by the use of biases. Cheers!
@Radu
@Radu Рік тому
I'm planning some extensions to the course, but it will still take a while (looking for quality rather than quantity).
@kobruh9642
@kobruh9642 Рік тому
this is one of the best courses that i have ever seen on yt
@Radu
@Radu Рік тому
Thank you :-)
@_flavio_silva
@_flavio_silva Рік тому
I was really looking for a machine learning tutorial :)
@Active-AI
@Active-AI Рік тому
Why buy a Tesla when you can build it for free and drive it at no risk? What a fantastic course, thanks for making this available!
@Siddhesh1123
@Siddhesh1123 Рік тому
Your too tapped.
@mynewgadget5128
@mynewgadget5128 Рік тому
this is the first video of yours I watched You are a gem, you tried your best to recover his data. I had never watched a video like this before. I am glad to subscribe to your channel.
@Radu
@Radu Рік тому
Glad you liked it :-)
@kruptworld
@kruptworld Рік тому
I love you man! just from the fact that you took a quick second to explain the arrow function at 16:00 made me really happy!
@Radu
@Radu Рік тому
Cool :-) glad it helped!
@jcmschott1895
@jcmschott1895 Рік тому
Thanks freeCodeCamp for bringing that amazing content! I've been watching this video since yesterday afternoon, pausing, writing the code and sometimes my own versions of some snippets of code. After playing again, I always realized that Radu did the same thing in a more elegant way and with much less lines of code! A huge thanks, Radu!!! Following your channel, too!
@Radu
@Radu Рік тому
Thanks :-) Glad you liked the course!
@justfun591
@justfun591 Рік тому
I had not believed AI can be implemented using JS. Sir, I wish I could be your student.
@Radu
@Radu Рік тому
Well... since you're watching this, I guess you are :-)
@jlc-xr4hu
@jlc-xr4hu Рік тому
Would love it if you continue this series...the best thing i ever saw on UKposts❤️
@Radu
@Radu Рік тому
Thanks :-) I will make more videos on top of these, but currently have other things in editing, so, it will still take a while.
@pravinsukumaran6080
@pravinsukumaran6080 Рік тому
Thank you very much guys ......we need more ppl like yall on this earth
@zohebahmad9633
@zohebahmad9633 Рік тому
@57:48 Even after fixing the curly braces, the sensor lines don't show up for me. The error reads "Uncaught TypeError: Cannot read properties of undefined (reading '0') at Sensor.draw (sensor.js:42:29) at Car.draw (car.js:77:21) at main.js:7:5". If I console.log the start and end of each ray in the update method of the Sensor class (instead of the draw method), the console logs out what look like correct pixel values. What am I doing wrong? How do I fix this?
@zohebahmad9633
@zohebahmad9633 Рік тому
For some reason, the this.rays.size is 0 when calling the draw method... I have written the following condition in the draw method and nothing logs out. if (this.rays.size > 0) { console.log(this.rays[i][0].x); console.log(this.rays[i][1].y); }
@Radu
@Radu Рік тому
@@zohebahmad9633 Could you share your code on the Discord linked on my channel? Hard to say without seeing the whole thing.
@zohebahmad9633
@zohebahmad9633 Рік тому
@@Radu sure
@zohebahmad9633
@zohebahmad9633 Рік тому
@@Radu Somehow changing the this.rayCount in the for loop in the draw method to this.rays.length fixes the error... Now my sensors work perfectly! However, only inside the for loop (ensuring the for loop uses this.rays.length and nothing else... not even a constant integer)
@zohebahmad9633
@zohebahmad9633 Рік тому
OMG IT'S THE "car.draw(ctx)" BEFORE THE animate() IN main.js THAT WAS CAUSING ALL THIS TROUBLE!!! DON'T KNOW HOW ANY OF THIS WORKS BUT THAT WAS THE PROBLEM!!!
@markomwansa
@markomwansa Рік тому
Thank you for the great tutorial, Radu! I had a quick js question. I am stuck however at the artificial sensor section. My code produces an error running "this.rays[i][1].x". It's a TypeError that tells me that "undefined" doesn't have "x" property. When I replaced line "this.rays[i][*]" with numbers the code runs and the rays are drawn. But I noticed that the when I console.logged "this.rays", the first term is "undefined." I was wondering if this is something you encountered when coding this project? If so, how did you fix it? Thanks
@Radu
@Radu Рік тому
Hi! It would help if I could see the code somehow.
@akshatchouhan5199
@akshatchouhan5199 Рік тому
I got the same error if you have the solution please send send it to me
@akshatchouhan5199
@akshatchouhan5199 Рік тому
@@Radu I got the same error please help
@Radu
@Radu Рік тому
@@akshatchouhan5199 You might have an extra car.draw(ctx) in main.js, above the animate function.
@akshatchouhan5199
@akshatchouhan5199 Рік тому
@@Radu thanks the error is gone now
@DJ29Joesph
@DJ29Joesph Рік тому
Love it. "Naturally, I want the car to explode on impact" 🤣
@Radu
@Radu Рік тому
:-))
@BryanChance
@BryanChance Рік тому
One of the very best tutorials I've even seen.
@Radu
@Radu Рік тому
Thanks!
@kzdm5255
@kzdm5255 Рік тому
This was an amazing tutorial! Though, I think the sensors are too short ranged!
@Radu
@Radu Рік тому
You can experiment :-) the code is available. I think long range means that the car can see further ahead, but it also increases the resolution of the sensors, meaning that training the neural network will become harder. Our optimization method is quite simple and the possibility space grows with longer rays.
@user-zi2fv4df7v
@user-zi2fv4df7v Рік тому
OMG, you seem to be an professional! So can ya also share your opinions about Pollen? I'm in deep love with their project. It's simple to use and makes a massive profit!
@Radu
@Radu Рік тому
@@user-zi2fv4df7v Can you be more specific, which Pollen you are referring to?
@kzdm5255
@kzdm5255 Рік тому
@@Radu Yeah it was just an observation I made while watching at the airport. I'm also new to JavaScript and machine learning so I will be going through this tutorial again while hands on to learn more about it. I said the sensors were too short jokingly because I thought giving the car more time to detect traffic may result in the car learning to avoid traffic quicker. I shall experiment on that. I appreciate this tutorial by the way.
@Radu
@Radu Рік тому
@@kzdm5255 :-) sure. I actually had longer sensors at first. But it was challenging to find the right parameter values so that I can get the behavior I needed when making the video.
@azatgaripov2380
@azatgaripov2380 Рік тому
At 11:30. I have completely followed the coding. Though after saving the files and refreshing the page, I have the following error: *Uncaught ReferenceError: height is not defined* *at new Car (car.js:6:15)* *at main.js:6:11* Could someone explain what might be the issue please? Thanks in advance.
@Radu
@Radu Рік тому
Hard to say without seeing the code. Are you using the 'this' keyword before height?
@sneadidol6909
@sneadidol6909 Рік тому
I cannot believe what I am seeing it with my eyes! LOOL TY SO MUCH!
@hapham4788
@hapham4788 Рік тому
This is working for real!!!everyone should try this tutorial!!thankyou somuch
@eslof
@eslof Рік тому
"I want to get rid of that margin." - Every developer's first instinct.
@Radu
@Radu Рік тому
Haha, true :-D
@assasssin5328
@assasssin5328 Рік тому
Great! Now I can change my Tesla’s default self driving software to my own
@Afashi-vo4vz
@Afashi-vo4vz Рік тому
😂😂😂😂
@Tyrone-Ward
@Tyrone-Ward Рік тому
This is nowhere near as sophisticated as Tesla’s Full Self Driving software.
@matthewisikhuemen8907
@matthewisikhuemen8907 Рік тому
Lol haha... I will join you in your mission 😁😁
@daniele5692
@daniele5692 Рік тому
Would be funny if your implementation is better then 🤣
@motivator8586
@motivator8586 Рік тому
Yaaa U can 😁
@shira158
@shira158 Рік тому
Mulțumim frumos, Radu! Ne faci mândri! 😊
@Radu
@Radu Рік тому
Cu placere :-)
@satishgoda
@satishgoda Рік тому
The best video on UKposts! Thank you so much for this.
@simplex56
@simplex56 Рік тому
At about 42:00 when adding ctx.setLineDash([20, 20]) it instead just removed the middle lines completely. I couldn't figure out where I went wrong. Anyone else have this issue?
@Radu
@Radu Рік тому
Yeah, others complained about it too. Your constant for I infinity is probably too large.
@amitlevy3535
@amitlevy3535 Рік тому
@@Radu That fixed it, thanks! can you explain why it happens?
@fatcat4162
@fatcat4162 Рік тому
Thanks
@davidstefanc
@davidstefanc 2 місяці тому
@@Radu Multumesc! :D
@rafaelbustillo1308
@rafaelbustillo1308 Рік тому
I have been following the code and I don't know how to fix the error: "Uncaught ReferenceError: Car is not defined at main.js:7:11" can someone help me please
@Radu
@Radu Рік тому
Could you share your whole code somehow? I can't say what the problem is from this error message.
@rafaelbustillo1308
@rafaelbustillo1308 Рік тому
@@Radu I got it figureed out. the problem is that in the index.html file I had the scripts in a different order so main.js was getting called before car.js. thank you!
@Radu
@Radu Рік тому
@@rafaelbustillo1308 ah, OK. Makes sense!
@jageshkoiri8990
@jageshkoiri8990 Рік тому
It's so pleasing. The setuping and mastering softs amazing.
@calebcadainoo
@calebcadainoo Рік тому
Woooow this guy's a great teacher... I'm just watching and not coding but I'm really enjoying it 👏
@Radu
@Radu Рік тому
Glad to hear :-)
@MrGhosTRideRrR
@MrGhosTRideRrR Рік тому
In case someone runs in the issue where the lines(lanes) disappear from the middle when setting setLineDash([20,20]) -- the problem is that your infinity number is too high. Change it to something like const infinity = 10000000; and it should fix the problem for you
@Kenny-jw7fg
@Kenny-jw7fg Рік тому
Thanks!
@anasalnatsheh9957
@anasalnatsheh9957 Рік тому
Thank you!
@darkensgaming2649
@darkensgaming2649 Рік тому
thank you so much I thought it was a browser not supporting setlinedash issue lol
@flipthecoin.
@flipthecoin. 4 місяці тому
thanks
@norinormich4663
@norinormich4663 4 місяці тому
omg, how does this even work. why is everything ok with a regular line, but not with a dashed line? I spent a lot of time trying to figure out what I was doing wrong, huge thanks!
@abdomzr6938
@abdomzr6938 Рік тому
Time to make my own tesla
@priyanshukatuwal
@priyanshukatuwal Рік тому
Nice one xD
@rajamohansankarapandian9092
@rajamohansankarapandian9092 11 місяців тому
@@priyanshukatuwal பரோரரேமரோரேஏப
@unk9
@unk9 4 місяці тому
Elon Musk should fear us now 😂
@abdomzr6938
@abdomzr6938 4 місяці тому
@@unk9 he sure will brother
@gamingdude7959
@gamingdude7959 2 місяці тому
**This is ELON MUSK**
@alirazzaq1541
@alirazzaq1541 Рік тому
Amazing tutorial. Learned and enjoyed a ton from it. Thank you, Dr. Radu. You are an amazing teacher.
@Radu
@Radu Рік тому
Thanks :-) glad you liked it!
@cadenshafer9838
@cadenshafer9838 Рік тому
Thank u for being a great human being and taking ti to help all of us noobs out cheers
@liamconverse8950
@liamconverse8950 Рік тому
Can't wait until the "code your own anime waifu bot in JavaScript" video drops
@Radu
@Radu Рік тому
:-)) check the most recent video on my channel (close enough?)
@Afashi-vo4vz
@Afashi-vo4vz Рік тому
I can’t watch the video. It says “No stream” any suggestions????
@riigel
@riigel Рік тому
same here
@nicksharna
@nicksharna Рік тому
Try vpn
@abdelrahmanhedia9483
@abdelrahmanhedia9483 Рік тому
Same
@omarious
@omarious Рік тому
Vpn to France worked
@zellergade2419
@zellergade2419 Рік тому
Refresh the page, if doesn't work, clear browser cache. If on mobile app, completely stop it and restart it.
@sudharshana5126
@sudharshana5126 Рік тому
I can't believe literally no one is talking about how satisfying Nice tutorials voice softs.
@a0nmusic
@a0nmusic Рік тому
this has been the most fun best interesting tutorial on youtube. well done!
@Radu
@Radu Рік тому
Thank you. Glad you liked it :-)
@zile8869
@zile8869 Рік тому
1:09:50 function getIntersection(A,B,C,D){ const tTop=(D.x-C.x)*(A.y-C.y)-(D.y-C.y)*(A.x-C.x); const uTop=(C.y-A.y)*(A.x-B.x)-(C.x-A.x)*(A.y-B.y); const bottom=(D.y-C.y)*(B.x-A.x)-(D.x-C.x)*(B.y-A.y); if(bottom!=0){ const t=tTop/bottom; const u=uTop/bottom; if(t>=0 && t=0 && u
@Radu
@Radu Рік тому
Thanks!
@Coryu805
@Coryu805 Рік тому
At 57:50 I get a "Uncaught TypeError: Cannot read properties of undefined (reading '0') at Sensor.draw (sensor.js:37:29) at Car.draw (car.js:77:21) at main.js:7:5" error. Any help would be appreciated!!!
@raidarkivistik
@raidarkivistik Рік тому
If You left a copy of car.draw(ctx); in main.js outside animation loop, delete it and it should work fine
@Radu
@Radu Рік тому
@@raidarkivistik Yeah... unfortunately I move that line down quite quickly in the video.
@Coryu805
@Coryu805 Рік тому
@@raidarkivistik Thank you so much! It works perfectly now!
@zachc2105
@zachc2105 Рік тому
@@raidarkivistik godsend
@crefelder1
@crefelder1 11 місяців тому
All what i need for game. Including collision detection, movement physics, raycasting and so on in one course. The best! Also crazy you explained me the spreat operator in two sentences. Before my brain was so in stuck.
@Radu
@Radu 10 місяців тому
Glad to hear it helps :-)
@riju1956
@riju1956 Рік тому
hi i am radu -> decode -> hi i am raju
@Radu
@Radu Рік тому
Raju sounds cooler, though...
@benrogers8390
@benrogers8390 Рік тому
for all those too lazy to copy the intersect function function lerp(A, B, t) { return A + (B - A) * t; } function getIntersection(A, B, C, D) { const tTop = (D.x - C.x) * (A.y - C.y) - (D.y - C.y) * (A.x - C.x); const uTop = (C.y - A.y) * (A.x - B.x) - (C.x - A.x) * (A.y - B.y); const bottom = (D.y - C.y) * (B.x - A.x) - (D.x - C.x) * (B.y - A.y); if (bottom != 0) { const t = tTop / bottom; const u = uTop / bottom; if (t >= 0 && t = 0 && u
@Radu
@Radu Рік тому
Thanks for sharing this :-)
@benrogers8390
@benrogers8390 Рік тому
@@Radu No worries! Loved the course ;) but I don't know how I feel about you calling me out for using JS oveer Python hahah
@Radu
@Radu Рік тому
@@benrogers8390 would you prefer a python version? :-)
@abdotarek4155
@abdotarek4155 Рік тому
Okay best video out there! Straight to the point and crisp video. Thank you so much! Life Saver!
@Radu
@Radu Рік тому
Thanks :-) Glad you liked it!
@Mr0izo84
@Mr0izo84 Рік тому
Such a great content with a splendid professor, Thank you for the knowledge and the good mood !!!
@Radu
@Radu Рік тому
Thanks :-)
@Morteza_HH
@Morteza_HH Рік тому
I have a problem in 57:48 . it gives me: Uncaught TypeError: Cannot read properties of undefined (reading '0') at Sensor.draw (sensor.js:34:40) at Car.draw (car.js:51:21) at main.js:7:5 I tried removing car.draw(ctx) in main.js file in line 7 as there were said in comments but I can't see rays that way. Help please🤦‍♂
@Radu
@Radu Рік тому
If you can share the code somehow (like in the discord linked on my channel), I can have a look.
@lol51329
@lol51329 11 місяців тому
same error, did you manage to figure it out?
@ericksasonet
@ericksasonet 5 місяців тому
@@lol51329 removing the car.draw(ctx) in main.js in line 7 worked for me.
@gireeshbhat4158
@gireeshbhat4158 8 місяців тому
Why the hell he needs vs code
@Radu
@Radu 8 місяців тому
What do you use?
@gireeshbhat4158
@gireeshbhat4158 8 місяців тому
Iam glad to see your reply ☺️ I also use VS code but as you are not using any syntax highlighting or auto suggestions, I just commented why you use vs code you can use notepad for that.
@Radu
@Radu 8 місяців тому
@@gireeshbhat4158 :-)) ah, ok, I get it now. Well, I like the themes in VS Code and the fonts look nice. There's some anti-aliasing there, I think. I use highlighting and suggestions when coding normally :-P but when making tutorials I like the focus to be in one place (the cursor) as much as possible... Not a bunch of windows jumping all over the place and sometimes covering parts of code that others are still looking at.
@giannidedrijver3339
@giannidedrijver3339 Рік тому
Great tutorial, links and program worked fine for me. Thanks for sharing.
@Shalve94
@Shalve94 Рік тому
Amazing and very clear course! It helped me to start with Neural Networks.
@Radu
@Radu Рік тому
Glad to hear!
@davidmurphy563
@davidmurphy563 Рік тому
Hmm. Why did they go with JavaScript... I know js - everyone does - but Python is so much nicer to code. I follow the "avoid js if at all possible" route. It's slow though, I'll grant. I suppose it would be easy enough to watch and do it in Python.
@fus3n
@fus3n Рік тому
i suppose because its easier to code the game and an easy api so people can focus on the neural network part more the algorithm should be same no matter the language if you understand js then you should be able to apply it in python with pygame so i think its worth it.
@rajanpoudel7980
@rajanpoudel7980 Рік тому
But python is too slow
@davidmurphy563
@davidmurphy563 Рік тому
@@rajanpoudel7980 Yeah, like I said, it is slow. I might use the open source Godot game engine. It uses a pythonesque script but it'll run something like this at hundreds of FPS. Plus, it has all the convenient methods for this sort of thing. Yeah, I'll do that.
@Radu
@Radu Рік тому
It's because JS is popular, so many people know it already, but JS is not well known for machine learning, so... I want to introduce AI related concepts to JS coders. At work I teach this same thing in Python as well. Since I don't use libraries, it doesn't really matter what you use to follow along if you're comfortable with some other language. Most of the things will be compatible.
@davidmurphy563
@davidmurphy563 Рік тому
@@fus3n I'm going to try it in Godot. That's basically python and is the lazy man's choice being a dedicated games engine.
@AtNovember
@AtNovember Рік тому
That is awesome man! I've started similar project two weeks ago, and got stack with it! Now I see what I did wrong )) Thanks for your manual
@Radu
@Radu Рік тому
Wow, really? That's awesome!
@brujulaestudio9664
@brujulaestudio9664 Рік тому
This is the best free software Ive seen. Respect.
@georgidimov4110
@georgidimov4110 Рік тому
Really a highly rated work, sir.
@apidas
@apidas Рік тому
Imma do this with my kids, making car physics itself is pretty fun already
@Radu
@Radu Рік тому
Cool :-)
@busraaslan7520
@busraaslan7520 Рік тому
Now I understand how to make loops and export everytNice tutorialng really god bless you.. your way of explaining simply aweso I loved it
@vasiloconnell281
@vasiloconnell281 Рік тому
Очень крутой курс. Огромное спасибо.
@fakefury1198
@fakefury1198 Рік тому
What an awesome video! I'm so grateful that I'm in pre-calc right now so I understand all of the trig stuff :)
@Radu
@Radu Рік тому
Great! :-)
@AjarnSpencer
@AjarnSpencer Рік тому
Explanation of arrow function in controls dot js was amazing!
@Radu
@Radu Рік тому
Glad you liked it :-)
@yakovkemer5062
@yakovkemer5062 Рік тому
Bravo. Amazing lesson. Thank you very much. I had the best results with 3 layers. 10, 6 ,4
@Radu
@Radu Рік тому
Cool :-)
Why is this number everywhere?
23:51
Veritasium
Переглядів 1,3 млн
But what is a neural network? | Chapter 1, Deep learning
18:40
3Blue1Brown
Переглядів 15 млн
I’m fat 🥲💔#shortvideo #lizzyisaeva
00:29
Lizzy Isaeva
Переглядів 5 млн
Я ЛЮБЛЮ УКРАЇНУ 3 сезон 3 випуск
1:35:26
Я ЛЮБЛЮ УКРАЇНУ
Переглядів 184 тис.
Miss Delight show something (Poppy Playtime 3 Animation)
00:11
AI Learns to Walk (deep reinforcement learning)
8:40
AI Warehouse
Переглядів 8 млн
How Did A Ship Destroy Baltimore's Key Bridge?
4:30
Casual Navigation
Переглядів 382 тис.
Self-driving car - No libraries - JavaScript course [Lecture 1]
33:59
Radu Mariescu-Istodor
Переглядів 45 тис.
Back End Developer Roadmap 2024
10:30
freeCodeCamp.org
Переглядів 222 тис.
The Scientist Who Discovered the World's Most Beautiful Equation
14:58
How I would learn Machine Learning (if I could start over)
7:43
AssemblyAI
Переглядів 705 тис.
MV Dali Hitting Key Bridge in Baltimore - Track and Video Analysis
7:56
What is Going on With Shipping?
Переглядів 954 тис.
Fastest Way to Learn ANY Programming Language: 80-20 rule
8:24
Sahil & Sarra
Переглядів 589 тис.
A.I. Learns to Drive From Scratch in Trackmania
16:51
Yosh
Переглядів 7 млн
I’m fat 🥲💔#shortvideo #lizzyisaeva
00:29
Lizzy Isaeva
Переглядів 5 млн