كازينو التشفير
تورنت جير
كيف يقوم المطورون بتكييف الفتحات للأجهزة المحمولة
فتحة الهاتف المحمول ليست نسخة أصغر من سطح المكتب. يجب أن تكون قابلة للقراءة على شاشات ″ 5-6، وسريعة الاستجابة عند لمسها، وتعمل بثبات على الأجهزة ذات الميزانية المحدودة، وتحترم قيود المتصفح/نظام التشغيل ولا «تلتهم» البطارية. فيما يلي خطة النظام: من UX والرسومات إلى الشبكة والصوت و QA.
1) UX تحت الأصابع وشاشة صغيرة
الأبعاد ومناطق اللمس: ≥ تفاعلية 44-48 px ؛ الأزرار الحرجة - في منطقة الإبهام (النصف السفلي، الحافة اليمنى/اليسرى حسب اليد).
المناطق الآمنة: حساب «الانفجارات»، الجزيرة الدينامية، التقريب ؛ الإطار الداخلي (جزء داخلي آمن) للعناصر العليا.
التوجهات: صورة - خط الأساس ؛ المناظر الطبيعية - تخطيطات منفصلة/إعادة ترتيب HUD. حظر «الإفراط في الطهي» في وقت احتساب الفوز.
التسلسل الهرمي البصري: الرموز والمكاسب> الخلفية والتأثيرات. تباين النص، خطوط MSDF، الخطوط العريضة للأرقام.
العملية بيد واحدة: اتفاقات التجارة المركزية الرئيسية من الأسفل ؛ لوحة الرهان و «تدور» على مسافة الإبهام.
القفز والتوربو: إلزامي ؛ لا تختبئ. قم بتضمين «حركة أقل» للحساسين.
الدول والتلميحات الفارغة: لفترة وجيزة، في مكان العمل، دون تحميل أكثر من اللازم بالوسائط.
2) تخطيطات سريعة الاستجابة وشبكة تكيفية
الشبكة: 4-6 أعمدة + «مراسي» ثابتة لـ Spin/Stakes.
الجوانب: ١٦:٩، ١٩. 5:9، 20:9 - عرض مسبق منفصل للوظائف ؛ على الجانب «القصير».
الكاميرا والأقنعة: نافذة الطبلة ثابتة في تصميم البكسل ؛ الخلفية - امتدادات/إطارات بدون محتوى مهم.
النص: الملاءمة التلقائية في النطاق (الحد الأدنى/الحد الأقصى)، فواصل الكلمات، تنسيقات وحدة العناية المركزة للأرقام/العملات.
3) الأداء: الهدف 60 FPS دون ارتفاع درجة الحرارة
ميزانية الإطار: 16. 7 مللي ثانية. الرسوم المتحركة - محرك الوقت، وليس «بالإطارات».
التذرية: الأطالس، والتجميع حسب المواد/اللفائف ؛ مكالمات السحب المخفضة.
السحب على المكشوف: قطع «الملاءات» الشفافة واستخدم الأقنعة/الاستنسل.
الذاكرة: مجموعة الأجسام، إعادة استخدام الجسيمات ؛ القوام مع ASTC/ETC2/BCn + الاحتياطي.
LOD: تعطيل الظلال الثقيلة/الآثار اللاحقة على الميزانية - وحدة معالجة الرسومات ؛ خلفيات مبسطة.
الانضمام إلى مجلس الإدارة: تجنب المخصصات في دورات الرسوم المتحركة ؛ التحميل المسبق/الإنشاء المسبق للانبعاثات.
إدخالات الفيديو: دورات قصيرة، بيترات منخفضة، توقف عند تقليل العمل/الخلفية.
الحرارة والبطارية: تقليل مدة المشاهد الثقيلة، والحد من تواتر أجهزة توقيت الخلفية.
4) الرسومات والأصول
Atlases: 2048-4096 px، بواسطة أسماء التجزئة (خرق المخبأ)، مجموعة UI/FX بشكل منفصل.
القوام: تنسيقات مضغوطة (ASTC لنظام iOS/Android الجديد ؛ ETC2 لنظام أندرويد ؛ BCn - سطح المكتب/WebGL2) ؛ WebP/PNG كاحتياطي.
الخطوط: أنماط MSDF/SDF + حسب الظلال (توهج/مخطط)، بدلاً من العديد من مجموعات PNG.
الجسيمات: مزج إضافي، عمر قصير، سحب.
التأثيرات اللاحقة: نصف/ربع روبية، مقالة قصيرة ناعمة ؛ قطع الاتصال على الأجهزة الضعيفة.
قوائم الطبول Sprite: مخبوزة مسبقًا و «رقيقة»، بدون فراغات غير ضرورية ؛ لقطة بكسل للتمرير.
5) قيود الصوت والاهتزاز والنظام
سياسات التشغيل التلقائي: لا يبدأ الصوت إلا بالإيماءات ؛ أظهر مفتاح تبديل «صوت/صمت» مفهوم.
الخلاط: التملص من صوت/وسائط المستخدم ؛ حد SFX المتزامن.
اللمسات: أنماط اهتزاز قصيرة على محطات توقف الطبول/فوز كبير ؛ خيار «إيقاف».
وضع الخلفية: إيقاف الرسوم المتحركة/الصوت مؤقتًا عند ترك الخلفية/قفل الشاشة.
6) استدامة الشبكة وخارجها
المسار الحرج: «التدوير »/« المكافأة» - مراكز عمل إقليمية قصيرة بدون تبعيات خارجية ؛ ريتراي أسي مع النعيق.
الفراغ: مفتاح عمليات الكتابة (الرهان/الدفع) - كرر → نفس النتيجة.
عامل الخدمة (على الويب): ذاكرة تخزين مؤقت للأصول، تظهر مع TTL قصير، والإحماء قبل الأحداث.
العناصر الإضافية: شاشات الهيكل العظمي، قائمة انتظار أحداث واجهة المستخدم المحلية، أوضاع الشبكة الواضحة غير المتاحة.
7) اختلافات المنصة والحاويات
iOS Safari: التشغيل التلقائي الصارم، ذاكرة WebGL، حدود توقيت الخلفية.
Android Chrome/WebView: المزيد من اختلافات/مشغلات وحدة معالجة الرسومات - اختبر مالي/أدرينو.
PWA: الشاشة الرئيسية، مخبأ غير متصل بالإنترنت، لكن ادفع/ادفع مقيدًا بالقواعد.
Native/Unity: حزم WebGL أثقل، لكنها رمز واحد لنظام iOS/Android ؛ العناوين، ضغط الملمس لكل منصة.
WebView في التطبيقات: تأخذ في الاعتبار سياسة stora والخصوصية ومتطلبات RG.
8) التوطين والتوافر
اللغات: طول السلسلة، النصوص اليمنى، صيغ التاريخ/العملة ؛ رسائل وحدة العناية المركزة.
التباين والحجم: وضع التباين العالي، الخطوط القابلة للتطوير، النص النقدي - دون اختلافات في التشبع.
حركة أقل: parallax/necks off ؛ آثار بديلة.
9) الألعاب المسؤولة والصدق
أدوات الفريق العامل: الوصول السريع إلى الحدود/المهلة/الاستبعاد الذاتي ؛ «الوضع الصامت» في الليل.
صدق النتيجة: حساب النتيجة على الخادم قبل الرسوم المتحركة ؛ لا تؤثر UX على فرصة السقوط.
الولايات القضائية: الدوران التلقائي/ميزة الشراء/السرعات - من خلال phicheflags حسب المنطقة.
10) مصفوفة QA وقابلية الملاحظة
مصفوفة الجهاز: 8-12 مراجع (iPhone base/Pro، budget/mid Android with Mali/Adreno، أجهزة لوحية).
التنميط: FPS، مكالمات الرسم، وقت GPU/CPU، الذاكرة/VRAM، التلعثم/GC.
Crash/ANR: المراقبة، إعادة جولات المشاكل بالبذور/الخطوة.
لوحات القيادة: اللعب الأول، p95 شباك، خطأ الدوران، درجة الحرارة (إذا كانت متاحة)، الاحتفاظ D1/D7، الصوت عند التحويل، تخطي الكسر.
11) تجارب متنقلة A/B
الفرضيات: وضع الدوران، حجم CTA، طول توقف الطبلة، ترتيب تعليمي، مقدمة إضافية ناعمة مقابل صلبة.
Guardrails: crash/ANR, p95 networks, communications; أثناء التدهور - التراجع التلقائي عن ficheflag.
التجزئة: حسب الجهاز/وحدة معالجة الرسومات/قناة المرور - قد تختلف التأثيرات.
12) الأنماط المضادة (ما لا يجب فعله)
نسخ سطح المكتب 1:1: نص صغير، أزرار غير متوفرة.
تأثيرات فيديو/خلفية ضخمة على جميع الأجهزة → ارتفاع درجة الحرارة وقطرات FPS.
GC العشوائي عند حساب المكاسب: المخصصات داخل علامات الرسوم المتحركة.
Hard enum في العميل: يسقط بقيمة جديدة من الخادم.
العروض التوضيحية الاحتمالية → ضربة للثقة والامتثال.
في انتظار شبكة بدون تعليقات: أزرار «ميتة»، لا حالات.
13) وصفات صغيرة
صورة سريعة ليوت
اللوحة السفلية: دوران (يمين) + رهان (يسار)، وسط - عدادات.
إصلاح نافذة الطبل، الخلفية - متوازي بنسبة 5-10٪.
فوز كبير: أرقام MSDF + توهج، تخطي الزر.
أثر الفوز الفعال من حيث التكلفة
عنوان ارتداد المقياس، قصاصات مضافة ≤ 1 ج، إزهار نصف الدقة.
الاهتزاز قصير (10-20 مللي ثانية)، والصوت مزيج واحد مع العلامات.
مستقر WebGL على أجهزة الميزانية
أطلس واجهة مستخدم واحدة + أطلس حرف واحد ؛ وتوقف الآثار اللاحقة ؛ 30 FPS «حفظ الطاقة» عند الخمول.
14) قائمة مرجعية كبيرة للتكيف عبر الهاتف المحمول
UX/Leyout
- مناطق اللمس ≥ 44-48 px، CTAs الرئيسية في منطقة الإبهام
- تؤخذ في الاعتبار المناطق الآمنة/الانفجارات ؛ تم وضع صورة/مناظر طبيعية
- حركة تخطي/توربو/أقل متاحة
رسومات/بيرف
- 60 FPS (مراجع)، سحب المكالمات/السحب على المكشوف في الميزانيات
- ضغطات الملمس (ASTC/ETC2/BCn) + احتياطي
- LOD/الآثار الثقيلة المعوقة، سحب الجسيمات
- الحزمة وأول لعبة قابلة للعب لأغراض
الشبكة/الموثوقية
- عمليات الكتابة اللطيفة، إعادة الدرج بالنفخ
- استراتيجية عامل الخدمة/ذاكرة التخزين المؤقت (الويب)
- مسح حالات عدم الاتصال/الخطأ
الصوت/فيبرو
- التشغيل التلقائي بعد الإيماءة فقط، الخلاط وحد SFX
- اللمسات مع خيار الخروج، توقف مؤقتًا في الخلفية
الامتثال/النمو الحقيقي
- أعلام الولاية القضائية، نتيجة صادقة على الخادم
- الوصول السريع إلى الحدود/التوقف المؤقت/الاستبعاد الذاتي
QA/الرصد
- مرت مصفوفة الأجهزة ؛ ملفات تعريف وحدة معالجة الرسومات/وحدة المعالجة المركزية/الذاكرة
- لوحات معلومات الشبكة p95/FPS/أخطاء/حوادث
- إعادة البذور/الخطوات للتذاكر
تكييف الفتحة للجوال هو توازن بين UX المقروء والرسومات الدقيقة والشبكة المستقرة والأخلاق. تفوز الفرق عندما تصمم شاشة للأصابع والمناطق الآمنة، وتحتوي على 60 FPS وحزمة خفيفة، وتأخذ في الاعتبار سياسات iOS/Android، وتختبر الأجهزة الحقيقية وتشغل الميزات بواسطة الأعلام مع طيور الكناري. لذلك تظل الفتحات جميلة وسريعة وصادقة على أي هاتف ذكي.