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

> जब कोई डिवाइस घूमता है तो लेआउट और इनपुट मैपिंग की पुनर्गणना करके, ओरिएंटेशन को गेम पुनरारंभ के रूप में देखे बिना, खेल को पढ़ने योग्य बनाए रखें।

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

फ़ोन घुमाने से उपलब्ध चौड़ाई और ऊँचाई बदलती है, लेकिन इससे खिलाड़ी का मौजूदा इनपुट चुपचाप अमान्य नहीं होना चाहिए और न ही सिमुलेशन रीसेट होना चाहिए। तय करें कि गेम पोर्ट्रेट और लैंडस्केप दोनों में चलेगा या नहीं, और कम जगह वाले ओरिएंटेशन के लिए साफ़ विकल्प दें। प्रस्तुति और कंट्रोल को एक समन्वित बदलाव के रूप में अपडेट करें।

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

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

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

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

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

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

## सवाल

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

**क्या स्क्रीन घुमाने पर हमेशा resize इवेंट आता है?** व्यूपोर्ट और ओरिएंटेशन का व्यवहार ब्राउज़र और डिवाइस के अनुसार बदल सकता है। जिन इवेंट पर आपका कोड निर्भर है, उन्हें जाँचें और बदलाव के बाद वास्तविक गेम कंटेनर को फिर मापें।

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

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

## आगे पढ़ें

- [एमडीएन: स्क्रीन ओरिएंटेशन प्रबंधित करना](https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Managing_screen_orientation)
- [एमडीएन: स्क्रीनओरिएंटेशन चेंज इवेंट](https://developer.mozilla.org/en-US/docs/Web/API/ScreenOrientation/change_event)

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