Tərtibatçılar slotları mobil cihazlara necə uyğunlaşdırırlar
Mobil slot masaüstünün kiçik bir nüsxəsi deyil. Bu 5-6 ″ ekranlarda oxumaq lazımdır, toxunuşlar, büdcə cihazlarında sabit işləmək, brauzer/OS məhdudiyyətlərinə hörmətlə yanaşmaq və batareyanı «yeməmək». Aşağıda sistem planı: UX və qrafikdən şəbəkəyə, audio və QA.
1) UX barmaq və kiçik ekran altında
Ölçülər və toxunma zonaları: interaktiv ≥ 44-48 px; kritik düymələr - baş barmaqlar zonasında (əldən asılı olaraq aşağı yarım, sağ/sol kənar).
Safe areas: «chelok», Dynamic Island, dairəvi uçot; üst elementlər üçün daxili çərçivə (safe inset).
Oriyentasiyalar: portret - baseline; landşaft - ayrı-ayrı leautlar/HUD yenidən yığılması. Qazancın hesablanması zamanı «təkrarlamaları» bloklayın.
Vizual iyerarxiya: simvollar və uduşlar> fon və effektlər. Mətn kontrastı, MSDF şriftləri, ədədlər üçün autline.
Bir əllə nəzarət: aşağıdan əsas CTA; bahis paneli və baş barmaq məsafəsində «Spin».
Skip və turbo: məcburi; gizlətməyin. Həssaslar üçün «daha az hərəkət» daxil edin.
Boş hallar və ipuçları: qısa, hərəkət yerinə, modalka ilə həddindən artıq yüklənmədən.
2) Responsive-leauts və adaptiv mesh
Grid: 4-6 sütun + Spin/bahis üçün sabit «lövhələr».
Aspektləri: 16:9, 19. 5:9, 20:9 - ayrı-ayrı mövqelər presetləri; «qısa» tərəfdə ölçmək.
Kamera və maskalar: baraban pəncərəsi piksel dizaynında dəyişməz olaraq; fon - vacib məzmun olmadan uzanır/çəkilir.
Mətn: aralıqda avto-fit (min/max), sözlərin köçürülməsi, ədədlərin/valyutaların ICU formatları.
3) Performans: Hədəf - 60 FPS həddindən artıq istiləşmədən
Kadr büdcəsi: 16. 7 ms. Animasiyalar «kadrlara görə» deyil, zaman sürücüsüdür.
Batching: atlaslar, materiallara görə qruplaşdırma/blending; draw calls azaldılması.
Overdraw: şəffaf «çarşaf» kəsin, maskalar/stensillər istifadə edin.
Yaddaş: obyektlərin hovuzu, hissəciklərin yenidən istifadəsi; ASTC/ETC2/BCn + fallback ilə toxumalar.
LOD: budget-GPU-da ağır şaderlərin/post effektlərin söndürülməsi; sadələşdirilmiş fonlar.
GC spikes: animasiya dövrlərində allokasiyalardan qaçın; emiterlərin əvvəlcədən yüklənməsi/yaradılması.
Video çəkilişlər: qısa dövrlər, aşağı bitreyt, bükülmə/arxa plan işi zamanı stop.
İstilik və batareya: ağır səhnələrin müddətini qısaldır, fon zamanlayıcılarının tezliyini məhdudlaşdırın.
4) Qrafika və assetlər
Atlaslar: 2048-4096 px, hash adlarına görə (cache-busting), UI/FX-ni ayrıca qruplaşdırın.
Mətnlər: sıxılmış formatlar (iOS/yeni Android üçün ASTC; Android üçün ETC2; BCn - masaüstü/WebGL2); WebP/PNG ehtiyat kimi.
Şriftlər: MSDF/SDF + stilləri bir çox PNG dəsti əvəzinə shaders (glow/outline).
Hissəciklər: additive-blending, qısa həyat, pulling.
Post effektləri: half/quarter-res bloom, yumşaq vinyet; zəif cihazlarda bağlanması.
Barabanların sprayt vərəqləri: pre-baked və «nazik», lazımsız boşluqlar olmadan; skroll üçün piksel snap.
5) Audio, vibro və sistem məhdudiyyətləri
Avtoplay siyasəti: səs yalnız jest ilə başlayır; aydın «səs/sükut» tumbler göstərin.
Mikser: istifadəçi səs/media altında ducking; eyni vaxtda SFX limiti.
Haptics: baraban ayaqlarında qısa vibro nümunələri/böyük uduşlar; «off» seçimi.
Fon rejimi: background/ekran kilidi gedərkən animasiya/audio fasilə.
6) Şəbəkə və oflayn sabitlik
Kritik yol: 'spin '/' bonus' - xarici asılılıqsız qısa RPC; Jitter ilə eksponensial retralar.
İdempotentlik: write əməliyyatlarında açar (bahis/ödəniş) - təkrarlama → eyni nəticə.
Service Worker (vebdə): assetlərin keşi, qısa TTL manifesti, hadisələrdən əvvəl istiləşmə.
Playsholders: skeleton ekranlar, yerli UI hadisələr növbəsi, aydın status «şəbəkə mövcud deyil».
7) Platforma fərqləri və konteynerlər
iOS Safari: ciddi avtoplay, WebGL yaddaşı, zamanlayıcıların fon məhdudiyyətləri.
Android Chrome/WebView: daha çox GPU/sürücülər - Mali/Adreno test.
PWA: ev ekranı, oflayn önbellək, lakin push/ödəniş qaydaları ilə məhdudlaşır.
Native/Unity: WebGL bandlları daha ağır, lakin iOS/Android üçün vahid kod; Addressables, per-platforma doku sıxılması.
WebView tətbiqlərində: gizlilik siyasətini, məxfiliyi və RG tələblərini nəzərə alın.
8) Lokalizasiya və əlçatanlıq
Dillər: sətirlərin uzunluğu, sağ tərəfli skriptlər, tarix/valyuta formatları; ICU mesajları.
Kontrast və ölçü: yüksək kontrast rejimi, miqyaslı şriftlər, tənqidi mətn - doygunluq fərqləri olmadan.
Daha az hərəkət: paralaks/boyun söndürülməsi; alternativ effektlər.
9) Responsible Gaming və dürüstlük
RG alətləri: limit/zaman-out/özünü istisna etmək üçün sürətli giriş; gecə «sakit rejimi».
Nəticənin dürüstlüyü: animasiyadan əvvəl serverdə nəticənin hesablanması; UX düşmə şansına təsir etmir.
Yurisdiksiyalar: avto-spin/buy-feature/sürət - regionlar üzrə ficheflages vasitəsilə.
10) QA-matris və müşahidə
Cihazların matrisi: 8-12 referens (iPhone base/Pro, Mali/Adreno ilə Android budget/mid, planşetlər).
Profil: FPS, draw calls, GPU/CPU time, yaddaş/VRAM, stutters/GC.
Crash/ANR: monitorinq, seed/step problemli raundlar replies.
Daşbordlar: First Playable, p95 şəbəkələri, arxa xəta, temperatur (varsa), retenshn D1/D7, «səs daxil» çevrilməsi, «skip» payı.
11) Mobil A/B-təcrübələri
Fərziyyələr: Spin mövqeyi, CTA ölçüsü, baraban dayanma uzunluğu, tutorial qaydası, «yumşaq» vs «sərt» bonus-intro.
Guardrails: crash/ANR, p95 şəbəkələr, şikayətlər; deqradasiya zamanı - ficheflag avtootat.
Seqmentasiya: cihazlar/GPU/trafik kanalı - effektlər müxtəlif ola bilər.
12) Anti-nümunələr (nə etmək deyil)
Masaüstünü kopyalayın 1:1: xırda mətn, əlçatmaz düymələr.
Bütün cihazlarda böyük video/fon effektləri → həddindən artıq isti və FPS drop.
Qazancın hesablanmasında təsadüfi GC: animasiya tikləri daxilində allokasiya.
Müştəridə sərt enum: serverdən yeni qiymətə düşmə.
Demo ehtimalları → etimad və komplayens zərbəsi.
feedback olmadan şəbəkə gözləmək: «ölü» düymələri, heç bir status.
13) Mini reseptlər
Sürətli portret leyaut
Alt panel: Spin (sağ) + Bet (sol), mərkəz - sayğaclar.
Baraban pəncərəsi fiks, fon - paralaks 5-10%.
Böyük uduşlar: MSDF rəqəmləri + glow, «Qaçır» düyməsi.
Qazancın iqtisadi təsiri
Scale-bounce başlığı, additive-konfetti ≤ 1 c, half-res bloom.
Vibro qısa (10-20 ms), səs - markerlərlə bir qarışıq.
Büdcə cihazlarında sabit WebGL
Bir atlas UI + bir atlas simvol; post effects off; 30 FPS «power-save» fəaliyyətsiz olduqda.
14) Böyük mobil adaptasiya çek siyahısı
UX/Leaut
- Touch zonaları ≥ 44-48 px, baş barmaq zonasında əsas CTA
- Safe areas/« çələklər »nəzərə alınır; portret/landşaft işlənib
- Skip/turbo/daha az hərəkət mövcuddur
Qrafika/Perf
- 60 FPS (referanslar), büdcələrdə draw calls/overdraw
- Tekstur sıxılması (ASTC/ETC2/BCn) + fallback
- LOD/ağır effektlərin söndürülməsi, hissəciklərin pulling
- Bandle və ilk Playable məqsədləri üçün
Şəbəkə/Etibarlılıq
- İdempotent write əməliyyatları, jitter ilə retray
- Service Worker/Cache Strategiyası (vebdə)
- Aydın oflayn/səhv statusları
Audio/Vibro
- Yalnız jest sonra Autoplay, mikser və SFX limiti
- «Off» seçimi ilə Haptics, background fasilə
Komplayens/RG
- Yurisdiksiya bayraqları, serverdə ədalətli nəticə
- Limitlərə/fasilələrə/özünü aradan qaldırmağa sürətli giriş
QA/Monitorinq
- Cihazların matrisi keçdi; GPU/CPU/yaddaş profilləri
- Dashboard p95 şəbəkə/FPS/səhvlər/boyalar
- seed/step bilet replies
Mobil slotun adaptasiyası oxunan UX, diqqətli qrafika, sabit şəbəkə və etikanın balansıdır. Komandalar ekranı barmaqlar və safe areas üçün dizayn etdikdə, 60 FPS və yüngül bandl saxladıqda, iOS/Android siyasətlərini nəzərə aldıqda, real cihazlarda sınaqdan keçirdikdə və kanaryalı bayraqlarda fiçlər daxil etdikdə qalib gəlirlər. Beləliklə, slots hər hansı bir smartfonda gözəl, sürətli və dürüst qalır.