बॉम्बरमैन ऑनलाइन - habrayuzer से HTML5 मल्टीप्लेयर ऑनलाइन खेल। लोड का परीक्षण!

बॉम्बरमाइन ऑनलाइन पिछले दो हफ्तों के परीक्षण और बड़ी संख्या में ऑनलाइन खिलाड़ियों के लिए इंजन तैयार करने का परिणाम है।

इंजन जावा + जेट्टी (बैकएंड) में लिखा है। फ़्रंटेंड - HAProxy + Nginx + Node.js. क्लाइंट साइड - जीडब्ल्यूटी, जो एचटीएमएल 5 / कैनवास + जावास्क्रिप्ट + वेबसोकेट का अनुवाद करता है। सब कुछ क्लाउड में होस्ट किया गया है।

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

गेमप्ले वीडियो

इंजन के निर्माण की पृष्ठभूमि

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

बड़े मानचित्रों के लिए, विधि का उपयोग किया जाता है, जिसे मैंने Minecraft में देखा था जब मैंने अपना माइन अपसाइड डाउन मॉड लिखा था: मानचित्र को चौकोर भाग में विभाजित किया गया है और इसकी दृश्यता सीमा में वर्गों से संबंधित विधाएं उपयोगकर्ता को भेजी जाती हैं। इस स्थिति में, क्लाइंट गेम की स्थिति के अद्यतन का हिस्सा स्वयं करता है, और यह क्या नहीं कर सकता है, यह सर्वर से भिन्न रूप में प्राप्त होता है। यह स्पष्ट है कि आदर्श स्थिति में, सिंक का आउट केवल खिलाड़ी की दृश्यता की सीमाओं पर होना चाहिए और वे अधिक जानकारी के कारण बुझ जाते हैं।

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

तब मैपिंग लिखने का समय था। टाइल का नक्शा बनाते समय, एक समस्या उत्पन्न हुई: यदि टाइलें 16x16 हैं और स्क्रीन 640x480 है, तो 1200 वर्गों को खींचना होगा। इस मामले में, खींची गई टाइल पड़ोसियों पर भी निर्भर करती थी। परिणामी एफपीएस ने मुझे खुश नहीं किया। माइनक्राफ्ट में इस्तेमाल होने वाली चीज वह थी जो बचाई गई थी - सर्वर से प्राप्त चंक को खींचा जाना चाहिए और इसे तब तक याद रखना चाहिए जब तक कि यह बदल न जाए। उसी समय, विखंडू को प्रदर्शित करने के लिए एक बफर को समय-समय पर उपयोग किया जा सकता है, स्क्रीन की तुलना में थोड़ा बड़ा।

अब, 1200 16x16 छवियों के बजाय, जिनमें से पड़ोसी पर निर्भर थे, आपको केवल 6 256x256 चित्र खींचने की आवश्यकता है, बिना किसी अनावश्यक गणना के। एफपीएस तुरंत प्रतिष्ठित 60 तक पहुंच गया। जीडब्ल्यूटी देवमोड में, 17 एफपीएस मेरे लैपटॉप पर जारी किए गए हैं - यह डीबगिंग के लिए बहुत अच्छा है।

जेटी के माध्यम से नेटवर्क पार्ट काफी सरल हो गया - वेब पॉकेट।

ग्राहक पक्ष : क्रोम स्वयं को सबसे अच्छा दिखाता है (पुराने हार्डवेयर पर भी 60 एफपीएस रखता है), फिर सफारी, एफएफ और ओपेरा। गधे के बारे में पूछना बेहतर नहीं है :)

बॉम्बरमाइन ऑनलाइन क्रू

इंजन के लेखक मैं और फाइबुलविन्टर हैं । वेब और इंटरफ़ेस - डीमार्क । सर्वर को ट्यूनिंग और ट्यूनिंग - चोरी । कलाकार - डेवडी और डी 3म्प ।

आनंद लें ! सौभाग्य और मजा है