Mace Duel Mobile: टच कंट्रोल, प्राइवेट रूम और सर्वर-आधारित मुकाबले वाला वेब गेम

यह प्रोटोटाइप क्या देता है?

Mace Duel Mobile को फोन और डेस्कटॉप ब्राउज़र, दोनों के लिए तैयार किए गए 2-खिलाड़ी मुकाबले के रूप में पेश किया गया है। इसमें खिलाड़ी निजी रूम कोड के जरिए एक-दूसरे से जुड़ते हैं, राउंड खेलते हैं और मैच खत्म होने पर रीमैच का विकल्प चुन सकते हैं।

प्रस्तावित तकनीकी ढांचा यह है:

• क्लाइंट: TypeScript, Vite और Three.js
• सर्वर: Node.js, TypeScript और ws
• नेटवर्क मॉडल: WebSocket आधारित, सर्वर-ऑथोरिटेटिव सिमुलेशन
• सिमुलेशन दर: 30 Hz

मोबाइल कंट्रोल पर खास ध्यान

गेम का कंट्रोल लेआउट टचस्क्रीन को ध्यान में रखकर बनाया गया है:

• बाईं वर्चुअल स्टिक से मूवमेंट
• स्क्रीन के दाईं हिस्से में ड्रैग करके कैमरा/लुक कंट्रोल
• जंप और स्प्रिंट बटन
• मैस अटैक बटन
• विंड-चार्ज बटन

मल्टी-टच इनपुट इसलिए अहम है क्योंकि खिलाड़ी को एक ही समय में चलना, कैमरा घुमाना और हमला करना पड़ सकता है। मोबाइल गेम कंट्रोल के लिए एक साथ कई टच पॉइंटर संभालने का तरीका प्रलेखित है। 1

लैंडस्केप मोड की सिफारिश की गई है, हालांकि कीबोर्ड और माउस से खेलने का समर्थन भी रखा गया है।

मुकाबले में क्या-क्या होता है?

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

मैच संरचना में शामिल हैं:

• 3 सेकंड की काउंटडाउन
• 120 सेकंड का राउंड
• अधिकतम 3 राउंड जीतने का लक्ष्य
• मैच खत्म होने के बाद दोनों खिलाड़ियों के लिए रीमैच विकल्प

सर्वर को अंतिम निर्णय क्यों दिया गया है?

इस डिजाइन में क्लाइंट अपने हेल्थ, डैमेज या अंतिम पोज़िशन को भरोसेमंद डेटा के रूप में नहीं भेजता। वह केवल मूवमेंट इनपुट, कैमरा दिशा और अटैक/विंड कमांड भेजता है। सर्वर ही मूवमेंट, हिट, प्रोजेक्टाइल, हेल्थ और विजेता की गणना करता है।

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

परफॉर्मेंस के लिए चुने गए तरीके

Three.js में एक जैसे जियोमेट्री और मटीरियल वाले अनेक ऑब्जेक्ट रेंडर करने के लिए InstancedMesh उपलब्ध है; यह मैदान जैसी दोहराव वाली चीज़ों के लिए उपयोगी विकल्प है। 2

कम क्षमता वाले मोबाइल डिवाइस के लिए शैडो को सेटिंग्स से बंद करने का विकल्प भी व्यावहारिक है। Three.js के WebGLRenderer में शैडो मैप डिफ़ॉल्ट रूप से सक्षम नहीं होते और शैडो अपडेट को नियंत्रित किया जा सकता है। 4

प्रोजेक्ट शुरू करने का तरीका

दिए गए प्रोजेक्ट ढांचे में पहले bootstrap.mjs को एक खाली फोल्डर में सेव कर यह क्रम चलाने का सुझाव है:

node bootstrap.mjs
npm install
npm run test
npm run dev

npm install के बाद बनने वाली package-lock.json को Git में रखने और बिल्ड या डिप्लॉयमेंट के लिए npm ci उपयोग करने की सलाह दी गई है।

डिप्लॉयमेंट से पहले ध्यान देने योग्य बातें

सार्वजनिक इंटरनेट पर गेम चलाते समय सुरक्षित HTTPS/WSS कनेक्शन, WebSocket प्रॉक्सी कॉन्फ़िगरेशन और कनेक्शन को जीवित रखने के लिए उपयुक्त टाइमआउट या हार्टबीट जरूरी होंगे। उत्पादन उपयोग से पहले लोड टेस्टिंग, बेहतर एंटी-चीट उपाय, रूम-लाइफसाइकल मॉनिटरिंग और वास्तविक मोबाइल डिवाइस पर कंट्रोल टेस्ट भी करना चाहिए।