इस प्रोजेक्ट के बारे में

萌芽小院 (Sprout & Guard) एक पूरी तरह से स्थिर प्लांट टॉवर-डिफेंस वेब गेम है, जो क्रीम-पिक्चर-बुक शैली में है। खिलाड़ी सूरज की रोशनी इकट्ठा करते हैं, पौधे लगाते हैं, और 5 पंक्तियों × 9 स्तंभों वाले बगीचे की रक्षा करते हैं। परियोजना दो स्वतंत्र रूप से चुनने योग्य स्तर प्रदान करती है: धूप वाला आंगन (3 लहरों के हमले के साथ, बुनियादी गेमप्ले से परिचित होने के लिए उपयुक्त) और सूर्यास्त उद्यान (4 लहरों के हमले के साथ, जिसमें बाधाएं, लोहे की बाल्टी और तेज़ चलने वाले ज़ोंबी जैसी कठिन चुनौतियाँ शामिल हैं)। गेम में पाँच प्रकार के पौधे हैं: सूरजमुखी, मटर शूटर, अखरोट, बर्फ शूटर और चेरी बम, प्रत्येक की अलग सूरज की लागत और भूमिका है। खिलाड़ियों को संसाधन प्राप्त करने के लिए सूरज की रोशनी पर क्लिक करना होगा, पौधे कार्ड चुनना होगा, और ज़ोंबी हमलों से निपटने के लिए कूलडाउन, खुदाई और प्रति-पंक्ति एक बार उपयोग होने वाले व्हीलबारो तंत्र का उपयोग करना होगा। परियोजना कंप्यूटर माउस संचालन और कीबोर्ड शॉर्टकट (1–5 पौधे चुनें, 6 फावड़ा चुनें, स्पेस रोकें, Esc चयन रद्द करें) का समर्थन करती है, और मोबाइल फोन और टैबलेट के लिए लैंडस्केप इमर्सिव लेआउट प्रदान करती है, साथ ही स्वचालित रूप से पूर्ण स्क्रीन में प्रवेश करने का प्रयास करती है। पास होने के रिकॉर्ड और ध्वनि सेटिंग्स ब्राउज़र की स्थानीय स्टोरेज में सहेजी जाती हैं। इस गेम में कोई तीसरे पक्ष की रनटाइम निर्भरता, बाहरी संसाधन अनुरोध या बैकएंड सेवाएं नहीं हैं; जब फाइलें पूरी हों, तो इसे ऑफ़लाइन वातावरण में स्थानीय HTTP सर्वर के माध्यम से चलाया जा सकता है। चूंकि यह ब्राउज़र ES मॉड्यूल का उपयोग करता है, index.html पर सीधे डबल-क्लिक नहीं किया जा सकता; एक स्थिर सर्वर (जैसे python -m http.server 8000) शुरू करना और फिर एक्सेस करना आवश्यक है। परियोजना को बिना किसी बिल्ड चरण के सीधे GitHub Pages पर भी तैनात किया जा सकता है। कोड संरचना स्पष्ट है: index.html पेज संरचना को संभालता है, style.css पिक्चर-बुक शैली इंटरफ़ेस और लैंडस्केप अनुकूलन को संभालता है, main.js इंटरैक्शन, एनीमेशन और ध्वनि का प्रबंधन करता है, engine.js पौधों, ज़ोंबी, लहरों और जीत/हार नियमों को लागू करता है, और art.js Canvas पात्रों और दृश्यों को चित्रित करता है।