Parkinga mīklas spēles pirmkods: 30 līmeņu 3D satiksmes mīkla iekšā
Ko satur Beep Out pakotne, kā sakārtots tās TypeScript projekts un ko pircējs parasti rediģē vispirms.
Ja meklējat parkinga mīklas spēles pirmkodu, īsā atbilde ir šāda: Beep Out ir gatava 3D satiksmes mīkla pārlūkam ar 30 līmeņiem, versija augšupielādei un rediģējamais TypeScript projekts aiz tās, par 35 USD. Šis ceļvedis atver pakotni un parāda, kam kura daļa paredzēta.
Parkinga sastrēguma spēles izskatās vienkāršas, tāpēc vāja spēle ātri tiek atmaskota. Noteikumiem jābūt uzreiz saprotamiem, līmeņu secībai jāmāca, un kodam jāļauj pievienot savus laukumus, nesalaužot vecos. Par šiem trim jautājumiem runājam šeit, kā arī par hostingu, licenci un to, ko izdevums neietver.
Ko satur parkinga mīklas spēles pirmkods
Beep Out tiek pārdota kā Local Browser Edition, versija 1.1.0. Lejupielādē ir divas daļas: spēle, ko var hostēt jau šodien, un projekts, ko var mainīt.
- Gatava game/ mape ar visiem 30 līmeņiem, ko var augšupielādēt.
- Lasāms izpildlaika JavaScript, CSS un dati, lai redzētu, ko palaiž pārlūks.
- TypeScript izstrādātāja pirmkods ar spēles resursiem un testiem.
- Ilustrēta rokasgrāmata angļu un portugāļu valodā par instalēšanu, failu karti, pielāgošanu, problēmu risināšanu un FAQ.
- Atkarību un fontu licenču paziņojumi.
Saskarne ir pieejama 14 valodās: angļu, portugāļu, spāņu, franču, vācu, itāļu, holandiešu, poļu, turku, krievu, indonēziešu, japāņu, korejiešu un vienkāršotā ķīniešu. Pati rokasgrāmata ir tikai angļu un portugāļu valodā, kas svarīgi, ja jūsu izstrādātājs nelasa ne vienā, ne otrā.
Atveriet Beep Out lapu un nospēlējiet demo
Kā darbojas satiksmes mīkla, noteikums pēc noteikuma
Katram transportlīdzeklim uz jumta ir bultiņa, kas rāda tā izbraukšanu. Pieskarieties vai noklikšķiniet uz automašīnas, kuras ceļš priekšā ir brīvs, un tā aizbrauc. Ja izvēlaties bloķētu, tā ietriecas satiksmē, tāpēc gājienu secība nosaka līmeni.
No 4. līmeņa pieturā gaida pasažieru rinda. Transportlīdzeklis var aizbraukt tikai tad, kad tā krāsa sakrīt ar nākamo pasažieri. Brīva automašīna nepareizā krāsā novietojas stāvvietā un aizbrauc pati, kad tās pasažieris pienāk. Laukums ir mazs, tāpēc pārāk daudz nepareizu krāsu to aizpilda, un spēlētājiem jāplāno vairāki gājieni uz priekšu. Šis otrais slānis pārvērš vienkāršu sastrēgumu secības mīklā.
Spēles ekrānā ir hint (norāde), undo (atsaukt) un restart (sākt no jauna). Līmeni pabeidzot bez bloķētiem pieskārieniem, norādēm vai atsaukšanas, iegūst Clean Clear, un katram līmenim pārlūka krātuvē var saglabāt arī izvēles labāko laiku. Notīrītie līmeņi atver piecus krāsu stilus Garage (garāžā). Krāsas ir tikai kosmētiskas: katra automašīna spēlējas vienādi.
Kā kods ir organizēts
Darbam ir divas vietas, un ir vērts tās turēt atsevišķi. Mape game/ ir būvētais rezultāts: augšupielādējiet to, un spēle darbojas. Izstrādātāja projekts ir vieta, kur notiek izmaiņas: līmeņi, iestatījumi, teksts, logotipi un audio faili. Pēc izmaiņas pārbūvējiet un aizstājiet hostēto game/ mapi ar pilnu jauno rezultātu.
Steks ir TypeScript, Three.js un WebGL2, būvēts ar Vite. Failos ir HTML, CSS, JavaScript, TypeScript un JSON. Pārbūvēšanai vajadzīgs Node.js 22.12 vai jaunāks un npm. Spēles spēlēšanai tas nav vajadzīgs.
Projektam ir četras komandas, un rokasgrāmata izskaidro katru no tām:
- npm run levels pārbauda jūsu līmeņu failus pirms būvēšanas.
- npm test palaiž testus.
- npm run typecheck atrod tipu kļūdas TypeScript.
- npm run build izveido jauno spēles mapi.
Līmeņu pārbaudītājs ir svarīgāks, nekā šķiet. Parkinga mīklas nenoiet ar skaļu kļūdu, bet klusi: laukums, ko nevar atrisināt, vai pasažieris bez atbilstošas automašīnas. Pārbaude pirms katras būvēšanas izmaksā mazāk, nekā dzirdēt par problēmu no spēlētājiem.
Ko mainīt vispirms parkinga mīklas sagatavē
Iesakām sākt ar šīm četrām izmaiņām šādā secībā.
1. Nosaukums, logotips un zīmols
HTML nosaukums un zīmola iestatījumi atrodas pirmkoda projektā, logotipa faili ir mapē public/, bet audio – savā mapē. Aizstājiet failus, saglabājot tos pašus ceļus, un pēc tam pārbūvējiet. Baltā etiķete ir atļauta: jūsu vai jūsu klienta zīmols aizvieto mūsu.
2. Līmeņi
Līmeņu izstrādes faili atrodas source/. Rediģējiet tos, pārbaudiet ar npm run levels, pārbūvējiet un augšupielādējiet. Rokasgrāmatā ir failu karte, tāpēc laukuma atrašanai kodā nav jāmeklē.
3. Saskarnes teksts un valodas
Saskarnes teksts atrodas valodu failos. Ja jūsu auditorija runā vienā no 14 valodām, izlasiet katru ekrānu vienreiz tajā valodā, jo dažus vārdus parasti vērts pielāgot zīmola balsij.
4. Spēles iestatījumi
Spēles iestatījumi glabājas konfigurācijas failos, nevis izkaisīti pa kodu. Mainiet vienu vērtību vienlaikus un pēc katras izmaiņas nospēlējiet dažus līmeņus.
- Dublējiet oriģinālo pakotni.
- Mainiet zīmola failus, saglabājot to ceļus.
- Rediģējiet vai pievienojiet līmeņus un palaidiet npm run levels.
- Palaidiet npm test un npm run build.
- Aizstājiet visu hostēto game/ mapi, nevis atsevišķus failus.
- Pārbaudiet uz tālruņiem un pārlūkiem, ko izmanto jūsu spēlētāji.
Hostēšana, iegulšana un lietotņu veikali
Augšupielādējiet game/ saturu jebkurā statiskā HTTP(S) hostingā un atveriet tā adresi. Spēlei nav vajadzīgs PHP, datubāze, konts vai Node.js serveris. Tā darbojas apakšmapē vai iframe jūsu lapā, un rokasgrāmatā ir iframe piemērs. Dodiet iframe pietiekamu augstumu, un, ja progresam jāpaliek pēc pārlādēšanas, atstājiet ieslēgtu pārlūka krātuvi.
Index.html atvēršana tieši no diska netiek atbalstīta; tai jādarbojas pār HTTP(S). Pārlūkam vajadzīgs JavaScript, ES moduļi un WebGL2. Spēlētāji skārienekrānos pieskaras, datorā klikšķina, un iestatījumos ir Low graphics mode (zemas grafikas režīms), kas taupa akumulatoru vecākos tālruņos.
Pakotnē nav natīvā lietotnes projekta. Ja vēlaties spēli lietotņu veikalā, savienotu ar portāla SDK vai instalētu jūsu serverī, tas ir atsevišķs pakalpojums, ko piedāvājam katram projektam atsevišķi.
Pieprasiet piedāvājumu izmaiņām, hostingam vai lietotnes versijai
Ko šis izdevums neietver
Beep Out ir vienspēlētāja spēle ar lokāliem datiem. Progress, ieraksti un iestatījumi paliek spēlētāja pārlūkā. Nav tiešsaistes daudzspēlētāju režīma, tiešsaistes ranga vai mākoņa ierakstu, nav reklāmu SDK un portāla SDK. Natīvās lietotnes, hostings un hostētie pakalpojumi nav pakotnes daļa.
Daudzām vietnēm tā ir pareizā forma: serverī nav nekā uzturēt, un spēlētāju dati neizkļūst ārpus pārlūka. Ja vajadzīga rezultātu tabula vai reklāmas, plānojiet šo darbu pirms palaišanas, nevis pēc.
Licence, atbalsts un cena vienā rindkopā
Viens pirkums dod bezterminu nekskluzīvu licenci izdevuma izmantošanai vienā gala produktā, jūsējā vai viena klienta. Spēlētāji var piekļūt bez maksas vai caur reklāmu monetizāciju. Šajā produktā drīkstat mainīt kodu, mākslu un audio un aizstāt mūsu nosaukumu un logotipu, bet nedrīkstat pārdot vai dalīt sagatavi, tās pirmkodu vai aktīvus atsevišķi. Atbalsts ilgst 6 mēnešus vai 12, ja norēķinā pievienojat paplašinājumu, un aptver failu uzstādīšanu un lietošanu, kā arī atkārtojamu defektu labošanu. Cenrāža cena ir 35 USD; līdz 2026. gada 30. novembrim Black Friday akcija dod 15% atlaidi katrai sagatavei, tāpēc Beep Out maksā 29,75 USD, un no 1. decembra cenas atgriežas cenrāžā.
Izlasiet pilnos licences un atbalsta noteikumus
Biežāk uzdotie jautājumi
Vai man vajadzīgs serveris vai datubāze?
Nē. Augšupielādējiet game/ saturu statiskā HTTP(S) hostingā un atveriet index.html caur šo adresi. Progress un ieraksti tiek saglabāti spēlētāja pārlūkā.
Vai varu pievienot savus parkinga līmeņus?
Jā. Rediģējiet līmeņu izstrādes failus source/, pārbaudiet tos ar npm run levels, pārbūvējiet un aizstājiet hostēto game/ mapi ar jauno rezultātu.
Vai satiksmes mīkla darbojas tālruņos?
Jā. Spēlētāji skārienekrānos pieskaras transportlīdzekļiem, datorā klikšķina. Pārlūkam jāatbalsta WebGL2, un zemas grafikas iestatījums palīdz vecākām ierīcēm. Pirms palaišanas pārbaudiet savos tālruņos.
Vai spēli var ielikt savā lapā?
Jā. Hostējiet to jebkurā mapē un iegulstiet ar iframe. Rokasgrāmatā ir piemērs.
Vai reklāmas vai tiešsaistes rezultāti ir iekļauti?
Nē. Izdevumā nav reklāmu SDK, tiešsaistes ranga vai daudzspēlētāju režīma. To pievienošana ir pielāgots darbs, ko cenojam katram projektam atsevišķi.
Vai vienu licenci var izmantot diviem klientiem?
Nē. Viena licence sedz vienu gala produktu. Otram klientam vajag otru licenci, un vairākas sagataves vienā pasūtījumā dod komplekta atlaidi.
Saistītās mīklu sagataves
Ja jūsu auditorija vairāk mīl kārtošanu nekā satiksmi, Mochi Monsters ir krāsu kārtošanas mīkla ar 60 līmeņiem trijās pasaulēs un Endless mode (bezgalīgais režīms), 39 USD pēc cenrāža. Ja vēlaties īsāku sesijas ciklu, Gridspark ir 8×8 bloku mīkla ar zibens ZAP gājienu un sēklas ikdienas izaicinājumu, 29 USD pēc cenrāža. Abām ir lasāms pirmkods un 14 saskarnes valodas.
Skatīt Mochi Monsters, krāsu kārtošanas mīklu
Ja vienā pasūtījumā pērkat divas vai vairāk sagataves, katra licence kļūst lētāka: 5% atlaide par divām, 10% par trim, 15% par četrām un 20% par piecām vai vairāk.