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

> दृश्य कलाकृति को इंटरैक्टिव सीमा से अलग करके और स्पर्श उपकरणों पर आकार, रिक्ति और ओवरलैप की जांच करके गेम नियंत्रण को हिट करना आसान बनाएं।

- URL: https://oneshotgems.ai/hi/topics/game-touch-targets
- श्रेणी: गेम डेवलपर के लिए
- प्रकार: गाइड
- अपडेट किया गया: 5 अक्टूबर 2026

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

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

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

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

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

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

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

## सवाल

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

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

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

- [वेब गेम के लिए टच कंट्रोल डिज़ाइन करें](https://oneshotgems.ai/hi/topics/touch-controls-for-web-games): ब्राउज़र के जेस्चर, स्पष्ट दृश्य प्रतिक्रिया और तय पॉइंटर स्थिति को ध्यान में रखकर टच इंटरैक्शन की योजना बनाएँ, ताकि फ़ोन पर गेम का व्यवहार अनुमानित रहे।
- [ब्राउज़र गेम के लिए रिस्पॉन्सिव लेआउट बनाएँ](https://oneshotgems.ai/hi/topics/responsive-game-layouts): सिमुलेशन स्थिति को स्क्रीन आयामों से जोड़े बिना गेम की सतह को उसके कंटेनर में अनुकूलित करें, और बदलते व्यूपोर्ट में लेआउट का परीक्षण करें।
- [एक अंगूठे से खेलने के लिए एक मोबाइल गेम डिज़ाइन करें](https://oneshotgems.ai/hi/topics/one-thumb-mobile-game-design): नियंत्रणों को एक अंगूठे से संभव क्रियाओं तक सीमित करें, हाथ की जगह और उससे ढकने वाली स्क्रीन को ध्यान में रखें, फिर असली पकड़ में गेम का परीक्षण करें।

## आगे पढ़ें

- [W3C: लक्ष्य आकार (न्यूनतम)](https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum)
- [एमडीएन: सूचक घटनाएँ](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events)

---
मूल पेज: https://oneshotgems.ai/hi/topics/game-touch-targets