HTML5 Canvas Tutorials for Beginners | Become a Canvas Pro 📋 - ASMR Pong Programming in the Park

Follow @devaslife for more code-in-nature content, and check out https://www.inkdrop.app/ for the ultimate markdown note taking experience. Get the code: https://github.com/chriscourses/programming-pong-in-the-park/blob/main/index.html 0:00 Intro and background 1:12 Canvas setup 2:07 Draw paddles 4:22 Respond to user input 7:31 Restrict paddle to boundaries 9:31 Create a ball 12:04 Randomized ball movement 13:02 Ball and paddle collision 20:11 The finished product 20:52 End screen I was feeling pretty unmotivated the past three months, especially after the large success of my fighting game tutorial. Many people would think that such a successful video would provide tons of motivation, and rightfully so, but for me, I felt as if I were just coasting, rather than putting in consistent effort that makes impact. Although there are rewards to be reaped from passively owning a successful video, it just doesn't feel good as consistently working towards a goal. During this period, I've been watching a ton of different tech YouTubers rather than producing, mainly because... well, its a lot easier to watch than build. One YouTuber who stuck out to me was @devaslife and for obvious reasons—he essentially pioneered a style of coding videos where the code takes place in aesthetic sceneries, and without any voiceover (all you hear are the sounds of nature and coding keystrokes). If there are a few things that I've consistently been passionate about, it's getting outdoors, video production, and coding of course. @devaslife was able to merge all of those into one, and his style seemed like the perfect gateway to start producing more videos again, so here is my attempt. Anyways, I'm glad to be back using my actual camera gear, and have some super helpful content coming out regarding career advice, code cleanliness, Three.js, and canvas. I don't plan on doing this exact style in the future anytime soon, but thank you @devaslife for getting people out and being an inspiration to many!