टिक टीएसी को पैर की अंगुली, भाग 3: कमांड स्टोरेज के साथ पूर्ववत करें / फिर से करें

टिक टीएसी को पैर की अंगुली भाग 0: तुलना सेवेल्ट और प्रतिक्रिया
टिक टीएसी को पैर की अंगुली भाग 1: स्वेलेट और कैनवस 2 डी
टिक टीएसी को पैर की अंगुली भाग 2: स्टेटलेस पूर्ववत करें / फिर से करें
टिक टीएसी को पैर की अंगुली, भाग 3: कमांड स्टोरेज के साथ पूर्ववत करें / फिर से करें
टिक टीएसी को पैर की अंगुली भाग 4: HTTP का उपयोग करके फ्लास्क बैकएंड के साथ बातचीत

इस भाग में, हम कमांड पैटर्न का उपयोग करके टिक टैक टो गेम के कार्यान्वयन पर चर्चा करते हैं, जो कि व्यक्तिगत राज्यों को संग्रहीत करने के बजाय अंडरो / रीडो कमांडों के साथ, खेल के इतिहास के प्रत्येक चरण के लिए यादृच्छिक पहुँच के साथ है।

कोड शुरू करें

लेख का पिछला भाग निम्नलिखित कोड के साथ समाप्त हुआ: REPL कोड ।

हम उन सभी कोड की टिप्पणी करते हैं जो परिवर्तन करते समय त्रुटियों का उत्पादन करेंगे। हम इकाइयों के साथ खेल के मैदान के सभी कक्षों को भरते हैं: REPL पर कोड

राज्य का भंडारण

RELP कोड

जोड़ा गया राज्य भंडारण। खेल का मैदान अब राज्य भंडार की सामग्री को प्रदर्शित करता है। डिफ़ॉल्ट रूप से, खेल का मैदान ड्यूस से भरा हुआ था। App घटक में जोड़ा गया आउटपुट आउटपुट।

कमांड क्लास

RELP कोड

हमने helpers.js फ़ाइल में कमांड वर्ग जोड़ा। राज्यों के बजाय आदेशों को संग्रहीत करने के लिए इतिहास वर्ग को बदल दिया गया है।

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

अनुवाद स्थानांतरित करें

RELP कोड

पहले से भरे सेल पर क्लिक करने पर प्रतिबंध जोड़ा गया। कमांड क्लास के निर्माता ने इस कदम का अनुवाद किया। सही स्टेटस आउटपुट।

खेल मैदान की स्थिति

RELP कोड

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

रैंडम एक्सेस

RELP कोड
चरणों की एक सूची में जोड़ा गया उत्पादन। खेल के किसी भी चरण में रैंडम का उपयोग चयनित टीम को पूर्ववत या फिर से कमांड करने के क्रमिक निष्पादन द्वारा किया जाता है।

विजेता का दृढ़ संकल्प

RELP कोड
विजेता का दृढ़ संकल्प पूरा हुआ। स्थिति प्रदर्शित करने के लिए स्थिति संग्रहण जोड़ा गया।

निष्कर्ष

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

गिटहब भंडार

https://github.com/nomhoi/tic-tac-toe-part3

स्थानीय कंप्यूटर पर गेम इंस्टॉल करना:

git clone https://github.com/nomhoi/tic-tac-toe-part3.git cd tic-tac-toe-part3 npm install npm run dev 

हम पते पर एक ब्राउज़र में गेम लॉन्च करते हैं: http: // localhost: 5000 / ।