تتبّع 21 نقطة في اليد بالذكاء الاصطناعي | HandPose + ml5.js و p5.js | الدرس 5

سنبدأ من فتح الكاميرا وتحميل نموذج الذكاء الاصطناعي، ثم نفهم البيانات التي يعيدها النموذج وكيف نستخرج إحداثيات X و Y لكل نقطة في اليد، وبعدها نستخدم الحلقات البرمجية لرسم جميع النقاط بدون الحاجة لكتابتها واحدة واحدة. 📌 في هذا الدرس سنتعلم: • كيفية استخدام HandPose من مكتبة ml5.js • فتح الكاميرا باستخدام createCapture() • استخدام async و await لتحميل نموذج الذكاء الاصطناعي • فهم hands و keypoints • التعرّف على نقاط اليد الـ21 • استخراج X و Y لطرف السبابة والإبهام • رسم النقاط باستخدام circle() • استخدام for...of مع Arrays و Objects • استخدام Nested Loops لرسم جميع نقاط اليد • تغيير ألوان النقاط باستخدام RGB و random() • إظهار نقاط التتبع فوق فيديو الكاميرا • تتبّع أكثر من يد باستخدام maxHands ⏱️ محتويات الفيديو: 00:00 مقدمة ومراجعة الدرس السابق 00:34 نقاط اليد الـ21 في HandPose 01:51 بناء المشروع من الصفر 02:57 تشغيل الكاميرا باستخدام createCapture 03:58 تحميل نموذج HandPose 05:00 بدء اكتشاف اليد وعرض النتائج 07:15 حل مشكلة التحميل باستخدام async و await 09:00 فحص بيانات اليد والـ Keypoints 10:57 رسم نقطة على طرف السبابة 13:31 رسم الدائرة وتتبع الإصبع 15:42 تغيير اللون وإزالة حدود الدائرة 16:53 تتبّع السبابة والإبهام معًا 18:53 لماذا نحتاج إلى for loops؟ 19:55 استخدام for...of مع اليدين 21:08 استخدام Nested Loops 22:00 رسم جميع نقاط اليد الـ21 23:18 إضافة ألوان عشوائية للنقاط 25:07 عرض نقاط التتبع فوق الفيديو 26:57 تغيير عدد الأيدي التي يمكن اكتشافها 28:27 الخاتمة 🎥 شاهد سلسلة تعلم Machine Learning كاملة:    • الذكاء الاصطناعي في المتصفح | ml5.js بالعربي   إذا كنت مبتدئًا في البرمجة أو الذكاء الاصطناعي، فالسلسلة مصممة لتشرح الأفكار خطوة بخطوة وبالعربي من خلال مشاريع عملية تعمل مباشرة داخل المتصفح. إذا عندك أي سؤال—even لو كان بسيط—اكتبه في التعليقات وسأحاول الإجابة عليه في الدروس القادمة. ❤️ #الذكاء_الاصطناعي #تعلم_الآلة #برمجة #MachineLearning #JavaScript #ml5js #p5js #HandPose #ComputerVision #ذكاء_اصطناعي