Unicorn Games में आपका स्वागत है: ब्राउज़र में तुरंत खेलने की तकनीकी वास्तुकला

Unicorn Games में आपका स्वागत है: ब्राउज़र में तुरंत खेलने की तकनीकी वास्तुकला

वेब गेमिंग पंद्रह साल पहले पटरी से उतर गया था। फ्लैश बंद हो गया, ऐप स्टोर ने तीस प्रतिशत टैक्स के साथ मोबाइल फोन को जकड़ लिया, और कैजुअल ब्राउज़र गेम्स विज्ञापनों के दलदल बन गए।

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

Unicorn Games इस गिरावट को पलटने के लिए बना है। हम उन लोगों के लिए गेम बनाते हैं जो अपने सामने मौजूद किसी भी स्क्रीन पर बिना इंतज़ार किए खेलना चाहते हैं। कोई ऐप स्टोर खाता नहीं। कोई पचास मेगाबाइट का डाउनलोड नहीं। कोई विज्ञापन दीवार नहीं।

मुख्य तकनीकी नियम: भारी डिपेंडेंसी से पूरी आज़ादी

अधिकांश आधुनिक वेब गेम्स Phaser, Pixi.js, Godot या Unity WebGL जैसे भारी इंजनों पर निर्भर करते हैं। ये इंजन 3D एक्शन गेम्स या भारी भौतिकी सिमुलेशन के लिए उपयोगी हैं। क्लासिक ताश, पहेली और बोर्ड गेम्स के लिए ये सिर्फ अतिरिक्त बोझ हैं। एक साधारण Unity WebGL प्रोजेक्ट पहला टाइटल कार्ड दिखाने से पहले बीस से तीस मेगाबाइट की कंप्रेस्ड WebAssembly फाइलें डाउनलोड करता है।

हम अपने गेम्स सीधे HTML5 Canvas 2D और शुद्ध TypeScript में लिखते हैं।

गति का यह अंतर तुरंत महसूस होता है। जब आप Unicorn Games पर सॉलिटेयर खोलते हैं, तो पूरा शुरुआती बंडल दो सौ किलोबाइट से भी कम होता है। पहला एचटीटीपी अनुरोध मिलने के तीन सौ मिलीसेकंड के भीतर कैनवास स्क्रीन पर रेंडर हो जाता है। पांच साल पुराने बजट स्मार्टफोन पर भी ताश के पत्तों की हर चाल साठ फ्रेम प्रति सेकंड की रफ्तार से चलती है।

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

खेल के नियमों और ग्राफिक्स का स्पष्ट विभाजन

वेब गेम डेवलपमेंट में सबसे आम गलती गेम के नियमों को सीधे स्क्रीन के पिक्सेल या एचटीएमएल टैग से जोड़ना है। जब पत्तों के मान एचटीएमएल एलिमेंट में दर्ज होते हैं, तो खेल की गति धीमी हो जाती है और स्वचालित परीक्षण करना असंभव हो जाता है।

हम प्रत्येक गेम को दो अलग-अलग हिस्सों में बांटते हैं: बिना स्क्रीन वाला स्टेट इंजन और एक अलग विजुअल रेंडरर।

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

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

टच संवेदनशीलता और इनपुट में देरी का खात्मा

डेस्कटॉप पर खिलाड़ी सटीक ऑप्टिकल माउस से पिक्सेल के स्तर पर क्लिक करते हैं। मोबाइल पर अंगूठा कांच के अस्सी वर्ग मिलीमीटर हिस्से को ढकता है।

यदि आप टच एरिया को बदले बिना डेस्कटॉप इंटरफेस को मोबाइल स्क्रीन पर डाल देंगे, तो खिलाड़ी लगातार गलत पत्ते चुनेंगे। वे चिड़ी का सत्ता उठाना चाहेंगे और गलती से उसके ऊपर रखी ईंट की अठ्ठी को खींच देंगे।

हम मोबाइल टच एरिया को पत्तों के दिखने वाले किनारों से काफी बड़ा बनाते हैं। हमारा टच सिस्टम निकटता के आधार पर फैसला करता है: यदि आपका अंगूठा दो पत्तों के बीच पड़ता है, तो इंजन जांचता है कि किस पत्ते की चाल वर्तमान बोर्ड पर वैध है और सही पत्ते को प्राथमिकता देता है।

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

पारदर्शी फेरबदल और निष्पक्ष खेल की गारंटी

ताश के खेल पत्तों के निष्पक्ष फेरबदल पर टिके होते हैं। सॉफ्टवेयर में सच्चा यादृच्छिक क्रम बनाना आसान नहीं है, और खराब तरीके से लिखे गए कोड पत्तों के बंटवारे को बिगाड़ देते हैं।

हम ब्राउज़र के वेब क्रिप्टो एपीआई द्वारा संचालित फिशर-येट्स फेरबदल एल्गोरिदम का उपयोग करते हैं। बावन पत्तों की गड्डी में प्रत्येक पत्ते के किसी भी स्थान पर आने की संभावना ठीक एक बटा बावन होती है।

Unicorn Games पर ब्लैकजैक जैसे खेलों में, शू असली कैसीनो की तरह कट कार्ड तक पत्तों का सही वितरण करता है। 2048 जैसे ग्रिड खेलों में, नए नंबर गणितीय नियमों के अनुसार आते हैं: नब्बे प्रतिशत दो और दस प्रतिशत चार, जो बिना किसी पक्षपात के खाली खानों में आते हैं। आप अपनी समझ से जीतते हैं, इसलिए नहीं कि गेम ने आपको उलझाए रखने के लिए नियमों से छेड़छाड़ की हो।

बिना इंटरनेट के खेलना और प्रोग्रेसिव वेब ऐप्स

एक अच्छे वेब गेम को हवाई जहाज़ में या मेट्रो टनल के अंदर भी चलना चाहिए।

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

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