Detecting Colored Markers with JavaScript [Understanding AI - Lesson 13 / 15] @Radu
Detecting Colored Markers with JavaScript [Understanding AI - Lesson 13 / 15]  @Radu
Uploaded May 2024 | Updated September 2026, 2 weeks ago
PLAYLIST: youtube.com/playlist?list=PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81

Remember those early mobile games where you could steer by tilting the phone? In this video, I'll guide you through using the device orientation sensor to capture tilt movements. It's a fantastic technique that opens up a world of possibilities for game control.

Let's explore the potential of this feature not just for games, but for other applications too. I'll share my friend's 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 you're interested, I have tutorials on those topics as well. Towards the end of the video, I'll 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 we'll be doing some nononooooo again? You won't want to miss it! Like, share, and subscribe for more exciting tutorials on AI, game development, and innovative programming techniques!

💬DISCORD💬
discord.gg/gJFcF5XVn9

⭐LINKS⭐
Self-driving Car Course: youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
My Videos with Markers: youtube.com/playlist?list=PLB0Tybl0UNfb2mpLdkgVNRHC1VCMGthq_
Coding my Personal Avatar: youtu.be/U88NM8ScsPY
Summary of the Avatar Project: youtu.be/JFMTudIJLH0

#ImageProcessing #JavaScriptImageProcessing #JavaScriptMarkerDetector #JavaScriptMarkers

⭐TIMESTAMPS⭐
00:00 Introduction
01:21 Basic Project Setup
02:43 Accessing the Camera
04:45 Image Processing
08:10 Getting the ImageData
13:38 Measuring 'Blueness' of Pixels
21:43 Visualizing Pixel Properties
26:30 Thresholding
28:41 Marker Location and Size
32:49 Two Markers
Detecting Colored Markers with JavaScript [Understanding AI - Lesson 13 / 15]Why It Took Me 2 Years to Make This Course🎃 Coding a Theremin in JavaScript (#JSVFX) 🎃JavaScript 🟢 Christmas Calendar 📅 Day 21 🎄Bad Apple - JavaScript Static 🏆COMPETITION RESULTS 🏆A Virtual World - JavaScript Course: Lesson 7 / 11 [Road Marking Editor with JavaScript]Machine Learning Course - Lesson 8: Decision Boundaries in JavaScriptCan You Draw Yellow with Red and Green Pixels?Procedural Bag Generator with HTML, CSS, and JavaScript | Coding on Turkish AirlinesJavaScript 🎄 Christmas Calendar 📅 Day 24 🎄Machine Learning Course - Lesson 17: Deep Neural NetworksAR Dragon Ball - Vanilla JavaScript - 3h Live Stream (in memory of Akira Toriyama)
Radu Mariescu-Istodor |

Detecting Colored Markers with JavaScript [Understanding AI - Lesson 13 / 15]

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER