🥚 🏼 👩🏽 लाइनें 9753: ग्राउंडहोग डे 📵 🈸 🏾

यदि आप लंबे समय तक क्यूब्स खेलते हैं , तो
वे गेंदों में बदल जाते हैं

गेम लाइन्स 9753 के नाम को देखते हुए, आप सोच सकते हैं कि यह कहानी प्रसिद्ध गेम कलर लाइन्स के 9753 वें क्लोन के बारे में है, जिसमें आपको एक ही रंग की एक पंक्ति में 5 बॉल बनाने की आवश्यकता है। हाँ, यह एक क्लोन है। खैर, और क्या नया हो सकता है? मैं अपने विचार और कार्यान्वयन की कुछ सूक्ष्मताएँ HTML + CSS + जावास्क्रिप्ट में साझा करूँगा। मैं आपको बताता हूं कि संख्या 9753 का क्या मतलब है। मैं संख्याओं का एक और संयोजन खोजने का एक तरीका प्रस्तावित करता हूं और देखता हूं कि खेल कैसे बदलता है। यह अधिक दिलचस्प या उबाऊ हो जाएगा - आप तय करते हैं। क्या आपने अनुमान लगाया है कि 9753 का मतलब क्या है? फिर, कृपया, बिल्ली के नीचे।

खेल विकल्पों की विविधता

कभी आपने सोचा है कि मूल खेल में 9x9 क्षेत्र का आयाम कहां से आया? यह आश्चर्यजनक है कि खेल का आयाम न केवल कितना अच्छा है, बल्कि अन्य मापदंडों को भी चुना गया है, इसलिए यह खेलना दिलचस्प है: रंगों की संख्या 7 है, एक पंक्ति में गेंदों की संख्या 5 है और प्रति बारी दिखने वाली गेंदों की संख्या 3 है। ये 4 पैरामीटर खेल के नाम पर रखे गए हैं - लाइनें 9753 यह यह है कि चार और, खेल की जटिलता को निर्धारित करता है, जो सबसे अधिक संभावना है कि सभी के लिए उपयुक्त नहीं है।

शायद किसी को एक अलग सेट पसंद आएगा। उदाहरण के लिए:

3333 - एकांत की तरह एकांत, आप एक मृत अंत में आने से डर नहीं सकते और एक समय में जितनी संभव हो उतनी गेंदों को ढहाने की कोशिश करें (5 अभी भी आसान है, 6 कठिन है, 7 और 8 लगभग अवास्तविक हैं), इस मामले में उपयुक्त जब आप बिल्कुल भी नहीं सोचना चाहते;
5643 - एक 5x5 बोर्ड पर, कोशिकाएं 9x9 जितनी छोटी नहीं हैं, इसलिए यह फोन पर खेलने के लिए सुविधाजनक है, लेकिन कठिनाई 9753 की तुलना में थोड़ी अधिक है;
5564 5643 की तुलना में थोड़ा आसान विकल्प है, क्योंकि विभिन्न रंगों की संख्या कम है, जिसका अर्थ है कि एक ही रंग की गेंदों की एक श्रृंखला बनाने की अधिक संभावना है;
4443 - जटिलता में तुलनीय 5643, लेकिन गेंदें और भी बड़ी हैं - स्क्रीन की छोटी तरफ केवल 4 गेंदें।

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

वापस जाना

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

निश्चित यादृच्छिकता

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

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

प्रेरित करना

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

स्कोरिंग

स्कोरिंग शास्त्रीय सूत्र एन * (1 + एन - आयाम) के अनुसार किया जाता है, जहां एन लाइन में गेंदों की संख्या है, आयाम खेल के मैदान का आयाम है। अर्थात् एक साथ एकत्रित गेंदों के 5, 6, 7, 8 क्रमशः 5, 12, 21 और 32 अंक देते हैं। खेल विकल्प के लिए 3333, जब 3, 4, 5, और 6 गेंदें ढह जाती हैं, 3, 8, 15, 24 प्राप्त होते हैं।

ललित कलाएं

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

तीन आयामी गेंद

विरोधाभास के रूप में यह लगता है, लेकिन 3 आयतों से एक दूसरे में निहित है, एक तीन आयामी गेंद प्राप्त की है:

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

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

@keyframes flat {
            0%   {height: 1.0em; width: 1.0em; top: 0; left: 0em;}
            100% {height: 0.9em; width: 1.05em; top: 0.1em; left: -0.025em;}
        }

@keyframes jumping {
            0%   {height: 0.9em;   width: 1.025em; top: 0.1em;   left: -0.0125em;}
            10%  {height: 1.02em;  width: 1.0em;   top: -0.02em; left: 0em;}
            40%  {height: 1.008em; width: 1.0em;   top: -0.18em; left: 0em;}
            50%  {height: 1.01em;  width: 1.0em;   top: -0.2em;  left: 0em;}
            60%  {height: 1.0em;   width: 1.0em;   top: -0.18em; left: 0em;}
            70%  {height: 1.0em;   width: 1.0em;   top: -0.1em;  left: 0em;}
            90%  {height: 1.0em;   width: 1.0em;   top: 0em;     left: 0em;}
            100% {height: 0.9em;   width: 1.025em; top: 0.1em;   left: -0.0125em;}
        }

रंगों की अधिकतम संख्या 15 है।

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

काउंटर

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

ध्वनि

ध्वनि (विस्फोट और कूद) सिंथेटिक हैं। वे गणितीय गणितीय सूत्रों द्वारा उत्पन्न होते हैं। यह 80 के दशक के कुछ aftertaste बनाता है जब एक एकल-आवृत्ति आवृत्ति जनरेटर का उपयोग करके खेलों में अधिकांश ध्वनियों को उत्पन्न किया गया था। प्लस में प्रोग्राम की कॉम्पैक्टनेस शामिल है: जावास्क्रिप्ट में लिखे गए ऐसे ध्वनि प्रभावों का एक सरल जनरेटर, एमपी 3 फ़ाइल की तुलना में बहुत छोटा है। प्रत्येक गेंद के लिए, अपने खुद के जोड़ी को चुनें LowFreq और highFreq नोट्स ( विकिपीडिया देखें ) और ऑडियो वीडियो को इस तरह भरें:

    var soundUpBuffer = audioCtx.createBuffer(1, frameCount, sampleRate);
    for (var i = 0; i < frameCount; i++) {
      var x = i / frameCount; // from 0.0 to 1.0
      var time = duration * x;
      var volume = Math.sin(x * Math.PI);
      var freq = lowFreq + Math.sqrt(x) * (highFreq - lowFreq);
      buffer[i] = volume * Math.sin(2 * Math.PI * freq * time);
    }

वक्र एक्स के साथ highFreq को lowFreq से यहाँ आवृत्ति परिवर्तन ^आधा , और वॉल्यूम पाप (π एक्स)।

एक विस्फोट में, मात्रा 1/1 (1 + 10 * x + 1000 * x * x) सूत्र के अनुसार तय होती है, और आवृत्ति को पहले से पांचवें सप्तक तक यादृच्छिक रूप से चुना जाता है।

अनुकूली संवाद बॉक्स का आकार

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

छोटे कार्यक्रम का आकार

पूरा खेल लगभग 150Kb की एक html फ़ाइल में फिट बैठता है। स्रोत कोड की लगभग 3000 लाइनें (बेशक, सर्वर साइड के बिना)। कोई जावास्क्रिप्ट पुस्तकालयों और चौखटे का उपयोग नहीं किया गया था - सब कुछ प्राकृतिक है, जैसा कि पाषाण युग में है। कभी-कभी आप केवल एक तृतीय-पक्ष एपीआई से निपटना नहीं चाहते हैं, और कभी-कभी यह समझना उपयोगी होता है कि साइकिल आविष्कारक और एक नए रेक परीक्षक के जीवन को कितना सरल बनाया गया है। इस या उस विचार को लागू करने के तरीके के बारे में पहले स्वयं के साथ आना उपयोगी है, और उसके बाद ही दूसरों के साथ इसकी तुलना करें। उदाहरण के लिए, एंड्रॉइड के लिए संस्करण केवल 250Kb लेता है। इसमें अलग-अलग फोन रिज़ॉल्यूशन के लिए एक पतली वेबव्यू रैपर और पिंग-शेक का एक पैकेट होता है। वैसे, png-shki को एक वेक्टर xml-koy से बदला जा सकता है। यह अतिसूक्ष्मवाद की भावना में बिल्कुल बदल गया होता।

मंच

फोरम phpBB पर चलता है । खाता आपको इसकी अनुमति देता है:

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

i18n और l10n

अंतर्राष्ट्रीयकरण और स्थानीयकरण। खेल का रूसी और अंग्रेजी में अनुवाद किया गया है। केवल 35 छोटे वाक्यांश। मैं कई अन्य लोकप्रिय भाषाओं (चीनी, जर्मन, ...) में अनुवाद करने में मुफ्त सहायता से इनकार नहीं करूंगा।

विज्ञापन नहीं

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

निष्कर्ष

अभी के लिए इतना ही। मुझे उम्मीद है कि आप इस खेल का उतना ही आनंद लेंगे जितना कि इसे बनाने में मेरी दिलचस्पी थी। मुझे किसी भी टिप्पणी पर खुशी होगी।

संदर्भ

इन नोटों का एक इंटरैक्टिव मूल यहाँ पाया जा सकता है।
लाइनें 9753
https://ru.wikipedia.org/wiki/Color_Lines
http://w3bsit3-dns.com/forum/lofiversion/index.php?t394525
http://www.softholm.com/igra/lines/
http://lines-98.ru/
https://gamefile.ru/games/lines/#
http://linesgame.ru/online.html
https://habrahabr.ru/post/41775/

लाइनें 9753: ग्राउंडहोग डे