Emmanuel Cudjoe i plan on doing vue after my next course, I just dont know if it will be on Udemy or if I will release on my own platform. Thats all I really know right now.
@@TraversyMedia Just brought Your React Course From Udemy. Also lot of thanks for this Canvas tutorial. I just completed your JS course and React Crash Course. I wast thinking to learn about Canvas on the time when I was watching you JS Course, and here it is. Also would like to know when you are launching you 20 JS project course? Thank You my Dev Teacher.😍😘😘
@@nischithrgowda very little information and hard to tell and it's been a while (as you can see my comment is from 2 years ago) but I think it has something to do with your ratio being wrong
Feeling happy to learn from your tutorials, I have learn many front end technologies from your videos..... I really appreciate your work, the way you explain the complex things make easier. Thank you.......
Great as always. If you want to fill in the smiley face with color, you need to use ''ctx.fill()' at the end of the circle draw area: ctx.fillStyle = 'yellow'; ctx.beginPath(); //Draw head ctx.arc(centerX, centerY, 200, 0, Math.PI * 2); ctx.fill()
Oh my god, I just watched your video on JS classes, then did my homework and now decided to check out js canvas and how to get started with it and boom it’s your channel as well!
Hey, cool! We did this in Visual Basic back in the days, thank you for refreshing my memory! The syntax is different, but the logic is the same. I love understanding the "magic" behind it :)
i always seem to run into yourrelevant videos just as i start a new project, i was building an array of canvases, to maybe do some videos on, and lo and behold i run onto this gem, i am taking your javascript course and have watched many of your video, you are very good at explaining your ideas and provide excellent examples to work from, i am going to take some of these canvases you made and adapt them a bit for educational purposes, i will provide a statement giving your videos the inspiration for mine, i am hoping to incorporate a few tricks i have learned from you over the years in my project, and appreciate all that you do, God Bless.
This was an absolute godsend! Tysm! I truly enjoyed following along with your demonstration and not only do I have a great starting knowledge of the canvas element, I also have a fun little wizard zipping around my screen! Thanks again!
I was planning to start a personal project, a game in canvas + websocket to connect multiple players, and there you go, canvas crash course, Thanks Brad... Love u
Brroooo.... you are a wizard bruh... jeez your ideas are whew 🔥... three years... I found this really late 😂.... well my introduction to react three drei has begun 😅❤thanks Brad you're the best
finally! spent the whole day trying to get my head around this, watched your vid now its clicked - and you explained everything perfect just when i would have asked a question about it in real life haha nice one!
Thank you so much for this awesome tutorial. I really like the way you explain things, and how you help people in they learning path. This tutorial came in just in time for me. God bless you and your family. Much Respect. Thank you again! : ))
Hey Brad, glad you're back, canvas is something fresh after MERN MEVN stacks :P However, would you like to take a look at headless node cms setup based on docker? Its so few tutorials how to make it especially when you want to connect to postgres or something else. As usually thanks for everything what u're doing!
Hello from russia. Im a little bad in writing comments, but i want to say that ur video very cool, i just watched 24 minutes and i will finish that. U talk very clearly, keep doing that So cringe for me, i think i have many mistakes, but i dont want to use translator
nice tutorial. but could you give me idea, if already draw text in canvas, want to click n drag to draw bounding box then select it, and get what text is currently selected / highlighted?
This is great, thank you for sharing Traversy Media. For those who are interested in learning project-based React, please check out our tutorials. And Traversy Media, when you get a chance please check out our tutorials and please give us your feedback.
Detailed video! make a video about svg, compare it with canvas and give adv and disadv also... [ I want you make a crash course aobut react 360. Because, it's really hard to make projects using react 360 and official documentation is so bad... If you make a video when u find sometime, it will be useful to me to learn react 360 ]
Intro - 0:20
Create Context - 2:05
Rectangles (fillRect, strokeRect, etc) - 4:03
Paths (moveTo, lineTo) - 9:41
Arcs / Circles - 16:15
Bezier Curves - 26:18
Bounce Animation - 28:45
Character Animation - 40:25
I love your courses sir, keep creating engaging content, It'll help us to learn easy way. God bless you.
When are you releasing your vuejs course sir?
Emmanuel Cudjoe i plan on doing vue after my next course, I just dont know if it will be on Udemy or if I will release on my own platform. Thats all I really know right now.
@@TraversyMedia Just brought Your React Course From Udemy.
Also lot of thanks for this Canvas tutorial.
I just completed your JS course and React Crash Course.
I wast thinking to learn about Canvas on the time when I was watching you JS Course, and here it is.
Also would like to know when you are launching you 20 JS project course?
Thank You my Dev Teacher.😍😘😘
Can we characters in canvas editor like we can do in some online svg editor if yes, can you provide any canvas editor
39k left For our Million Subscribers i can't wait really ❤ from 🇸🇴
40:35 The ball hits the corner. P E R F E C T
@Mingyao Liu 😂
Thank you for the upload! The timing is perfect since I'm doing my thesis around Three.js and the Canvas element 😄
Bro My Arc is not getting drawn properly when my canvas width and height are small (in three.js), Do you know anything about that?
@@nischithrgowda very little information and hard to tell and it's been a while (as you can see my comment is from 2 years ago) but I think it has something to do with your ratio being wrong
This is perfect, I was recently looking into developing browser games/tools and a canvas introduction helps out immensely. Thanks!
Thank you Brad Traversy for all of your work for us!
You're Brilliant Honestly!
Feeling happy to learn from your tutorials, I have learn many front end technologies from your videos..... I really appreciate your work, the way you explain the complex things make easier. Thank you.......
Great as always.
If you want to fill in the smiley face with color, you need to use ''ctx.fill()' at the end of the circle draw area:
ctx.fillStyle = 'yellow';
ctx.beginPath();
//Draw head
ctx.arc(centerX, centerY, 200, 0, Math.PI * 2);
ctx.fill()
Oh my god, I just watched your video on JS classes, then did my homework and now decided to check out js canvas and how to get started with it and boom it’s your channel as well!
Your vids are so valuable. Thank you for keeping us small youtubers at the cutting edge!!! 👏👏👍👍
Hey, cool! We did this in Visual Basic back in the days, thank you for refreshing my memory! The syntax is different, but the logic is the same. I love understanding the "magic" behind it :)
yo sandra
have you attended it akademija?
i have heard all the best about them
@@najneindustrijaliziraniji I heard they're good, too, but no. :)
@@sandravukovic2901 lagali su te, draga sandra... bred traversi i slicni majstori su ti mnogo bolji nacin da se nauci
Brad, you're aweasome!! Send more videos like this focused in game development with html and JS or with PhaserJS.
Finally I was really waiting for this one. Let's check it out. Thanks brad
i always seem to run into yourrelevant videos just as i start a new project, i was building an array of canvases, to maybe do some videos on, and lo and behold i run onto this gem, i am taking your javascript course and have watched many of your video, you are very good at explaining your ideas and provide excellent examples to work from, i am going to take some of these canvases you made and adapt them a bit for educational purposes, i will provide a statement giving your videos the inspiration for mine, i am hoping to incorporate a few tricks i have learned from you over the years in my project, and appreciate all that you do, God Bless.
what a timing ! just what i needed thank you so much brad!
This was an absolute godsend! Tysm! I truly enjoyed following along with your demonstration and not only do I have a great starting knowledge of the canvas element, I also have a fun little wizard zipping around my screen! Thanks again!
Your explaning is so great i was wonder what the canvas is, now i know thanks!
I was planning to start a personal project,
a game in canvas + websocket to connect multiple players, and there you go, canvas crash course,
Thanks Brad... Love u
how can we send data through sockets whenever any change occurs to canvas..kind of Onchange like method?
wow this really cool i had difficulties in canvas before but not after watching this video
Absolutely love what you're doing man, released this just when I needed it.
Brroooo.... you are a wizard bruh... jeez your ideas are whew 🔥... three years... I found this really late 😂.... well my introduction to react three drei has begun 😅❤thanks Brad you're the best
finally! spent the whole day trying to get my head around this, watched your vid now its clicked - and you explained everything perfect just when i would have asked a question about it in real life haha nice one!
37:48 Whaaaaaatttttttttttttt a moment, One of the best vibe a developer could have😍
the best web dev channel ever what an energy to watch your videos you are a pure inspiration keep up
49:01 My world needs me now, I shall say goodbye to your 600 x 600 canvas
I loled
😂
This is awesome. So glad I purchased all of your courses. Thank you.
Right when I was thinking about starting to learn it Brad uploads a new video.
Nice, I don't need to look any further👍
This video is good starting for beginner like me.
Don't you ever say "it's a long video..." , we will always watch your videos till the end.
Thank you so much
Awesome! other than coding skills, brad is telepathic too! It's been a while that I wanted to learn this subject! Brad, you've read my mind!😂
Brad is truly a Wikipedia.
men i just love this guy
You are really a good teacher.
been following you for years. you never disappoint!
I'm just really appreciate what you done for us Brad. I am from Myanmar.
Hey, any tech jobs market over there?
Beautiful And Amazing Video, Such a helpful short course...Thank you soo much for sharing it man😍😍😍
Thanks a lot Mr. Brad. I hope later on you can help us build chart / diagram / something like that.
We really appreciate what U're doing.
I appreciate your hardwork so much , Brad. Thanks !
Thank you so much for this awesome tutorial. I really like the way you explain things, and how you help people in they learning path. This tutorial came in just in time for me.
God bless you and your family. Much Respect. Thank you again! : ))
Love your crash courses. Keep em coming!
(saved video for later) Thank You so much for making this ! Love your work.
I am totally inspired from u love u, sir
Finally, and it's a great introduction. Thanks, Brad.
explained very simple yet on point
For better keyboard controls, modify the 'KeyUp' function like so:
function keyUp(e)
{
if (
e.key === 'Right' ||
e.key === 'ArrowRight' ||
e.key === 'Left' ||
e.key === 'ArrowLeft'
) {
player.dx = 0
}
else if (
e.key === 'Up' ||
e.key === 'ArrowUp' ||
e.key === 'Down' ||
e.key === 'ArrowDown'
) {
player.dy = 0
}
}
This video helps me a lot sir. Thank you!
Thank you so much for this tutorial, it was just what I needed.
it was fun! thank you as always!
The second example is so cool thanks man.
Now i know how games can be made. Thank you for this video
Thank you sir, you just saved my time. Well explained... Thanks again !
congratulations for 1M subscribers :))) you deserve everyone of it sir
Hey Brad, glad you're back, canvas is something fresh after MERN MEVN stacks :P
However, would you like to take a look at headless node cms setup based on docker? Its so few tutorials how to make it especially when you want to connect to postgres or something else.
As usually thanks for everything what u're doing!
thank you. very nice. easy to follow and sooo helpful..
Thank you Brad, this is what I really needed.
This is the video i have been waiting for *+*,Thank you.
Createjs is a really cool canvas library. Currently using it at work for web games and stuff
Perfect mate, what a great video. Thank you so much.
Thank you so much for this amazing video :) all what I needed to know to start :)
Hello from russia. Im a little bad in writing comments, but i want to say that ur video very cool, i just watched 24 minutes and i will finish that. U talk very clearly, keep doing that
So cringe for me, i think i have many mistakes, but i dont want to use translator
Totally enjoyable learning experience. Thanks!
Thanks Brad! You are the best!
i love you so mush, from morocco
Me too, love from Morocco
@@omarhero1267 whatsapp nhdro m3ak
We're Exist Here as A Moroccans !
Thank-you for sharing your knowledge. An Excellent tutorial.
Hey Brad, love your content. do you think you might ever do a video on Jenkins or other CI/CD?
When this 20js udemy course project is gonna be released ?
Estimate about 20 - 30 days
Traversy Media thanx brother , CANT WAIT!!!
@@TraversyMedia Any idea if you'll add in any actual game frameworks like Phaser.io?
Sweet great video! I totally need this one 💯👐
Thank's so much!! Great as always.
Great video, thank you!
Great Video. You are a great teacher.
Great video! Thanks!
1M coming soon.... yay❤️🔥
bdw thanks for Canvas tutorial...
It's amazing thank you so much
Appreciated.. You really neiled it...
finally D3 next!!!!1
Well done as always thanks!
Thank you, that was really good fun 👍
You are # 1, thanks for JS & React courses on Udemy too.
Amazing video. Thank you!
Final Fantasy's Iconic Black Mage Reference!
Yes a Black Mage good stuff man.
Thank you very much brad and god bless you..!
Great tutorial. Do you have a follow up video with more details on canvas? for example, how to control how fast the ball moves....
Thank you for inspiring me i am thinking of making small youtube channel wish me best of luck sir
gracias.. muy buenos videos.. saludos desde Colombia..
nice tutorial. but could you give me idea, if already draw text in canvas, want to click n drag to draw bounding box then select it, and get what text is currently selected / highlighted?
Next Tensorflow.js!
Wow!! Thank u so much!!
Great stuff! Thanks.
** Great video and absolutely helpful, you are a full of knowledge and spirit of sharing **
Awesome!! Thank you so much :-)
This is great, thank you for sharing Traversy Media.
For those who are interested in learning project-based React, please check out our tutorials.
And Traversy Media, when you get a chance please check out our tutorials and please give us your feedback.
Waiting for the Recipe App, I did try myself as you suggested in the intro. But I am stuck with some issues. Need help.
@@ravishkumar2284 Yeah me too...These guys started a few months ago and have few decent tutorials. I'm excited to learn more about React.
Wonderful!
Thank you!
Oh god... there goes my real life projects... thanks!
I'm in your Udemy courses so I'm guessing that I'll get an email when your new course is available.
I've taken 2 of Brad's Udemy courses, bootstrap, and his HTML CSS, Flexbox, Grid course. You won't be disappointed.
cant we just replace key down to key press and then we don't need the key up if we use key press
Traverse God bless you bro
Thank you
Detailed video! make a video about svg, compare it with canvas and give adv and disadv also... [ I want you make a crash course aobut react 360. Because, it's really hard to make projects using react 360 and official documentation is so bad... If you make a video when u find sometime, it will be useful to me to learn react 360 ]
Brad is the best 💪 💪