شبكة الوجه - اكتشاف الوجوه وتعبيراتها في سكراتش

FaceMesh - اكتشاف الوجوه والتعبيرات في Scratch #

تضيف إضافة FaceMesh ميزة تتبّع الوجوه المدعومة بالذكاء الاصطناعي الحقيقي إلى Scratch.
فهي تتيح لأكوادك في Scratch التفاعل مع تعبيرات وجهك وحركة رأسك وإيماءاتك — كل ذلك في الوقت الفعلي، مباشرةً داخل متصفحك، ومن دون الحاجة إلى أي إعدادات إضافية.
سهلة بما يكفي للطلاب، وقوية بما يكفي للمشاريع الإبداعية داخل الصفوف الدراسية. 😊

🌟 ملخص #

• اكتشاف 4 وجوه: اكتشف ما يصل إلى 4 وجوه في الوقت نفسه.
• 478 نقطة مرجعية: تتبّع 468 نقطة رئيسية في الوجه، مثل العينين والأنف والفم والذقن وغيرها، بالإضافة إلى 10 نقاط مخصصة لقزحية العين.
• قراءة الإحداثيات: احصل على موضع X/Y لأي نقطة مرجعية في الوجه على منصة Scratch.
• القياس: احسب الزوايا والمسافات بين النقاط المرجعية المختلفة في الوجه.
• تغيير معاينة الكاميرا: اعرض صورة الكاميرا المباشرة أو أخفِها أو اعكسها لتناسب إعدادك.
• اختيار مصدر الإدخال: حلّل الصورة من الكاميرا المباشرة أو مباشرةً من صورة منصة Scratch.

✨ الميزات الرئيسية #

• تتبّع عدة وجوه في الوقت نفسه، من 1 إلى 4 وجوه.
• قائمة منسدلة سهلة لاختيار أجزاء الوجه الشائعة.
• إمكانية ضبط الفاصل الزمني لـ classify للحصول على أداء أكثر سلاسة.
• التحكم في معاينة الكاميرا والشفافية واختيار جهاز الكاميرا.
• تعمل بالكامل داخل المتصفح - فهي آمنة وتحافظ على الخصوصية..

🚀 كيفية الاستخدام #

1. انتقل إلى: pishi.ai/play
2. افتح قسم الإضافات.
3. اختر إضافة FaceMesh.
4. اسمح بالوصول إلى الكاميرا إذا طُلب منك ذلك، وتأكد من ظهور معاينة الفيديو.
5. إذا لم يتم اكتشاف أي كاميرا، فسيتحوّل مصدر الإدخال تلقائيًا إلى صورة المنصة.
6. بعد تحميل الإضافة بنجاح، يبدأ اكتشاف الوجه المستمر تلقائيًا في وضع no delay.
7. يمكنك الآن استخدام كتل الموضع والقياس لجعل الكائنات تتفاعل مع وجهك — حرّك رأسك، ابتسم، ارمش أو أمل رأسك للتحكم في مشروعك!

نصائح

• تساعد الإضاءة الجيدة النموذج على اكتشاف وجهك بشكل أفضل.
• استخدم person no: 1–4 عند ظهور عدة وجوه.
• في الصفوف الدراسية أو على الأجهزة القديمة، ابدأ بفاصل زمني للتصنيف بين 100 و250 ms للحصول على أداء أكثر سلاسة.

🧱 الكتل والوظائف #

📍 الموضع والعدد #

تعرض هذه الكتل موضع X أو Y لنقطة مرجعية في الوجه على المنصة.
KEYPOINT_MENU_ITEM: اختر من القائمة المنسدلة (العينان، الأنف، الشفتان، وغيرها).
KEYPOINT_NUMBER: أدخل رقم نقطة بين 0–477.

انقر على الصورة أدناه لرؤية ترقيم نقاط الوجه بالحجم الكامل:

PERSON_NUMBER: يحدد الوجه الذي تريد تتبّعه (1–4). الرقم «1» يعني أول وجه تم اكتشافه.
يُرجع قيمة فارغة إذا لم يتم اكتشاف أي وجه.

يعرض عدد الوجوه المكتشفة حاليًا (0–4).

📏 القياسات #

الزاوية (بالدرجات) بين نقطتين في وجه واحد — مفيدة جدًا لاكتشاف إمالة الرأس أو الإيماء به.

المسافة بوحدات بكسل المنصّة بين نقطتين — مثالية لاكتشاف فتح الفم أو رمش العين.

اختر ما الذي يجب أن تُرجعه كتل الإحداثيات عندما لا يتم العثور على وجه أو نقطة.
RETURN_TYPE: يحتفظ بآخر إحداثيات تم العثور عليها، أو يُرجع قيمة فارغة بدلًا منها.

ملاحظات:
النقطتان الافتراضيتان: 454 (الخد الأيسر) و 234 (الخد الأيمن).
تتمركز الإحداثيات حول مركز المنصّة (X ≈ −240…240, Y ≈ −180…180).
عندما يكون الفيديو معكوسًا، يتم أيضًا عكس قيم إحداثي X لتتطابق مع ما تراه على الشاشة.

⚙️ عناصر التحكم في التصنيف #

• صنّف [INTERVAL] - اختر عدد مرات تشغيل عملية الكشف:
  • في كل مرة تعمل فيها هذه اللبنة
  • بشكل مستمر، من دون تأخير
  • بشكل مستمر، كل 50–2500 مللي ثانية
• اضبط التصنيف [‫تشغيل/إيقاف] - ابدأ عملية الكشف المستمر أو أوقفها.
• classification interval - يعرض الفاصل الزمني الحالي بالمللي ثانية.
• تصنيف مستمر - يعرض «تشغيل» أو «إيقاف» للإشارة إلى حالة الكشف المستمر.
• اختر صورة الإدخال [الكاميرا / المنصّة] - اختر الكاميرا أو المنصّة.
• input image - يعرض مصدر الإدخال النشط.

🎥 عناصر التحكم في الفيديو #

• اضبط الفيديو على [إيقاف/تشغيل/تشغيل مع قلب]
  • on: يعرض معاينة الكاميرا بصورة معكوسة، مثل كاميرا الويب أو المرآة المعتادة.
  • on-flipped: يعرض معاينة الكاميرا بصورة غير معكوسة؛ فتظهر الاتجاهات كما هي في العالم الحقيقي.
  • off: يوقف عرض معاينة الكاميرا. في وضع إدخال المنصة، تستمر عملية الكشف.
• اجعل شفافية الفيديو مساويةً [TRANSPARENCY|text] - يتحكم في مدى وضوح معاينة الكاميرا:
  • 0: ظاهرة بالكامل (صورة معتمة).
  • 100: شفافة بالكامل (غير مرئية، لكنها تظل نشطة).
  استخدم قيمة من 0 إلى 100 لضبط شفافية خلفية الكاميرا ومساعدة الكائنات على الظهور بوضوح فوق معاينة الكاميرا.
• اختر الكاميرا [CAMERA] - يتيح لك الاختيار من بين الكاميرات المتاحة على جهازك. تعرض القائمة المنسدلة جميع الكاميرات المكتشفة، وتنتقل الإضافة تلقائيًا إلى الكاميرا التي تختارها.

• إظهار مربعات الكشف [تشغيل/إيقاف]
  شغّل أو أوقف عرض مربعات الكشف. عند تشغيله، تظهر مربعات حول كل كائن تم اكتشافه، حتى تتمكن من رؤية الكائنات التي يتتبعها النموذج. هذه الميزة مفيدة لاختبار الكاميرا، والتحقق من مدى جودة عمل النموذج، وتصحيح أخطاء المشروع في الوقت الفعلي.

😊 نقاط الوجه الشائعة (أرقام مفيدة) #

استخدم نقاط الاختصار هذه لمناطق الوجه الشائعة. ويمكنك أيضًا إدخال أي رقم يدويًا من 0–477.

تتطابق هذه الأرقام مع أرقام نقاط الوجه المستخدمة في MediaPipe FaceMesh.

🎓 الاستخدامات التعليمية #

• استكشف مفاهيم الذكاء الاصطناعي والرؤية الحاسوبية بشكل بصري افهم كيف تتعرف أجهزة الكمبيوتر على الوجوه وتتتبّعها.
• علّم أنظمة الإحداثيات من خلال ربط حركة الرأس أو العين بمواضع الكائنات على المنصّة.
• طبّق الرياضيات والهندسة لقياس الزوايا والمسافات وتماثل الوجه.
• أنشئ أعمالًا فنية تفاعلية أو مشاريع لتسهيل الوصول تستجيب للتعبيرات أو الإيماءات.

🎮 مشاريع نموذجية #

• كائن يتحدث: قِس المسافة بين الشفتين لتحريك الفم أو تشغيل الكلام.
• التحكم بإمالة الرأس: أمل رأسك إلى اليسار أو اليمين لتوجيه كائن أو سيارة.
• ارمش للقفز: اكتشف إغلاق الجفن واجعل شخصيتك تقفز — طريقة تحكم ممتعة من دون استخدام اليدين!
• لعبة عدّ الوجوه: ابدأ فقط عند اكتشاف وجه — واحصل على نقاط إضافية عند ظهور وجهين في الوقت نفسه!
• ابتسم للفوز: أنشئ لعبة تكافئ الابتسامات أو التعبيرات السعيدة.
• مطابقة الإيموجي: قلّد تعبير الإيموجي الظاهر لتحصل على نقاط.

🧩 جرب بنفسك: pishi.ai/play

🔧 نصائح وحلول للمشاكل #

• لا توجد كاميرا؟
  • تأكد من توصيل الكاميرا والسماح للمتصفح باستخدامها.
  • إذا كانت الكاميرا محظورة، فاسمح باستخدامها من إعدادات الموقع في متصفحك، ثم أعد تحميل الصفحة.
  • عند تحميل الإضافة، إذا لم يتم اكتشاف أي كاميرا، تتحول صورة الإدخال تلقائيًا إلى منصة Scratch (Stage)، وهي مساحة العرض التي تظهر فيها الخلفيات والكائنات، بحيث يمكنك الاستمرار في استخدام ميزات الإضافة واختبارها.
• لا توجد نتائج كشف؟
  • تصنيف مستمر: استخدم لبنة المراسل هذه للتحقق مما إذا كان التصنيف نشطًا.
  • إذا كان التصنيف نشطًا، فحسّن الإضاءة وواجه الكاميرا مباشرةً.
  • اضبط التصنيف [‫تشغيل]: استخدم هذه اللبنة إذا لم يكن التصنيف نشطًا، ثم تحقق من حالة التصنيف مرة أخرى باستخدام لبنة المراسل السابقة.
  • في وضع إدخال الكاميرا، يتوقف التصنيف أيضًا عند إيقاف تشغيل الكاميرا؛ يجب إعادة تشغيل الفيديو أو تحويل مصدر الإدخال إلى المنصة.
  • في وضع إدخال المنصة، يصنّف النظام كل ما يظهر على المنصة، بما في ذلك الخلفيات والكائنات والصور. يمكنك إيقاف الفيديو تمامًا مع الاستمرار في معالجة صور المنصة.
  • وضع المنصة أبطأ من إدخال الكاميرا؛ لذلك قلّل الفاصل الزمني للتصنيف، مثل 100–250 مللي ثانية، للحصول على نتائج أكثر سلاسة باستخدام هذه اللبنة: صنّف [INTERVAL]
  • في وضع المنصة، يتم تبديل معالم «اليسار» و«اليمين» لأن صورة المنصة غير معكوسة؛ إذ تمثل مساحة الإحداثيات عرضًا حقيقيًا غير معكوس.
  • يمكن أيضًا إعادة تشغيل التصنيف تلقائيًا عند استخدام لبنات مثل:
  اضبط الفيديو على [تشغيل] / صنّف [INTERVAL] / اختر الكاميرا [CAMERA] / اختر صورة الإدخال [الكاميرا / المنصّة].
• هل تظهر الصورة معكوسة؟
  اضبط الفيديو على [تشغيل مع قلب]: استخدم هذه اللبنة لعرض صورة الكاميرا من دون انعكاس مرآتي. يعرض خيار «تشغيل» الصورة مثل صورة السيلفي، بينما يعرض خيار «تشغيل مع قلب» الاتجاه الحقيقي لليمين واليسار.
• هل الأداء بطيء أو متقطع؟
  استخدم فاصلًا زمنيًا للتصنيف يتراوح بين 100 و250 مللي ثانية، أو أغلق علامات تبويب المتصفح الأخرى لتقليل حمل المعالجة.
• هل يظهر تحذير WebGL2؟
  جرّب استخدام Firefox أو جهاز أحدث يدعم تسريع الرسومات باستخدام WebGL2.
• هل تريد تحليل المنصة بدلاً من الكاميرا؟
  اختر صورة الإدخال [المنصّة]: استخدم هذا لتحليل صورة منصة Scratch بدلاً من بث مباشر من الكاميرا. يمكن أن تتضمن منصة Scratch صورة الكاميرا، بالإضافة إلى أي كائنات وخلفيات ظاهرة حاليًا على المنصة.
  ملاحظة: قد تكون معالجة منصة Scratch أبطأ من استخدام الكاميرا مباشرةً.

😎 نصائح خاصة بـ FaceMesh #

• لم يتم اكتشاف أي وجه؟ تأكد من ظهور وجهك بالكامل ومن وجود إضاءة جيدة — وتجنب الإضاءة الخلفية القوية القادمة من النوافذ.
• التتبّع غير مستقر؟ حافظ على ثبات رأسك وانظر مباشرةً إلى الكاميرا للحصول على أفضل دقة.
• توجد عدة وجوه؟ استخدم رقم الشخص 1–4 لاختيار الوجه الذي تريد تتبّعه. عادةً ما يكون الشخص رقم 1 هو الوجه الأكبر أو الأقرب إلى الكاميرا.
• نقاط الوجه تهتز؟ زِد فاصل التصنيف (مثلًا 150–200 ms) لتقليل التغيّرات السريعة وجعل التتبّع أكثر سلاسة.
• هل تحتاج إلى تتبّع دقيق للعين أو القزحية؟ استخدم النقاط 468–477 لمراكز القزحية وحوافها — وهي مفيدة لتحديد اتجاه النظر أو اكتشاف الرمش.
• لا يتم اكتشاف فتح الفم؟ قِس المسافة بين النقطتين 0 (الشفة العليا) و17 (الشفة السفلى) — كلما زادت القيمة، كان الفم أكثر انفتاحًا.
• هل تريد اكتشاف إمالة الرأس؟ احسب الزاوية بين النقطتين 454 (الخد الأيسر) و234 (الخد الأيمن) — الانحراف عن 0° يعني وجود إمالة.
• هل تريد اكتشاف الإيماء بالرأس إلى أعلى أو أسفل؟ قِس المسافة الرأسية بين النقطتين 10 (الجبهة) و152 (الذقن) — تكون المسافة في أكبر قيمة لها عند النظر إلى الأمام، وتقل عند إيماء الرأس إلى أعلى أو أسفل. وهذا مفيد لاكتشاف إيماءات الرأس أو تتبّع الانتباه لأعلى/أسفل.
• اكتشاف الابتسامة؟ قِس المسافة بين زاويتي الفم (النقطتان 61 و291) — كلما زادت المسافة، كانت الابتسامة أوسع.
• استخدام وضع المنصّة مع الصور؟ تذكّر أن نقاط الوجه لا تكون معكوسة في وضع المنصّة — اليسار واليمين يمثلان المواضع التشريحية الحقيقية.

🔒 الخصوصية والأمان #

• تعمل جميع الوظائف محليًا داخل متصفحك.
• لا يتم تحميل أي صور أو مقاطع فيديو إلى أي مكان.
• يتم تحميل ملفات النموذج مباشرةً من Pishi.ai عند بدء تشغيل الإضافة، لذلك لا يتم استخدام أي خوادم نماذج تابعة لجهات خارجية.
• استأذن دائمًا من معلم أو أحد الوالدين قبل استخدام الكاميرا.
• يمكنك إيقاف الفيديو بأمان في أي وقت اضبط الفيديو على [إيقاف].

🧪 معلومات فنية #

• Model (النموذج): MediaPipe Face Mesh
• إطار العمل: TensorFlow.js (أحدث إصدار) — يعمل بالكامل داخل المتصفح باستخدام تسريع WebGL2
• Faces (الوجوه): ما يصل إلى 4
• نقاط الوجه: إجمالي 478 (0–477)
• Coordinates (الإحداثيات): بوحدات بكسل تتمركز حول المنصّة (X إلى اليمين، Y إلى الأعلى)
• العكس: on = معاينة معكوسة، وon-flipped = عرض غير معكوس.
• مصادر الإدخال: الكاميرا أو لوحة المنصّة
• النقطتان الافتراضيتان: ٤٥٤ (الخد الأيسر)، ٢٣٤ (الخد الأيمن)
• Requirements (المتطلبات): WebGL2 للحصول على أفضل أداء

🔗 الإضافات ذات الصلة #

• 🖐️ وضعية اليد – اكتشاف نقاط اليد
• 🕺 تتبع الوضعية‏ – تتبّع وضعية الجسم
• 🖼️ مدرب الصور – إنشاء نماذج ذكاء اصطناعي مخصصة
• 🏫 أداة جوجل لتدريب نماذج الذكاء الاصطناعي – استيراد نماذج TM الخاصة بك

↔ مرر لليسار أو اليمين لعرض الجدول الكامل على الهاتف المحمول

💡 لماذا تختار FaceMesh؟ #

تقدم FaceMesh فهمًا أكثر دقة وثراءً للوجوه. فهي لا تكتفي باكتشاف وجود وجه، بل تخبرك أيضًا بما يفعله الوجه.

• اربط التعبيرات والحركة مباشرةً بسلوك الكائنات.
• قِس الزوايا والمسافات والمواضع لاستخدامها في دروس STEM والذكاء الاصطناعي.
• أنشئ ألعابًا تعتمد على الإيماءات أو شخصيات تتفاعل مع التعبيرات — وكل ذلك داخل Scratch.
• تعلّم مفاهيم حقيقية في الرؤية الحاسوبية تمتد إلى أطر ذكاء اصطناعي احترافية مثل MediaPipe.

باختصار:
ميزة استشعار الوجه في MIT رائعة لتقديم مقدمة بسيطة وممتعة.
أما Pishi.ai FaceMesh فهي مخصصة للمبدعين الذين يريدون تتبّعًا حقيقيًا للتعبيرات مدعومًا بالذكاء الاصطناعي — مع الحفاظ على سهولة الاستخدام، ولكن بإمكانات أكبر بكثير.

📚 اعرف المزيد #

• مساعدة في إضافات الذكاء الاصطناعي على pishi.ai
• MediaPipe FaceMesh Reference
• أفكار Scratch