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

> قم بتشكيل لعبة عمودية أولاً حول ساحة لعب واحدة واضحة وحالة قابلة للقراءة وتغيير إطارات عرض الهاتف قبل إضافة محتوى أو دعم أفقي.

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

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

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

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

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

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

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

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

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

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

## أسئلة

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

**هل يجب أن يبقى HUD دائمًا في الأعلى؟** لا. ضع المعلومات حيث تبقى ظاهرة دون مزاحمة آلية اللعب الأساسية. اختبرها أثناء اللعب، وعند ظهور لوحات متراكبة، وفي شاشة النهاية، لأن أفضل موضع يعتمد على ساحة اللعب.

## اتبع فضولك

- [تطوير ألعاب الهاتف المحمول: اختر هدفك أولاً](https://oneshotgems.ai/ar/topics/mobile-game-development): خطط للعبة للهواتف، وقارن بين نسخة المتصفح والتطبيق الأصلي، واختر مسار تطوير عمليًا قبل إضافة أنظمة خاصة بالهواتف.
- [إنشاء تخطيطات متجاوبة لألعاب المتصفح](https://oneshotgems.ai/ar/topics/responsive-game-layouts): قم بتكييف سطح اللعبة مع حاويتها دون ربط حالة المحاكاة بأبعاد الشاشة، واختبر التخطيط عبر إطارات العرض المتغيرة.
- [التعامل مع تغيّر اتجاه الشاشة في ألعاب المتصفح](https://oneshotgems.ai/ar/topics/game-orientation-changes): اجعل اللعب قابلاً للقراءة عندما يدور الجهاز عن طريق إعادة حساب التخطيط ورسم خرائط الإدخال دون التعامل مع الاتجاه باعتباره إعادة تشغيل للعبة.
- [صمّم استجابات للعبة تشرح كل فعل](https://oneshotgems.ai/ar/topics/game-feedback-design): اجعل استجابات اللعبة توضح ما تغيّر ولماذا وما يمكن للاعب فعله بعده، دون حجب مساحة اللعب.

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

- [عنصر التعريف لإطار عرض MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta/name/viewport)
- [إرشادات واجهة Apple البشرية: التخطيط](https://developer.apple.com/design/human-interface-guidelines/layout)
- [إرشادات تصميم ألعاب Android](https://developer.android.com/games/design/overview?hl=en)

---
الصفحة الأساسية: https://oneshotgems.ai/ar/topics/portrait-mobile-game-design