से और के लिए सामाजिक नेटवर्क में एक ब्राउज़र गेम बनाना

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

परिचय। (यह छोड़ दिया जा सकता है)

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

मेरे लिए पहली बात यह थी कि हर खिलाड़ी को हर सेकंड में सर्वर से रिक्वेस्ट भेजनी थी अगर दूसरे खिलाड़ी ने कुछ किया हो। PHP + MySQL में सब कुछ किया गया था। क्लिक की जगह और समय के बारे में जानकारी डेटाबेस में संग्रहीत की गई थी और अनुरोध पर खिलाड़ियों को जारी की गई थी। दुर्भाग्य से, कोई चमत्कार स्रोत नहीं बचा है, ठीक है।

अगला महत्वपूर्ण कदम उत्पादकता था। सर्वर के लिए निरंतर अनुरोधों वाला विकल्प स्वाभाविक रूप से गायब हो गया, और अन्य समाधानों की तलाश करने की आवश्यकता थी। मैंने कॉमेट-एस, फ्लैश के सभी प्रकारों को सुलझा लिया ... लेकिन मुझे यह सब सर्वर पर भी नहीं मिला। और फिर अचानक मैं NodeJS के पार आ गया। यह कुछ था। मैं पहले परीक्षणों को करते हुए एक बच्चे के रूप में खुश था, और जब मुझे सॉकेट के बारे में पता चला।

यह सब मेरे लिए था कि मैं कैसे अमेरिका की खोज करूं, मुझे रात में नींद नहीं आई और कोड लिखा, परीक्षण किए ... जब मैंने अचानक देखा कि मेरा खेल जगह-जगह अटक गया है। थोड़े विचार के साथ, मैंने एक खेल के समान अपनी पहली रचना करना शुरू किया। फिर से ... ग्राहक jQuery में था, समान एनिमेशन, समान इमोटिकॉन आंदोलनों। सब कुछ धीरे-धीरे सुधार हुआ था, एक चैट जोड़ा गया था, कई प्रकार के हथियार (हाँ, इमोटिकॉन्स शॉट)। बड़ा नक्शा एक नियमित 10k x 10k पिक्सेल छवि थी। तब मुझे क्रोम देव टूल्स के बारे में पता चला। यह देखकर कि मेरे दिमाग की उपज किस तरह से स्मृति को खाती है, मैं Google के आंत्रों में गहराई से जाने लगा। मुझे पता चला कि एचटीएमएल 5 पहले से ही अपने कैनवस के साथ मौजूद है। आनन्दित होने का यह एक और कारण था। फिर से एपीआई सीखने की रातों की नींद हराम (बहुवचन में रात का शब्द क्योंकि मैं आम तौर पर जेएस को बहुत सतही रूप से जानता था, और अब इसके साथ निकटता से निपटने का समय है)। कुछ हफ़्ते के बाद, मेरा "गेम" शुद्ध जेएस और एचटीएमएल 5 में फिर से लिखा गया। उस समय, मैंने अपने कॉलेज में एक प्रयोगशाला सहायक के रूप में काम किया, और हम उसी प्रयोगशाला सहायकों के साथ बैठे और मेरी बैसाखी का परीक्षण किया। कुछ दिनों बाद यह पहले से ही उबाऊ था, और मैं 3 डी में विसर्जित करना शुरू कर दिया ...

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

टिपिंग बिंदु।

मुझे लगता है कि बहुत से लोग खेल "कीबोर्ड रेसिंग" की सफलता की कहानी जानते हैं? (मुझे लेख का लिंक नहीं मिला, मुझे इसे सम्मिलित करने में खुशी होगी)। जब मुझे पता चला कि सोशल नेटवर्क पर SUCCESSFUL एप्लिकेशन के डेवलपर कितना कमाते हैं, तो शायद मैं भी दूसरों की तरह सोशल नेटवर्क के लिए अपना गेम बनाना चाहता था। और मैंने इस पर सक्रिय काम शुरू किया। मैंने सीखा है कि आप वेब के लिए एक एकता परियोजना भी बना सकते हैं ... खेल का विचार अपेक्षाकृत सरल था - कुछ और शिष्टाचार के साथ अपनी खुद की रेखा। एकता में कुछ पीड़ित होने के लिए, मैंने पहले से ही एक डिजाइनर के साथ बातचीत शुरू कर दी थी जो खेल के लिए मॉब, मैप्स आदि बना सकता था। बेशक, कोई भी नंगे उत्साह पर काम नहीं करना चाहता था, और मैंने अधिक गंभीर परियोजना के शुरुआती बजट के लिए जेब भरने के लिए कुछ "सरल" करने का फैसला किया। यह "सरल" विचार एचटीएमएल 5 पर ऑनलाइन 2 डी रेसिंग करना था, केवल ऑनलाइन नहीं जिसमें आप एक प्रतिद्वंद्वी पर क्लिक करते हैं, प्रतीक्षा करें, और "आप जीत गए! / खोया =", लेकिन ट्रैक पर कार नियंत्रण के साथ असली ऑनलाइन। इसे और भी आसान बनाने के लिए। जीवन, मैंने दौड़ को ड्रैग बनाने का फैसला किया =) खैर, क्या ... कोई मोड़ नहीं, कम भौतिकी ... संक्षेप में, आधे साल के बाद 20 कारों के साथ एक परीक्षण संस्करण के साथ सब कुछ समाप्त हो गया। मैं पहले से ही मशीनों के लिए सभी मापदंडों को देखने के लिए थक गया हूं, क्योंकि मैंने यथार्थवादी (यहां तक ​​कि 2 डी) भौतिकी बनाने की कोशिश की, मुझे एयरोडायनामिक ड्रैग, टॉर्क ग्राफ और अन्य विशेषताओं जैसे मापदंडों की आवश्यकता थी, जो कि जैसा कि यह निकला, खोजने के लिए इतना आसान नहीं था।

लेकिन ये रेस मेरे लिए सिखाने के लिए कुछ थी। मैंने नई और नई तकनीकों का अध्ययन किया, बैसाखी से साइकिल के साथ आया, कई बार मेरी खातिरदारी की ... और फिर इन आधे साल के दौरान किसी तरह का क्लाइंट सर्वर कंकाल मेरे लिए एकदम सही था। विशेष रूप से, कैनवास क्लाइंट पर, नोडज + सॉकेट.आईओ सर्वर पर। ट्राइट, टेढ़ा, लेकिन यह काम किया। और अगर यह काम करता है, तो स्पर्श न करें =) मूल रूप से, मुझे भाषा के ज्ञान की कमी के कारण समस्याओं का अनुभव हुआ, और यहां तक ​​कि पहले से ही जेएस I में निर्मित सबसे सरल सुविधाओं ने खुद को साइकिल चला दिया, उनके अस्तित्व के बारे में नहीं पता। सर्वर साइड का एक छोटा सा टुकड़ा कुछ इस तरह दिखाई देता है:

io = require('socket.io'); mysql = require('mysql'); players = []; //,  .   - . races = []; // ,    -   4  // -  - ... io.sockets.on('connection', function(socket){ socket.on('message', function(msg){ msg = JSON.pars(msg); switch(msg.type){ case 1: ... break; ... } } } 

(जिसे अब पढ़ने में कोई दिलचस्पी नहीं है लेकिन वह देखना चाहता है - लेख के अंत में लिंक)
अंदर स्वाइप कोड उपयोगकर्ता के लिए एक विशिष्ट प्रतिक्रिया भेज रहा था। वैसे, मैं एक मामले में संख्या नहीं लिख सकता था, मुझे अभी तक पता नहीं था, इसलिए मुझे सभी प्रकार के संदेशों को ध्यान में रखना था, जिनमें से 50 के रूप में कई थे। उनमें से प्राधिकरण हैं, दौड़ की शुरुआत, और दौड़ के अंत, और चैट, और खेल में विभिन्न विभिन्न घटनाओं। मुझे पता था कि एक सॉकेट के लिए, स्विच निर्माण का उपयोग करने के बजाय, आप तुरंत सॉकेट लिख सकते हैं। ('संदेश प्रकार' ...), लेकिन यह दृष्टिकोण स्पेगेटी के एक अतिरिक्त हिस्से को बनाता है, और कोड लिखने के लिए बहुत सुविधाजनक नहीं है, इसलिए अंतिम गेम का सर्वर भाग सीधे लिखा जाता है बिलकुल। यही है, इस तरह के कंकाल, बाद में मुझे अभी भी पता चला है कि मामले में आप जो चाहें लिख सकते हैं =)। क्लाइंट पर, डिज़ाइन एक-पर-एक है, केवल सभी खिलाड़ियों की कोई सरणी नहीं है, केवल स्वयं (और वैश्विक) का एक ऑब्जेक्ट है, और फ़ंक्शंस का एक विशाल सेट (वैश्विक भी) जो आने वाले संदेश संचालकों की भूमिका पर ले जाता है।

धीरे-धीरे, मैंने JS, NodeJS और सॉकेट.io की विशेषताओं को सीखा। मुझे याद है कि अधिकतम कनेक्शन की पहली सफल असफल परीक्षा। 10k + - 250 कनेक्शन पर, सॉकेट.आईओ ने जवाबदेही खो दी और नए कनेक्शन स्वीकार नहीं किए। लंबे उपद्रव के बाद , इस लेख ने मदद की। वहाँ सब कुछ विस्तार से वर्णित है इसलिए मैंने इसे दोहराया नहीं।

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

मेरा खेल, मेरा खेल ...

पहला संस्करण

तर्क और गोवर्नकोड

और इसलिए, एक अच्छा दिन, मैं काम पर बैठ गया, प्रशिक्षुओं को लोड किया और फिर से कैनवास के साथ प्रयोग करना शुरू कर दिया। पहला प्रयोग स्पष्ट था - वर्ग चाल को कम से कम सीधा करने के लिए (दौड़ में वर्ग के हटने के बाद, मैं पहले से ही भूल गया कि मैंने इसे कैसे किया और नए ज्ञान के साथ इसे फिर से लिखने का फैसला किया)। बेशक, उन्होंने लगभग 10 मिनट के बाद चलना शुरू कर दिया ... फिर उन्होंने कुंजी प्रबंधन को जोड़ने का फैसला किया - ऊपर और नीचे। और फिर सब कुछ ठप हो गया। यह कैनवास अपने मैट्रिसेस और ट्रांसलिट्स के साथ, अगर वे गलत थे ... इतनी गणनाएँ थीं कि मैं अब कोड को नेविगेट नहीं कर सकता था। यद्यपि सभी "भौतिकी" 5 वीं कक्षा की ज्यामिति पर आधारित थे, या विभिन्न त्रिकोणों की ज्यामिति =) मैं स्कूल में त्रिकोणमिति से नफरत करता था, जो मुझे बाद में पछतावा हुआ। त्रिकोण की गणना बहुत बड़ी और भारी थी, लेकिन त्रिकोणमिति की मूल बातों का अध्ययन करने पर, मुझे एहसास हुआ कि मूर्ख क्या था। लेकिन त्रिकोणमिति के साथ भी, गणना की सरलता ने वांछित होने के लिए बहुत कुछ छोड़ दिया। नीचे दबाए गए कुंजी के साथ कैनवास पर गेम के पहले संस्करण का वर्किंग कोड इस प्रकार है:

 else if(player[pid].key.up == false){ if(player[pid].key.down == true){ if(player[pid].alfa >= -359){ player[pid].alfa -= (1.4*(time/player[pid].speed)); } else{ player[pid].alfa = 0; } player[pid].x += k2*Math.cos(k1*player[pid].alfa*Math.PI/180)*2*(time/player[pid].speed); player[pid].y += k2*Math.sin(k1*player[pid].alfa*Math.PI/180)*2*(time/player[pid].speed); player[pid].x = rezak(pid,real,player,k1,k2); if(pid == 'green'){ real['green'].x = player['green'].x + k2*(player[pid].rad * Math.sin(player['green'].alfa*Math.PI/180)); real['green'].y = player['green'].y-player[pid].rad + k2*(player[pid].rad * Math.cos(player['green'].alfa*Math.PI/180)); } else if(pid == 'red'){ real['red'].x = player['red'].x + k2*(player[pid].rad * Math.sin(player['red'].alfa*Math.PI/180)); real['red'].y = player['red'].y-player[pid].rad + k1*(player[pid].rad * Math.cos(player['red'].alfa*Math.PI/180)); } } player[pid].x += k2*Math.cos(k1*player[pid].alfa*Math.PI/180)*2*(time/player[pid].speed); player[pid].y += k2*Math.sin(k1*player[pid].alfa*Math.PI/180)*2*(time/player[pid].speed); player[pid].x = rezak(pid,real,player,k1,k2); if(pid == 'green'){ real['green'].x = player['green'].x + k2*(player[pid].rad * Math.sin(player['green'].alfa*Math.PI/180)); real['green'].y = player['green'].y-player[pid].rad + k2*(player[pid].rad * Math.cos(player['green'].alfa*Math.PI/180)); } else if(pid == 'red'){ real['red'].x = player['red'].x + k2*(player[pid].rad * Math.sin(player['red'].alfa*Math.PI/180)); real['red'].y = player['red'].y-player[pid].rad + k1*(player[pid].rad * Math.cos(player['red'].alfa*Math.PI/180)); } ctx.save(); ctx.translate(player[pid].x, player[pid].y-player[pid].rad); ctx.rotate(k1*player[pid].alfa*Math.PI/180); ctx.drawImage(player[pid].img, -22,+(player[pid].rad-8)); ctx.restore(); } 

मैं अभी एक लेख लिख रहा हूं और अपनी बिल्ली को साबित कर रहा हूं कि यह मेरा कोड नहीं है। मैं यह नहीं कह रहा हूं कि कोड में वैज्ञानिक प्रहार की विधि द्वारा चुने गए स्थिरांक हैं ... बाकी कोड दिखाएं मैं इसे पाठकों के जीवन के लिए खतरनाक मानता हूं। सभी समस्याएं इस तथ्य के कारण थीं कि मुझे हर बार एक अनुवाद कैनवास करना पड़ता था, जिसके कारण मेरे लिए विमान के आरईएल निर्देशांक (जिन्हें उपयोगकर्ता देखता है) को पकड़ना बहुत मुश्किल था, और वास्तविक निर्देशांक की आवश्यकता थी, कम से कम विमान पर हिट की गणना करने के लिए (कोड में) उदाहरण के लिए, कैनवास के लिए निर्देशांक खिलाड़ी [pid] .x, खिलाड़ी [pid] .y, और वास्तविक निर्देशांक असली ['लाल'] हैं। x और वास्तविक ['लाल'] y) - चर नामों के विकल्प के बारे में मत पूछिए। मैं कोड खोलता हूं, और वहां ...: (मेरे कोड की एक साफ कॉपी-पेस्ट, टिप्पणियां ऐसी थीं, जैसे कि मैं उस पल को याद कर रहा हूं, क्योंकि कोई समझ नहीं आ रहा है कि यह कैसे काम करता है requestAnimationFrame)

 function animate(id,pid,appid,imagesD,player,real,warID){ // #$ time = new Date() - time2; requestAnimationFrame( function(){animate(id,pid,appid,imagesD,player,real,warID);},ctx); drive(id,pid,appid,imagesD,player,real,warID); //   time2 = new Date(); } 

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

Govnodizayn

विकास के सभी समय मैंने सोचा कि डिजाइन सरल है। इस मूर्खतापूर्ण विचार के साथ, मैंने रिलीज के संस्करण 3 के बाद ही अलविदा कहा। इसके बारे में और बाद में ... सामान्य तौर पर, यह स्पष्ट करने के लिए, मैं "गेम" के "डिज़ाइन" का पहला संस्करण पोस्ट करता हूं:

जैसा कि आप देख सकते हैं, विषम रंग, गोल कोनों, फ्रेम की कमी एक गांव की तरह एक सा है। "मैं कैसे और दाढ़ी कर सकता हूं" - इसलिए तकनीकी समझ के साथ व्यवहार करते हैं, और मुझे आशा है कि इंटरफ़ेस डिजाइनरों ने इस तस्वीर को म्यूज के लिए नहीं डराया।

सत्र, डिप्लोमा, ग्रीष्म ... गीतात्मक विषयांतर

जब गर्मियों में सत्र, या राज्य की तरह अपने बोनस के साथ आया था। परीक्षा, एक गैर-स्नातक डिप्लोमा का बचाव करना, सेना के साथ समस्याएं - मुझे कुछ समय के लिए खेल के बारे में भूलना था, और 2 महीने (जून, जुलाई) के लिए मस्तिष्क का टूटना था। और अचानक यह मुझ पर छा गया कि किसी तरह मैं थोड़ा कमाता हूं, और एक नई नौकरी की तलाश शुरू कर दी। यह किसी भी तरह से कुछ स्वीकार्य खोजने के लिए बहुत अच्छी तरह से काम नहीं करता है ... जैसा कि मैंने यांडेक्स मुख्य पृष्ठ पर कंसोल खोला और वहां देखा "क्या आप कंसोल में देखना पसंद करते हैं? या शायद आप js लिख सकते हैं? company.yandex.ru/job/vacancies/interface_dev_mail.xml "। हित के लिए, उन्होंने परीक्षण प्रश्नों का उत्तर दिया और सुरक्षित रूप से भूल गए। लगभग एक हफ्ते के बाद, यैंडेक्स से एक पत्र आया "क्या आप स्काइप पर एक साक्षात्कार प्राप्त करना चाहते हैं?" एक होंठ एक मूर्ख नहीं है =) संक्षेप में, मैं एक साक्षात्कार के साथ बुरी तरह से विफल रहा। अर्थात्, मुझे यह ज्ञात नहीं है कि यह क्या है और इसका उपयोग कैसे करना है, निर्माता, नए आदि ... मैंने तय किया कि खुद को प्रशिक्षित करना और जेएस मैनुअल को फिर से धूम्रपान करना अच्छा होगा। और उसने महसूस किया कि यह कितना अच्छा है, नया, कॉल, लागू करना ... इन चीजों का उपयोग करना सीखा है ताकि बात करें ... और कुछ किया। मैं खेल को फिर से लिखने के लिए बैठ गया।

पहले लॉन्च

और फिर से गंदगी डिजाइन के बारे में थोड़ा

उस गर्मी में, मैं अपनी पत्नी के लिए एक iPhone खरीदने और अपने लिए WP 7.5 पर एक एचटीसी लेने के लिए भाग्यशाली था। किसी कारण से मैं वास्तव में टाइल वाले इंटरफ़ेस को पसंद करता हूं। यह सरल और सीधा है। वास्तव में सरल और सीधा। और मैं डिजाइन के साथ खेल को फिर से लिखना शुरू करना चाहता था। खुद के लिए, मैंने फैसला किया कि यह सरल और स्पष्ट होना चाहिए ... टाइल्स के साथ लघु साहित्यिक चोरी में। संक्षेप में, मैंने जो कुछ किया वह कहीं नहीं हुआ, इसलिए आप सौभाग्यशाली हैं कि अब आप अपने चेहरे को डरावने रूप से नहीं ढक पाएंगे , इसके बारे में सोचने की भी हिम्मत नहीं करते। लेकिन एक शब्द ले लो, यह पिछले संस्करण की तुलना में बहुत बेहतर लग रहा था।

कोड, कोड, कोड फिर से

इसने मुझे इन टाइलों को बनाने के लिए पागल कर दिया, मैंने दिखाने का फैसला किया (किसके सामने?) और प्रत्येक टाइल को एक अलग कैनवास पर बनाया जाए। बेशक मैंने किया था ... लेकिन, मुझे माफ करना, रूसी भाषा में एक अल्पविराम को दर्शाते हुए एक बुरा शब्द , कुछ टाइलें पूरे क्लाइंट कोड के आधे किसी कारण से मुझसे ले लीं।
सब कुछ फिर से लिखने के बाद, वीके आपी को देखने का समय आ गया है। यहाँ मैं पूरे पाठ को पार करूँगा, लेकिन ... मैं इसे संक्षेप में और शालीनता से व्यक्त करने की कोशिश करूँगा: बहुत अधिक कार्यक्षमता है - पर्याप्त दस्तावेज नहीं है। प्रलेखन में, सभी त्रुटि कोड नहीं दिए गए हैं, मापदंडों में से आधे का वर्णन नहीं किया गया है, परिणाम कुछ भी नहीं के रूप में वापस किया जाता है, तो मेरे लिए वस्तुओं का एक अर्थहीन अस्पष्ट सरणी है । मैंने इन सभी एपीआई अनुरोधों को 1 बार खेल के लिए, फिर से, वैज्ञानिक प्रहार विधि का उपयोग करके देखा। आदत की बात, बिल्कुल। कहने के लिए और कुछ नहीं है। दोस्तों, अपनी दादी के लिए दस्तावेज लिखें। शुरुआत करने वाले खो जाते हैं)।

दरअसल, पहला लॉन्च

खेल की योजनाबद्ध रिलीज की तारीख निकट आ रही थी, और छोटी समस्याएं पैदा हुईं जिन्हें संबोधित करने की आवश्यकता थी। विकास के दौरान, मैंने विशेष रूप से अपने होम सर्वर का उपयोग किया, लेकिन यह पहले से ही स्पष्ट था कि मुझे अभी भी किराए पर लेना है। मेरे पास पैसे नहीं थे, इसलिए उस समय मेरे लिए आदर्श समाधान क्लाउड सर्वर किराए पर लेना था। सेलेक्ट पूरी तरह से चला गया।
XXX पर, खेल की पहली विफलता का दिन आया। आवेदन जमा करने के एक सप्ताह बाद आवेदन को मंजूरी दे दी गई थी, लेकिन यह और भी अच्छा है। इस सप्ताह के दौरान, मैंने एक लक्ष्य पर लगभग 10 हजार VK विज्ञापनों को निकालने में कामयाबी हासिल की - मेरे सबसे बेकार पैसे। 10k ने कुछ घंटों में उड़ान भरी। लेकिन ये दो घंटे एक बेहतरीन अनुभव साबित हुए। प्रत्येक कूड़े में पहले खिलाड़ियों के साथ, नोडोड्स ने कोशिश करना शुरू कर दिया, गिरना शुरू किया ... पकड़ मुझे अभी तक पता नहीं था, और जब तक खेल सूची में नहीं मिला, तब तक कुछ हल करना आवश्यक था। मैं बहुत सारे छेदों को बंद करने में कामयाब रहा, लेकिन सभी नहीं, क्योंकि यह "रिलीज़" शुरू होने से पहले विफल हो गया। मुझे नोडज को मैन्युअल रूप से फिर से शुरू करना पड़ा, कंसोल में घड़ी के चारों ओर बैठो ताकि, भगवान न करे, नोड एक मिनट से अधिक समय तक लेटे रहे। मुझे भी इस तरह की बात के बारे में पता नहीं था, या मैं जानना नहीं चाहता था।

कुछ आँकड़े

शुरुआती दिनों में, खेल 6-7 हजार लोगों द्वारा स्थापित किया गया था, जो मुझे खुश नहीं कर सकता था (बेशक, तुलना करने के लिए कुछ भी नहीं था)। तो, वैसे, एक दिलचस्प (या शायद नहीं) पल यहां हुआ

(सर्किल)
यह दर्शाता है कि किस तारीख को है, इसलिए खिलाड़ियों की उम्र का अनुमान लगाना मुश्किल नहीं है। रिलीज डेट चुनने में सावधानी बरतें।
सब कुछ, उसके बाद मैं पूरी तरह से हताश था, इंस्टॉलेशन में गिरावट आई, ऑनलाइन अधिकतम डेढ़ "पायलट" था। यह मेरे सहित है।
एकमात्र प्लस जिसने मुझे काम करना जारी रखा वह गेम खरीदने के लिए बीमार प्रस्ताव था। पहले दिन एक्सचेंज के लिए कई ऑफर थे, और 80 हजार रूबल तक की कीमतें थीं। दूसरे दिन मुझे $ 7 हजार तक की पेशकश की गई थी, अब मुझे अफसोस है कि मैं सहमत नहीं था।

कीड़े पर काम

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

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

त्रुटि 2. कुछ सीटी (हथियार, शरीर किट, जैसा आप चाहते हैं)
यहां (त्रुटियों के आधार पर) बहुत बड़ा काम किया गया है। इस तथ्य के अलावा कि मैंने 12 नए प्रकार के हथियार / बोनस जोड़े, मैंने उनमें से प्रत्येक के लिए "विशेष प्रभाव" बनाया जब मैंने उन्हें मारा - वैसे, यह कुछ भी नहीं देखा। इस बिंदु पर, पुनर्लेखन ने भुगतान किया। एक निश्चित प्रतिरूपकता थी, जिसकी बदौलत मैं अब प्रति मिनट कम से कम नए हथियार जोड़ सकता था, विचार होंगे। कुल्हकिंग से सुपर सुरक्षा तुरंत बनाई गई थी।
यदि यह इस तरह हुआ करता था: क्लाइंट गोली मारता है, तो ग्राहक यह जांचता है कि क्या ऐसा कोई हथियार है, सभी समान (क्लाइंट) यह देखने के लिए कि क्या रॉकेट प्रतिद्वंद्वी को मारता है, और यदि वह करता है, तो केवल सर्वर को एक संदेश भेजें और वह प्रतिद्वंद्वी को एक संदेश भेजता है कि उसे मारा।
यह इस तरह से निकला: क्लाइंट एक कुंजी दबाता है, कुंजी कोड सर्वर को प्रेषित किया जाता है, सर्वर यह देखता है कि किस खिलाड़ी को कुंजी सौंपी गई है, यह जांचता है कि क्या हथियार फिर से लोड किया गया है, क्या यह सभी पर उपलब्ध है, क्या इसका उपयोग इस विमान में किया जा सकता है (मैंने भी विमानों को जोड़ा है) प्रत्येक के अपने फायदे हैं, जिसमें हथियारों का उपयोग किया जा सकता है), और छोटी परिस्थितियों का एक समूह। इस घटना में कि एक भी झूठा नहीं था, शॉट के बारे में डेटा दोनों खिलाड़ियों को भेजा गया था। यदि असत्य अभी भी पाया जाता है, तो शूटर विनम्रता से (लाल कैपिटल अक्षरों में) "COOLDOWN! ...." जैसा संदेश दिखाता है। वास्तव में, अगर यह दिलचस्प है, इस तरह:

 case 'shot': if(Date.now() < players[socket.id].per[msg.typeW]){ console.log(''); } else if(players[socket.id].weapons[msg.typeW] <= 0){ players[socket.id].weapons[msg.typeW] = 0; console.log(' '); } else if(weapons[players[socket.id].plane].weapons.indexOf(msg.typeW) < 0 && weapons.weapons.indexOf(msg.typeW) >= 0){ console.log(' '); } else if(weapons[players[socket.id].plane].bonuses.indexOf(msg.typeW) < 0 && weapons.bonuses.indexOf(msg.typeW) >= 0){ console.log(' '); } else{ if(players[socket.id].wrate != weapons[players[socket.id].plane].rate + players[socket.id].rate && Date.now() >= players[socket.id].per.P){ players[socket.id].wrate = weapons[players[socket.id].plane].rate + players[socket.id].rate; } if(weapons.weapons.indexOf(msg.typeW) >= 0){ msg.per = weapons[msg.typeW].rate*1000/players[socket.id].wrate; players[socket.id].per[msg.typeW] = Date.now() + msg.per; players[socket.id].weapons[msg.typeW] -= 1; players[socket.id].pot[msg.typeW] += 1; msg.hit = weapons[msg.typeW].radius; msg.speed = weapons[msg.typeW].speed; msg.val = players[socket.id].weapons[msg.typeW]; msg.side = players[socket.id].side; } else if(weapons.bonuses.indexOf(msg.typeW) >= 0){ msg.per = weapons[msg.typeW].rate*1000*players[socket.id].wdamage; players[socket.id].per[msg.typeW] = Date.now() + msg.per; players[socket.id].weapons[msg.typeW] -= 1; players[socket.id].pot[msg.typeW] += 1; msg.val = players[socket.id].weapons[msg.typeW]; msg.side = players[socket.id].side; switch(msg.typeW){ case 'I': players[socket.id].life += 10; msg.life = Math.ceil(players[socket.id].life); if(players[socket.id].life > 100){ players[socket.id].life = 100; msg.life = 100; } break; case 'J': players[socket.id].wsuspension += 2; break; case 'L': players[socket.id].kamikadze = true; break; case 'P': players[socket.id].wrate = 100000; break; }; } socket.json.send(msg); io.sockets.socket(players[socket.id].oppSocket).json.send(msg); } break; 

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

मैंने एक मुश्किल से एक हिट का एक मिसकॉल बनाया: प्रतिद्वंद्वी गणना करता है। इसे आगे कैसे वर्णित किया जाए ... 1 खिलाड़ी की सफल गोलीबारी के बाद, 2 खिलाड़ी अपने आप में एक रॉकेट खींचता है और यह देखने के लिए कि क्या यह उसे (खुद में) मारा जाता है। यदि ऐसा होता है, तो यह सर्वर को "क्या भयानक और स्क्रीन पर किस स्थान पर है" सामग्री के साथ संदेश भेजता है। सर्वर क्षति की गणना करता है, और इसे दोनों खिलाड़ियों को भेजता है। इस मामले में, एक शानदार विशेष प्रभाव खींचा जाता है और रॉकेट गायब हो जाता है। उसी समय, सर्वर जाँचता है कि वहाँ कितना बचा है, जीवन, आदि। - और अगर खिलाड़ी 2 में अचानक 0 से कम जीवन है, तो हम डेटाबेस में सब कुछ रिकॉर्ड करते हैं, खिलाड़ियों की जानकारी भेजते हैं कि कौन जीता और कौन हारा और हर कोई खुश है।
यदि रुचि है, तो ग्राहक ने गणना कोड मारा:

 for(var i = 0; i < weapons_1.length; i++){ if(weapons_1[i].draw({t:avatars[0].time2, x:avatars[0].x, y:avatars[0].y, ra:avatars[0].ra}) == 'coordLimit'){ weapons_1.splice(i,1); } else if(weapons_1[i].s && Math.abs(avatars[0].x-weapons_1[i].x) < 80 && Math.abs(avatars[0].y-weapons_1[i].y) < 80){ var dl = Math.sqrt(((avatars[0].x-weapons_1[i].x)*(avatars[0].x-weapons_1[i].x))+((avatars[0].y-weapons_1[i].y)*(avatars[0].y-weapons_1[i].y))); if(dl < (avatars[0].w/4+weapons_1[i].w/4)+weapons_1[i].hit){ sock.send($.toJSON({type: 'hit', typeW: weapons_1[i].typeW, i: i})); weapons_1.splice(i,1); }; } } 

हथियार 1 एक प्रतिद्वंद्वी द्वारा दागी गई सभी मिसाइलों की एक सरणी से अधिक कुछ नहीं है। जैसा कि आप देख सकते हैं, मेमोरी को लोड नहीं करने के लिए, जब रॉकेट कैनवास छोड़ता है, तो इसे सरणी से हटा दिया जाता है।

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

अवतार [0] और अवतार [१] खिलाड़ी वस्तुएं हैं। इस लेख को पढ़ने के बाद, किसी कारण से मैंने इसे अवतार कहने का फैसला किया, और यह बस हुआ।

क्लाइंट पर एक हिट की "घटना" इस तरह दिखता है:

 case 'hit': avatars[0].life = msg.life; if(avatars[0].life <= 0) avatars[0].life = 0; if(avatars[0].life > 100) avatars[0].life = 100; $('#life span, #life2 span').html(msg.life); if(msg.damage <= 0){ particles.push(new Effect({type: 'message', text: ('!'), x: avatars[0].x, y: avatars[0].y, t: 1000})); } else{ particles.push(new Effect({type: 'message', text: ('-'+(Math.ceil(msg.damage))), x: avatars[0].x, y: avatars[0].y, t: 1000})); } switch(msg.typeW){ case 'C': avatars[0].ra -= msg.damage*msg.damage*avatars[1].koef; break; case 'E': avatars[0].debaff.E.per = Date.now(); avatars[0].debaff.E.tper = Date.now()+(msg.damage*500); particles.push(new Effect({type: 'message', text: (' !'), x: 350, y: 350, t: 2000})); break; } particles.push(new Effect({type: msg.typeW, x: avatars[0].x, y: avatars[0].y, side: 0, damage: msg.damage})); break; case 'pop': avatars[1].life = msg.life; if(avatars[1].life <= 0) avatars[1].life = 0; if(avatars[1].life > 100) avatars[1].life = 100; if(weapons_0.length > msg.i){ weapons_0.splice(msg.i,1); } if(msg.damage <= 0){ particles.push(new Effect({type: 'message', text: ('!'), x: avatars[1].x, y: avatars[1].y, t: 1000})); } else{ particles.push(new Effect({type: 'message', text: ('-'+(Math.ceil(msg.damage))), x: avatars[1].x, y: avatars[1].y, t: 1000})); } switch(msg.typeW){ case 'C': avatars[1].ra += msg.damage*msg.damage*avatars[1].koef; break; case 'E': particles.push(new Effect({type: 'message', text: (' !   !'), x: 300, y: 220, t: 2000})); break; } if(msg.typeW == 'F') msg.damage = 1; particles.push(new Effect({type: msg.typeW, x: avatars[1].x, y: avatars[1].y, side: 1, damage: msg.damage})); break; 

यहाँ मामला 'पॉप' शब्द "हिट" के अनुवाद से ज्यादा कुछ नहीं है, इसलिए जो लोग भाषा के ज्ञान का घमंड नहीं कर सकते, वे मुझे समझ सकते हैं। कण - कणों की एक सरणी (विशेष प्रभाव)। टिप्पणी करने के लिए कुछ भी नहीं है। गोली की घटना सादृश्य द्वारा होती है, केवल कणों के बजाय, हथियारों की सरणियों_0 (मेरी मिसाइलों) और हथियारों_1 (इसकी मिसाइलों) का उपयोग किया जाता है, जिसमें नई वस्तुओं को उनमें ढंक दिया जाता है।

गलती 3. कई कीड़े।
किसी भी चर की तेज अनुपस्थिति के कारण मामूली सर्वर क्रैश को छोड़कर, मेरे लिए मुख्य समस्या पिंग थी। ऐसा हुआ कि पैच कॉर्ड से काम पर कनेक्टर ने उड़ान भरी, लेकिन किसी तरह यह स्टॉक में नहीं था, और मुझे वाईफाई पर बैठना पड़ा। काम के दौरान, वह सड़ा हुआ है, इसलिए उच्च गुणवत्ता वाले विलंब को सुनिश्चित किया गया (सामान्य 18-20 के बजाय 150-200ms)। अगले हथियार का परीक्षण करते हुए, मैंने देखा कि दो ब्राउज़र विंडो में थोड़ी देर के बाद विमान के स्थान की तस्वीर पूरी तरह से अलग है। और जैसा कि यह निकला, वाईफाई को दोष देना है, या पिंग, या यहां तक ​​कि पैकेट नुकसान भी है। जैसा कि तय किया गया है - हम आगे पढ़ते हैं यदि आप थके हुए नहीं हैं।

खेल में सामान्य रूप से क्या होता है। यांत्रिकी।

हां, कहने को कुछ नहीं है। बटन दबाएं - विमान ऊपर / नीचे उड़ता है। केवल अब वह खिलाड़ी के स्थान पर सही दिशा में उड़ना शुरू कर देता है, लेकिन प्रतिद्वंद्वी के अधिकार पर नहीं, लंबे समय से उस अशुभ संदेश की प्रतीक्षा करता है कि प्रतिद्वंद्वी लंबे समय तक बटन दबाए रखता है और खुद उड़ जाता है ... दरअसल, यह पिंग के लिए समस्या है।अधिक पिंग - तेजी से चित्र दो ग्राहकों के लिए अलग हो जाता है। मैंने समस्या को सरलता से हल किया - हर एन समय अंतराल (1.5 - 3 सेकंड) सिंक्रनाइज़ेशन वास्तविक स्थिति पर किया जाता है। बेशक, इस सिंक्रोनाइज़ेशन (2-3px की त्रिज्या के भीतर) के दौरान विमान की नगण्य छलांग थी, लेकिन यह इस तथ्य के रूप में ध्यान देने योग्य नहीं है कि आप एक प्रतिद्वंद्वी पर शूटिंग कर रहे हैं, आप देखते हैं कि रॉकेट उसके माध्यम से कैसे उड़ता है, लेकिन उसे हिट नहीं किया - क्योंकि वास्तव में खिलाड़ी यह पहले से ही एक और कोने में हो सकता है और वहां से आप पर गोली चला सकता है। और इसलिए आगे और पीछे।
पूरा सिस्टम क्लाइंट की भावना में बनाया गया था- (सर्वर-वेरिफिकेशन) -client (s)।

दूसरा लॉन्च

जब मैंने छेद बंद कर दिया, एक कोशिश की ... पकड़, bash (नीचे स्क्रिप्ट) पर चल रहे सर्वर की जांच करना सीखा, प्रतिद्वंद्वी के फ़ोटो प्राप्त करने के स्तर पर VK API को देखा, और TOP-30 खिलाड़ियों को जारी करना (वैसे फोटो के साथ, वैसे भी और साथ नाम), फिर से विज्ञापन पर पैसा खर्च करना शुरू किया। इस बार और अधिक सार्थक, आवेदन निर्देशिका में सही। मध्यम 100 वोट (700r) के लिए मुझे लगभग 200-300 इंस्टॉलेशन मिले, ठीक है, लगभग आधे स्थापित को तुरंत हटा दिया गया, ताकि "150 साफ" हो।

नोड चल रहा है या नहीं, यह जांचने के लिए स्क्रिप्ट

 #!/bin/bash echo `date` node /path/to/server.js & while 1>0 do ps -A | grep node > /dev/null if [ $? = "1" ] then echo `date` node /path/to/server.js & fi sleep 5 done 

वैसे, यह अभी भी ध्यान देने योग्य है कि मुझे अपने लिए एक अद्भुत स्क्रीन उपयोगिता मिली , अन्यथा इसके बिना, टर्मिनल से बाहर निकलने का मतलब मृत्यु था। अब उसके बिना, जैसे बिना हाथों के।

परिवर्तन फिर से

खिलाड़ियों के दृष्टिकोण और असफल प्रतिक्रिया के संदर्भ में विफलता से, मुझे फिर से एहसास हुआ कि यह एक विफलता थी। लेकिन हमारे व्यवसाय में मुख्य बात हार नहीं मानना ​​है! और फिर क्या? हां, मैंने फिर से सब कुछ लिखना शुरू कर दिया। दूसरे लॉन्च पर, मैंने निम्नलिखित निष्कर्ष दिए:

• फिर से पर्याप्त सामाजिकता नहीं
• पर्याप्त अपील नहीं ( गंदगी डिजाइन अपने टोल लेता है)
• भूखंड का अभाव
• क्लाइंट पर जटिल गणना (एक फ्रेम को प्रस्तुत करने और रेंडर करने के लिए 8-10ms, i7 पर इस तरह के "गेम" के लिए डॉफ़िग है, कृपया ध्यान दें)
• सर्वर पर एक बड़ा भार (30 लोग ऑनलाइन - एक कोर का 10%, मुझे मेमोरी के बारे में याद नहीं है, और ट्रैफ़िक 5MX)
• कोई प्रशिक्षण नहीं है, यही वजह है कि खिलाड़ियों के लिए यह स्पष्ट नहीं है कि क्या और कैसे

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

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

खेलने के लिए प्रोत्साहन देना

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

 <? $url = $_POST['uploadUrl']; $postdata = array('photo' => '@/path/to/image/'.$_POST["type"].'.jpg', 'app_id' => '3509664', 'api_key' => '1234567890'); $ch = curl_init($url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 0); curl_setopt($ch, CURLOPT_POST, 1); curl_setopt($ch, CURLOPT_POSTFIELDS, $postdata); curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 30); $data = curl_exec($ch); curl_close($ch); echo $data[1]; ?> 

मैंने इस कोड को इस कारण से पोस्ट किया कि मुझे नेटवर्क पर रेडी-मेड निक्रोम नहीं मिला, और यह एक तरह की कास्ट है जो मुझे मिल सकती है। मुझे पहली बार कर्ल के साथ काम करना था, इसलिए इसे स्थापित करने में कुछ समस्याएं थीं, लेकिन यह इतना दिलचस्प नहीं है।
मैं आपको चित्र के साथ उपयोगकर्ता की दीवार पर रिकॉर्डिंग पोस्ट करने के लिए एल्गोरिदम के बारे में बताऊंगा। अधिक सटीक और तेज़ विस्तृत टिप्पणियों के साथ कोड का नेतृत्व करेंगे।

 function wall(id, msg, typeMsg){ //  : id ,   ,      VK.api('photos.getWallUploadServer', {https: 1}, function (data) { //         (data.response.upload_url) $.post('upload.php', {'uploadUrl': data.response.upload_url, type: typeMsg)}, function(data) { //    ,  upload.php    , typeMsg -   .    -  . var upload = $.parseJSON(data); //    hash  photo,     VK.api('photos.saveWallPhoto', {'hash': upload.hash, 'photo': upload.photo, 'server': upload.server, 'uid': id, 'gid': '', https: 1}, function (data) { //         (   ) //       ,  " "    wall.post. VK.api('wall.post', {'message': msg, attachments: data.response[0].id, https: 1}, function(data){ //               }) }) }); }); } 

ऐसे स्पेगेटी प्राप्त होते हैं। सेहत के लिए खाएं!

ग्राहक अनुकूलन

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

 this.draw = function(t){ this.x2 = this.x; this.y2 = this.y; this.s2 = this.s; this.r2 = this.r; this.cosa2 = this.cosa; this.a2 = this.a; this.timeK = (t > 40) ? 1+((t-40)/40) : 1; this.x += this.timeK*this.koef*this.s*Math.sin((90-this.ra)*this.PI/180); if(isNaN(this.x)) this.x = this.x2+(2*(this.timeK*this.koef*this.s*Math.sin((90-this.ra)*this.PI/180))); this.y -= this.timeK*this.koef*this.s*Math.sin(this.ra*this.PI/180); if(isNaN(this.y)) this.y = this.y2-(2*(this.timeK*this.koef*this.s*Math.sin(this.ra*this.PI/180))); this.s -= this.timeK*(this.koef*Math.sin(this.ra*this.PI/180))*(this.wspeed/(this.y/this.wspeed))/4.5; if(isNaN(this.s)) this.s = this.s2-(2*(this.timeK*(this.koef*Math.sin(this.ra*this.PI/180))*(this.wspeed/(this.y/this.wspeed))/4.5)); if(this.s <= 0) this.s = this.koef*0.0001; this.r = this.timeK*this.s*50/this.wradius; if(isNaN(this.r)) this.r = this.r2; if(this.r == 0) this.r = this.koef*0.000000001; this.cosa = this.timeK*(this.r*this.r+this.r*this.r-this.s*this.s)/(2*this.r*this.r); if(isNaN(this.cosa)) this.cosa = this.cosa2; this.a = this.timeK*this.koef*Math.acos(this.cosa)*180/this.PI; if(isNaN(this.a)) this.a = this.a2; for(var i = 0; i < weapons.all.length; i++){ if(this.id && this.per[weapons.all[i]] <= this.tper[weapons.all[i]]){ this.per[weapons.all[i]] += (t > 40) ? t+40 : 40; //  (   ) } } if(this.id){ this.opacity = (this.per.M < this.tper.M) ? 0.6 : 1; if(this.debaff.M.per != 1) this.debaff.M.per += (t > 40) ? t+40 : 40; if(this.debaff.E.per <= this.debaff.E.tper) this.debaff.E.per += (t > 40) ? t+40 : 40; } if(this.x > 700+this.w) this.x = -this.w; if(this.x < -this.w) this.x = 700+this.w; if(this.key == 'up') this.ra += this.a else if(this.key == 'down') this.ra -= this.a; if(isNaN(this.x) || isNaN(this.y) || isNaN(this.r) || isNaN(this.a) || isNaN(this.ra) || isNaN(this.s) || isNaN(this.cosa) || isNaN(this.timeK)){ this.x = (par.side == 'left') ? 40 : 660; this.y = 450; this.s = this.wspeed; this.r = this.s*50/this.wradius; this.cosa = (this.r*this.r+this.r*this.r-this.s*this.s)/(2*this.r*this.r); this.a = 0; this.ra = this.a; } if(this.opacity >= 0.5){ ctx.globalAlpha = this.opacity; ctx.save(); ctx.translate(this.x, this.y); ctx.fillStyle = '#f00'; ctx.strokeStyle = '#000'; ctx.fillRect(-34,-40,(this.life/100)*67,4); ctx.strokeRect(-34,-40,67,4); ctx.rotate(-this.ra*this.PI/180); ctx.drawImage(this.image, -this.w/2, -this.h/2, this.w, this.h); ctx.restore(); } } 

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

अगर (यह। क्षमता> = 0.5) {...} कैनवास ड्राइंग कोड केवल तभी निष्पादित किया जाता है यदि विमान अदृश्यता मोड में नहीं है (हाँ, ऐसा एक बोनस है)

एक और बिंदु - फ़ंक्शन पैरामीटर टी लेता है। यह आवश्यक रूप से कमजोर कंप्यूटर / टैबलेट के लिए आवश्यक है। यही है, इस पैरामीटर में यह जानकारी है कि फ्रेम कितनी देर तक खींचा जाता है, और यदि यह 40ms (सब कुछ 25 फ्रेम प्रति सेकंड की गति से काम करता है) से अधिक है, तो विमान के सभी आंदोलनों को आनुपातिक रूप से बढ़ाना होगा। इन परिवर्तनों ने प्रतिपादन समय को लगभग 2-3 सेंटीमीटर कम कर दिया, जो बुरा नहीं है।

अगला कदम विमान से धुएं का अनुकूलन करना था, जैसा कि यह वह था जिसने सबसे अधिक मेमोरी और प्रोसेसर खाया। धुआं कैसे लागू किया जाता है, इस बारे में मैंने इस लेख में लिखा है । अनुकूलन के लिए, मैंने एक और चित्र बनाया - आकार में छोटा और जिसे मुझे घुमाने की आवश्यकता नहीं है (ग्रे राउंड ग्रेडिएंट), और एक बार जब मैंने इसे एक अदृश्य कैनवास (बफर) पर चित्रित किया, और फिर इसे कॉपी किया। कुछ भी जटिल नहीं है।और, ठीक है, मैंने यह भी सुनिश्चित किया है कि कणों को केवल तभी जोड़ा जाए जब डिवाइस की शक्ति इसे खींचने के लिए पर्याप्त हो (टी <10)। इससे एक और माइनस 3-4ms की गणना हुई।

फिर सबसे बड़ा छेद पाया गया - प्रत्येक हथियार के लिए पुनः लोड दर और मात्रा प्रदान करने में। लड़ाई में, यह इस तरह दिखता है:

तीर उन टुकड़ों को इंगित करता है जिनका प्रतिपादन सबसे जटिल (चाप) था। मैंने फैसला किया कि क्योंकि अधिकांश हथियार अधिकांश समय (या बिना कारतूस (निचली पट्टी) के साथ) पूर्ण रूप से पुनः लोड होते हैं, तो आप बस इन राज्यों को एक अलग कैनवस पर आकर्षित कर सकते हैं, और यदि आवश्यक हो तो समाप्त एक को आकर्षित करें (बिल्कुल न खींचें)। सबसे दिलचस्प बात यह है कि इन 32 अर्धवृत्त के अनुकूलन ने सबसे बड़ा प्रभाव दिया - 5-6ms। और अब मिशन पूरा हो गया है। दोनों खिलाड़ियों के लिए अधिकतम संभव धुएं के साथ (कम रहता है अधिक धुआं), फ्रेम 1-2 सेंटीमीटर खींचने लगा, और बिना धुएं के आम तौर पर 1ms (0.2-0.3 से कम अगर आप औसत लेते हैं)। Chrome 32 के सभी नंबर

सर्वर अनुकूलन

यह सर्वर पर प्रत्येक लॉन्च किए गए रॉकेट की जांच करने के लिए बहुत महंगा निकला, क्लाइंट को बहुत कम प्रतिक्रिया भेजता है (सॉकेट सही नहीं है, जैसा कि यह निकला)। इसलिए, मैंने इस ज़िम्मेदारी को ग्राहक को हस्तांतरित कर दिया, लेकिन खुद को सिनेमाघरों से बचाने के लिए, सर्वर पर संदिग्ध उपयोगकर्ताओं पर बस एक चयनात्मक जाँच है (मैंने इस चीज़ को स्मार्ट बनाया है - प्रत्येक उपयोगकर्ता सर्वर पर कुछ निश्चित त्रुटियों को जमा करता है, इसके बाद अधिक सावधान नियंत्रण स्थापित होता है। , इस बात तक कि मैं व्यक्तिगत रूप से खिलाड़ी के लॉग की जांच करता हूं - ठीक है, यह काफी है अगर संदिग्ध पकड़ा गया)। और मामले में सर्वर से प्रतिक्रिया, उदाहरण के लिए, हथियारों की अनुपस्थिति नहीं जाती है - लेकिन क्या, मुझे भी चीटर को सूचित करना चाहिए कि यह विफल हो जाएगा? सामान्य तौर पर, इसने नोड और बेस दोनों पर लोड का एक बड़ा हिस्सा हटा दिया। परिणाम 150 लोगों के लिए 5% सीपीयू था। ऑनलाइन।सामान्य तौर पर, एक पैसा स्मृति खाती है।

कुछ अस्पष्ट ग्राहक हानि

जब मैंने एप्लिकेशन कैटलॉग में संपर्ककर्ता से संपर्क किया, तो स्थापना के आंकड़े वास्तविकता के अनुरूप नहीं थे, अर्थात्। कई उपयोगकर्ता बस खेल के लोड होने का इंतजार नहीं करते थे (औसतन 2 सेकंड से कम - यह आपके लिए फ्लैश नहीं है)। मैंने समस्या की तलाश शुरू की और यह कुछ खिलाड़ियों (20%) https द्वारा उपयोग में लाया गया। और फिर तंबुरियों के साथ नृत्य शुरू हुआ। अंत में, सॉकेट.आईओ और नेग्नेक्स कॉन्फ़िगर करने में सक्षम थे। यहां https सॉकेट.io सर्वर बनाने वाले नोडज सर्वर के लिए कोड का एक टुकड़ा है

 var fs = require('fs'); server = require('https').createServer({key: fs.readFileSync('/path/to/*.key'), cert: fs.readFileSync('/path/to/*.crt')}).listen(1006); io = require('socket.io').listen(server); 

टिप्पणी करने के लिए कुछ भी नहीं है, हालांकि, मैंने इस पर एक दिन से अधिक समय बिताया, और इसके अलावा सर्वर पर प्रमाण पत्र स्थापित करने और स्थापित करने के अलावा।

तीसरा लॉन्च

या बल्कि, लॉन्च की कमी है। Vkontakte के पास "न्यू" ब्लॉक के शीर्ष 9 में अपने आवेदन को 1000 वोटों के लिए रखने का अवसर है (7s.s.r। छूट शामिल नहीं है)। उन्होंने वोट डाले, एक अनुरोध भेजा, एक दिन (उस समय कल सही) चुना, और इंतजार किया। रात में, एक अधिसूचना आई कि मुझे प्लेसमेंट से इंकार करने के लिए मजबूर किया गया, जिसमें कंप्यूटर के साथ खेलने की क्षमता जोड़ने या खेल के लिए प्रशिक्षण देने का प्रस्ताव था। मैंने दोनों को करने का फैसला किया।

कृत्रिम बुद्धि

मैंने पहले से ही कंप्यूटर के साथ खेलने की संभावना के बारे में सोचा था, लेकिन किसी तरह मैं इस झंझट में नहीं पड़ना चाहता था, क्योंकि मैंने सोचा था कि यह, हमेशा की तरह, लंबे समय तक खींचेगा। लेकिन जब से मैंने पहले ही ऊपर कहा था कि गेम कोड मॉड्यूलर हो गया है, पहले दिन मैंने कंप्यूटर को खाली करना संभव बना दिया, दूसरे दिन मैंने कंप्यूटर के लिए दिमाग बनाया और इसे 30 के स्तर तक देखा। कुल मिलाकर, सर्वर साइड में 3 लाइनें (लेवल कॉन्फिगर नहीं गिनना) और क्लाइंट लाइनों पर 30-40 जोड़ा गया। और यह बिल्कुल भी बुरा नहीं था, मैं खुद AI स्तर 25 को नहीं मार सकता।

AI कोड एक छोटा सा है: दुश्मन का विमान लगातार आपके विमान का अनुसरण करता है, और उस स्थिति में जब हमले का कोण स्वीकार्य हो जाता है - यह सभी हथियारों के साथ शूट करता है। यहाँ फिर से 7 वीं कक्षा के त्रिकोणमिति और अधिक कुछ नहीं। कोड:

 if(avatars[0].oppId == 'computer'){ var x = Math.abs(avatars[0].x-avatars[1].x); var y = Math.abs(avatars[0].y-avatars[1].y); var gp = Math.sqrt((x*x)+(y*y)); var rad = avatars[1].ra*Math.PI/180; var prom; if(avatars[0].x < avatars[1].x && avatars[0].y < avatars[1].y) prom = Math.asin(y/gp)+rad else if(avatars[0].x > avatars[1].x && avatars[0].y < avatars[1].y) prom = (Math.PI/2)-Math.asin(y/gp)+rad+(Math.PI/2) else if(avatars[0].x > avatars[1].x && avatars[0].y > avatars[1].y) prom = Math.asin(y/gp)+rad+Math.PI else if(avatars[0].x < avatars[1].x && avatars[0].y > avatars[1].y) prom = (Math.PI/2)-Math.asin(y/gp)+rad+(Math.PI*1.5); var sin = Math.sin(prom); var cos = Math.cos(prom); avatars[1].time1 -= 40; avatars[1].time2 -= 40; avatars[1].time3 -= 40; if(avatars[1].time2 <= 0 && avatars[0].levelBot == 0 && avatars[1].time3 <= 0){ if(weapons.learning[avatars[1].learning[0]]){ if(weapons.learning[avatars[1].learning[0]][avatars[1].learning[1]] == '^') $('#learning').append('<br/>') else $('#learning').append(weapons.learning[avatars[1].learning[0]][avatars[1].learning[1]]); avatars[1].learning[1] += 1; avatars[1].time3 = 90; if(avatars[1].learning[1] >= weapons.learning[avatars[1].learning[0]].length){ avatars[1].learning[1] = 0; avatars[1].learning[0] += 1; avatars[1].time2 = 1000; $('#learning').empty(); } } } if(weapons.learning[avatars[1].learning[0]] && avatars[0].levelBot == 0){avatars[1].x = -800} else{ if(sin > 0.02){ if(avatars[1].time1 <= 0){avatars[1].key = 'up'; avatars[1].time1 = 100/avatars[1].wradius} } else if(sin <= 0.02 && sin >= -0.02){ if(avatars[1].time1 <= 0){avatars[1].key = false; avatars[1].time1 = 100/avatars[1].wradius} } else if(sin < -0.02){ if(avatars[1].time1 <= 0){avatars[1].key = 'down'; avatars[1].time1 = 100/avatars[1].wradius} } if(avatars[1].y > 510){ if(Math.cos(rad) >= 0){avatars[1].key = 'up'; avatars[1].time1 = 100/avatars[1].wradius} else{avatars[1].key = 'down'; avatars[1].time1 = 100/avatars[1].wradius} } if(sin <= 0.035 && sin >= -0.035 || (sin <= 0.3 && sin >= -0.3 && gp < 30) || gp < 15){ for(var i = 0; i < avatars[1].all.length; i++){ if(avatars[1].weapons[avatars[1].all[i]] > 0){ avatars[1].per[avatars[1].all[i]] += 40; if(avatars[1].per[avatars[1].all[i]] >= avatars[1].tper[avatars[1].all[i]]){ switch(avatars[1].all[i]){ case 'I': if(avatars[1].life <= 20 && avatars[0].life >= 25){ sock.send($.toJSON({type:'shot',x:avatars[1].x,y:avatars[1].y,a:avatars[1].ra,koef:avatars[1].koef,typeW:avatars[1].all[i],side:avatars[1].sideName,bot: 1})); avatars[1].weapons[avatars[1].all[i]] -= 1; } break; case 'J': if(avatars[1].life <= 50){ sock.send($.toJSON({type:'shot',x:avatars[1].x,y:avatars[1].y,a:avatars[1].ra,koef:avatars[1].koef,typeW:avatars[1].all[i],side:avatars[1].sideName,bot: 1})); avatars[1].weapons[avatars[1].all[i]] -= 1; } break; default: sock.send($.toJSON({type:'shot',x:avatars[1].x,y:avatars[1].y,a:avatars[1].ra,koef:avatars[1].koef,typeW:avatars[1].all[i],side:avatars[1].sideName,bot: 1})); avatars[1].weapons[avatars[1].all[i]] -= 1; } } } } } } } 

विचार के अलावा, यहां से खींचने के लिए कुछ भी नहीं है, मैं कोड का उपयोग करने की सलाह नहीं देता हूं।
अगर ब्लॉक (अवतार [1] .time2 <= 0 और& अवतार [0] .levelBot == 0 और& अवतार [1] .time3 <= 0) {...} प्रशिक्षण है। यह केवल एआई लेवल 0 से खेलने पर होता है। वहां, लब्बोलुआब यह है कि संदेशों की एक सरणी से संदेश (फैशनेबल, प्रकार मुद्रित होता है) में प्रदर्शित होते हैं।
इसके अलावा, एआई के पास ब्रेकिंग नहीं करने के विषय पर कुछ दिमाग हैं। एक निश्चित से कम ऊंचाई पर, वह आपको अनदेखा करना शुरू कर देता है, और टैक्सी चलाने की कोशिश करता है ताकि वह मर न जाए। खैर ... और वह प्राथमिक चिकित्सा किट का भी सक्षम उपयोग करता है, और किसी भी तरह नहीं।

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

निष्कर्ष

• आप मेरी तरह नहीं कर सकते
• अधिक परीक्षण करें। दोस्तों से पूछें, अधिमानतः खिलाड़ियों की आयु वर्ग से जिसे आप खेल में देखना चाहते हैं। आप केवल चित्र दिखा सकते हैं और पूछ सकते हैं कि यह कितना सुविधाजनक है।
• यदि आप गेम में 100500 से अधिक नई सुविधाएँ नहीं जोड़ने जा रहे हैं - तो पूरे कोड को फिर से न लिखें! सामान्य तौर पर, कुछ सरल से शुरू करना बेहतर होता है।
• ऊपर जो कुछ भी लिखा गया है, वह मेरे द्वारा सामना किए गए सभी आतंक का एक छोटा सा हिस्सा है। तो चुनौतियों के लिए तैयार हो जाओ!
• शुरू - अंत तक खत्म। लेकिन! केवल अगर आप सफलता के लिए सुनिश्चित हैं और एक विशिष्ट लक्ष्य का पीछा करते हैं और मज़े नहीं करते हैं ... अन्यथा क्यों?
• अपने शैम्पू को महंगे शैम्पू से धोने की कोशिश न करें। साबुन है। (एक रूपक जिसे विभिन्न तरीकों से समझा जा सकता है, लेकिन अर्थ गायब नहीं होगा)

ps किसी भी स्थिति में मैं यहाँ लिखे कोड का उपयोग करने की सलाह नहीं देता। मुझे यकीन है कि बहुत अधिक सुरुचिपूर्ण समाधान हैं जो मुझे टिप्पणियों में सुनने में खुशी होगी। आपका ध्यान के लिए धन्यवाद!

अपडेट एक स्पष्ट विवेक के साथ, लिंक दिखाने के लिए बड़ी संख्या में अनुरोधों के मद्देनजर, मैं इसे यहां लिख रहा हूं: संदर्भ