इनपुट की सटीकता बनाए रखते हुए रोटेशन का जवाब दें

लेआउट नीति चुनें

रिस्पॉन्सिव गेम खेल क्षेत्र को फिर से व्यवस्थित कर सकता है, स्थिर वर्चुअल क्षेत्र के आसपास खाली पट्टियाँ रख सकता है, या डिवाइस घुमाने का स्पष्ट संदेश दिखा सकता है। गेम मैकेनिक्स के आधार पर चुनें: चौड़ी लेन वाला रनर क्षैतिज जगह माँग सकता है, जबकि ऊपर की ओर स्टैकिंग गेम पोर्ट्रेट में भी पढ़ने योग्य रह सकता है। पूरी सीन को खींचकर फिट न करें; इससे ऑब्जेक्ट अनुपात बदलते हैं और हिट क्षेत्र गलत हो सकते हैं।

व्यूपोर्ट ओरिएंटेशन के अनुसार लेआउट के लिए CSS media queries का उपयोग करें। ScreenOrientation बदलाव तभी सुनें जब स्क्रिप्ट को उस स्थिति की ज़रूरत हो; पुराने window.orientationchange इवेंट पर निर्भर न रहें। ओरिएंटेशन लॉक का स्पष्ट कारण और वैकल्पिक व्यवहार होना चाहिए; इसे बिना जाँचे लेआउट से बचने का शॉर्टकट न बनाएँ।

निर्देशांक रूपांतरण फिर से बनाएँ

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

गेम शुरू होने से पहले, ड्रैग के दौरान और मेनू खुले होने पर रोटेशन जाँचें। पुष्टि करें कि आकार बदलने से नया सेशन शुरू नहीं होता और कंट्रोल तक पहुँचना संभव रहता है। MDN ScreenOrientation के परिवर्तन इवेंट और लॉक का वर्णन करता है; ज़रूरत पर उनका उपयोग करें और जाँचें कि डिवाइस लॉक होने देता है या नहीं।

⁨ब्राउज़र गेम में ओरिएंटेशन बदलना⁩ से जुड़े सवाल