7 दिन में AI की मदद से एक मज़ेदार गेम बनाना

Perplexity.AI के साथ D&D5e आधारित वेब गेम बनाना शुरू किए हुए एक हफ़्ता हो गया है।

आज भी कंटेंट की बजाय, और अधिक मज़बूत गेम के लिए आंतरिक आर्किटेक्चर में और सुधार हुआ है।

★ लेयर्ड कैनवास का उपयोग

एकल कैनवास के उपयोग के बजाय, 3 कैनवास (background, ui, character) में विभाजित किया गया है।

ऐसा करने से, पूरे कैनवास को फिर से बनाने के बजाय, केवल उन हिस्सों को अपडेट किया जाता है जिन्हें अपडेट करने की आवश्यकता होती है, और फिर उन्हें जोड़ा जाता है।

इससे समग्र प्रदर्शन में सुधार होता है, (AI कहता है)। ㅎㅎ

और इस बार मैंने सीखा है कि, अगर कैनवास के काम में save, restore का उपयोग नहीं किया जाता है, तो प्रत्येक तत्व एक दूसरे को प्रभावित करते हैं।

अगर आप कैनवास पर सही ढंग से प्रदर्शित करना चाहते हैं, तो save और restore का उपयोग करें।

★ ESM विधि में परिवर्तन

पहले, सभी js को html में <script> के द्वारा लोड किया जाता था, लेकिन जैसे-जैसे कोड अलग होता गया, js बढ़ता गया...

इसलिए, पहले मैंने require.js का उपयोग करने की कोशिश की, लेकिन AI ने मुझे एक बेहतर तकनीक सिखाई।

इसके कारण, ESM विधि का उपयोग करके इसे अच्छी तरह से संशोधित किया गया है। अब, चाहे कोड कितना भी बढ़े,

जैसा कि ऊपर दिखाया गया है, केवल module के रूप में घोषित main.js ही index.html में शामिल है। यह अच्छा लग रहा है।

पूरी संरचना को इस तरह से सुधारने के बाद, निम्नलिखित कार्यों को जोड़ा जा सकता है।

★ सुविधाओं के साथ बातचीत का कार्यान्वयन

सुविधा में प्रवेश करने पर, संवाद बॉक्स में विकल्प प्रदर्शित होते हैं, और क्लिक (स्पर्श) के माध्यम से बातचीत संभव हो जाती है।

यह भविष्य में विभिन्न प्रणालियों को जोड़ने के लिए एक मूलभूत कार्य है। हालांकि, इसे जोड़ते समय कई बग और सुधार थे,

लेकिन अब यह ठीक से काम कर रहा है, इसलिए ठीक है।

अब, संवाद बॉक्स में विकल्प दिखाई देते हैं, और क्लिक करने पर यह ठीक से काम करता है। ऊपर स्थित क्षेत्र का स्थान भी सही दिखाई दे रहा है।

और युद्ध में, हमले के परिणाम के अनुसार, नीचे दिए गए प्रभाव प्रदर्शित होते हैं!

यदि हिट होता है, तो Hit! और क्रिटिकल हिट होने पर Critical! प्रदर्शित होता है। कल यह ठीक से काम नहीं कर रहा था, लेकिन अब यह ठीक से काम कर रहा है।

कुल मिलाकर, कोड को व्यवस्थित करने और संरचना में सुधार करने से, कार्यान्वित कार्य उम्मीद के अनुसार काम करते हैं।

और क्योंकि सभी छवियों को पहले से लोड किया जाता है और फिर गेम शुरू होता है, इसलिए लोडिंग स्क्रीन भी बनाई गई है।

यह अब पहले से ज़्यादा गेम जैसा लग रहा है।

यह व्यवस्थित करने और आधार बनाने का काम लगभग पूरा हो गया है, इसलिए मैं अगले चरण के कार्यान्वयन पर काम करूँगा।

सबसे पहले, मैं जादूगर वर्ग के लिए जादू प्रणाली, चोर और लड़ाकू वर्ग के लिए अतिरिक्त कार्यों जैसी प्रणाली को लागू करूँगा,

और अन्वेषण के दौरान होने वाली घटनाएँ, गाँव में बातचीत के माध्यम से प्राप्त होने वाले कार्य, आराम, वस्तुओं का व्यापार, और कहानी आदि।

ओह... अभी भी बहुत कुछ करना बाकी है!?

लेकिन AI के साथ, मैं मज़े से आगे बढ़ूँगा।

परीक्षण पता: https://ggoban.com/d2ng/

गिटहब पता: https://github.com/d2ng/