# स्पष्ट इरादे के आधार पर टच इनपुट बनाएँ

> ब्राउज़र के जेस्चर, स्पष्ट दृश्य प्रतिक्रिया और तय पॉइंटर स्थिति को ध्यान में रखकर टच इंटरैक्शन की योजना बनाएँ, ताकि फ़ोन पर गेम का व्यवहार अनुमानित रहे।

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

टच इनपुट को स्क्रीन ब्राउज़र के अपने स्क्रॉल और ज़ूम जेस्चर के साथ साझा करता है। तय करें कि सतह के कौन-से हिस्से गेम इनपुट लेंगे, दबाने पर कौन-सी क्रिया शुरू होगी और खिलाड़ी उसे कैसे खत्म या रद्द कर सकता है। पहले खिलाड़ी की भाषा में एक जेस्चर का वर्णन करें, फिर तय करें कि कौन-सा दिखाई देने वाला संकेत बताएगा कि गेम ने उसे पहचान लिया है।

## जेस्चर और ब्राउज़र की सीमा तय करें

जब माउस, पेन और टच के लिए एक ही इनपुट पथ गेम की क्रिया के अनुकूल हो, तो Pointer Events का उपयोग करें। सक्रिय पॉइंटर को pointerdown से लेकर उसकी गति और छोड़े जाने तक ट्रैक करें; दूसरे पॉइंटर अनदेखे करें, जब तक कि मल्टीटच जानबूझकर समर्थित न हो। गेम सतह पर touch-action सेट करें ताकि खिलाड़ी के लिए ज़रूरी ब्राउज़र स्क्रॉल या पिंच-ज़ूम बना रहे। पूरी सतह पर touch-action: none लगाने से ब्राउज़र ज़ूम रुक सकता है।

खींचने वाली क्रिया में तुरंत दिखाएँ कि वस्तु पकड़ी गई है और पॉइंटर की स्थिति के अनुसार उसे अपडेट करें। टैप में तय करें कि थोड़ा-सा हिलने पर सक्रियण रद्द होगा या नहीं, और असली टच डिवाइस पर उस सीमा को जाँचें। जेस्चर नीति को पूरे पेज के बजाय गेम सतह तक सीमित रखें।

## रद्द होने को सामान्य नतीजा मानें

ब्राउज़र के जेस्चर का नियंत्रण लेने, डिवाइस की स्थिति बदलने या किसी अन्य वजह से इंटरैक्शन रुकने पर पॉइंटर रद्द हो सकता है। pointercancel पर दबाई गई स्थिति उसी तरह साफ़ करें जैसे सामान्य रूप से छोड़ने के बाद करते हैं; वरना किरदार चलता रह सकता है या बटन लगातार दबा हुआ दिख सकता है। गेम ने पॉइंटर कैप्चर किया हो तो सफ़ाई के दौरान कैप्चर छोड़ें।

टैप, धीमा ड्रैग, किनारे से शुरू जेस्चर और ब्राउज़र स्क्रॉल करने की कोशिश जाँचें। देखें कि हर क्रिया पर स्पष्ट प्रतिक्रिया मिलती है और सतह से बाहर जाने पर कोई कंट्रोल अटका नहीं रहता। MDN की Pointer Events मार्गदर्शिका साझा पॉइंटर मॉडल और touch-action के व्यवहार को समझाती है।

## सवाल

**क्या गेम को ब्राउज़र के सभी टच जेस्चर बंद कर देने चाहिए?** सिर्फ़ तब, जब गेम सतह को सचमुच उन जेस्चर का नियंत्रण चाहिए। जहाँ संभव हो ब्राउज़र स्क्रॉल या ज़ूम चालू रखें और touch-action नियम केवल उस क्षेत्र पर लगाएँ जिसकी इंटरैक्शन को उनकी ज़रूरत है।

**pointercancel के बाद क्या होना चाहिए?** चल रही गेम क्रिया समाप्त करें और दबाए या खींचे जाने की स्थिति साफ़ करें। इनपुट रद्द होना अपेक्षित है, इसलिए सफ़ाई pointerup को संभालने जितनी ही सावधानी से होनी चाहिए।

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

- [ब्राउज़र गेम इनपुट के लिए पॉइंटर इवेंट का उपयोग करें](https://oneshotgems.ai/hi/topics/pointer-events-for-games): गेम लूप में कैप्चर, डिवाइस पहचान और संगतता व्यवहार को संरक्षित करते हुए पॉइंटर इवेंट के माध्यम से माउस, पेन और टच को मॉडल करें।
- [ब्राउज़र गेम्स के लिए आकार स्पर्श लक्ष्य](https://oneshotgems.ai/hi/topics/game-touch-targets): दृश्य कलाकृति को इंटरैक्टिव सीमा से अलग करके और स्पर्श उपकरणों पर आकार, रिक्ति और ओवरलैप की जांच करके गेम नियंत्रण को हिट करना आसान बनाएं।

## आगे पढ़ें

- [MDN: Pointer Events](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events)
- [MDN: touch-action](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/touch-action)

---
मूल पेज: https://oneshotgems.ai/hi/topics/touch-controls-for-web-games