Kuidas teha mängu mallist: algaja tee 7 sammus
Mallist valimisest mänguni, mille peal on sinu nimi: failid, mida avad, muudatused, mis tulevad esimesena, ning kuidas testida, hostida või rakendusena pakendada.

Kiireim viis mängu tegemiseks algajana on alustada valmis mängust. Vali mängumall, mängi demot, loe juhendit ja muuda tekste, kunsti ja tasemeid üks fail korraga, testides pärast iga muudatust, kuni mäng on sinu oma. Pärast seda hostid mängukausta veebilehel või pakendad selle rakendusena. Mootorit ei pea enne õppima ega ole tühja lehte.
See juhend käib sellel teel seitsme sammu kaupa, kasutades päris failinimesid meie mallide tootelehtedelt ja juhenditest, nii et näed, mida tähendab „muuda tasemeid“, enne kui midagi ostad. See on kirjutatud inimestele, kes pole kunagi mängu välja andnud: õpetajale, turundajale, veebiarendajale, kes proovib esimest korda mänge. Kus samm vajab Node.js-i või koodiredaktorit, ütleme seda.
Kuidas teha mängu mallist: seitse sammu
- Vali mall, mis on sinu mängule lähedal.
- Mängi demot, kuni tunned iga ekraani.
- Loe juhendit ja leia failid, mida see nimetab.
- Muuda tekste ja keeli.
- Muuda kunsti ja brändi.
- Muuda tasemeid, sõnu või reegleid.
- Testi ja siis hosti mäng või pakenda see rakenduseks.
Järjekord on tähtis. Tekstid on kõige turvalisem muudatus, seega alustad sealt ja õpid, kuidas failid töötavad. Reeglid tulevad viimasena, sest need võivad mängu katki teha viisil, mille märkamine võtab aega.
Samm 1: vali mall, mis on sinu ideele lähedal
Mall säästab aega ainult siis, kui jätad suurema osa sellest alles. Kui tahad sõnamängu, alusta sõnamängust; jalgpallimängu muutmine viktoriiniks on ümberkirjutamine, mitte malli töö. Kolm küsimust kitsendavad valikut.
- Mida mängija teeb? Puudutab paare, jälgib sõnu, sihib lööke, sorteerib tükke. Vali mall, mille tuumtegevus sobib.
- Kuidas sa seda muudad? Mõned väljaanded võtavad enamiku muudatustest ühte seadistusfaili; teised on TypeScripti projektid, mida ehitad uuesti. Tootelehel on öeldud, milline on milline.
- Kus see jookseb? Iga meie väljaanne jookseb staatilisest veebilehest. Natiivseid rakendusi ja poes avaldamist ei sisalda ükski väljaanne.
Meie poes algavad hinnad 5 USA dollarist ja ulatuvad 59 USA dollarini listhinnaga ning iga tootelehel on elav demo ja loend „Not included in this edition“ (selles väljaandes puudub). Loe seda loendit sama hoolikalt kui funktsioone.
Samm 2: mängi demot nagu testija
Mängi demot pool tundi, mitte kaks minutit. Ava iga menüü, lõpeta tase, kaota üks, vaheta keelt, lae leht uuesti ja kontrolli, et edenemine on alles. Tee nimekiri igast ekraanist ja igast tekstitükist, mida näed. See nimekiri on sinu kaart järgmisteks sammudeks: iga kirje asub kuskil failides.
Mängi seda ka telefonis. Kui su mängijad kasutavad telefone, on demo telefonis malli tegelik test, mitte sülearvutis.
Proovi Tenguini demot, numbripaaride pusle
Samm 3: ava pakett ja loe juhendit
Mall on kaust, mitte programm, mida installid. Meie pakettides leiad samad osad, mis on kirjeldatud igal tootelehel:
- game/: valmis hostitav mäng, index.html, kunst, heli ja fondid. See läheb võrku.
- Lähtekood: loetav kood, mida muudad. Mõnes väljaandes, näiteks Ricopopis, on game/ failid ise lähtekood, ilma ehitusetapita. Teistes, näiteks Gridspark, on eraldi lähtekaust, mille uuesti ehitad game/ kausta.
- Dokumentatsioon: illustreeritud juhend. Gridspark'i juhend hõlmab paigaldamist, kohandamist, 20 KKK-d ja tõrkeotsingut; Ricopop ja Zabum saadavad ka faili START-HERE.txt.
- THIRD-PARTY-LICENSES: fontide ja teekide teated. Meie tingimused palub neid hoida koos tootega.
Loe juhendi paigaldus- ja kohandamispeatükid enne midagi puutumist. Need nimetavad failid ja iga muudatus allpool algab ühe nimega neist.
Samm 4: muuda esmalt tekste ja keeli
Tekstid õpetavad failide paigutust väikese riskiga. Päris näited meie tootelehtedelt:
- Gridspark: liidese tekst asub failis src/locales.js.
- Pinloop, Trimora ja Twirldrop: liidese tekst on failis i18n.ts ja brand.ts hoiab mängu nime.
- Bodoku: tekst asub kaustas src/i18n sõnastikes ning leht hoiatab, et interpolatsioonikohad peavad jääma puutumata.
- Golazo: tekstid on keelesõnastikes ja meeskonnad failis teams.js.
Kohahoidjad on lõks. Rida nagu „Tase {n} läbitud“ vajab, et {n} jääks täpselt samaks igas keeles. Muuda sõnu selle ümber, mitte sulge.
Keeled on samuti osa valikust. Enamikul meie väljaannetel on 14 liidese keelt; Letter River, Plop ja Zabum on 3. Keele eemaldamine on lihtsam kui lisamine, ja keele lisamine tähendab iga rea tõlkimist, mitte ainult menüü.
Samm 5: muuda kunsti ja brändi
Litsents lubab white label'it: võid Polar Gamesi nime ja logo asendada oma omaga ning muuta koodi, kunsti ja heli oma lõpptoote sees. Kuidas seda teed, sõltub väljaandest.
- Tenguin: enamik seadeid on ühes failis tenguin.config.js, index.html kõrval: pealkiri, logo tee, aktsendivärv, vaikekeel, auhinnad ja hinnad. Muuda väärtust, lae fail üles ja lae leht uuesti. Ehitamist pole.
- Bodoku ja Frogdoku: kunst on deklareeritud failis src/art/manifest.ts.
- Pinloop: brand.ts hoiab pealkirja, värve, 30 sihtmärki ja 12 tausta; heli ja muusika asuvad kaustas public/audio.
- Ricopop: muusika ja efektid on MP3-failid, mida saab vahetada, ning ricopop.config.js juhib puudutusega alustamise ekraani ja täisekraani nuppu.
Hoia asendatava failiga sama pildisuurus ja vorming. Logo, mis on kaks korda laiem kui algne, lükkab menüü ümber viisil, mida kood ei oodanud.
Vaata Pinloopit ja tema brand.ts faili
Samm 6: muuda tasemeid, sõnu või reegleid
Siin lakkab sinu mäng olemast kõigi teiste koopia. Siin aitavad testimise tööriistad kõige rohkem.
- Ricopop: 50 taset on tekstikaardid failis src/levels.js. Valikuline tööriist node tools/validate.mjs kontrollib, et iga tase oleks pärast kaardi muutmist ikka võidetav.
- Letter River: sõnad ja vihjed on failides source/words/en.js, pt.js ja es.js ning pusle genereerimine asub failis source/js/levels.js. node test/check.js kontrollib sõnanimekirju ja 80 taset keele kohta.
- Deepforge: kambrid, valikud, tasakaal ja tekst on failis source/src/data/chambers.ts.
- Gridspark: reeglite konstandid ja värvipalett on failis src/config.js ning pusle reeglid failides game.js, board.js, generator.js ja shapes.js.
Reeglid on kõige riskantsem muudatus. Muuda üks number korraga, mängi kolm vooru, siis järgmine. Kui mäng tundub vale, mine tagasi oma „original“ koopia juurde ja võrdle.
Vaata Letter Riverit, sõnapuslet muudetavate sõnanimekirjadega
Samm 7: testi, siis hosti või pakenda
Testi kohaliku serveri kaudu, mitte topeltklõpsuga
Mitmed meie tootelehed ütlevad selgelt, et mäng ei jookse failist file://, aadressilt, mille saad index.html topeltklõpsuga avades. Testi kohaliku veebiserveri kaudu: paljudel koodiredaktoritel on see sees ja Ricopopi valikulised arendajatööriistad sisaldavad ühte. TypeScripti väljaannete ümberehitamiseks on vaja Node.js-i: näiteks Gridspark käivitab npm test ja npm run build, et kopeerida mängitavad failid kausta game/; Pinloop ehitab kausta dist/, mille kopeerid kausta game/.
Hosti see
Laadi game/ sisu mis tahes staatilisele HTTP(S) hostile. Meie väljaanded ei vaja mängimiseks PHP-d ega andmebaasi; Zabumil ja Ricopopil on valikulised PHP edetabelid, mis on vaikimisi välja lülitatud. Hoia iga kaust index.html kõrval, nagu juhendid ütlevad.
Või pakenda rakendusena
Tööriistad nagu Capacitor paigutavad veebimängu Androidi või iOS-i projekti. Capacitori alustamise leht nõuab koostatud veebivarade kausta, kus on index.html juurtasemel, lisab platvormid käskudega npx cap add android ja npx cap add ios ning kopeerib failid käsuga npx cap sync. See on samm kaugemale algaja esimesest nädalast, ja ühegi meie väljaande hulka ei kuulu natiivsed ehitused ega poes avaldamine; selle töö pakume eraldi.
- Iga ekraan sinu samm 2 nimekirjast näitab sinu tekste ja kunsti.
- Edenemine jääb alles pärast lehe uuesti laadimist.
- Mäng töötab telefonis soovitud suunas.
- THIRD-PARTY-LICENSES teated on endiselt failidega kaasas.
- Oskad selgitada, mida muutsid, fail-faililt.
Mida litsents lubab sinu mänguga teha
Iga ost annab igavesti kehtiva, mitteeksklusiivse litsentsi ühele lõpptootele, sinu või ühe kliendi oma. Mängijad võivad mängida tasuta või reklaamitulu teenides. Võid muuta koodi, kunsti ja heli ning asendada meie nime ja logo. Malli, selle koodi ega varasid ei tohi eraldi müüa ega jagada, ei malli, komplektina ega varapaketina. Tugi kestab 6 kuud või 12 koos laiendusega ja hõlmab failide paigaldamist ja kasutamist ning korduvaid vigu. Kohandus ja uued funktsioonid on eraldi teenused, mida pakutakse enne töö algust.
Loe täielikke litsentsitingimusi
Korduma kippuvad küsimused
Kas saan mängu teha ilma koodi oskamata?
Palju saab muuta ilma koodita: tekste, värve, pilte ja mõningaid seadeid elavad lihtsates failides. Tenguin hoiab enamikku seadeid ühes seadistusfailis. TypeScripti väljaandes reeglite või tasemete muutmine vajab põhilist koodi lugemise oskust ja Node.js-i uuesti ehitamiseks.
Mis peab olema paigaldatud?
Koodiredaktor ja brauser piisavad väljaannetele, millel pole ehitusetappi, näiteks Ricopop ja Golazo. TypeScripti väljaanded vajavad Node.js-i ja npm-i uuesti ehitamiseks; iga tootelehekülg nimetab versiooni.
Kas saan mallist tehtud mängu müüa või avaldada?
Saad avaldada seda ühe lõpptootena, sinu või ühe kliendi jaoks, tasuta mängitavana või reklaamidega. Malli ega selle koodi ei saa eraldi edasi müüa. Tasuliste rakenduste või rakendusesisese ostu puhul küsi enne meilt.
Miks mu mäng näitab tühja lehte, kui avan index.html?
Tavaliselt seetõttu, et see avati file:// kaudu. Käivita see kohaliku veebiserveri kaudu või laadi hosti, nagu juhendid kirjeldavad.
Kui kaua see võtab aega?
See sõltub, kui palju muudad. Tekstid ja logo võivad võtta päeva; uued tasemed, kunst ja reeglid võtavad kauem. Alusta tekstidest, avalda katseversioon ja lisa ülejäänu voorudena.
Alusta ühest mängust
Vali üks mall, mängi selle demot pool tundi ja loe kohandamispeatükki. Kui failid, mida ta nimetab, tunduvad muudetavad, oled leidnud alguspunkti. Kui eelistad, et muudatused teeme meie, saada mall ja oma nimekiri, ja vastame pakkumisega.
