دع التخطيط العمودي يدعم القرار الرئيسي للعبة

احجز ساحة لعب قابلة للقراءة

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

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

اختر كيفية تكيف اللعبة

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

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

مراجعة جولة واحدة كاملة

قم بتشغيل البرنامج التعليمي واللحظة المزدحمة وشاشة النهاية بعرض ضيق للهاتف وعرض أكبر للجهاز. في كل نقطة اسأل ما إذا كان اللاعب يمكنه رؤية الهدف والتهديد المباشر والوضع الحالي في وقت واحد. إصلاح القص والتسلسل الهرمي قبل إضافة المراحل.

أسئلة عن ⁨تصميم ألعاب الهواتف بالوضع الرأسي⁩