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

अचानक से यह श्रृंखला बन गई, लेकिन यह मज़ेदार है इसलिए ठीक है।

अब बग और छोटे-मोटे सुधारों के लिए पूछताछ धीरे-धीरे बढ़ रही है, इसलिए

सभी पूछताछ को रिकॉर्ड करना मुश्किल होगा, लेकिन आइए इसे लिखते हैं।

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

-> इसके बाद से, ग्राफिक्स जोड़ने के लिए इस प्रश्न का अनुरोध किया गया था, और कैनवास क्षेत्र जोड़ते समय, प्रत्येक आवश्यक फ़ंक्शन को अलग-अलग तीन फ़ाइलों में जोड़ा गया था। इस समय, बैकग्राउंड, कैरेक्टर और मॉन्स्टर को ड्रा करने की क्षमता के साथ-साथ कैरेक्टर और मॉन्स्टर के ऊपर एक हेल्थबार जोड़ा गया था (वाह!), प्रत्येक हीरो, गोब्लिन, ऑर्क, ट्रोल, ड्रैगन, बैकग्राउंड को स्वयं तैयार करना होगा, इसलिए एक नए टैब में, इमेज जेनरेशन के लिए perplexity से अनुरोध किया गया था (flux मॉडल इलस्ट्रेटर प्रकार)

कोरियाई में इनपुट करते समय, छवि ठीक से उत्पन्न नहीं होती है, इसलिए अनुरोध इस प्रकार है:

Q13.1. फ़ैंटेसी, हीरो, दाहिनी ओर, 2डी पिक्सेल, 100x100 आकार, कैरेक्टर ड्रा करें

Q13.2. फ़ैंटेसी, गोब्लिन, दाहिनी ओर, 2डी पिक्सेल, 100x100 आकार, कैरेक्टर ड्रा करें

Q13.3. फ़ैंटेसी, ऑर्क राक्षस, बाईं ओर, 2डी पिक्सेल, 100x100 आकार, इसे ड्रा करें।

13.4. फ़ैंटेसी, ट्रोल राक्षस, बाईं ओर, 2डी पिक्सेल, 100x100 आकार, इसे ड्रा करें।

13.5. फ़ैंटेसी, ड्रैगन राक्षस, बाईं ओर, 2डी पिक्सेल, 100x100 आकार, इसे ड्रा करें।

13.6. फ़ैंटेसी, जंगल, चौड़ाई 800 पिक्सेल, ऊँचाई 400 पिक्सेल, चित्र बनाएँ

Q14. संपूर्ण स्रोत को एक बार फिर से आउटपुट करें।

-> प्रतिबिंब के लिए संपूर्ण आउटपुट का अनुरोध किया गया था।

Q15. game.js फ़ाइल का अंत भाग गायब है। केवल उस फ़ाइल को फिर से आउटपुट करें।

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

Q16. game.js फ़ाइल बहुत लंबी है। क्या इसे मुख्य कार्यों के अनुसार अलग किया जा सकता है?

-> एक js फ़ाइल बहुत लंबी हो गई है, इसलिए बाद के प्रबंधन के लिए फ़ंक्शन के अनुसार पृथक्करण का अनुरोध किया गया था, और इसे नीचे दिखाए अनुसार लागू किया गया था।

हाँ, ज़रूर। game.js फ़ाइल को मुख्य कार्यों के अनुसार विभाजित करके इसे और अधिक प्रबंधनीय बनाया जा सकता है। आइए फ़ाइलों को इस प्रकार विभाजित करते हैं:

characters.js: Character, Player, Monster क्लास परिभाषाएँ
items.js: Weapon, Armor क्लास और संबंधित डेटा परिभाषाएँ
game.js: Game क्लास और मुख्य गेम तर्क
ui.js: UI संबंधित फ़ंक्शन (कैनवास ड्राइंग, स्थिति अपडेट, आदि)
main.js: गेम इनिशियलाइज़ेशन और निष्पादन संबंधित फ़ंक्शन

Q17. main.js फ़ाइल गायब है। केवल उस फ़ाइल को फिर से आउटपुट करें।

-> अंतिम पाँचवीं फ़ाइल भी अंत में गायब थी, इसलिए पुनः आउटपुट का अनुरोध किया गया।

Q18. पृथक js फ़ाइलों को शामिल करने के लिए html स्रोत को फिर से आउटपुट करें।

-> पृथक फ़ाइलों को शामिल करने वाले html स्रोत आउटपुट का अनुरोध किया गया।

Q19. युद्ध के दौरान healthbar कैनवास पर प्रदर्शित नहीं होता है। स्रोत की जाँच करें और इसे ठीक करें।

-> यह सामान्य रूप से प्रदर्शित होता है, लेकिन केवल शुरुआत में ही health बार दिखाई देता है और युद्ध के दौरान नहीं, इसलिए सुधार का अनुरोध किया गया।

Q20. ui.js में monsterImage को ड्रा करते समय एक त्रुटि होती है। इसे ठीक करें।

-> फ़ंक्शन में एक त्रुटि हुई, इसलिए सुधार का अनुरोध किया गया।

यहाँ तक कि दोपहर के भोजन के समय का काम पूरा हो गया है और परिणाम अच्छी तरह से काम कर रहा है।

https://ggoban.com/hof/