استجب للدوران مع الحفاظ على دقة الإدخال

اختر سياسة للتخطيط

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

استخدم استعلامات الوسائط في CSS لقرارات التخطيط المرتبطة باتجاه إطار العرض. استمع إلى تغييرات ScreenOrientation فقط إذا احتاج البرنامج إلى معرفة الاتجاه؛ ولا تعتمد على الحدث المهمل window.orientationchange. ينبغي أن يكون قفل الاتجاه حاجة مقصودة مع بديل واضح، لا حيلة لتفادي اختبار التخطيط.

أعد حساب تحويل الإحداثيات

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

اختبر الدوران قبل بدء اللعب وأثناء السحب وعند فتح القوائم. تحقق من أن تغيير الحجم لا يبدأ جلسة جديدة وأن عناصر التحكم تظل متاحة. توثق MDN أحداث تغيير ScreenOrientation وقفل الاتجاه؛ استخدمها عند الحاجة وتحقق مما إذا كان الجهاز يسمح بالقفل.

أسئلة عن ⁨تغيّر اتجاه الشاشة في ألعاب المتصفح⁩