Oneshot Gems
अभी खेलें

गेम डेवलपर के लिए

हिट क्षेत्र का परीक्षण करें, न कि केवल बटन कला का

एक नियंत्रण बड़ा दिख सकता है जबकि इसका वास्तविक हिट क्षेत्र कलाकृति का एक छोटा सा हिस्सा है। एक ब्राउज़र गेम में, इंटरैक्टिव सीमाओं को जानबूझकर परिभाषित करें और उन्हें केवल एक सटीक माउस पॉइंटर से ही नहीं, बल्कि एक उंगली से भी जांचें। सही लक्ष्य उसकी भूमिका, दूरी और आसपास की गति पर निर्भर करता है, लेकिन स्पष्ट हिट क्षेत्र आकस्मिक चूक को कम करते हैं और इनपुट के बारे में तर्क करना आसान बनाते हैं।

इस पृष्ठ पर

दृश्यमान आकृति को हिट क्षेत्र से अलग करें

पॉज़ बटन जैसे छोटे आइकन के लिए, क्लिक करने योग्य कंटेनर को चित्रित प्रतीक से आगे बढ़ने दें। पड़ोसी क्रियाओं को इतनी दूर रखें कि एक उंगली दोनों को अस्पष्ट रूप से सक्रिय न कर दे। कैनवास गेम में, ऑब्जेक्ट बनाएं और उसी लेआउट डेटा से उसके हिट क्षेत्र की गणना करें; अलग-अलग कोड पथों में निर्देशांक की नकल करना बहाव को आमंत्रित करता है।

WCAG 2.2 का सफलता मानदंड 2.5.8 कम-से-कम 24 × 24 CSS पिक्सल का आकार तय करता है और कुछ अपवाद भी बताता है, जिनमें पर्याप्त दूरी और समकक्ष कंट्रोल शामिल हैं। इसे अभिगम्यता की आवश्यकता मानें, डिज़ाइन की अधिकतम सीमा नहीं: चलते लक्ष्य या मुख्य क्रिया को इससे बड़ा क्षेत्र चाहिए हो सकता है। टच कहाँ दर्ज होता है, यह दिखाने के लिए केवल रंग या हल्की सीमा पर निर्भर न रहें।

वास्तविक स्क्रीन आकारों पर हिट परीक्षण की जाँच करें

हर किनारे और कोने के पास, पास-पास के कंट्रोल के बीच, और गेम सतह का आकार बदलते समय टैप जाँचें। पुष्टि करें कि दिखने वाला कंट्रोल, DOM का इंटरैक्टिव क्षेत्र और गेम-वर्ल्ड निर्देशांक एक ही क्रिया बताते हैं। छोटे चलते ऑब्जेक्ट के लिए चित्र से बड़ा हिट क्षेत्र रखें, लेकिन खतरों से पर्याप्त दूरी बनाए रखें।

टच से अलग-अलग viewport आकार जाँचें। माउस पॉइंटर वहाँ अधिक सटीक पहुँच सकता है जहाँ उंगली आसानी से नहीं पहुँचती। पॉइंटर स्थिति को गेम सतह के निर्देशांक तंत्र में बदलें और आकार बदलने के बाद फिर जाँचें। W3C की व्याख्या मानदंड और अपवाद बताती है.

⁨खेल स्पर्श लक्ष्य आकार⁩ से जुड़े सवाल

क्या गेम का हर लक्ष्य कम-से-कम 24 पिक्सल का होना चाहिए?

WCAG 2.2 सफलता मानदंड 2.5.8 पॉइंटर इनपुट के लक्ष्य के लिए कम-से-कम 24 × 24 CSS पिक्सल तय करता है और कुछ अपवाद भी देता है। मानदंड जाँचें और गेम की स्थिति के अनुसार ज़रूरत पड़ने पर बड़ा इंटरैक्टिव क्षेत्र रखें।

क्या इंटरैक्टिव क्षेत्र चित्र से बड़ा हो सकता है?

हाँ। छोटे आइकन के आसपास इंटरैक्टिव क्षेत्र बढ़ाने से उसे दबाना आसान होता है, बशर्ते पास के कंट्रोल अलग पहचान में आएँ और उनका व्यवहार अनुमानित हो।

आगे पढ़ें

कोई पुरानी जानकारी दिखी? सुधार की जानकारी दें

खेलते रहें।

मुफ़्त ब्राउज़र गेम, जब आपका मन हो तब खेलें। कुछ मज़ेदार खोजें और उसे अपना अगला पसंदीदा बनाएँ।

अपनी जिज्ञासा के साथ आगे बढ़ें