जेएस पर एक और टेट्रिस (~ 30 "सशर्त" लाइनें)

30 लाइनों में न्यूनतर गेम लिखने के विषय पर हबेरा की नवीनतम पोस्टों से प्रेरित होकर, मैंने "5 सेंट्स डालने" का प्रयास करने का फैसला किया, और अधिक सटीक रूप से, 30 पंक्तियों का जेएस-कोड। टेट्रिस मुझे सबसे उपयुक्त उम्मीदवार लग रहा था, इसके अलावा, यह हमेशा अपने एल्गोरिथ्म को समझने और लागू करने के लिए दिलचस्प था, लेकिन सभी हाथ नहीं पहुंचे।



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

कार्यान्वयन विशेषताएं:

• कीबोर्ड तीर नियंत्रण
• हर 5 लाइनों में बढ़ती कठिनाई
• एक समय और कठिनाई स्तर पर पूर्ण लाइनों की संख्या के आधार पर प्रगतिशील स्कोरिंग
• "ईमानदार" ब्लॉकों के दक्षिणावर्त रोटेशन
• बाधाओं से मुड़ते समय "उछाल" ब्लॉक
• बहु रंग के ब्लॉक
• एक js कोड के साथ खेल के क्षेत्र का लेआउट बनाना

खेल का मैदान टेबल के आधार पर बनाया गया है, और एक विशेष सेल की पृष्ठभूमि का रंग बदलकर ब्लॉकों का आरेखण किया जाता है। DOM के साथ जोड़तोड़ टेबल ऑब्जेक्ट का उपयोग करके किया जाता है, जो DOM 0 में शामिल है, और क्रमशः पंक्तियों और कोशिकाओं के संग्रह के माध्यम से पंक्तियों और कोशिकाओं तक सीधे पहुंचने की क्षमता प्रदान करता है। इस प्रकार, उनके पहचानकर्ताओं या कक्षाओं द्वारा तत्वों की खोज करने की कोई आवश्यकता नहीं है। इस तथ्य के मद्देनजर कि खेल के मैदान के आंतरिक प्रतिनिधित्व को दो-आयामी सरणी के रूप में संग्रहीत किया जाता है (मान सेल के रंग को निर्धारित करते हैं), हमारे पास डेटा और उनके प्रतिनिधित्व के बीच एक सीधा पत्राचार है - वहां और वहां, प्रत्येक विशिष्ट सेल को उसके x और y तक पहुँचा जा सकता है। प्रारंभ में, खेल का मैदान खाली है - सरणियों को शून्य के साथ पैक किया जाता है, और कोशिकाओं की पृष्ठभूमि नहीं होती है।

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

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

1. (x, y)
2. (-वाय, एक्स)
3. -x, -y)
4. (y, -x)

वास्तव में, सभी 4 दिशाओं में केवल 3 आंकड़े घुमाए जा सकते हैं, बाकी केवल 2 हैं, और घन आमतौर पर घुमाया नहीं जाता है। इसके बजाय, एल्गोरिथ्म उन्हें क्रैंक करने में सक्षम है, लेकिन यह सिर्फ बहुत सुंदर नहीं दिखता है, क्योंकि विशिष्ट आंकड़ों के लिए मोड़ का हिस्सा सीमित है और उनके विवरण उचित तरीके से ("क्यूब", "स्टिक", 2 ज़िगैग्स ...) के आदेश दिए गए हैं।

कोड को कॉम्पैक्ट करने के लिए, बिटवाइज ANDs को सक्रिय रूप से उपयोग किया गया था, क्योंकि वे बहुत संक्षिप्त रूप में समता / विषमता जांच को लागू करने की अनुमति देते हैं (कम से कम महत्वपूर्ण बिट की स्थिति की जांच), साथ ही कुछ अभिव्यक्तियों में 2 और 3 बिट्स की जांच करते हैं। उदाहरण के लिए, यह कीस्ट्रोक हैंडलर और ब्लॉक रोटेशन एल्गोरिथम में उपयोग किया जाता है।

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