# تقليل الحركة غير الضرورية دون إخفاء المعنى

> احترم تفضيل تقليل الحركة لتقديم عرض أهدأ مع الحفاظ على معلومات اللعبة الأساسية وإشارات واضحة لنتائج الأفعال.

- URL: https://oneshotgems.ai/ar/topics/reduced-motion-in-games
- الفئة: لمطوري الألعاب
- النوع: دليل
- آخر تحديث: 5 أكتوبر 2026

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

## ميّز بين إشارات اللعب والتأثيرات الزخرفية

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

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

## اختبار التحولات والتأثيرات المتكررة

قم بمراجعة الحركة عبر التجربة بأكملها: القوائم، والتحميل، وانتقالات الكاميرا، وحالات الفوز والخسارة، والتأثيرات المتكررة خلال المدى الطويل. يمكن أن يؤدي الإعداد الذي يعطل حركة CSS واحدة فقط إلى تفويت حركة JavaScript أو لوحة الرسم. حافظ على اتساق التفضيلات عبر طبقات العرض وتجنب التغييرات المفاجئة إذا تغير إعداد النظام أثناء نشاط اللعبة.

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

## أسئلة

**هل يجب أن تؤدي الحركة المنخفضة إلى إيقاف كل الحركات في اللعبة؟** لا. بعض الحركة ضروري للعب أو توضيح الحالة. قلّل التأثيرات غير الضرورية أو استبدلها، مع إبقاء إشارات واضحة تساعد على فهم التوقيت والموقع ونتيجة كل فعل.

**كيف تكتشف الصفحة التفضيل؟** يمكن لـ CSS استخدام ميزة الوسائط prefers-reduced-motion. وتحتاج التأثيرات التي تنفذها البرامج النصية أو ترسمها لوحة الرسم إلى مسار إعداد مكافئ حتى يظل العرض المرئي متسقاً.

## اتبع فضولك

- [اجعل ألوان اللعبة سهلة الوصول دون استخدام الألوان وحدها](https://oneshotgems.ai/ar/topics/accessible-game-colors): استخدم التباين والإشارات المرئية المتكررة حتى يتمكن اللاعبون من التمييز بين حالات اللعبة عندما تكون الألوان متشابهة أو غير متاحة لهم.
- [تصميم عناصر تحكم صوتية مفيدة لألعاب المتصفح](https://oneshotgems.ai/ar/topics/game-audio-controls): امنح اللاعبين التحكم في صوت اللعبة من خلال سلوك واضح لكتم الصوت ومستوى الصوت، والتعامل مع قيود التشغيل التلقائي للمتصفح دون تعطيل الإشارات الصوتية للعبة.

## للمزيد من القراءة

- [MDN: prefers-reduced-motion](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/%40media/prefers-reduced-motion)
- [MDN: استعلامات الوسائط لإمكانية الوصول](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Media_queries/Using_for_accessibility)

---
الصفحة الأساسية: https://oneshotgems.ai/ar/topics/reduced-motion-in-games