💃🏿 😩 🤰🏻 PHP में वेब सॉकेट। भाग 3. चैट से खेल तक: बैटल सिटी 🤹 🏴‍☠️ ♣️

पिछले दो भागों ( स्क्रैच और इंटर-प्रोसेस संचार से PHP वेबस्कैट बनाना ) में, मैंने प्रदर्शन के रूप में चैट रूम का उपयोग किया, लेकिन इस लेख में मैं एक ऑनलाइन गेम के उदाहरण के साथ दिखाऊंगा कि वेब सॉकेट का दायरा बहुत व्यापक हो सकता है।

हमेशा की तरह, लेख के अंत में एक डेमो गेम और जीथब पर स्रोत कोड के लिंक हैं।

सामग्री:

ब्राउज़र द्वारा वेब सॉकेट समर्थन
ऑनलाइन खेल विकास
धन्यवाद
डेमो और स्रोत कोड

ब्राउज़र द्वारा वेब सॉकेट समर्थन

कुछ लोग सोचते हैं कि वेब सॉकेट्स का उपयोग करना बहुत जल्दी है क्योंकि वे अभी तक सभी ब्राउज़रों द्वारा समर्थित नहीं हैं। इसलिए, यदि आप उनका उपयोग करते हैं, तो केवल वैकल्पिक ट्रांसपोर्ट के साथ संयोजन के रूप में: Adobe® Flash® सॉकेट, AJAX लंबा मतदान, AJAX मल्टीपार्ट स्ट्रीमिंग, फॉरएवर आइफ्रेम, JSONP पोलिंग।

विकिपीडिया हमें बताता है कि कौन से ब्राउज़र वेब सॉकेट का समर्थन करते हैं :

Google Chrome (संस्करण 4.0.249.0 के बाद से);
Apple सफारी (संस्करण 5.0.7533.16 के बाद से);
मोज़िला फ़ायरफ़ॉक्स (संस्करण 4 के बाद से);
ओपेरा (संस्करण 10.70 9067 से);
इंटरनेट एक्सप्लोरर (संस्करण 10 के बाद से);

जैसा कि हम देख सकते हैं, सबसे कमजोर लिंक इंटरनेट एक्सप्लोरर है जिसमें दसवीं से कम संस्करण हैं। लाइवइंटरनेट आंकड़ों के अनुसार, रूस के लिए - 9, 8, 7 और 6 संस्करणों वाले इंटरनेट एक्सप्लोरर में क्रमशः 1.4, 1.7, 0.5 और 0.1 प्रतिशत के शेयर हैं। कुल 3.7% प्राप्त किया जाता है। यदि हम अन्य ब्राउज़रों के पुराने संस्करणों के साथ इस आंकड़े को अधिक उपयोगकर्ताओं को जोड़ते हैं, तो अंतिम रेटिंग थोड़ी बढ़ सकती है, लेकिन मुझे नहीं लगता कि यह 4% से अधिक हो जाएगा।
इसके आधार पर, हर किसी को अपने लिए फैसला करना चाहिए कि क्या वैकल्पिक ट्रांसपोर्ट का चिड़ियाघर बनाए रखना आवश्यक है या इन उपयोगकर्ताओं के बारे में भूल जाएं और इस पर काम करें।
निष्पक्षता में, मैं कहना चाहता हूं कि विदेशों में इंटरनेट एक्सप्लोरर का हिस्सा अधिक है, और वेब सॉकेट के समर्थन के साथ स्थिति इसी है। संस्करण 3, 9, 8, 7 और 6 वाले w3schools वेबसाइट इंटरनेट एक्सप्लोरर के आंकड़ों के अनुसार, क्रमशः 2.3, 3.1, 0.4 और 0.1 प्रतिशत की हिस्सेदारी है, जो कि 5.9% है।

ऑनलाइन खेल विकास

तो, अब मुख्य बिंदु पर। Php पर वेब सॉकेट सर्वर के संचालन को प्रदर्शित करने के लिए, मैं एक साधारण खेल लिखना चाहता था। शुरू करने के लिए, मुझे यह तय करने की आवश्यकता थी कि कौन सा है। शायद उसके लिए केवल यही आवश्यकता थी:

सभी खिलाड़ियों को एक ही नक्शे पर होना चाहिए और किसी अन्य खिलाड़ी के साथ बातचीत करने में सक्षम होना चाहिए

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

canvas और context : टैंक की छवि खींचने के लिए ऑब्जेक्ट का fillRect , fillRect को भरने के लिए भरें और लेबल के लिए fillText (मैं तुरंत कहता हूं कि मैंने उनके साथ पहले कभी काम नहीं किया है)
addEventListener को संभालने के लिए ऊपर, नीचे, बाएँ, दाएँ, और अंतरिक्ष कुंजियाँ (साथ ही w, s, a, d)

सर्वर साइड पर, मैंने क्लाइंट से संदेश हैंडलर को थोड़ा विस्तारित किया:

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

तीन टैंकों वाले सर्वर से उदाहरण प्रतिक्रिया

[{"नाम": "adsa", "x": २५, "y": ३:, "dir": "सही", "स्वास्थ्य": ०}, {"नाम": "qwe", "x": 20, "y": 18, "dir": "सही", "स्वास्थ्य": 0}, {"नाम": "sgfd4", "x": 5, "y": 7, "dir": "सही" "," स्वास्थ्य ": 0}]

इसलिए मुझे एहसास हुआ कि टैंक स्क्रीन के चारों ओर घूम रहे हैं।

चूँकि मैं 50 - 500 के साथ-साथ खिलाड़ियों की कहीं पर गिनती कर रहा था, इसलिए यह स्पष्ट हो गया कि सभी टैंक एक स्क्रीन पर फिट नहीं होंगे, इसलिए मैंने टैंक के दायरे को एक सामान्य बैटल सिटी फ़ील्ड के आकार तक सीमित कर दिया, और एक मिनैप भी जोड़ दिया। इस तथ्य के कारण कि मूल काली पृष्ठभूमि पर यह स्पष्ट नहीं है कि टैंक आगे बढ़ रहा है, या बाकी सब कुछ, मुझे एक बनावट का उपयोग करना था। यदि आप बनावट के सर्वश्रेष्ठ संस्करण की पेशकश कर सकते हैं, तो कृपया टिप्पणी में इसके लिए एक लिंक छोड़ दें।

अगला कदम था शूटिंग। इसके लिए, न केवल क्लाइंट से संदेशों को संसाधित करना आवश्यक है, बल्कि निकाल प्रोजेक्टाइल की गति की गणना करने के लिए टाइमर पर काम करना भी है (मैंने तय किया कि प्रति सेकंड 10 बार पर्याप्त होगा या प्रत्येक 100,000 माइक्रोसेकंड क्रमशः)। मुझे याद दिलाएं कि मैंने stream_select(array &$read, array &$write, array &$except, int $tv_sec [, int $tv_usec = 0]) फ़ंक्शन stream_select(array &$read, array &$write, array &$except, int $tv_sec [, int $tv_usec = 0]) , जो प्रसंस्करण के लिए आवश्यक सॉकेट्स के सरणियों को स्वीकार करता है और जब परिवर्तन किए जाते हैं तो काम करता है। उन्हें, या टाइमआउट द्वारा। टाइमर को लागू करने के लिए इस फ़ंक्शन के टाइमआउट सुविधा का उपयोग करने का निर्णय लिया गया था, लेकिन, दुर्भाग्य से, जो कुछ हुआ वह प्रलेखन में लिखा गया था।

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

100,000 माइक्रोसेकंड के मेरे समय के साथ, प्रोसेसर लोड 100% था।

इस संबंध में, मैंने फैसला किया कि भले ही मेरे टैंक शूट न करें, फिर भी उन्हें बातचीत करनी चाहिए। तो मैं उनके टकराव को संभालने के लिए शुरू किया :)
यह स्पष्ट नहीं था कि दोनों टैंकों में से कौन सी एक हेड-ऑन टक्कर के लिए अंक गिनती है, साथ ही साथ साइड इफेक्ट के साथ कठिनाइयों। इस कारण से, मैंने इन दो अस्पष्ट प्रकार के संपर्क को छोड़ दिया और केवल एक ही शेष विकल्प बचा था - एक टैंक पीछे से दूसरे को रैंप करता है।

इस पर कोई रोक सकता है, ऐसा लगता है - "बातचीत" का लक्ष्य हासिल किया गया था, लेकिन मैं और अधिक चाहता था।

कुछ और समय बिताने के बाद, मैंने परिवाद (अब मेरा पुस्तकालय sream_select और libevent के साथ काम करता है) का उपयोग करके टाइमर लागू किया:

 $this->base = event_base_new(); $this->event = event_new(); event_set($this->event, $this->_server, EV_READ | EV_PERSIST, array($this, 'accept'), $this->base); event_base_set($this->event, $this->base); event_add($this->event); $timer = event_timer_new(); event_timer_set($timer, array($this, '_onTimer'), $timer); event_base_set($timer, $this->base); event_timer_add($timer, 100000); event_base_loop($this->base);

स्मार्ट लोग लिखते हैं कि event_timer मूल रूप से एक बफर है जिसका समय समाप्त हो गया है, और मैंने यह देखने का फैसला किया कि क्या स्ट्रीम_सेलेक्ट के समान कुछ करना संभव है, लेकिन, कोई फायदा नहीं हुआ । यदि आप जानते हैं कि यह कैसे करना है, तो कृपया टिप्पणियों में लिखें।

अब मैं इस तरह से इस समस्या को हल करने में कामयाब रहा:

 $pair = stream_socket_pair(STREAM_PF_UNIX, STREAM_SOCK_STREAM, STREAM_IPPROTO_IP);//   $pid = pcntl_fork();//  if ($pid == -1) { die("error: pcntl_fork\r\n"); } elseif ($pid) { // fclose($pair[0]); $pair[1];//     ,       sream_select } else { //  fclose($pair[1]); $parent = $pair[0];//   ,       10    while (true) { fwrite($parent, '1'); usleep(100000); } }

नतीजतन, प्रोसेसर लोड लगभग 0% है।

अब कुछ भी मुझे शूटिंग की संभावना को जोड़ने से नहीं रोकता था, लेकिन, अपने दोस्तों के अनुरोध पर, मैंने "संघर्ष" की संभावना को छोड़ने का फैसला किया।

धन्यवाद

मैं उन सभी को धन्यवाद देना चाहता हूं जिन्होंने पहले दो प्रकाशनों में मेरे कोड की कमियों की ओर मेरा ध्यान आकर्षित किया:
स्केप , पैवेलिक , मेयरोवप , ट्रूज़ेमेज़ , फेसर , sovok_kpss , spein , seriyPS
बहुत बहुत धन्यवाद और निश्चित रूप से, +1 कर्म।
आपके लिए धन्यवाद, आप परिणामी लाइब्रेरी के लिए स्थिरता और मेरे लिए गहरी समझ हासिल करने में कामयाब रहे।

डेमो और स्रोत कोड

तकनीकी विवरण:

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

डेमो गेम (स्ट्रीम_सेलेक्ट का उपयोग करके)
डेमो गेम (libevent का उपयोग करके)
पुस्तकालय के लिए स्रोत कोड और उदाहरण जीथब पर है और एमआईटी लाइसेंस के तहत उपलब्ध है।

PHP में वेब सॉकेट। भाग 3. चैट से खेल तक: बैटल सिटी

ब्राउज़र द्वारा वेब सॉकेट समर्थन

ऑनलाइन खेल विकास

धन्यवाद

डेमो और स्रोत कोड

More articles: