बहुत समय पहले बिल्कुल उसी आकाशगंगा में मैंने एंगुलर 1.3 सीखने के तरीके के रूप में फ्रीसेल बनाने की कोशिश शुरू की थी।

मैं इतनी दूर चला गया और फिर मैं अन्य चीजों से विचलित हो गया, जैसा कि साइड प्रोजेक्ट्स का तरीका है।

हाल ही में मेरे पास कुछ खाली समय था (मुझे पता है, मुझे इसकी उम्मीद भी नहीं थी) और इसलिए मैंने सोचा कि मैं इसे एक और मौका दूंगा।

मैंने अनिवार्य रूप से शुरुआत से शुरुआत की, क्योंकि मुझे अब एंगुलर 1.3 में कोई दिलचस्पी नहीं है, और अगर मुझे एक फ्रेमवर्क की आवश्यकता होती है तो मैं अपने वेब सामग्री के लिए VueJS का उपयोग करता हूं।

परिणाम देखने के लिए, यह github.io पर है: फ्रीसेल खेलने के लिए यहां क्लिक करें!

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

इसका मतलब है कि गेम लॉजिक व्यू लॉजिक से पूरी तरह से अलग है, जिससे इस गेम को लिखना आसान हो गया है।

यह सब हवाई यात्रा नहीं थी, क्योंकि किसी कारण से मैंने निर्णय लिया कि मैं कार्डों को 2डी दांतेदार सरणी में संग्रहित करूंगा। कोई भयानक विचार नहीं है, लेकिन प्रत्येक आंतरिक सरणी एक कॉलम है, और इसलिए जब मैं सीएसएस ग्रिड में कार्डों को सही ढंग से लेआउट करने की कोशिश कर रहा था तो मैं न केवल बाहरी और न ही आंतरिक सरणी को दोहरा सकता था, जैसे

क्योंकि इससे कॉलम पंक्तियों के रूप में सामने आ जाएंगे। इसलिए मुझे आंतरिक लूप पर बाहरी सरणी पर ऑब्जेक्ट और लूप के बजाय सूचकांकों का उपयोग करना पड़ा (VueJS 0 से शुरू क्यों नहीं होता???)