[भाग 2] AI से 30 मिनट में वेब गेम बनाना सीखें।

आज, पिछले काम के बाद, मैंने कोड को अलग किया और कुछ अतिरिक्त कार्यक्षमताएँ जोड़ीं।

सबसे पहले, मैंने अनुरोध किया कि HTML, JS और CSS कोड, जो एक ही फ़ाइल में थे, अलग-अलग फ़ाइलों में विभाजित कर दिए जाएँ।

Q9. ऊपर दिए गए संयुक्त कोड को HTML, JS और CSS फ़ाइलों में अलग करके पुनः लिखें।

-> index.html, game.js, styles.css तीन फ़ाइलों में कोड को अलग किया गया।

Q10. ऊपर दिए गए कोड में, कंसोल स्क्रीन के बाईं ओर एक स्टेटस बार जोड़ें जो लगातार कैरेक्टर की स्थिति दिखाता रहे, और संबंधित कार्यक्षमताएँ जोड़ें।

-> बाईं ओर एक स्थिर साइडबार जोड़ा गया है और game.js में कोड को जोड़कर/बदलकर स्थिति को लगातार देखने की कार्यक्षमता जोड़ी गई है।

Q11. ऊपर दिए गए कोड में, स्टेटस बार में एक बटन जोड़ें जिससे स्किल पॉइंट का उपयोग किया जा सके और संबंधित कार्यक्षमता जोड़ें।

-> पहले स्किल पॉइंट को अलर्ट विंडो में डायरेक्ट इनपुट करके जोड़ा जाता था, इसलिए मैंने अनुरोध किया। अब स्किल पॉइंट होने पर बटन सक्रिय हो जाता है, जिससे उपयोग करना आसान हो जाता है।

Q12. ऊपर दिए गए कोड में, लड़ाई जीतने पर, राक्षस के स्तर के अनुसार सोना गिराया जाए और प्राप्त सोना स्टेटस बार में दिखाई दे।

-> सोना गिराने की कार्यक्षमता जोड़ी गई है, और बाईं ओर के स्टेटस बार में इसे दिखाया जा सकता है।

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

भविष्य में स्टोर कार्यक्षमता (उपचारात्मक वस्तुएँ आदि) और कौशल प्रणाली आदि जोड़कर इसे और विस्तारित किया जाएगा।

https://ggoban.com/hof/