Gwida

Kodici sors tal-logħba parking puzzle: kif hu organizzat Beep Out

X fih il-pakkett Beep Out, kif hu strutturat il-proġett TypeScript tiegħu, u x'jibdel tipikament il-bejjiegħ l-ewwel.

Arti ewlenija ta' Beep Out: karozzi tal-ġugarelli kkulurit u żewġ karozzi tal-linja safra b'vleġ ta' ħruġ fuq bord tal-injam, ħdejn fermata tal-karozzi bi erba' passiġġieri.

Jekk qed tfittex kodici sors tal-logħba parking puzzle, it-tweġiba qasira hija din: Beep Out huwa puzzle tat-traffiku 3D lest għall-browser b'30 livell, build lest biex titgħabba u l-proġett TypeScript editabbli wara tiegħu, għal $35. Din il-gwida tiftaħ il-pakkett u turi x'inhu għal kull parti.

Logħbiet tal-parkeġġ jidhru sempliċi, u għalhekk waħda dgħajfa tinkixef malajr. Ir-regoli jridu jinqraw b'ħarsa waħda, l-ordni tal-livelli trid tgħallem, u l-kodici irid iħallik iżżid bordijiet tiegħek mingħajr ma tiksser dawk eżistenti. Dawk it-tliet affarijiet huma li nħarsu lejhom hawn, flimkien mal-hosting, il-liċenzja u dak li l-edizzjoni ma tinkludix.

X fih il-pakkett tal-kodici sors tal-logħba parking puzzle

Beep Out jinbiegħ bħala Local Browser Edition, verżjoni 1.1.0. Id-download għandu żewġ nofs: logħba li tista' tospita llum u proġett li tista' tibdel.

  • Fowlder game/ lest għall-upload, bit-30 livell kollha.
  • JavaScript, CSS u data tal-runtime li jinqraw, biex tara x'iħaddem il-browser.
  • Is-sors tal-iżviluppatur fi TypeScript, bl-assi tal-logħba u t-testijiet.
  • Manwal illustrat bl-Ingliż u bil-Portugiż, li jkopri l-installazzjoni, il-mappa tal-fajls, il-personalizzazzjoni, it-troubleshooting u FAQ.
  • Avviżi tal-liċenzji tad-dipendenzi u tal-fonts.

L-interface jiġi f'14-il lingwa: Ingliż, Portugiż, Spanjol, Franċiż, Ġermaniż, Taljan, Olandiż, Pollakk, Tork, Russu, Indoneżjan, Ġappuniż, Korean u Ċiniż issimplifikat. Il-manwal innifsu huwa biss bl-Ingliż u bil-Portugiż, u dan jimporta jekk l-iżviluppatur tiegħek ma jaqrax wieħed minnhom.

Iftaħ il-paġna ta' Beep Out u ilgħab id-demo

Kif taħdem il-puzzle tat-traffiku, regola b'regola

Kull vettura għandha vleġ fuq is-saqaf li juri l-ħruġ tagħha. Agħfas jew ikklikkja karozza li t-triq quddiemha hija ħielsa u titlaq. Agħżel waħda mblukkata u tolqot it-traffiku, allura l-ordni tal-mossi tiddeċiedi l-livell.

Mil-livell 4 tinżamm kju ta' passiġġieri fil-fermata tal-karozzi. Vettura tista' titlaq biss meta l-kulur tagħha jaqbel mal-passiġġier li jmiss. Karozza ħielsa b'kulur ħażin tiparkja f'bay u titlaq waħedha meta l-passiġġier tagħha jasal. Il-parkeġġ huwa żgħir, allura wisq kuluri ħżiena jimlewh, u l-plejers jeħtieġ jippjanaw diversi mossi bil-quddiem. Dak it-tieni saff huwa dak li jbiddel traffiku sempliċi f'puzzle ta' sekwenza.

L-iskrin tal-logħba fih Hint, Undo u Restart. Li tlesti livell mingħajr tapps mblukkati, hints jew undo jagħti Clean Clear (tlestija nadifa), u best time opzjonali għal kull livell jinħażen fil-browser. Il-livelli mlestija jiftħu ħames stili ta' kulur fil-Garage (il-garaxx). Il-kuluri huma kosmetiċi: kull karozza taħdem bl-istess mod.

Kif hu organizzat il-kodici

Hemm żewġ postijiet biex taħdem, u jiswa li tibqa' tfarrakhom. Il-fowlder game/ huwa l-output mibni: itgħabbih u jilgħab. Il-proġett tal-iżviluppatur huwa fejn issir il-bidla: il-livelli, is-settings, it-test, il-logo u l-fajls awdjo. Wara bidla terġa' tibni u tissostitwixxi l-fowlder game/ ospitat kollu bl-output sħiħ il-ġdid.

Is-stack huwa TypeScript, Three.js u WebGL2, mibni b'Vite. Il-fajls jinkludu HTML, CSS, JavaScript, TypeScript u JSON. Biex terġa' tibni teħtieġ Node.js 22.12 jew aktar u npm. Biex tilgħab m'hemm bżonn ta' xejn minn dan.

Il-proġett ġej b'erba' kmandi, u l-manwal jispjega kull wieħed:

  • npm run levels jiċċekkja l-fajls tal-livelli tiegħek qabel ma tibni.
  • npm test imexxi t-testijiet.
  • npm run typecheck jiskopri żbalji tat-tip fit-TypeScript.
  • npm run build jikteb il-fowlder il-ġdid tal-logħba.

Iċ-ċekkjar tal-livelli huwa aktar importanti milli jidher. Il-puzzles tal-parkeġġ jaqgħu b'mod kwiet: bord li ma jistax jissolva, jew passiġġier mingħajr karozza tal-kulur xieraq. Li tmexxi ċ-ċekk qabel kull build jiswa aktar milli tisma' dwaru mingħand il-plejers.

X tibdel l-ewwel f'template ta' puzzle tal-parkeġġ

Nissuġġerixxu li tibda b'dawn l-erba' bidliet, f'dan l-ordni.

1. Isem, logo u brand

It-titlu tal-HTML u s-settings tal-brand jinsabu fil-proġett tas-sors, bil-fajls tal-logo f'public/ u l-awdjo fil-fowlder tiegħu. Ibdel il-fajls filwaqt li żżomm l-istess paths, imbagħad ibni mill-ġdid. White label huwa permess: il-brand tiegħek jew tal-klijent tiegħek jieħu post tagħna.

2. Livelli

Il-fajls tal-kitba tal-livelli jinsabu f'source/. Editjahom, ivvalidahom b'npm run levels, ibni mill-ġdid u ittella'. Il-manwal fih il-mappa tal-fajls, allura m'għandekx tfittex fil-kodici biex issib bord.

3. Test tal-interface u lingwi

It-test tal-interface jinsab fil-fajls tal-lingwa. Jekk il-udjenza tiegħek titkellem waħda mil-14-il lingwa, aqra kull skrin f'dik il-lingwa darba, għax normalment ftit kliem jiswa li jiġi aġġustat għal vuċi tal-brand.

4. Settings tal-logħba

Is-settings tal-logħba jinżammu f'fajls tal-konfigurazzjoni, u mhumiex imxerrda fil-kodici. Ibdel valur wieħed kull darba u ilgħab ftit livelli wara kull bidla.

  1. Agħmel backup tal-pakkett oriġinali.
  2. Ibdel il-fajls tal-brand, filwaqt li żżomm il-paths tagħhom.
  3. Editja jew żid livelli u mexxi npm run levels.
  4. Mexxi npm test u npm run build.
  5. Ibdel il-fowlder game/ ospitat kollu, mhux fajls singoli.
  6. Ittestja fuq it-telefons u l-browsers li jużaw il-plejers tiegħek.

Hosting, embedding u app stores

Itgħabba l-kontenut ta' game/ fuq kwalunkwe host statiku HTTP(S) u fetaħ l-indirizz tiegħu. M'hemm bżonn ta' PHP, database, kont jew server Node.js biex tilgħab. Taħdem f'subfolder jew ġewwa iframe f'paġna tiegħek, u l-manwal jinkludi eżempju ta' snippet tal-iframe. Agħti lill-iframe għoli biżżejjed u żomm il-browser storage attiv jekk il-progress irid jibqa' wara reload.

Il-ftuħ ta' index.html direttament mid-disk mhuwiex appoġġat; irid jiġi servut permezz ta' HTTP(S). Il-browser jeħtieġ JavaScript, ES modules u WebGL2. Il-plejers jilmsu fuq screens tat-touch u jikklikkjaw fuq id-desktop, u Settings fih il-Low graphics mode (mod tal-grafika baxxa) li jiffranka l-batterija fuq telefons aktar qodma.

Il-pakkett ma jinkludix proġett ta' app nattiva. Jekk tixtieq il-logħba f'app store, konnessa ma' portal SDK jew installata fuq is-server tiegħek, dak huwa servizz separat li nikkwotaw għal kull proġett.

Itlob kwotazzjoni għal bidliet, hosting jew verżjoni tal-app

Dak li din l-edizzjoni ma tinkludix

Beep Out huwa single-player b'data lokali. Il-progress, ir-rekords u s-settings jibqgħu fil-browser tal-plejer. M'hemm l-ebda multiplayer online, l-ebda klassifika online jew rekords fuq il-cloud, l-ebda SDK tar-reklami u l-ebda portal SDK. Apps nattivi, hosting u servizzi ospitati ma jifformawx parti mill-pakkett.

Għal ħafna siti dik hija l-forma t-tajba: xejn x'iżżomm fuq server u l-ebda dejta tal-plejers ma titlaq mill-browser. Jekk teħtieġ leaderboard jew reklami, ippjana dak ix-xogħol qabel il-launch, mhux wara.

Liċenzja, support u prezz f'paragrafu wieħed

Xiri wieħed jagħti liċenzja perpetwa, mhux esklussiva, biex tuża l-edizzjoni f'prodott finali wieħed, tiegħek jew ta' klijent wieħed. Il-plejers jistgħu jaċċessawha b'xejn jew permezz ta' monetizzazzjoni bir-reklami. Tista' tibdel il-kodici, l-arti u l-awdjo ġewwa dak il-prodott u tissostitwixxi l-isem u l-logo tagħna, imma ma tistax terġa' tbigħ jew taqsam it-template, il-kodici sors tiegħu jew l-assi tiegħu waħedhom. Is-support idum 6 xhur, jew 12 bl-estensjoni fil-checkout, u jkopri l-installazzjoni u l-użu tal-fajls u t-tiswija ta' difetti li jistgħu jiġu riprodotti. Il-prezz ta' lista huwa $35; sal-30 ta' Novembru 2026 promozzjoni tal-Black Friday tnaqqas 15% fuq kull template, u b'hekk Beep Out jiswa $29.75, u mill-1 ta' Diċembru l-prezzijiet jerġgħu jsiru dawk tal-lista.

Aqra l-liċenzja u t-termini kompleti tas-support

Mistoqsijiet frekwenti

Irrid server jew database?

Le. Itgħabba l-kontenut ta' game/ fuq host statiku HTTP(S) u fetaħ index.html permezz ta' dak l-indirizz. Il-progress u r-rekords jinħażnu fil-browser tal-plejer.

Nista' nżid livelli tal-parkeġġ tiegħi?

Iva. Editja l-fajls tal-kitba tal-livelli f'source/, ivvalidahom b'npm run levels, ibni mill-ġdid u ibdel il-fowlder game/ ospitat bl-output il-ġdid.

Il-puzzle tat-traffiku jaħdem fuq telefons?

Iva. Il-plejers jilmsu l-vetturi fuq screens tat-touch u jikklikkjaw fuq id-desktop. Il-browser irid jappoġġja WebGL2, u s-setting tal-Low graphics jgħin lil apparati aktar qodma. Ittestja fuq it-telefons tiegħek qabel il-launch.

Nista' npoġġi l-logħba ġewwa l-paġna tiegħi?

Iva. Ospitaha f'kwalunkwe fowlder u daħħalha b'iframe. Il-manwal jinkludi snippet bħala eżempju.

Hemm reklami jew punteġġi online inklużi?

Le. L-edizzjoni m'għandhiex SDK tar-reklami, klassifika online jew multiplayer. Iż-żieda tagħhom hija xogħol personalizzat, ikkwotat għal kull proġett.

Nista' nuża liċenzja waħda għal żewġ klijenti?

Le. Liċenzja waħda tkopri prodott finali wieħed. Klijent ieħor jeħtieġ liċenzja oħra, u diversi templates f'ordni waħda jieħdu tnaqqis tal-bundle.

Template oħra tal-puzzle biex tqabbel

Jekk l-udjenza tiegħek togħġobha aktar is-sortjar milli t-traffiku, Mochi Monsters huwa puzzle tas-sortjar tal-kuluri b'60 livell f'tliet dinjiet u mod Endless (bla tmiem), $39 bil-prezz ta' lista. Jekk trid loop ta' sessjoni iqsar, Gridspark huwa puzzle tal-blokki 8×8 b'mossa tal-fulmini ZAP u sfida ta' kuljum b'seed, $29 bil-prezz ta' lista. It-tnejn jiġu bis-sors li jinqara u 14-il lingwa tal-interface.

Ara Mochi Monsters, il-puzzle tas-sortjar tal-kuluri

Ara Gridspark, il-puzzle tal-blokki

Ix-xiri ta' żewġ templates jew aktar fl-istess ordni jnaqqas kull liċenzja: 5% tnaqqis għal tnejn, 10% għal tlieta, 15% għal erba' u 20% għal ħamsa jew aktar.

Ixtri l-kodici sors tal-puzzle tal-parkeġġ ta' Beep Out