Kako napraviti igru od predloška: put za početnike u 7 koraka

Najbrži način da napravite igru kao početnik je da krenete od gotove. Odaberite predložak igre, odigrajte njegovu demo verziju, pročitajte priručnik, pa mijenjajte tekstove, grafiku i razine jednu po jednu datoteku, testirajući nakon svake promjene, dok igra ne postane vaša. Nakon toga mapu igre hostate na web-stranici ili je zamotate u aplikaciju. Ne morate prvo učiti motor igre niti gledati prazan ekran.

Ovaj vodič prati taj put u sedam koraka, sa stvarnim nazivima datoteka iz stranica proizvoda i priručnika naših predložaka, pa možete vidjeti kako izgleda „promijeni razine“ prije nego što išta kupite. Pisan je za ljude koji nikad nisu objavili igru: nastavnike, marketinške stručnjake, web-developere koji prvi put isprobavaju igre. Gdje korak traži Node.js ili uređivač koda, kažemo to.

Kako napraviti igru od predloška: sedam koraka

1. Odaberite predložak koji je blizu igre koju želite.
2. Igrajte demo dok ne poznajete svaki ekran.
3. Pročitajte priručnik i pronađite datoteke koje navodi.
4. Promijenite tekstove i jezike.
5. Promijenite grafiku i brend.
6. Promijenite razine, riječi ili pravila.
7. Testirajte, pa hostajte igru ili je zamotajte u aplikaciju.

Redoslijed je važan. Tekstovi su najsigurnija promjena, pa tu počinjete i učite kako datoteke rade. Pravila dolaze zadnja, jer mogu pokvariti igru na načine koje je teško odmah primijetiti.

Pregledajte predloške igara za početak

Korak 1: odaberite predložak blizu vaše ideje

Predložak štedi vrijeme samo ako zadržite većinu njega. Ako želite igru s riječima, krenite od igre s riječima; pretvaranje nogometne igre u kviz je prepisivanje, a ne posao s predloškom. Tri pitanja sužavaju izbor.

• Što igrač radi? Dodiruje parove, prelazi preko riječi, cilja udarce, slaže komade. Odaberite predložak čija se osnovna radnja podudara.
• Kako ćete ga mijenjati? Neka izdanja većinu promjena obavljaju u jednoj datoteci postavki; druga su TypeScript projekti koje ponovno gradite. Stranica proizvoda kaže koje.
• Gdje će raditi? Svako naše izdanje radi sa statične web-stranice. Nativne aplikacije i objava u trgovinama nisu uključeni ni u jedno izdanje.

Cijene u našoj trgovini idu od 5 do 59 USD po redovnoj cijeni, a svaka stranica proizvoda ima živi demo i popis pod nazivom „Not included in this edition“ (što nije uključeno u ovo izdanje). Taj popis čitajte jednako pažljivo kao i značajke.

Korak 2: igrajte demo kao tester

Igrajte demo pola sata, a ne dvije minute. Otvorite svaki izbornik, završite razinu, izgubite jednu, promijenite jezik, ponovo učitajte stranicu i provjerite je li napredak i dalje tu. Napravite popis svakog ekrana i svakog teksta koji vidite. Taj popis je vaša karta za sljedeće korake: svaka stavka na njemu nalazi se negdje u datotekama.

Igrajte je i na telefonu. Ako će vaši igrači koristiti telefone, demo na telefonu je pravi test predloška, a ne demo na laptopu.

Isprobajte demo Tenguina, slagalice parova brojeva

Korak 3: otvorite paket i pročitajte priručnik

Predložak je mapa, a ne program koji instalirate. U našim paketima nalazite iste dijelove, opisane na svakoj stranici proizvoda:

• game/: gotova igra spremna za hosting, s index.html, grafikom, zvukom i fontovima. Ovo ide online.
• Source: čitljivi kod koji uređujete. U nekim izdanjima, poput Ricopopa, datoteke u game/ su sam izvorni kod, bez koraka izgradnje. U drugima, poput Gridspark, postoji zasebna mapa izvornog koda koju ponovno gradite u game/.
• Dokumentacija: ilustrirani priručnik. Priručnik Gridspark pokriva instalaciju, prilagodbu, 20 čestih pitanja i rješavanje problema; Ricopop i Zabum također isporučuju START-HERE.txt.
• THIRD-PARTY-LICENSES: obavijesti za fontove i biblioteke. Naši uvjeti traže da ih čuvate uz svoj proizvod.

Pročitajte poglavlja priručnika o instalaciji i prilagodbi prije nego što dotaknete išta. Ona navode datoteke, a svaka promjena u nastavku počinje s jednim od tih naziva.

Korak 4: prvo promijenite tekstove i jezike

Tekstovi vas uče raspored datoteka uz malo rizika. Stvarni primjeri iz stranica naših proizvoda:

• Gridspark: tekst sučelja nalazi se u src/locales.js.
• Pinloop, Trimora i Twirldrop: tekst sučelja je u i18n.ts, a brand.ts sadrži naziv igre.
• Bodoku: tekst je u rječnicima src/i18n, a stranica upozorava da zadržite nepromijenjene umetnute oznake.
• Golazo: tekstovi su u rječnicima jezika, a timovi u teams.js.

Oznake mjesta su zamka. Redak poput „Razina {n} je završena“ treba zadržati {n} točno kakav jest, na svakom jeziku. Mijenjajte riječi oko njega, nikad zagrade.

Jezici su također dio izbora. Većina naših izdanja ima 14 jezika sučelja; Letter River, Plop i Zabum imaju 3. Uklanjanje jezika lakše je od dodavanja, a dodavanje znači prevesti svaki redak, ne samo izbornik.

Korak 5: promijenite grafiku i brend

Licenca dopušta white label: vaše ime i logotip možete staviti umjesto naših, a kod, grafiku i zvuk unutar svog proizvoda mijenjati. Kako to radite, ovisi o izdanju.

• Tenguin: većina postavki je u jednoj datoteci, tenguin.config.js, uz index.html: naslov, put do logotipa, boja naglaska, zadani jezik, nagrade i cijene. Promijenite vrijednost, prenesite datoteku, ponovno učitajte. Bez izgradnje.
• Bodoku i Frogdoku: grafika je navedena u src/art/manifest.ts.
• Pinloop: brand.ts sadrži naslov, boje, 30 meta i 12 pozadina; zvuk i glazba su u public/audio.
• Ricopop: glazba i efekti su MP3 datoteke koje možete zamijeniti, a ricopop.config.js upravlja zaslonom za početak dodirom i gumbom za cijeli zaslon.

Zadržite istu veličinu i format slike kao datoteka koju zamjenjujete. Logotip dvostruko širi od originala gurat će izbornik na načine koje kod nije predvidio.

Pogledajte Pinloop i njegovu datoteku brand.ts

Korak 6: promijenite razine, riječi ili pravila

Ovdje vaša igra prestaje izgledati kao tuđa kopija. Ovdje alati za testiranje najviše pomažu.

• Ricopop: 50 razina su tekstualne mape u src/levels.js. Neobavezni alat node tools/validate.mjs provjerava može li se svaka razina i dalje riješiti nakon što uredite mapu.
• Letter River: riječi i tragovi su u source/words/en.js, pt.js i es.js, a generiranje slagalica je u source/js/levels.js. node test/check.js provjerava popise riječi i 80 razina po jeziku.
• Deepforge: odjeljci, odabiri, ravnoteža i tekst su u source/src/data/chambers.ts.
• Gridspark: konstante pravila i paleta boja su u src/config.js, a pravila slagalice u game.js, board.js, generator.js i shapes.js.

Pravila su najrizičnija promjena. Mijenjajte jedan broj u jednom trenutku, odigrajte tri runde, pa idite na sljedeći. Ako igra izgleda krivo, vratite se na svoju kopiju „original“ i usporedite.

Pogledajte Letter River, slagalicu riječi s uredivim popisima

Korak 7: testirajte, pa hostajte ili zamotajte

Testirajte na lokalnom serveru, a ne dvostrukim klikom

Nekoliko naših stranica proizvoda jasno kaže da igra ne radi s file://, adrese koju dobijete dvostrukim klikom na index.html. Testirajte kroz lokalni web-server: mnogi uređivači koda imaju ga, a neobavezni alati za programere Ricopopa uključuju jedan. Izdanja napisana u TypeScriptu trebaju Node.js za ponovnu izgradnju: Gridspark, primjerice, pokreće npm test i npm run build da kopira datoteke spremne za igru u game/; Pinloop gradi u dist/, što kopirate u game/.

Hostajte je

Prenesite sadržaj game/ na bilo koji statički HTTP(S) hosting. Naša izdanja ne trebaju PHP ni bazu podataka za igranje; Zabum i Ricopop imaju neobavezne PHP ljestvice, isključene prema zadanim postavkama. Zadržite svaku mapu uz index.html, kako priručnici kažu.

Ili je zamotajte u aplikaciju

Alati poput Capacitora stavljaju web-igru u projekt za Android ili iOS. Stranica Capacitora za početak traži mapu s izgrađenim web-sredstvima i index.html u korijenu, dodaje platforme naredbama npx cap add android i npx cap add ios te kopira datoteke naredbom npx cap sync. To je korak dalje od prvog tjedna početnika, a nijedno naše izdanje ne uključuje nativne izgradnje ni objavu u trgovini; taj rad nudimo zasebno.

1. Svaki ekran s vašeg popisa iz koraka 2 prikazuje vaše tekstove i grafiku.
2. Napredak preživi ponovno učitavanje.
3. Igra radi na telefonu, u orijentaciji koju očekujete.
4. Obavijesti THIRD-PARTY-LICENSES i dalje su uz datoteke.
5. Možete objasniti što ste promijenili, datoteku po datoteku.

Što licenca dopušta s vašom igrom

Svaka kupnja daje trajnu, nekskluzivnu licencu za jedan krajnji proizvod, vaš ili jednog klijenta. Igrači mogu pristupiti besplatno ili uz monetizaciju oglasima. Kod, grafiku i zvuk smijete mijenjati i zamijeniti naš naziv i logotip. Ne smijete preprodavati ni dijeliti predložak, njegov kod ili sredstva samostalno, kao predložak, komplet ili paket sredstava. Podrška traje 6 mjeseci, odnosno 12 uz produženje, i pokriva instalaciju i korištenje isporučenih datoteka te ponovljive greške. Prilagodba i nove značajke su zasebne usluge, koje se nude prije početka rada.

Pročitajte cijele uvjete licence

Često postavljana pitanja

Mogu li napraviti igru bez znanja programiranja?

Mnogo toga možete promijeniti bez koda: tekstove, boje, slike i neke postavke žive u običnim datotekama. Tenguin drži većinu postavki u jednoj konfiguracijskoj datoteci. Promjena pravila ili razina u TypeScript izdanju traži osnovno čitanje koda i Node.js za ponovnu izgradnju.

Što mi treba instalirano?

Uređivač koda i preglednik dovoljni su za izdanja bez koraka izgradnje, poput Ricopopa i Golaza. Izdanja u TypeScriptu trebaju Node.js i npm za ponovnu izgradnju; stranica svakog proizvoda navodi verziju.

Mogu li prodati ili objaviti igru koju sam napravio od predloška?

Možete je objaviti kao jedan krajnji proizvod, za sebe ili jednog klijenta, besplatno ili uz oglase. Predložak ili njegov kod ne smijete preprodavati samostalno. Za plaćene aplikacije ili kupnje unutar aplikacije prvo nas pitajte.

Zašto mi se pri otvaranju index.html prikazuje prazna stranica?

Obično zato što je otvorena s file://. Pokrenite je preko lokalnog web-servera ili je prenesite na hosting, kako opisuju priručnici.

Koliko vremena treba?

Ovisi koliko mijenjate. Tekstovi i logotip mogu trajati jedan dan; nove razine, grafika i pravila traju duže. Počnite s tekstovima, objavite testnu verziju, pa ostalo dodajte u krugovima.

Počnite s jednom igrom

Odaberite jedan predložak, odigrajte njegov demo pola sata i pročitajte poglavlje o prilagodbi u priručniku. Ako datoteke koje navodi izgledaju kao nešto što možete promijeniti, pronašli ste polaznu točku. Ako radije želite da mi napravimo promjene, pošaljite predložak i svoj popis, a odgovorit ćemo ponudom.

Pogledajte sve predloške igara

Zatražite ponudu za promjene