Drawing shapes using JavaScript

[@pesterenan]

Another nice episode! All well-explained and at a good pace for someone that is beggining to learn about front-end dev! =)

[@Radu]

Thanks :-) happy to hear you like the content!

[@levgopratama7878]

If only I could find this channel earlier. But better late than never. Thanks for the tutorial Radu. It easy to understand for someone who know nothing about coding like me

[@Radu]

Glad to help!

[@unknown-bx8my]

I will watch the entire course even though i think i know 70% of canvas element functionalities😀 I am very excited to watch the advanced videos too. This is very useful for beginners.

[@Radu]

I have a feeling you know everything here :-) but I tried to sprinkle in some tricks here and there, so, maybe something new for you as well. Who knows? :-)

[@a.j.outlaster1222]

I know this, But, It took me MUCH longer than 10 minutes, He is good at explaining things quickly, Right? Thx, Radu!

[@chessketeer]

Great tutorial! Thank you.

[@Radu]

You're welcome :-)

[@CarlosToscanoOchoa]

Hi Radu! I got to know you through a recent video in which you explained how to code a self-driving car in canvas. I'll also go through this entire series. On top of that: tell us a good book to learn how to master canvas element, please! Many thanks!

[@Radu]

Hi, I actually haven't studied a book on the topic. All the technical things you need are here: developer.mozilla.org/en-US/docs/Web/API/Canvas_API To those all you need to add is some creativity :-)

[@CarlosToscanoOchoa]

@@Raduso directly from the source, right? Alright, thanks!

[@Radu]

I think so... I would look at that source for technical knowledge and KZbin for ideas (what others create using the Canvas)

[@offorjohn]

Thanks for this awesome tutorial.

[@Radu]

You're very welcome! :-)

[@KlinovAS]

Nice! Really easy and cool material Good examples. Thank you! Please don't forget about curves in the future. I would like to learn how to draw analytical graphs

[@Radu]

Ok. Good to know. I will make an intermediate/advanced course about the canvas someday. But also some math related videos too. It will have curves as well. Let's see which one I will make first :-)

[@vadimgaymanovskiy4203]

Great. I'm waiting for the next lesson

[@Radu]

Will be out this week (probably Friday).

[@philliplam2704]

will future lectures include more advanced topics? such as how to move/bounce shapes w/ boundary & collision detection?

[@Radu]

Hi, unfortunately no. I will only teach some animation basics. My puzzlecam and self driving car courses have what you are looking for.

[@philliplam2704]

@@Radu thank you I will check out the puzzle cam. Looks amazing, thanks for always making unique content

[@Radu]

@@philliplam2704 thanks for watching :-) you may still keep an eye on this one, though. It's basic, but I do sprinkle in some clever things here and there :-)

[@mattoattacko]

Great content mate!

[@Radu]

Thank you :-)

[@nickpawsey]

Nice video man, very helpful.

[@Radu]

Glad you think so :-)

[@callmejobson]

Great video! I now have use for the graph paper I saved all those years ago XD

[@Radu]

That's great! :-))

[@davidmurphy563]

I've never seen an arc go clockwise before... It's always anti-clockwise because positive x and positive y. It's just what you get with the least amount of maths whether it's trig it a rotation matrix. If you were going to do clockwise you'd think they would start from 12 O'clock but no, they start from the usual 3pm... JS always has to be different! :)

[@davidmurphy563]

Oh wait, zero is top left, that's why.

[@Radu]

Yup :-)

[@davidmurphy563]

@@Radu I had to do a handstand to figure that one out! 🤸 ;)

[@Radu]

@@davidmurphy563 Only great coders can handstand while coding. You must be one of them ;-)

[@davidmurphy563]

@@Radu Ha! Always wondered why Australians are so good at coding! Your 20k celebration video is going to have to be done hanging from the ceiling now!!

[@mamavscience2977]

Ahem, you have to put height and width attributes within the tag itself, rather than in a style rule? I just learned that the hard way.

[@Radu]

The difference is that putting it in the tag will set the canvas' actual width and height to those values. CSS is just a style. It will stretch the canvas to visually fit those values, but its internal properties won't change.

[@mamavscience2977]

@@Radu Many thx for explaining! I had no idea there was such a difference btwn surface appearance and "internal properties"....just like real life!

[@Radu]

@@mamavscience2977 Deep 🤔

[@he4-f2e]

Done!

[@Radu]

Cool!

[@TanmayGaude23e4]

Thank you:)

[@Radu]

No problem :-)

[@od1367]

Thanks professor, Ima be on break I hope to catch up next week professor.

[@Radu]

Breaks are important :-) I'm on a long one myself!

[@od1367]

@@Radu yeah i remember you told me, I hope you are having fun I hope to go to Europe one day

[@omeralishin]

nice it's like computer graphics with opengl

[@Radu]

A bit, but easier, I think :-)

[@omeralishin]

@@Radu yes ... I'll try to learn 😁

[@akhiltenny1855]

tenks

[@Radu]

You're welcome!

[@wbDev-23]

bro i code on vs code and i wrote same to same html , css , js but canvas line is not visible. note: canvas is visible and hight width is work and also there no error show. now what i do. 😔

[@Radu]

If you want, you can share your code somehow (like on my discord) and I'll have a look.

[@wbDev-23]

@@Radu please check

[@Radu]

I think I did check a few days ago, and found the problem.

[@wbDev-23]

@@Radu Thanks

[@AndyRocket1000]

🥱because the internett is not already full of canvasBasic🥴setup

[@Radu]

Hmmm, ok. Many viewers asked me to do a 'basics' series so I did. They also ask for JavaScript basics and I'm considering it too... You think there's no value in teaching something already done by someone else?

[@AndyRocket1000]

@@Radu yes ofcourse. Personaly.. Im trying to build two Things: a game engine and a chat system. And it already took too long. I watch many code videos. But.. it’s like .. every video stops on the moment when Things starts to Get interesting. 👀

[@Radu]

@@AndyRocket1000 What kind of game are you trying to make? I have only few game tutorials, like puzzle cam and I guess the self-driving car simulation has many game elements as well. I don't have anything about chats at the moment.