एक शाम में AI-एजेंट की मदद से ब्राउज़र RPG बनाएं
कोडिंग ज्ञान के बिना, एक मुफ़्त AI-एजेंट का उपयोग करके एक HTML-फ़ाइल में खेलने योग्य ब्राउज़र गेम प्राप्त करें।
- 1.AgentHere वेबसाइट खोलें और पंजीकरण करें। पंजीकरण पर 1 000 000 मुफ़्त टोकन मिलते हैं, जो कार्ड बाइंड किए बिना गेम प्रोटोटाइप बनाने के लिए पर्याप्त हैं।
यदि सेवा आपके क्षेत्र में उपलब्ध नहीं है, तो VPN या कोड जनरेशन का समर्थन करने वाले किसी अन्य AI-चैट का उपयोग करें।
AgentHere ↗ - 2.«मेरे एजेंट» खंड में सहायक या विश्लेषक टेम्पलेट चुनें, फिर वेब-चैट खोलें। गेम का पहला संस्करण बनाने के लिए एजेंट को प्रॉम्प्ट भेजें।
आप यांत्रिकी को जितना सटीक ढंग से वर्णित करेंगे, परिणाम उतना ही बेहतर होगा। पहले गेम के लिए एक स्क्रीन और बुनियादी क्रियाएं पर्याप्त हैं।
AgentHere ↗प्रॉम्प्टएक सिंगल index.html फ़ाइल में एक साधारण ब्राउज़र-आधारित टेक्स्ट RPG बनाएं। सभी HTML, CSS और JavaScript को एक ही फ़ाइल में रखें। खिलाड़ी एक अँधेरे जंगल की खोज करने वाला नायक है। 'Start Game' बटन के साथ एक स्टार्ट स्क्रीन, एक गॉबलिन के साथ एक साधारण युद्ध प्रणाली ('Attack' और 'Heal' बटन के साथ), और जीत/हार स्क्रीन शामिल करें। कोड को न्यूनतम लेकिन खेलने योग्य रखें।यह प्रॉम्प्ट क्या करता हैयह प्रॉम्प्ट AI से एम्बेडेड HTML, CSS और JavaScript के साथ एक index.html फ़ाइल में एक साधारण टेक्स्ट RPG बनाने का अनुरोध करता है। गेम में स्टार्ट स्क्रीन, गॉबलिन से युद्ध (Attack और Heal बटन) तथा जीत/हार स्क्रीन शामिल हैं। - 3.एजेंट द्वारा बनाए गए कोड को कॉपी करें, अपने कंप्यूटर पर index.html नाम से नई फ़ाइल बनाएं और वहां कोड पेस्ट करें। फ़ाइल सेव करें।
आप एजेंट से कोड को ब्लॉक में विभाजित करने के लिए कह सकते हैं यदि वह एक संदेश में नहीं समा रहा है, या बस .html एक्सटेंशन वाले ब्लॉक से पूरे कोड की कॉपी कर सकते हैं।
AgentHere ↗ - 4.किसी भी ब्राउज़र में index.html फ़ाइल को डबल-क्लिक करके खोलें। जांचें कि गेम चल रहा है और बटन काम कर रहे हैं या नहीं।
यदि गेम काम नहीं कर रहा है, तो ब्राउज़र कंसोल (F12 -> Console) से एरर टेक्स्ट कॉपी करें और इसे ठीक करने के लिए एजेंट को भेजें।
Web Browser ↗ - 5.एजेंट के साथ चैट पर वापस जाएं और कोई विशिष्ट यांत्रिकी या सुधार जोड़ने के लिए कहें। अपनी फ़ाइल में कोड अपडेट करें।
एजेंट को भ्रमित न करने के लिए एक समय में केवल एक फ़ीचर जोड़ें। उदाहरण के लिए, ध्वनि या लीडरबोर्ड जोड़ें।
AgentHere ↗प्रॉम्प्टगेम में हेल्थ पोशन आइटम जोड़ें। खिलाड़ी के पास शुरुआत में 1 पोशन है। एक 'Use Potion' बटन जोड़ें जो 30 HP रिस्टोर करे और इन्वेंटरी से 1 पोशन हटा दे। तदनुसार HTML और JavaScript अपडेट करें।
यह प्रॉम्प्ट क्या करता हैयह प्रॉम्प्ट हेल्थ पोशन (शुरुआत में 1) और 'Use Potion' बटन जोड़ने का अनुरोध करता है, जो 30 HP रिस्टोर करता है और इन्वेंटरी से पोशन हटाता है, कोड को अपडेट करता है। - 6.जब गेम तैयार हो जाए, तो लिंक साझा करने के लिए इसे इंटरनेट पर प्रकाशित करें। Surge पर पंजीकरण करें, उपयोगिता इंस्टॉल करें और गेम वाले फ़ोल्डर में प्रकाशन कमांड चलाएं।
Surge स्थिर साइटों को होस्ट करने के लिए एक मुफ़्त सेवा है। इंस्टॉल करने के लिए टर्मिनल में `npm install --global surge` चलाएं।
Surge ↗
- मुफ़्तAgentHere - मुफ़्त पंजीकरणपंजीकरण के बाद 1 000 000 टोकन मुफ़्त में मिलते हैं - यह गेम बनाने और दर्जनों बार संपादन के लिए पर्याप्त है, खाते में छवि और संगीत जनरेशन शामिल है।
- मुफ़्तVercel - लैंडिंग होस्टिंगमुफ़्त टियर गेम के साथ एक स्थिर साइट को होस्ट करने और भुगतान किए बिना सार्वजनिक लिंक प्राप्त करने की अनुमति देता है।
आज ही क्यों
AI सेवाएँ तेज़ी से बदलती हैं - इंटरफ़ेस और मुफ़्त सीमाएँ बताए गए से अलग हो सकती हैं।