Parkimismõistatuse mängu lähtekood: 30 tasemega 3D liiklusmõistatus

Kui otsid parkimismõistatuse mängu lähtekoodi, on lühike vastus järgmine: Beep Out on valmis 3D liiklusmõistatus brauserile, 30 tasemega, üleslaaditav koostis ja selle taga redigeeritav TypeScripti projekt. Hind on 35 $. See juhend avab paketi ja näitab, milleks iga osa on.

Parkimisummikute mängud tunduvad lihtsad, seetõttu tuleb nõrk mäng kiiresti välja. Reeglid peavad olema ühe pilguga loetavad, tasemete järjekord peab õpetama ja kood peab lubama lisada oma laudu, lõhkumata vanu. Need on kolm asja, mida siin vaatame, koos majutuse, litsentsi ja selle väljaandega, mis ei sisalda.

Mis sisaldub parkimismõistatuse mängu lähtekoodi paketis

Beep Out müüakse kohaliku brauseri väljaandena, versioon 1.1.0. Allalaadimine koosneb kahest poolest: mängust, mille saad kohe majutada, ja projektist, mida saad muuta.

• Valmis üleslaadimiseks game/ kaust kõigi 30 tasemega.
• Loetav käitusaja JavaScript, CSS ja andmed, et näha, mida brauser käivitab.
• TypeScripti arendaja lähtekood koos mänguvarade ja testidega.
• Illustreeritud juhend inglise ja portugali keeles, mis hõlmab paigaldust, failikaarti, kohandamist, tõrkeotsingut ja KKK-d.
• Sõltuvuste ja fontide litsentsiteated.

Liides on 14 keeles: inglise, portugali, hispaania, prantsuse, saksa, itaalia, hollandi, poola, türgi, vene, indoneesia, jaapani, korea ja lihtsustatud hiina keel. Juhend ise on ainult inglise ja portugali keeles, mis on oluline, kui sinu arendaja ei loe kumbagi.

Ava Beep Outi leht ja mängi demot

Kuidas liiklusmõistatus töötab, reegel reegli haaval

Igal sõidukil on katusel nool, mis näitab väljumiskohta. Puuduta või klõpsa autot, mille ees olev tee on vaba, ja see sõidab minema. Kui valid blokeeritud auto, põrkab see liiklusse, seega otsustab käikude järjekord taseme.

Alates 4. tasemest ootab bussipeatuses reisijate järjekord. Sõiduk saab lahkuda ainult siis, kui tema värv sobib järgmise reisijaga. Vaba vale värvi auto parkib lahtrisse ja väljub ise, kui tema reisija järele jõuab. Parkla on väike, nii et liiga palju valesid värve täidab selle ära, ja mängijad peavad planeerima mitu käiku ette. Just see teine kiht muudab tavalise ummiku järjestusmõistatuseks.

Mänguekraanil on Hint (vihje), Undo (tagasivõtt) ja Restart (uuesti alustamine). Kui lõpetad taseme ilma blokeeritud puudutusteta, vihjeteta ja tagasivõtuta, saad Clean Clear'i (puhas läbimine). Valikuline parim aeg igal tasemel salvestatakse brauserisse. Läbitud tasemed avavad garaažis (Garage) viis värvistiili. Värvid on kosmeetilised: iga auto sõidab samamoodi.

Kuidas kood on korraldatud

Töötada on kahes kohas ja on kasulik need eraldi hoida. game/ kaust on valmis väljund: laadi see üles ja see mängib. Arendajaprojektis tehakse muudatused: tasemed, seaded, tekstid, logod ja helifailid. Pärast muudatust koosta uuesti ja asenda majutatud game/ kaust täieliku uue väljundiga.

Tehnoloogiapinu on TypeScript, Three.js ja WebGL2, koostatud Vite abil. Failid hõlmavad HTML-i, CSS-i, JavaScripti, TypeScripti ja JSON-i. Uuesti koostamiseks on vaja Node.js 22.12 või uuemat ja npm-i. Mängimiseks seda kõike ei vajata.

Projektis on neli käsku ja juhend selgitab igaühte:

• npm run levels kontrollib tasemefaile enne koostamist.
• npm test käivitab testid.
• npm run typecheck leiab TypeScripti tüübivead.
• npm run build kirjutab uue mängukausta.

Tasemekontroll on tähtsam, kui see kõlab. Parkimismõistatused ebaõnnestuvad vaikselt: laud, mida ei saa lahendada, või reisija, kellele ei sobi ühtegi autot. Kontrolli käivitamine enne iga koostamist on odavam kui mängijatelt kuulmine.

Mida parkimismõistatuse mallis esmalt muuta

Soovitame alustada neljast muudatusest selles järjekorras.

1. Nimi, logo ja bränding

HTML-i pealkiri ja brändiseaded asuvad lähtekoodi projektis, logofailid kaustas public/ ja heli oma kaustas. Asenda failid samade asukohtadega ja koosta uuesti. Valge sildi (white label) kasutamine on lubatud: sinu või su kliendi bränd asendab meie oma.

2. Tasemed

Tasemete koostamise failid on kaustas source/. Muuda neid, kontrolli käsuga npm run levels, koosta uuesti ja laadi üles. Juhendis on failikaart, nii et laua leidmiseks ei pea koodi läbi otsima.

3. Liidese tekst ja keeled

Liidese tekst asub keelefailides. Kui su publik räägib ühte 14-st keelest, loe iga ekraan selles keeles üle, sest mõni sõna tasub tavaliselt brändi häälega kohandada.

4. Mängu seaded

Mängu seaded on hoitud seadistusfailides, mitte laiali koodis. Muuda korraga ühte väärtust ja mängi pärast iga muudatust mõned tasemed läbi.

1. Tee algsest paketist varukoopia.
2. Muuda brändifaile, säilitades nende asukohad.
3. Muuda või lisa tasemeid ja käivita npm run levels.
4. Käivita npm test ja npm run build.
5. Asenda kogu majutatud game/ kaust, mitte üksikuid faile.
6. Testi telefonides ja brauserites, mida su mängijad kasutavad.

Majutus, manustamine ja rakenduste poed

Laadi game/ kausta sisu üles mis tahes staatilisele HTTP(S) majutusele ja ava selle aadress. Mängimiseks ei ole vaja PHP-d, andmebaasi, kontot ega Node.js-i serverit. See töötab alamkaustas või sinu lehe sees iframe'is, juhend sisaldab näidisfragmenti iframe'i jaoks. Anna iframe'ile piisavalt kõrgust ja jäta brauseri salvestus lubatuks, kui edusammud peavad lehe uuesti laadimisel säilima.

index.html-i avamine otse kettalt ei ole toetatud; see peab töötama HTTP(S) kaudu. Brauser vajab JavaScripti, ES-mooduleid ja WebGL2-t. Mängijad puudutavad puuteekraanil ja klõpsavad arvutis ning seadete all on Low graphics (madal graafika) režiim, mis säästab akut vanemates telefonides.

Pakett ei sisalda natiivse rakenduse projekti. Kui soovid mängu rakenduste poes, ühendatud portaali SDK-ga või sinu serverisse installituna, on see eraldi teenus, mida pakume projektipõhiselt.

Küsi pakkumist muudatuste, majutuse või rakendusversiooni kohta

Mida see väljaanne ei sisalda

Beep Out on ühe mängijaga ja andmed on kohalikud. Edusammud, tulemused ja seaded jäävad mängija brauserisse. Võrgumängu, võrgus tulemustetabelit ega pilvesalvestusi ei ole, samuti pole reklaamide SDK-d ega portaali SDK-d. Natiivsed rakendused, majutus ja hostitud teenused ei ole paketi osa.

Paljudele saitidele on see õige kuju: serverit pole vaja hooldada ja mängija andmed ei lahku brauserist. Kui vajad tulemustetabelit või reklaame, planeeri see töö enne starti, mitte pärast.

Litsents, tugi ja hind ühes lõigus

Üks ost annab igavesti kehtiva, mitteeksklusiivse litsentsi väljaande kasutamiseks ühes lõpptootes, kas sinu või ühe kliendi oma. Mängijad saavad sellele ligi tasuta või reklaamitulu kaudu. Selle toote piires võid muuta koodi, graafikat ja heli ning asendada meie nime ja logo oma omaga, kuid malli, selle lähtekoodi ega varasid eraldi edasi müüa ega jagada ei tohi. Tugi kestab 6 kuud, või 12 kuud, kui ostes lisad laienduse, ning hõlmab failide paigaldamist ja kasutamist ning korduvate vigade parandamist. Tavahind on 35 $. Kuni 30. novembrini 2026 kehtib Black Friday soodustus, mis annab kõigile mallidele 15% allahindluse, seega maksab Beep Out 29,75 $. 1. detsembrist naasevad hinnad tavahinnale.

Loe litsentsi- ja tugitingimusi täielikult

Korduma kippuvad küsimused

Kas vajan serverit või andmebaasi?

Ei. Laadi game/ kausta sisu staatilisele HTTP(S) majutusele ja ava index.html selle aadressi kaudu. Edusammud ja tulemused salvestatakse mängija brauserisse.

Kas saan lisada oma parkimistasemeid?

Jah. Muuda tasemete koostamise faile kaustas source/, kontrolli neid käsuga npm run levels, koosta uuesti ja asenda majutatud game/ kaust uue väljundiga.

Kas liiklusmõistatus töötab telefonides?

Jah. Mängijad puudutavad sõidukeid puuteekraanil ja klõpsavad arvutis. Brauser peab toetama WebGL2-t ja madala graafika seade aitab vanemaid seadmeid. Testi enne starti oma telefonides.

Kas saan mängu panna oma lehe sisse?

Jah. Majuta see mis tahes kaustas ja manusta iframe'iga. Juhend sisaldab näidisfragmenti.

Kas reklaamid või veebitulemused on kaasas?

Ei. Väljaandes ei ole reklaami-SDK-d, võrgus tulemustetabelit ega mitmikmängu. Nende lisamine on kohandatud töö, mida pakutakse projektipõhiselt.

Kas ühte litsentsi saab kasutada kahe kliendi jaoks?

Ei. Üks litsents katab ühte lõpptoodet. Teine klient vajab teist litsentsi, ja mitme malli ostmisel samas tellimuses on hinnaalandus.

Seotud mõistatusmallid

Kui su publik armastab rohkem sorteerimist kui liiklust, on Mochi Monsters värvisortimise mõistatus 60 tasemega kolmes maailmas ja lõputu režiimiga, tavahind 39 $. Kui soovid lühemat mänguringi, on Gridspark 8×8 plokkmõistatus välgulaadse ZAP-liigutusega ja seemnega igapäevase väljakutsega, tavahind 29 $. Mõlemad tulevad loetava lähtekoodi ja 14 liidese keelega.

Vaata Mochi Monstersit, värvisortimise mõistatust

Vaata Gridsparki, plokkmõistatust

Kahe või enama malli ostmine samas tellimuses odavdab iga litsentsi: kahe puhul 5%, kolme puhul 10%, nelja puhul 15% ja viie või enama puhul 20%.

Hangi Beep Outi parkimismõistatuse mängu lähtekood