Uploaded January 2024 | Updated September 2026, 2 weeks ago
Let's test the limits of the HTML Canvas and use JavaScript to draw circles in 10 different ways! And, fun story, @Goukiesm pointed out a way that is faster than the usual way of doing it. Watch the whole video to find out :-)
Things I mention in the video
My Videos on Circles: youtube.com/playlist?list=PLB0Tybl0UNfYzb8GvgQBDYHBTM9hiH9bG
Pythagorean Theorem: youtu.be/iqSlzYXdFzw
2D Vectors Tutorial: youtu.be/nzyOCd9FcCA
Draw the Portal Game: youtu.be/0SxiyLk2IMM
My Kamehameha: youtube.com/playlist?list=PLB0Tybl0UNfaqkqYWoGivTozv16qsF35J
Self-driving Car Course: youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
Machine Learning Course: youtube.com/playlist?list=PLB0Tybl0UNfYe9aJXfWw-Dw_4VnFrqRC4
Let's test the limits of the HTML Canvas and use JavaScript to draw circles in 10 different ways! And, fun story, @Goukiesm pointed out a way that is faster than the usual way of doing it. Watch the whole video to find out :-)
Things I mention in the video
My Videos on Circles: youtube.com/playlist?list=PLB0Tybl0UNfYzb8GvgQBDYHBTM9hiH9bG
Pythagorean Theorem: youtu.be/iqSlzYXdFzw
2D Vectors Tutorial: youtu.be/nzyOCd9FcCA
Draw the Portal Game: youtu.be/0SxiyLk2IMM
My Kamehameha: youtube.com/playlist?list=PLB0Tybl0UNfaqkqYWoGivTozv16qsF35J
Self-driving Car Course: youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
Machine Learning Course: youtube.com/playlist?list=PLB0Tybl0UNfYe9aJXfWw-Dw_4VnFrqRC4
![Tilt Control for JavaScript Games [Understanding AI - Lesson 12 / 15]](https://i.ytimg.com/vi/ZgjDeO_EzY4/mqdefault.jpg "Tilt Control for JavaScript Games [Understanding AI - Lesson 12 / 15]
PLAYLIST: https://www.youtube.com/playlist?list=PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81
Remember those early mobile games where you could steer by tilting the phone? In this video, Ill guide you through using the device orientation sensor to capture tilt movements. Its a fantastic technique that opens up a world of possibilities for game control.
Lets explore the potential of this feature not just for games, but for other applications too. Ill share my friends creation, Jazzman vs. Metalheadz, which showcases the versatility of tilt controls.
The applications extend beyond gaming – think about measuring tree heights or distances to distant objects. If youre interested, I have tutorials on those topics as well. Towards the end of the video, Ill demonstrate how to integrate tilt controls into our racing game, tying it back to the Understanding AI course.
So, let me steer you in the right direction for implementing device orientation in your projects. And by the way, did I mention well be doing some nononooooo again? You wont want to miss it! Like, share, and subscribe for more exciting tutorials on AI, game development, and innovative programming techniques!
💻CODE FOR THE RACING GAME PART💻
https://github.com/gniziemazity/understanding_ai
Follow Along: 7. Camera Part 2
Code After This Lesson: 8. Phone Input
💬DISCORD💬
discord.gg/gJFcF5XVn9
⭐LINKS⭐
TEST on My Website: https://radufromfinland.com/projects/phoneRacer
Self-driving Car Course: https://www.youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
Measuring Tree Height Tutorial: https://youtu.be/0hxNFuo5Ncc
Measuring Distance Tutorial: https://youtu.be/qjuQYFdcSxw
Jazzman vs. Metalheadz: https://play.google.com/store/apps/details?id=com.matti.mononen.jazzman
#RacingGame #RacingGameJavaScript #OrientationSensorJavaScript #JavaScriptDeviceOrientation #LearnJavaScript
⭐TIMESTAMPS⭐
00:00 Introduction
01:29 Basic Project Setup
08:15 Using Device Orientation
15:47 Using Gravity
20:25 Integrating with the Racing Game")
