Spin. Slip. Smash. सोर्स कोड के साथ एक 3D टावर-ड्रॉप गेम
Twirldrop एक HTML5 3D टावर-ड्रॉप आर्केड गेम टेम्प्लेट है, TypeScript सोर्स कोड के साथ, किसी भी स्टैटिक वेब होस्ट पर अपलोड के लिए तैयार। खिलाड़ी एक सिरेमिक टावर को घुमाते हैं ताकि उछलती गेंद खाली जगहों से नीचे गिरे, 30 टावर वाले campaign में या endless Descent में। इंटरफ़ेस 14 भाषाओं में आता है, और प्रगति ब्राउज़र में सेव होती है, इसलिए सेटअप के लिए कोई सर्वर, डेटाबेस या खाता नहीं चाहिए।
Endless Descent मोड: एक रन, जितना गहरा जा सको
Descent मुख्य Play क्रिया है: एक endless टावर, एक रन। अंक और गहराई के रिकॉर्ड खिलाड़ी के ब्राउज़र में रहते हैं, और स्थानीय ranking में उसी खिलाड़ी के अपने सर्वश्रेष्ठ रन दिखते हैं। कुछ भी सर्वर पर नहीं भेजा जाता, इसलिए इस एडिशन को ranking backend की ज़रूरत नहीं है।
पठनीय फ़ाइलों से बना 30 टावर का campaign
Campaign 30 टावरों का एक अलग रास्ता है। हर टावर पठनीय सोर्स फ़ाइलों में परिभाषित है, और टावर 13 से 30 उसी ब्लॉक से बने हैं जो endless मोड में हैं, इसलिए उन ब्लॉक को बदलने से दोनों बदल जाते हैं।
एक उंगली से कंट्रोल: खाली जगह को रास्ता बनाएँ
टावर घुमाने के लिए दबाकर खींचें; गेंद अपने आप उछलती है। खाली जगह सही लाइन में आए तो गेंद अगली मंज़िल पर गिर जाती है। कांटों वाले धारीदार लाल सेक्टर खतरे को दिखाते हैं।
Smash चार्ज: लगातार तीन खाली जगहें
लगातार तीन खाली जगहें पार करें तो एक चार्ज तैयार होता है। चार्ज्ड गेंद अगली भरी मंज़िल को एक बार तोड़ती है, फिर चार्ज खत्म हो जाता है। सुनहरा रंग चार्ज दिखाता है; लाल रंग खतरा।
गेंद के सिर्फ़ रूप के फ़िनिश
गेंद Pearl से शुरू होती है; Coral, Lagoon और Brass फ़िनिश तब खुलते हैं जब खिलाड़ी campaign के टावर पूरे करते हैं। फ़िनिश केवल रूप बदलते हैं, नियम कभी नहीं।
टच, माउस और कीबोर्ड, 14 भाषाओं में
उंगली या माउस से खींचें, या arrow keys इस्तेमाल करें। सेटिंग्स में sound, controls, कम motion, effects की गुणवत्ता और full screen शामिल हैं। इंटरफ़ेस की भाषा dropdown से चुनी जाती है: English, Portuguese, Spanish, French, German, Italian, Dutch, Polish, Turkish, Russian, Indonesian, Japanese, Korean और Simplified Chinese।
होस्ट करने के लिए तैयार: game/ अपलोड करें और यह चलता है
game/ की सामग्री किसी भी स्टैटिक होस्ट पर HTTP या HTTPS से अपलोड करें, और यह चलने लगता है: कोई PHP, डेटाबेस या खाता नहीं। Asset paths relative हैं, इसलिए यह सबफ़ोल्डर में या आपके अपने पेज के iframe में भी काम करता है। चित्रित अंग्रेज़ी और पुर्तगाली मैनुअल इंस्टॉलेशन, फ़ाइल मैप, कस्टमाइज़ेशन, स्थानीय डेटा और समस्या-समाधान कवर करता है।
यह टेम्प्लेट किसके लिए है
साइट और पोर्टल के मालिक जो एक तैयार 3D आर्केड गेम प्रकाशित करना चाहते हैं, फ़्रीलांसर और स्टूडियो जो एक ग्राहक के लिए casual गेम को reskin कर रहे हैं, और डेवलपर जो पढ़ना चाहते हैं कि TypeScript और Three.js गेम कैसे व्यवस्थित होता है।
इसे अपने हिसाब से बदलें
TypeScript सोर्स में brand.ts में नाम, रंग और storage key हैं, tuning.ts में नियम, movement, camera और input, towers.ts में campaign और endless.ts में endless ब्लॉक। इंटरफ़ेस का टेक्स्ट i18n.ts में है, और साथ आया संगीत व effects src/assets/audio में। npm test और npm run build चलाएँ, फिर dist/ की सारी सामग्री game/ में कॉपी करें।
तकनीकी विवरण एक नज़र में
- स्टैक: TypeScript, Three.js, WebGL2 और Vite; game/ फ़ोल्डर में पठनीय HTML, CSS, JavaScript और JSON।
- ज़रूरत: JavaScript और WebGL2 वाला आधुनिक ब्राउज़र, और स्टैटिक HTTP या HTTPS होस्ट (file:// समर्थित नहीं है)।
- Node.js 22.12+ और npm केवल सोर्स संपादित और दोबारा बिल्ड करने के लिए चाहिए; वैकल्पिक स्वचालित टेस्ट शामिल हैं।
- शामिल नहीं: ऑनलाइन रैंकिंग या मल्टीप्लेयर, क्लाउड सेव या खाते, विज्ञापन SDK, नेटिव ऐप और होस्टिंग।
लाइसेंस और सहायता एक नज़र में
आपको एक अंतिम उत्पाद के लिए perpetual, non-exclusive लाइसेंस मिलता है, चाहे वह आपका हो या एक ग्राहक का। खिलाड़ी इसे मुफ़्त में या विज्ञापन से कमाई के ज़रिए खेल सकते हैं। आप अपने उत्पाद के भीतर कोड, आर्टवर्क और ऑडियो बदल सकते हैं, लेकिन टेम्प्लेट को खुद दोबारा नहीं बेच सकते। छह महीने की सहायता शामिल है, या चेकआउट पर चुने गए extension के साथ 12 महीने।
