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

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

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

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

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

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

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

⁨वेब गेम के टच कंट्रोल⁩ से जुड़े सवाल