गाइड

Parking puzzle game source code: 30 levels वाला 3D traffic puzzle

Beep Out पैकेज में क्या है, उसका TypeScript project कैसे व्यवस्थित है, और खरीदार सबसे पहले क्या बदलता है।

30 अक्टूबर 2026

Beep Out की key art: लकड़ी के बोर्ड पर रंगीन खिलौना कारें और दो पीली बसें, exit के तीरों के साथ, बगल में बस स्टॉप पर चार यात्री।

अगर आप parking puzzle game source code ढूँढ रहे हैं, तो छोटा जवाब यह है: Beep Out browser के लिए एक तैयार 3D traffic puzzle है, जिसमें 30 levels हैं, upload के लिए तैयार build है, और उसके पीछे संपादन योग्य TypeScript project है। कीमत $35 है। यह गाइड पैकेज खोलती है और दिखाती है कि हर हिस्सा किसलिए है।

Parking jam games देखने में सरल लगते हैं, इसलिए कमज़ोर game जल्दी पकड़ में आ जाता है। नियम एक नज़र में समझ आने चाहिए, level का क्रम सिखाना चाहिए, और कोड आपको पुराने boards तोड़े बिना नए boards जोड़ने दे। यहाँ हम यही तीन बातें देखते हैं, साथ में hosting, licence और यह कि edition में क्या शामिल नहीं है।

Parking puzzle game source code पैकेज में क्या है

Beep Out Local Browser Edition, संस्करण 1.1.0, के रूप में बिकता है। डाउनलोड के दो हिस्से हैं: एक game जिसे आप आज ही होस्ट कर सकते हैं, और एक project जिसे आप बदल सकते हैं।

सभी 30 levels वाला एक तैयार game/ फ़ोल्डर, जिसे upload किया जा सकता है।
पढ़ने योग्य runtime JavaScript, CSS और data, ताकि आप देख सकें कि browser क्या चला रहा है।
Game assets और tests के साथ TypeScript developer source।
English और Portuguese में एक चित्रित manual, जिसमें installation, file map, customisation, troubleshooting और FAQ है।
Dependency और font licence notices।

Interface 14 भाषाओं में आता है: English, Portuguese, Spanish, French, German, Italian, Dutch, Polish, Turkish, Russian, Indonesian, Japanese, Korean और Simplified Chinese। Manual खुद सिर्फ़ English और Portuguese में है, जो तब मायने रखता है जब आपका developer इनमें से कोई भाषा न पढ़ता हो।

Beep Out का पेज खोलें और demo खेलें

Traffic puzzle कैसे चलता है, नियम दर नियम

हर गाड़ी की छत पर एक तीर होता है जो उसका exit दिखाता है। जिस कार के आगे का रास्ता खाली हो, उस पर टैप या क्लिक करें और वह निकल जाती है। अगर रास्ता बंद हो, तो वह traffic से टकराती है, इसलिए चालों का क्रम ही level तय करता है।

Level 4 से बस स्टॉप पर यात्रियों की एक कतार इंतज़ार करती है। कोई गाड़ी तभी निकल सकती है जब उसका रंग अगले यात्री से मेल खाए। ग़लत रंग की खाली कार एक bay में पार्क हो जाती है और जब उसका यात्री आता है, तो अपने-आप निकल जाती है। जगह छोटी है, इसलिए बहुत सारे ग़लत रंग उसे भर देते हैं, और खिलाड़ी को कई चाल आगे की योजना बनानी पड़ती है। यही दूसरी परत साधारण jam को sequencing puzzle बनाती है।

Play screen पर hint (संकेत), undo (पूर्ववत) और restart हैं। बिना blocked taps, hints या undo के level पूरा करने पर Clean Clear मिलता है, और हर level का वैकल्पिक best time browser में संग्रहीत होता है। पूरे किए levels Garage में पाँच paint styles खोलते हैं। Paints सिर्फ़ दिखावटी हैं: हर कार एक जैसा खेलती है।

कोड कैसे व्यवस्थित है

काम करने की दो जगहें हैं, और उन्हें अलग रखना फ़ायदेमंद है। game/ फ़ोल्डर build किया हुआ output है: इसे upload करें और यह चल जाता है। बदलाव developer project में होते हैं: levels, settings, text, logos और audio फ़ाइलें। बदलाव के बाद आप rebuild करते हैं और होस्ट किए गए game/ फ़ोल्डर को पूरे नए output से बदलते हैं।

Stack TypeScript, Three.js और WebGL2 है, जिसे Vite से build किया जाता है। फ़ाइलों में HTML, CSS, JavaScript, TypeScript और JSON शामिल हैं। Rebuild के लिए Node.js 22.12 या नया और npm चाहिए। खेलने के लिए इनमें से कुछ भी नहीं चाहिए।

Project के साथ चार commands आते हैं, और manual हर एक को समझाता है:

npm run levels build से पहले आपकी level फ़ाइलों की जाँच करता है।
npm test tests चलाता है।
npm run typecheck TypeScript की type errors पकड़ता है।
npm run build नया game फ़ोल्डर लिखता है।

Level checker आवाज़ से ज़्यादा ज़रूरी है। Parking puzzles चुपचाप फेल होते हैं: ऐसा board जिसे हल नहीं किया जा सकता, या ऐसा यात्री जिसके लिए कोई मेल खाती कार नहीं। हर build से पहले जाँच चलाना, खिलाड़ियों से शिकायत सुनने से सस्ता पड़ता है।

Parking puzzle template में पहले क्या बदलें

हम इन चार बदलावों से शुरू करने का सुझाव देते हैं, इसी क्रम में।

1. नाम, logo और branding

HTML का title और brand settings source project में रहते हैं, logo फ़ाइलें public/ में और audio अपने फ़ोल्डर में। फ़ाइलें बदलें पर उनके paths वही रखें, फिर rebuild करें। White label की अनुमति है: आपका या आपके client का brand हमारे brand की जगह लेता है।

2. Levels

Level authoring फ़ाइलें source/ में हैं। उन्हें संपादित करें, npm run levels से जाँचें, rebuild करें और upload करें। Manual में file map है, इसलिए किसी board को ढूँढने के लिए आपको पूरा कोड खंगालना नहीं पड़ेगा।

3. Interface text और भाषाएँ

Interface text language files में रहता है। अगर आपके दर्शक 14 भाषाओं में से कोई बोलते हैं, तो उस भाषा में हर screen एक बार पढ़ें, क्योंकि brand की आवाज़ के लिए कुछ शब्द आमतौर पर बदलने लायक होते हैं।

4. Game settings

Game settings पूरे कोड में बिखरी होने के बजाय config फ़ाइलों में रखी गई हैं। एक बार में एक value बदलें और हर बदलाव के बाद कुछ levels खेलें।

मूल package का backup लें।
Branding फ़ाइलें बदलें, उनके paths वही रखते हुए।
Levels संपादित करें या जोड़ें, और npm run levels चलाएँ।
npm test और npm run build चलाएँ।
होस्ट किया हुआ पूरा game/ फ़ोल्डर बदलें, अकेली फ़ाइलें नहीं।
उन फ़ोन और browsers पर टेस्ट करें जिन्हें आपके खिलाड़ी इस्तेमाल करते हैं।

होस्टिंग, embed और app stores

game/ की सामग्री किसी भी static HTTP(S) host पर upload करें और उसका पता खोलें। खेलने के लिए न PHP चाहिए, न database, न account, न Node.js server। यह एक subfolder में या आपके अपने page पर iframe के अंदर चलता है, और manual में iframe का एक उदाहरण snippet है। अगर progress reload के बाद भी बचनी है, तो iframe को पर्याप्त ऊँचाई दें और browser storage चालू रहने दें।

Disk से सीधे index.html खोलना समर्थित नहीं है; उसे HTTP(S) पर serve होना चाहिए। Browser को JavaScript, ES modules और WebGL2 चाहिए। खिलाड़ी touch screens पर टैप करते हैं और desktop पर क्लिक, और Settings में एक Low graphics mode है जो पुराने फ़ोनों की बैटरी बचाता है।

Package में native app project शामिल नहीं है। अगर आप game को app store में चाहते हैं, किसी portal SDK से जोड़ना चाहते हैं या अपने server पर install करना चाहते हैं, तो वह एक अलग सेवा है, जिसका हम प्रोजेक्ट के हिसाब से quote देते हैं।

बदलावों, hosting या app version का quote माँगें

इस edition में क्या नहीं है

Beep Out स्थानीय डेटा वाला single-player game है। Progress, records और settings खिलाड़ी के browser में ही रहते हैं। इसमें online multiplayer नहीं है, online ranking या cloud records नहीं हैं, advertising SDK नहीं है और portal SDK नहीं है। Native apps, hosting और hosted services इस package का हिस्सा नहीं हैं।

कई sites के लिए यही सही ढाँचा है: server पर संभालने को कुछ नहीं और खिलाड़ी का डेटा browser से बाहर नहीं जाता। अगर आपको leaderboard या ads चाहिए, तो यह काम launch के बाद नहीं, launch से पहले योजना में रखें।

लाइसेंस, support और कीमत, एक पैराग्राफ़ में

एक खरीद पर edition को एक end product में उपयोग करने का स्थायी, गैर-विशेष (non-exclusive) licence मिलता है, आपके या एक client के लिए। खिलाड़ी इसे मुफ़्त में या advertising monetisation के साथ खेल सकते हैं। आप उस product के भीतर code, art और audio बदल सकते हैं और हमारा नाम व logo अपने से बदल सकते हैं, लेकिन template, उसके source code या assets को अकेले बेच या बाँट नहीं सकते। Support 6 महीने चलता है, checkout पर extension लेने पर 12 महीने, और इसमें files install करना और उपयोग करना तथा दोहराए जा सकने वाले defects ठीक करना शामिल है। सूची मूल्य $35 है; 30 नवंबर 2026 तक Black Friday promotion हर template पर 15% छूट देता है, इसलिए Beep Out की कीमत $29.75 है, और 1 दिसंबर से कीमतें सूची मूल्य पर लौट आती हैं।

पूरी licence और support की शर्तें पढ़ें

अक्सर पूछे जाने वाले प्रश्न

क्या मुझे server या database चाहिए?

नहीं। game/ की सामग्री किसी static HTTP(S) host पर upload करें और उस पते से index.html खोलें। Progress और records खिलाड़ी के browser में सहेजे जाते हैं।

क्या मैं अपने parking levels जोड़ सकता हूँ?

हाँ। source/ की level authoring फ़ाइलें संपादित करें, npm run levels से उन्हें जाँचें, rebuild करें और होस्ट किया हुआ game/ फ़ोल्डर नए output से बदलें।

क्या traffic puzzle फ़ोन पर चलता है?

हाँ। खिलाड़ी touch screens पर गाड़ियों को टैप करते हैं और desktop पर क्लिक। Browser में WebGL2 समर्थन होना चाहिए, और Low graphics सेटिंग पुराने devices में मदद करती है। लॉन्च से पहले अपने फ़ोन पर टेस्ट करें।

क्या मैं game को अपने page के अंदर रख सकता हूँ?

हाँ। इसे किसी भी फ़ोल्डर में होस्ट करें और iframe से embed करें। Manual में एक उदाहरण snippet है।

क्या ads या online scores शामिल हैं?

नहीं। Edition में advertising SDK, online ranking या multiplayer नहीं है। इन्हें जोड़ना custom काम है, जिसका quote प्रोजेक्ट के हिसाब से दिया जाता है।

क्या एक licence दो clients के लिए इस्तेमाल हो सकता है?

नहीं। एक licence एक end product को कवर करता है। दूसरे client के लिए दूसरी licence चाहिए, और एक order में कई templates लेने पर bundle discount मिलता है।