Starvard University · आपका पहला Super Mario-शैली गेम
आपका पहला Super Mario-शैली गेम
वह छोटा सा platformer जिसे खेलते हुए आप बड़े हुए हैं, आज आपके द्वारा बनाया गया: AI कोड लिखता है, आप चेहरे चुनते हैं, और तैयार गेम वेब पर रहता है जहाँ आपके दोस्त उसे खेल सकते हैं। हर asset शामिल है।
पूरी गाइड संक्षेप में
- आप एक असली, खेलने योग्य platformer बना रहे हैं: दौड़, कूद, stomp, सिक्के, झंडा। हमारा गेम Super E2 कहलाता है, और बनाने से पहले आप उसे खेल सकते हैं।
- ऐसा गेम बनाने के पाँच ईमानदार तरीके हैं, एक chat window से लेकर एक असली game engine तक। इस हिसाब से चुनें कि आप कितना control चाहते हैं।
- सबसे तेज़ रास्ता: Claude एक ही बैठक में पूरा गेम बनाता है, ठीक chat में, और उसे मुफ्त host करता है।
- गेम assets से बनते हैं: किरदारों के लिए sprites, दुनिया के लिए tiles, खुशी के लिए sounds। पूरा Super E2 pack रख लेने के लिए आपका है।
- बदलाव करना ही असली हुनर है: Claude से किए छोटे, स्पष्ट अनुरोध starter गेम को आपके गेम में बदल देते हैं।
- ChatGPT नए चेहरे बनाता है: आपके दोस्त, आपका कुत्ता, आपका अपना हीरो, cast की उसी pixel शैली में।
- जो गेम कोई खोल ही न सके, वह एक डायरी है। उसे मुफ्त host करें, अपनी site पर embed करें, और एक link भेजें।
- उसे ship करें, दोस्तों को खेलने दें, फिर remix करें: नए levels, नए runners, title screen पर आपका नाम।
आठ पाठ
पाठ 1
वह गेम जो अब आपका होने वाला है
Platformer अब तक बना सबसे दोस्ताना किस्म का video game है: दौड़ो, कूदो, किसी चीज़ पर उतरो, चमकती चीज़ पकड़ो, झंडे तक पहुँचो। अगर आप पिछले चालीस सालों में बड़े हुए हैं, तो आपके हाथ पहले से जानते हैं कि इसे कैसे खेलते हैं। जो शायद आप नहीं जानते: 2026 में, AI के साथ एक इंसान एक दोपहर में ऐसा गेम बना सकता है, और यह कोर्स ठीक वही करके दिखाता है, assets के साथ।
हमारा उदाहरण गेम Super E2 है। इसे Starvard के संस्थापक Dave ने Claude के साथ बनाया था, अपने पहले गेम्स में से एक के रूप में, फिर इसका code समेत इसे हमारे पूरे समुदाय के साथ share किया, एक ही निर्देश के साथ: इसे बदलो, खुद को और अपने दोस्तों को इसमें डालो। आठ runners (Dave, Marty, Jen, Sally, Jah Vibez, Dinesh, Chadwick और Mike), stomp करने के लिए critters, पकड़ने के लिए सिक्के, पहुँचने के लिए एक झंडा। वही भावना इस कोर्स की है: एक चलते हुए गेम से शुरुआत करो, फिर उसे अपना बनाओ।
Starter गेम, ठीक यहीं खेलने योग्य। Keyboard पर: चलने के लिए arrow keys, कूदने के लिए Space। पूरी screen पर खोलें।
अंत तक आपके पास होगा: आपके नाम वाला एक खेलने योग्य गेम, आपके चुने या बनाए किरदार, एक link जो आप किसी को भी भेज सकें, और AI युग में सबसे ज़्यादा मायने रखने वाला हुनर, जो कोडिंग नहीं है। वह है यह वर्णन करना कि आप क्या चाहते हैं, इतनी स्पष्टता से कि एक machine उसे बना दे, और फिर जो वापस आए उसे परखना। गेम इसे सीखने का सबसे मज़ेदार तरीका मात्र हैं।

Super E2, वह गेम जिसके इर्द-गिर्द यह कोर्स बना है। Dave के पहले गेम्स में से एक, Claude के साथ बनाया गया और इसके code के साथ share किया गया।
पाठ 2
ऐसा गेम बनाने के पाँच तरीके
बनाने से पहले, नक्शा देख लें। 2026 में platformer बनाने के पाँच ईमानदार तरीके हैं, और उनमें एक ही सौदा अलग है: control बनाम सुविधा। Chat window सबसे सुविधाजनक है और सबसे कम शक्तिशाली; game engine इसका उल्टा है। इनमें से कोई धोखा नहीं है और कोई एकमात्र सही रास्ता नहीं है; कामकाजी game designers लगातार इनके बीच आते-जाते रहते हैं।
Free to startगेम का वर्णन करें, Claude उसे एक file में लिखता है, और artifact link ही hosting है। शून्य setup, शून्य installs। सीमाएं: एक file, और बहुत बड़े गेम इसमें नहीं समाते।
पहला गेम बनाने का सबसे अच्छा तरीका, बस।
Claude Pro, $20/moवही दिमाग, आपकी असली files में काम करता हुआ। यह गेम को हिस्सों में बाँट सकता है, sound files और sprite folders जोड़ सकता है, और घंटों बनाता रह सकता है।
जब पहला गेम चल पड़े और दूसरा गेम महत्वाकांक्षी हो जाए।
Free tiers, then ~$20/moIdea लिखें, hosting समेत चलता हुआ web app पाएं। तेज़ और सुंदर; code असली है, पर ये tools पहले apps के लिए बने हैं, गेम दूसरे नंबर पर।
अच्छा विकल्प, अगर आप pages में सोचते हैं, code में नहीं।
Free tiersScenes को drag करके जोड़ें, menus से behaviors (jump, patrol, collect) लगाएं, web पर export करें। कोई code नहीं लिखता; गेम फिर भी कोई design करता है।
देखकर सोचने वालों और classrooms के लिए।
Free forever, open sourceपेशेवर रास्ता: एक असली editor, असली scenes, हर जगह exports, phones और consoles समेत। पहला हफ़्ता ज़्यादा खड़ा, छत असीमित।
दूसरा या तीसरा गेम, जब आप इसके दीवाने हो जाएं।
यह कोर्स मुख्य रास्ते के रूप में Way 1 (Claude, chat में) लेता है, क्योंकि इससे आज ही एक खेलने योग्य गेम आपके सामने आ जाता है, और वहाँ सीखी हर चीज़ (वर्णन करना, दोहराना, assets, hosting) बाकी चारों में काम आती है। अगर आप पहले से code करते हैं, तो आगे तेज़ी से पढ़ें: पाठ 4 की starter file के साथ Way 2 आपका on-ramp है।
पाठ 3
Claude में एक ही बैठक में बनाएं
Claude खोलें (पहले गेम के लिए free tier काफ़ी है) और यह prompt paste करें। यह जादू नहीं है; यह विशिष्ट है। यह controls, क्रियाओं (stomp, collect), जीत की शर्त, शैली, और उस एक feature का नाम लेता है जो beginners भूल जाते हैं: एक title screen जिसमें एक चुनाव हो।
“मेरे लिए एक ही HTML file में एक Super Mario शैली का platformer बनाएं। एक किरदार जो arrow keys से दौड़े, Space से कूदे, अंक पाने के लिए दुश्मनों पर stomp करे, सिक्के इकट्ठा करे, और एक झंडे तक पहुँचकर जीते। Pixel art शैली, नीला आसमान, हरी पहाड़ियाँ। Title screen पर मुझे कुछ अलग-अलग किरदारों में से चुनने दें।”
जो वापस आता है वह एक file में बना एक गेम है, एक artifact में रहता हुआ: एक page जो Claude आपके लिए मुफ्त host करता है, अपने link के साथ। उसे तुरंत खेलें, झंडे तक या game over screen तक। फिर दोहराएं, एक message में एक बदलाव: 'पहाड़ियों को और गोल बनाएं', 'झंडे से पहले तीन सिक्के और जोड़ें', 'कूद ढीली लगती है, उसे और चुस्त बनाएं'। हर बदलाव एक नया version है, और पुराने सहेजे रहते हैं, इसलिए प्रयोग करना डर से मुक्त है।
ध्यान दें कि आप क्या अभ्यास कर रहे हैं: छोटे, देखे जा सकने वाले अनुरोध, आते ही परखे गए। वह चक्र, वर्णन करो, खेलो, समायोजित करो, कोई Claude की तरकीब नहीं है। हर गेम जो आपको कभी पसंद आया, ठीक ऐसे ही बना था, बस टीम का आकार सौवाँ हिस्सा था। पाठ 5 इस चक्र को एक प्रणाली में बदलता है; पहले, उन टुकड़ों से मिलें जिनसे गेम बनते हैं।
पाठ 4
Assets से मिलें: Sprites, Tiles और Sounds
गेम हाथ से बने हुए लगते हैं क्योंकि वे assets नाम की छोटी-छोटी बनी चीज़ों से जुड़े होते हैं। Sprite किसी किरदार की तस्वीर है। Sprite sheet एक ही image file में कई sprites हैं, जिन्हें code काटता है: हमारी runner strip में एक पंक्ति में आठ portraits हैं, और गेम वह काट निकालता है जिसे आपने चुना। Tiles वे दोहराए जाने वाले blocks हैं जिनसे दुनिया बनती है (घास, मिट्टी, ईंट)। Sounds वे jumps, सिक्के और stomps हैं जो गेम को जीवंत महसूस कराते हैं। Code सिर्फ़ stage है; assets अभिनेता और सजावट हैं।
यह रहा पूरा Super E2 pack, इस कोर्स के हर छात्र के लिए मुफ्त: runner strip, हर runner एक card के रूप में, title art, और खुद starter गेम file। ये सब download करें। ये remix करने के लिए आपके हैं, और जब Dave का पूरा sprite set आएगा, तो वह इसी page पर उतरेगा।
Runner strip: एक ही sprite sheet में सभी 8 Super E2 किरदार (768 x 96)। इस एक image को बदलें और पूरी cast बदल जाती है।runner-dave.png
Runner कार्ड: Daverunner-marty.png
Runner कार्ड: Martyrunner-jen.png
Runner कार्ड: Jenrunner-sally.png
Runner कार्ड: Sallyrunner-jahvibez.png
Runner कार्ड: Jah Vibezrunner-dinesh.png
Runner कार्ड: Dineshrunner-chadwick.png
Runner कार्ड: Chadwickrunner-mike.png
Runner कार्ड: Mikesuper-e2-title.png
Super E2 title screen art, अपने title screen या poster के लिए।starter-game.html
खुद starter गेम: वही file जो ऊपर demo में चल रही है। उसे download करें, खोलें, Claude को दें।
दो आदतें assets को दर्दरहित रखती हैं। पहली, originals रखें: अपने sprite की एकमात्र copy को कभी edit न करें। दूसरी, इस कोर्स से आगे licenses का सम्मान करें: web उदार free packs से भरा है ('free platformer assets' खोजें), हर एक की अपनी शर्तें हैं; अपने गेम में credit की एक पंक्ति शिष्ट मानक है। हमारे pack पर ऐसा कोई homework नहीं है: यह एक उपहार है, कहीं भी इस्तेमाल करें।

Runner strip: आठ portraits, एक image file। Code वह runner काट निकालता है जिसे आप चुनते हैं।
पाठ 5
Claude के साथ इसे अपना बनाएं
बदलाव करना वह जगह है जहाँ starter गेम आपका गेम बनता है, और यह एक सीखा जा सकने वाला formula है: चीज़ का नाम लें, बदलाव का नाम लें, मात्रा का नाम लें। 'Gravity' के साथ 'कमज़ोर' और 'लगभग आधी' जोड़ें तो एक message में तैरती हुई चाँद-कूद मिल जाती है। Starter file ठीक इसी के लिए commented है: उसमें GRAVITY, JUMP, CRITTER SPEED और LEVEL खोजें, और आप गेम का control panel पढ़ रहे हैं।
पहले remixes की एक सूची, प्रति मिनट खुशी के क्रम में: अपना पसंदीदा runner लगाएं (पाठ 6 नए बनाता है)। कूदों को और तैरता या और चुस्त बनाएं। एक double jump जोड़ें। वही code और गहरे रंगों से एक रात का level बनाएं। एक timer जोड़ें और दोस्तों से race करें। एक critter को विशाल बनाएं और उसे boss कहें। इनमें से हर एक Claude के लिए एक स्पष्ट वाक्य है, और साथ मिलकर वे एक portfolio हैं।
एक designer की तरह काम करें: चाहे गए बदलावों की एक छोटी सूची रखें, उन्हें एक-एक करके करें, और हर एक के बाद खेलें। जब कोई बदलाव कुछ तोड़ दे (तोड़गा), तो वह कहें जो आपने देखा, न कि वह जो आपको लगता है code ने किया: 'double jump के बाद, मैं दूसरे platform से गिर जाता हूँ' किसी भी theory से ज़्यादा bugs ठीक करता है। टूटा, अच्छे से वर्णित, ठीक हुआ: यही पूरी कला है।
पाठ 6
ChatGPT से नए चेहरे
Super E2 की cast आठ दोस्त हैं। आपकी cast आपकी होनी चाहिए, और ChatGPT portrait studio है। कार्यप्रणाली: एक स्पष्ट, सामने की ओर मुँह वाली photo लें (आपकी, किसी दोस्त की, उनकी इजाज़त के साथ), और ChatGPT से कहें कि वह उसे एक ही सुसंगत recipe से गेम sprite के रूप में फिर से बनाए, ताकि हर portrait मेल खाए: वही शैली-शब्द, वही size, वही साधारण background।
वह recipe जिसने हमारी cast का रूप बनाया: 'इस photo को एक प्यारे pixel art गेम किरदार portrait में बदलें, सामने की ओर मुँह किए, सिर और कंधे, बड़े पढ़ने योग्य features, flat colors, गहरा navy background, square format, video game character select शैली।' हर चेहरे को उसी prompt से गुज़ारें, हर परिणाम को runner strip के एक खाने में डालें (starter file layout दिखाती है: एक पंक्ति में आठ वर्ग), और आपके दोस्त गेम में हैं।
ChatGPT बाकी दुनिया भी बनाता है: उसी शैली में एक title screen, एक सूर्यास्त background, आपकी टीम के निशान वाला एक झंडा। अनुभव से एक चेतावनी: हर image में एक asset माँगें, सभी में शैली-वाक्य बिल्कुल एक जैसा रखें, और जो अलग दिखे उसे स्वीकार करने के बजाय फिर से बनवाएं। सुसंगतता ही वह चीज़ है जो इसे collage के बजाय गेम जैसा दिखाती है।
पाठ 7
इसे वेब पर डालें
जो गेम कोई खोल ही न सके, वह एक डायरी है। अच्छी खबर: एक single-file गेम पृथ्वी पर publish करने की सबसे आसान चीज़ है, और हर दरवाज़ा मुफ्त है। पहला दरवाज़ा: खुद Claude artifact। Claude आपके गेम को जो link देता है, वही एक published page है; उसे किसी को भी भेजें और वे कुछ ही सेकंड में खेल रहे हैं। ज़्यादातर पहले गेम्स के लिए, यहीं रुकें और जश्न मनाएं।
दूसरा दरवाज़ा: आपकी अपनी website। गेम file download करें (हमारी पाठ 4 से, आपकी Claude से), उसे किसी ऐसी site पर upload करें जिस पर आपका control हो, और वह आपके पते पर, आपके नाम के पास, हमेशा के लिए live है। उसे किसी मौजूदा page के अंदर चाहते हैं? एक iframe पंक्ति उसे embed करती है, ठीक वैसे ही जैसे यह कोर्स पाठ 1 में demo embed करता है।
तीसरा दरवाज़ा: एक मुफ्त static host। Cloudflare Pages, Netlify और GitHub Pages सभी ऐसी file को शून्य dollars में publish करते हैं, एक असली link के साथ जो आप कहीं भी share कर सकते हैं (file को Netlify के drop page पर drag करें और एक मिनट से कम में काम हो गया)। आप जो भी दरवाज़ा चुनें, रिवाज़ एक ही है: link अपने phone पर खोलें, एक level खेलें, फिर उसे एक दोस्त को भेजें। जिस गेम का एक खिलाड़ी है वह published है; जिसका शून्य है वह एक draft है।
पाठ 8
Ship करें, Share करें, Remix करें
Super E2 का launch हमारे Discord में एक post था: गेम, code, और उसे remix करने का निमंत्रण। उस launch की नकल करें। अपना link वहाँ post करें जहाँ आपके लोग हैं, file शामिल करें, और वे शब्द कहें जो खिलाड़ियों को builders में बदल देते हैं: 'खुद को इसमें डालो।' पहला दोस्त जो आपके गेम का remix ship करता है, वह आपको दस tutorials से ज़्यादा सिखाता है।
फिर आगे बढ़ते रहें, किसी भी क्रम में: एक नए tile set के साथ दूसरा level। एक theme song (Suno एक prompt में आकर्षक chiptune लिखता है, और ElevenLabs एक नन्हे उद्घोषक की आवाज़ दे सकता है)। आपके दोस्तों के नामों वाली एक high score table। बर्फ़ tiles और फिसलन भरी landings वाली एक सर्दियों वाली version। हर एक एक lesson भर के अनुरोध हैं, और starter file और इस कोर्स के assets आपके साथ बढ़ते हैं।
और ध्यान दें कि अब आपके पास गेम से आगे क्या है: इस बात का सबूत कि आप किसी चीज़ का वर्णन करके उसे अस्तित्व में ला सकते हैं, परिणाम को परख सकते हैं, और उसे दुनिया के लिए मुफ्त ship कर सकते हैं। यह इस दशक का सबसे मूल्यवान हुनर है, और आपने इसे एक नन्हे हीरो को एक critter पर कुदाकर सीखा। जीवन बदलने के बदतर तरीके भी हैं।
Starvard