कैसे डेवलपर्स मोबाइल उपकरणों के लिए स्लॉट अनुकू
एक मोबाइल स्लॉट डेस्कटॉप की छोटी प्रति नहीं है। यह 5-6 ″ स्क्रीन पर पढ़ ने योग्य होना चाहिए, उत्तरदायी होने पर, बजट उपकरणों पर काम करना, ब्राउज़र/ओएस प्रतिबंधों का सम्मान करना और बैटरी को "खाना" नहीं करना चाहिए। नीचे सिस्टम प्लान है: यूएक्स और ग्राफिक्स से नेटवर्क, ऑडियो और क्यूए तक।
1) उंगलियों और छोटी स्क्रीन के नीचे UX
आयाम और स्पर्श क्षेत्र: इंटरैक्टिव ≥ 44-48 पीएक्स; महत्वपूर्ण बटन - अंगूठे के क्षेत्र में (हाथ के आधार पर निचले आधे, दाएं/बाएं किनारे)।
सुरक्षित क्षेत्र: "बैंग्स", डायनेमिक आइलैंड, राउंडिंग के लिए लेखांकन; शीर्ष तत्वों के लिए आंतरिक फ्रेम (सुरक्षित इनसेट)
ओरिएंटेशन: पोर्ट्रेट - बेसलाइन; परिदृश्य - HUD की अलग लेआउट/पुन: व्यवस्था। जीत की गिनती के समय "ओवरकुकिंग" ब्लॉक करें।
दृश्य पदानुक्रम: प्रतीक और जीत> पृष्ठभूमि और प्रभाव। पाठ विपरीत, MSDF फ़ॉन्ट, संख्या के लिए रूपरेखा।
एक हाथ का ऑपरेशन: नीचे से मुख्य सीटीए; सट्टेबाजी पैनल और अंगूठे की दूरी पर "स्पिन"।
छोड़ें और टर्बो: अनिवार्य; छुपाओ नहीं। संवेदनशील के लिए "कम आंदोलन" शामिल करें।
खाली राज्यों और संकेतों: संक्षेप में, कार्रवाई के स्थान पर, मोडल के साथ ओवरलोडिंग के बिना।
2) उत्तरदायी लेआउट और अनुकूली जाल
ग्रिड: स्पिन/स्टेक्स के लिए 4-6 कॉलम + फिक्स्ड "एंकर्स"।
पहलू: 16:9, 19. 5:9, 20:9 - पदों के अलग-अलग प्रीसेट; "लघु" पक्ष पर स्केलिंग।
कैमरा और मास्क: ड्रम विंडो पिक्सेल डिजाइन में अपरिवर्तनीय है; पृष्ठभूमि - महत्वपूर्ण सामग्री के बिना स्ट्
पाठ: रेंज में स्वतः-फिट (मिनट/अधिकतम), शब्द ब्रेक, संख्याओं/मुद्राओं के आईसीयू प्रारूप।
3) प्रदर्शन: ओवरहीटिंग के बिना 60 एफपीएस लक्ष्य
फ्रेम बजट: 16। 7 मिलियन। एनिमेशन - टाइम ड्राइव, "फ्रेम द्वारा" नहीं।
कसाई: एटलस, सामग्री/ब्लैंडिंग द्वारा समूहीकरण; ड्रा कॉल कम।
ओवरड्रॉ: साफ "शीट" काटें, मास्क/स्टेंसिल का उपयोग करें।
मेमोरी: वस्तुओं का पूल, कणों का पुन: उपयोग; ASTC/ETC2/BCn + फॉलबैक के साथ बनावट।
LOD: बजट-GPU पर भारी छाया/पोस्ट-इफेक्ट को अक्षम करना; सरलीकृत पृष्ठभूमि।
जीसी आसंजन: एनीमेशन चक्रों में आवंटन से बचें; उत्सर्जकों का पूर्व-लोडिंग/पूर्व-निर्माण।
वीडियो आवेषण: छोटे चक्र, कम बिटरेट, कम/पृष्ठभूमि कार्य को कम करते समय बंद करें।
गर्मी और बैटरी: भारी दृश्यों की अवधि को कम करें, पृष्ठभूमि टाइमर की आवृत्ति को सीमित करें।
4) ग्राफिक्स और संपत्ति
एटलस: 2048-4096 पीएक्स, हैश-नाम (कैश-बस्टिंग) द्वारा, समूह यूआई/एफएक्स अलग से।
बनावट: संपीड़ित प्रारूप (iOS/नए Android के लिए ASTC; ETC2 एंड्रॉइड के लिए; BCn - डेस्कटॉप/WebGL2); रिजर्व के रूप में WebP/PNG।
फॉन्ट्स: MSDF/SDF + शैलियों द्वारा shaders (चमक/रूपरेखा), कई PNG सेट के बजाय।
कण: योगात्मक सम्मिश्रण, लघु जीवन, खींचना।
पोस्ट-इफेक्ट: आधा/क्वार्टर-रेस ब्लूम, सॉफ्ट विगनेट; कमजोर उपकरणों पर डिस्कनेक्शन।
ड्रम की स्प्राइट सूची: पूर्व-पके हुए और "पतले", अनावश्यक शून्य के बिना; स्क्रॉलिंग के लिए पिक्सेल स्नैप।
5) ऑडियो, कंपन और सिस्टम की सीमाएं
ऑटोप्ले नीतियां: ध्वनि केवल इशारे से शुरू होती है; एक समझने योग्य "ध्वनि/मौन" टॉगल स्विच दिखाएँ।
मिक्सर: उपयोगकर्ता की आवाज/मीडिया को बतख; एक साथ SFX सीमा।
हैप्टिक्स: ड्रम स्टॉप/बड़ीजीत पर लघु कंपन पैटर्न; विकल्प "बंद"।
पृष्ठभूमि मोड: पृष्ठभूमि/स्क्रीन लॉक में छोड़ ने पर एनिमेशन/ऑडियो को रोकें।
6) नेटवर्क और ऑफ़ लाइन स्थिरता
महत्वपूर्ण पथ: 'स्पिन '/' बोनस' - बाहरी निर्भरता के बिना लघु आरपीसी; जिटर के साथ घातीय रेट्राई।
पहचान: लेखन संचालन पर कुंजी (शर्त/भुगतान) - दोहराएं - एक ही परिणाम।
सेवा कार्यकर्ता (वेब पर): संपत्ति का कैश, छोटी टीटीएल के साथ प्रकट होता है, घटनाओं से पहले गर्म होता है।
प्लेसहोल्डर्स: कंकाल स्क्रीन, स्थानीय यूआई इवेंट कतार, स्पष्ट नेटवर्क अनुपलब्ध स्थिति।
7) प्लेटफ़ॉर्म अंतर और कंटेनर
iOS सफारी: सख्त ऑटोप्ले, वेबजीएल मेमोरी, बैकग्राउंड टाइमर लिमिट।
Android Chrome/WebView: अधिक GPU विविधताएँ/ड्राइवर - माली/एड्रेनो का परीक्षण करें।
PWA: होम स्क्रीन, ऑफ़ लाइन कैश, लेकिन नियमों द्वारा प्रतिबंधित पुश/पे।
देशी/एकता: वेबजीएल बंडल भारी हैं, लेकिन आईओएस/एंड्रॉइड के लिए एक एकल कोड; पता, बनावट संपीड़न प्रति-मंच।
अनुप्रयोगों में वेबव्यू: स्टोरा नीति, गोपनीयता और आरजी आवश्यकताओं को ध्यान में रखें।
8) स्थानीयकरण और उपलब्धता
भाषाएँ: स्ट्रिंग लंबाई, दाहिने हाथ की लिपियाँ, तिथि/मुद्रा प्रारूप; आईसीयू संदेश।
कंट्रास्ट और आकार: उच्च कंट्रास्ट मोड, स्केलेबल फोंट, महत्वपूर्ण पाठ - संतृप्ति अंतर के बिना।
कम आंदोलन: लंबन/गर्दन बंद; वैकल्पिक प्रभाव
9) जिम्मेदार गेमिंग और ईमानदारी
डब्ल्यूजी उपकरण: सीमा/टाइमआउट/स्व-बहिष्करण के लिए त्वरित पहुंच; रात में "मूक मोड"।
परिणाम की ईमानदारी: एनीमेशन से पहले सर्वर पर परिणाम की गणना; UX बाहर गिरने की संभावना को प्रभावित नहीं करता है।
क्षेत्राधिकार: ऑटो-स्पिन/बाय-फीचर/स्पीड - क्षेत्र द्वारा phicheflags के माध्यम से।
10) क्यूए मैट्रिक्स और अवलोकन
डिवाइस मैट्रिक्स: 8-12 संदर्भ (आईफोन बेस/प्रो, माली/एड्रेनो, टैबलेट के साथ बजट/मध्य एंड्रॉइड)।
प्रोफाइलिंग: एफपीएस, ड्रा कॉल, जीपीयू/सीपीयू समय, मेमोरी/वीआरएएम, स्टटर/जीसी।
क्रैश/एएनआर: निगरानी, बीज/चरण द्वारा समस्या के दौर की पुनरावृत्ति।
डैशबोर्ड: पहला प्लेबल, p95 नेट, स्पिन त्रुटि, तापमान (यदि उपलब्ध हो), D1/D7 प्रतिधारण, रूपांतरण पर ध्वनि, अंश छोड़ दें।
11) ए/बी मोबाइल प्रयोग
परिकल्पना: स्पिन स्थिति, सीटीए आकार, ड्रम स्टॉप लंबाई, ट्यूटोरियल क्रम, नरम बनाम हार्ड बोनस इंट्रो।
गार्ड: क्रैश/एएनआर, p95 नेटवर्क, शिकायतें; गिरावट के दौरान - फिचफ्लाग का ऑटो-रोलबैक।
विभाजन: उपकरण/जीपीयू/ट्रैफिक चैनल द्वारा - प्रभाव भिन्न हो सकते हैं।
12) एंटी-पैटर्न (क्या नहीं करना है)
डेस्कटॉप 1:1 नक़ल करें: छोटा पाठ, बटन उपलब्ध नहीं.
सभी उपकरणों पर विशाल वीडियो/पृष्ठभूमि प्रभाव - ओवरहीटिंग और एफपीएस ड्रॉप।
जीत की गणना करते समय यादृच्छिक जीसी: एनीमेशन टिक के भीतर आवंटन।
क्लाइंट पर हार्ड एनम: सर्वर से एक नए मान के साथ ड्रॉप।
प्रायिकता डेमो - विश्वास और अनुपालन के लिए एक झटका।- प्रतिक्रिया के बिना एक नेटवर्क की प्रतीक्षा: "मृत" बटन, कोई स्टेटस नहीं।
13) मिनी व्यंजनों
त्वरित चित्र लीआउट
निचला फलक: स्पिन (दाएं) + बेट (बाएं), केंद्र - काउंटर।
ड्रम विंडो फिक्स, बैकग्राउंड - लंबन 5-10%।
बड़ी जीत: MSDF अंक + चमक, स्किप बटन।
लागत प्रभावी जीतने का प्रभाव
स्केल-उछाल शीर्षक, additive-confetti ≤ 1 c, आधा रेस खिलता है।
कंपन छोटा (10-20 एमएस) है, ध्वनि मार्करों के साथ एक मिश्रण है।
बजट उपकरणों पर स्थिर वेबजीएल
एक यूआई एटलस + एक वर्ण एटलस; प्रभाव के बाद के प्रभाव बंद हैं; निष्क्रिय होने पर 30 एफपीएस "पावर-सेव"।
14) बड़े मोबाइल अनुकूलन चेकलिस्ट
UX/Leyout
- टच जोन ≥ 44-48 पीएक्स, अंगूठे क्षेत्र में मुख्य सीटीए
- सुरक्षित क्षेत्रों/बैंगों को ध्यान में रखा जाता है; चित्र/परिदृश्य ने काम किया
- छोड़ें/टर्बो/कम गति उपलब्ध
ग्राफिक्स/पर्फ
- 60 एफपीएस (संदर्भ), बजट में कॉल/ओवरड्रॉ ड्रा
- बनावट संपीड़न (ASTC/ETC2/BCn) + फॉलबैक
- LOD/भारी प्रभावों को अक्षम करना, कण खींचना
- बंडल और पहले के प्रयोजनों के लिए खेलने योग्य
नेटवर्क/विश्वसनीयता
- आइडेम्पोटेंट राइट ऑपरेशन, जिटर के साथ रिट्रे
- सेवा कार्यकर्ता/कैश रणनीति (वेब)
- ऑफ़ लाइन/त्रुटि स्थिति साफ करें
ऑडियो/विब्रो
- केवल इशारे के बाद ऑटोप्ले, मिक्सर और एसएफएक्स सीमा
- विकल्प के साथ हैप्टिक्स, पृष्ठभूमि में ठहराव
अनुपालन/आरजी
- क्षेत्राधिकार झंडे, सर्वर पर ईमानदार परिणाम
- सीमा/ठहराव/स्व-बहिष्करण के लिए त्वरित पहुंच
क्यूए/निगरानी
- उपकरण मैट्रिक्स पारित; जीपीयू/सीपीयू/मेमोरी प्रोफाइल
- नेटवर्क p95 डैशबोर्ड/एफपीएस/त्रुटियां/क्रैश
- टिकट के लिए बीज/कदम रिप्ले
मोबाइल के लिए स्लॉट को अपनाना पढ़ ने योग्य यूएक्स, सावधान ग्राफिक्स, स्थिर नेटवर्क और नैतिकता का संतुलन है। जब वे उंगलियों और सुरक्षित क्षेत्रों के लिए एक स्क्रीन डिजाइन करते हैं, तो 60 एफपीएस और एक हल्का बंडल रखते हैं, आईओएस/एंड्रॉइड नीतियों को ध्यान में रखते हैं, वास्तविक उपकरणों पर परीक्षण करते हैं और कैनरी के साथ झंडे चालू करते हैं। इसलिए स्लॉट किसी भी स्मार्टफोन पर सुंदर, तेज और ईमानदार रहते हैं।