3 načina za stvaranje internetske igre

Sadržaj:

3 načina za stvaranje internetske igre
3 načina za stvaranje internetske igre

Video: 3 načina za stvaranje internetske igre

Video: 3 načina za stvaranje internetske igre
Video: Как устроена IT-столица мира / Russian Silicon Valley (English subs) 2024, Maj
Anonim

Jeste li ikada igrali neku igru na mreži i pomislili: "Želim napraviti nešto ovakvo, imam neke sjajne ideje"? Ranije ste morali naučiti kodirati u ActionScript 3, jeziku koji pokreće Flash. Međutim, zahvaljujući nekim programima za izradu igara, iskustvo kodiranja je prošlost. Igre možete učiniti zabavnim i zadivljujućim manipuliranjem objektima i logikom, bez dodirivanja linija koda.

Korak

Metoda 1 od 3: Dizajniranje igara

Napravite mrežne igre 1. korak
Napravite mrežne igre 1. korak

Korak 1. Napišite osnovni opis

Unesite značajke i ono što želite da igrač postigne. Sjajno je imati osnovni opis onoga što želite učiniti sa svojom igrom u pisanoj formi, tako da to možete vidjeti dok radite na njoj.

Za više detalja o pisanju dokumenata o dizajnu igara pogledajte ovaj vodič

Napravite igre na mreži 2. korak
Napravite igre na mreži 2. korak

Korak 2. Nacrtajte neke skice

Nacrtajte osnovni dizajn ekrana onako kako želite. Ne mora biti previše detaljan, ali morate barem imati ideju o tome gdje će se razni elementi postaviti na ekranu. Ovo će vam dobro doći kasnije kada počnete s izgradnjom sučelja za svoju igru.

Napravite igre na mreži 3. korak
Napravite igre na mreži 3. korak

Korak 3. Odaberite metodu za kreiranje igre

U početku morate naučiti kôd za ActiopnScript3 za kreiranje Flash igara. Iako to još uvijek možete učiniti, dostupni su programi koji mogu olakšati učenje stvaranja igara i ne zahtijevaju iskustvo kodiranja. Neki popularni izbori za kreiranje igara uključuju:

  • Stencyl - Ovo je noviji alat koji vam omogućuje izradu igara pomoću objektnih skripti i logike. Ova igra se tada može pretvoriti u Flash projekt i postaviti na bilo koju web stranicu koja podržava Flash igre.
  • Konstrukcija 2 - Kako Flash stari, trebalo bi ga početi zamjenjivati drugim načinima stvaranja igara. Jedan od najnovijih načina za stvaranje internetskih igara je korištenje HTML5. Obično ovo zahtijeva mnogo znanja o kodiranju, ali Construct 2 vam omogućuje da stvarate igre koristeći objekte i skriptiranje, poput Stencyla.
  • Flash Builder - Ovo je tradicionalna metoda za stvaranje Flash igara. Zahtijeva priličnu količinu znanja o ActionScript -u, ali je jedan od jezika za lakše učenje. Flash Builder košta novac, ali možete koristiti otvoreni program FlashDevelop za mnoge iste namjene.

Metoda 2 od 3: Korištenje Stencyla

Napravite igre na mreži Korak 4
Napravite igre na mreži Korak 4

Korak 1. Preuzmite i instalirajte Stencyl

Stencyl je program za stvaranje igara koji ne zahtijeva znanje kodiranja. Za manipulaciju objektima u igri možete koristiti različite logičke alate.

Stencyl se može besplatno koristiti samo ako svoju igru želite objaviti na mreži. Besplatna verzija će imati logotip Stencyl na početku. Ako dobijete plaćenu verziju, možete objaviti na drugim platformama

Napravite igre na mreži Korak 5
Napravite igre na mreži Korak 5

Korak 2. Kreirajte svoju novu igru

Kada pokrenete Stencyl, prikazat će vam se popis vaših igara. Na popisu će biti nekoliko primjera igara koje možete pogledati kako biste vidjeli kako funkcioniraju. Da biste počeli raditi na svojoj igri, kliknite isprekidani okvir s oznakom "Kliknite ovdje za stvaranje nove igre".

Napravite igre na mreži Korak 6
Napravite igre na mreži Korak 6

Korak 3. Odaberite komplet

Postoji nekoliko kompleta koji sadrže gotova sredstva i predmete koji vam mogu pomoći da brzo pokrenete igru. Odaberite komplet ako želite ili odaberite "Blank Game" (Blank Game)

Na mreži možete preuzeti komplete drugih korisnika

Napravite online igre 7. korak
Napravite online igre 7. korak

Korak 4. Unesite podatke o igri

Prije nego započnete s izgradnjom igre, morate unijeti neke podatke.

  • Ime - Ovo je naziv vaše igre. Ovo kasnije možete promijeniti na šta god želite.
  • Veličina ekrana - Ovo je veličina vašeg ekrana i vrlo je važna jer će utjecati na umjetnost koju koristite. Budući da će ljudi obično igrati vašu igru sa svojim web preglednikom, veličina ekrana ne mora biti tako velika. Isprobajte Širina: 640 px Visina: 480 px. Ovo je dobra veličina za početak.
Napravite igre na mreži 8. korak
Napravite igre na mreži 8. korak

Korak 5. Upoznajte se sa izgledom

Kada prvi put učitate igru, bit ćete preusmjereni na nadzornu ploču. Ovdje možete vidjeti sve scene svoje igre i pristupiti svim resursima. Ovdje možete promijeniti i postavke igre. Većinu svog vremena ćete provesti radeći na nadzornoj ploči.

  • Scena - Ovo je glavni prozor nadzorne ploče i prikazuje stvarnu igru i sva sredstva. Vaša igra će biti zbirka scena.
  • Resursi - Ovo je popis svih objekata i sredstava u vašoj igri. Ovo uključuje glumce, pozadinu, fontove, scene, logiku, zvukove i skupove pločica. Izvori su raspoređeni u stablu na lijevoj strani ekrana.
  • Postavke - Opcije igre i postavke omogućuju vam da prilagodite način rada mehanike igre, uključujući kontrole, gravitaciju, rušenja, učitavanje ekrana i još mnogo toga.
Napravite igre na mreži Korak 9
Napravite igre na mreži Korak 9

Korak 6. Kreirajte glumce

Glumac je svaki objekt koji se kreće ili s kojim se može igrati u igri (igrači, neprijatelji, vrata itd.) Morat ćete stvoriti glumca za svaki objekt u igri. Da biste stvorili glumca, kliknite opciju „Vrste glumaca“u meniju Resursi. Odaberite željenog glumca sa liste (lista se određuje iz kompleta koji ste odabrali).

  • Dodijelite glumce grupama (igrači, neprijatelji). To će pomoći u određivanju sudarnih svojstava glumca. Odaberite svog glumca da biste otvorili Uređivač glumaca. Zatim kliknite karticu Svojstva i odaberite odgovarajuću grupu s padajućeg izbornika.
  • Odaberite ponašanje (skakanje, gaženje, hodanje). Ponašanje je ono što vašem glumcu omogućava da učini nešto. Kliknite na Ponašanja, a zatim u donjem lijevom kutu kliknite gumb "+ Dodaj ponašanje". Odaberite ponašanje (poput "Hodanja") s popisa, a zatim kliknite "Odaberi".
  • Postavite kontrolu. Ako kreirate lik igrača, htjet ćete dozvoliti igraču da ga pomiče. Kad dodate ponašanje hodanja, bit ćete preusmjereni na zaslon atributa hodanja. Pomoću menija možete izabrati koji taster će pokretati glumca levo i desno. Možete instalirati i animacije ako ih komplet koji koristite sadrži.
  • Možete dodati mnogo ponašanja i postaviti šta glumci mogu učiniti.
Napravite igre na mreži 10. korak
Napravite igre na mreži 10. korak

Korak 7. Kreirajte scenu

Scena je ono što igrač vidi dok igra igru. Ovo je pozadina, kao i svi vidljivi objekti i glumci. Da biste stvorili novu scenu, kliknite na opciju Scene u stablu resursa, a zatim kliknite na okvir s okvirom. Dajte imenu novoj sceni nastavak.

  • Pozadina - Vaša scena će se automatski promijeniti, tako da o tome ne morate brinuti zasad. Možete izabrati da koristite boju kao pozadinu, koja će biti postavljena preko nje. Takođe možete birati između čvrstih ili gradijentnih boja. Kliknite "Kreiraj" kada završite. Ovo će otvoriti Scene Designer.
  • Postavite pločice - Kompleti pločica uključeni u vaš komplet učitavaju se s desne strane prozora. Pritisnite alatku Olovka u lijevom meniju, a zatim kliknite pločicu koju želite koristiti. Zatim možete postaviti pločice na svoju scenu. Kliknite i povucite mišem za postavljanje dvostrukih pločica.
  • Stavite glumca. Kliknite karticu Glumci iznad skupa pločica da biste se prebacili na dostupne glumce. Morate ga prethodno stvoriti da bi se pojavio na ovoj listi. Kliknite glumca kojeg želite postaviti i kliknite na scenu na kojoj želite da se pojavi. Ako pritisnete Shift, glumac će se premjestiti tamo.
  • Dodatna gravitacija. Kliknite karticu "Fizika" pri vrhu prozora, a zatim unesite vrijednost u okvir "Gravitacija (okomito)". Unos 85 simulirat će stvarnu gravitaciju zemlje.
Napravite igre na mreži 11. korak
Napravite igre na mreži 11. korak

Korak 8. Testirajte igru

Nakon što stvorite scenu i dodate neke glumce, možete testirati igru. Kliknite gumb "Test Game" pri vrhu ekrana da biste reproducirali ono što ste sada stvorili. Možete koristiti tipke koje ste postavili za kontrolu lika igrača.

Potražite bilo koji aspekt koji ne funkcionira i pokušajte ga popraviti. Na primjer, ponaša li se neprijatelj ispravno? Možete li pobediti neprijatelja? Postoje li nedostižne platforme ili neprohodne provalije? Vratite se na odgovarajuće područje uređivača igara da biste riješili sve probleme koje pronađete. Može potrajati malo vremena, ali krajnji rezultat bit će zabavniji i lakši za igru

Napravite igre na mreži Korak 12
Napravite igre na mreži Korak 12

Korak 9. Dodajte još

Sada kada imate radnu i svirljivu scenu, vrijeme je da izgradite cijelu igru. Dodajte razine i izazove te nastavite testirati svoje dodatke kako biste bili sigurni da su zabavni i da rade ispravno.

Napravite igre na mreži Korak 13
Napravite igre na mreži Korak 13

Korak 10. Web lokacija Zaključajte svoju igru

Ako ćete igru postavljati na web mjesto na kojem se nalaze Flash igre ili ćete je postavljati na svoju web lokaciju, trebali biste koristiti „Zaključavanje web lokacije“. Ovo će spriječiti igranje vaše igre ako nije na popisu dopuštenih web lokacija.

  • Otvorite "Postavke igre" sa stabla "Resursi". Odaberite odjeljak "Utovarivač". Unesite web lokacije koje dopuštate u okvir "Zaključavanje web lokacije", odvojene zarezima i bez razmaka. Na primjer, newgrounds.com, kongregate.com.
  • Dok ste još na ovom ekranu, unesite svoju početnu stranicu u okvir "Vaša početna stranica", ako je imate. To će omogućiti igračima koji igraju vašu igru da se povežu na vašu web lokaciju/
Napravite igre na mreži Korak 14
Napravite igre na mreži Korak 14

Korak 11. Izvezite igru kao Flash

Kad budete zadovoljni svojom igrom, možete je izvesti u Flash format. To će vam omogućiti da učitate igru na web mjesto na kojem se nalaze Flash igre ili na svoju web stranicu. Pritisnite '' Objavi '' '(Objavi), odaberite "Web", a zatim kliknite "Flash". Sačuvajte datoteku na lokaciji koju je lako pronaći na vašem računaru.

Napravite online igre Korak 15
Napravite online igre Korak 15

Korak 12. Objavite igru

Kada dobijete Flash (. SWF) datoteku, možete je prenijeti na web mjesto po vašem izboru. Postoji nekoliko web stranica na kojima se nalaze Flash igre, a neke vam čak mogu omogućiti zaradu od prihoda od oglasa. Igre možete postaviti i na vlastitu web stranicu, ali morate biti sigurni da imate propusni opseg za prilagođavanje igrača ako igra postane popularna.

  • Pogledajte ovaj vodič za postavljanje igara na svoju web stranicu.
  • Ako želite prenijeti svoju igru na web mjesto poput Newgrounds ili Kongregate, morat ćete stvoriti račun, a zatim proći kroz postupak otpremanja za te web stranice. Uslovi će se razlikovati za svaku web lokaciju.
  • Ako želite objaviti svoju igru u Stencyl Arcade, to možete učiniti iz programa Stencyl. Pritisnite '' Objavi '' ', odaberite' Stencyl ', a zatim kliknite' Arkada '. Igra će se automatski učitati, stoga prije nego učinite to provjerite jeste li zadovoljni imenom. Stencyl Arcade ima ograničenje veličine datoteke od MB.

Metoda 3 od 3: Korištenje Construct 2

Napravite igre na mreži Korak 16
Napravite igre na mreži Korak 16

Korak 1. Preuzmite i instalirajte Construct 2

Ovaj program vam omogućuje stvaranje HTML5 igara sa vrlo malo kodiranja. Morat ćete postaviti nekoliko varijabli, ali sve se to radi putem izbornika bez kodiranja.

Construct 2 je besplatan, iako su neke funkcije ograničene osim nadogradnje. Besplatna verzija ne može se objavljivati na drugim platformama osim HTML5

Napravite igre na mreži Korak 17
Napravite igre na mreži Korak 17

Korak 2. Kreirajte novi projekat

Kada prvi put pokrenete Construct 2, dočekat će vas izbornik dobrodošlice. Kliknite vezu "Novi projekt" za početak nove igre. Postoje i neki primjeri koje možete upotrijebiti da vidite kako izgraditi osnovnu igru.

Kada započinjete novi projekt, bit će vam predstavljena lista predložaka. Za vaš prvi projekt preporučujemo da započnete s praznim projektom. Ovo će vam omogućiti da se naviknete na osnove, a da vam predlošci ne stanu na put

Napravite igre na mreži 18. korak
Napravite igre na mreži 18. korak

Korak 3. Podesite postavke projekta

S lijeve strane prozora projekta vidjet ćete niz objekata u okviru Svojstva. Ovo možete koristiti za postavljanje veličine ekrana i unos podataka o igri i kompaniji.

Napravite mrežne igre 19. korak
Napravite mrežne igre 19. korak

Korak 4. Unesite pozadinu

Dvaput kliknite na izgled. Odaberite "Popločana pozadina" u odjeljku Općenito. Kliknite na svoj izgled da postavite pozadinu. Ovo će otvoriti uređivač pozadine. Morat ćete stvoriti vlastiti softver za uređivanje slika ili preuzeti teksture s nekoliko mrežnih lokacija.

  • Postavite pozadinu na veličinu izgleda. Učinite to odabirom pozadinskog objekta i promjenom njegove veličine u okviru Svojstva.
  • Preimenujte sloj i zaključajte ga. Sloj biste trebali zaključati kako biste izbjegli slučajno pomicanje pri postavljanju drugih objekata. Kliknite karticu „Slojevi“na desnoj strani ekrana. Odaberite sloj i kliknite gumb Olovka. Sloju dajte naziv „Pozadina“, a zatim kliknite dugme „Katanac“da zaključate pozadinu.
Napravite igre na mreži 20. korak
Napravite igre na mreži 20. korak

Korak 5. Kreirajte novi sloj

Na kartici slojevi kliknite gumb “+” da biste stvorili novi sloj. Dajte mu ime "Main". Ovo će biti sloj na kojem će se nalaziti većina vaših objekata igre. Prije nastavka provjerite je li odabran glavni sloj.

Napravite mrežne igre 21. korak
Napravite mrežne igre 21. korak

Korak 6. Dodajte ulaz za svoju igru

U Construct 2 vaš unos treba dodati kao objekt vašoj igri. Nevidljiv je i omogućit će korištenje tipkovnice i miša u projektu.

Dvaput kliknite na izgled, a zatim u odjeljku za unos odaberite “Miš”. Učinite isto za umetanje objekta „Keyboard“

Napravite igre na mreži 22. korak
Napravite igre na mreži 22. korak

Korak 7. Dodajte objekte

Sada je vrijeme da dodate neke objekte igre u svoj izgled. Dvaput kliknite na izgled i odaberite "Sprite" iz općeg odjeljka. Pomoću nišana odaberite mjesto na koje želite postaviti Sprite. Otvorit će se uređivač slika koji vam omogućuje učitavanje postojećeg spriteta ili stvaranje novog.

Kada odaberete sprite u rasporedu, svojstvo sprite će se učitati u lijevi okvir. Preimenujte sprajtove kako biste ih lakše identificirali i pozvali na njih

Napravite igre na mreži 23. korak
Napravite igre na mreži 23. korak

Korak 8. Dodajte ponašanje svom objektu

Da biste dodali ponašanje, kliknite objekt kojem želite dodati ponašanje da biste ga odabrali. Kliknite vezu „Dodaj/uredi“u odjeljku Ponašanja okvira Svojstva. Pojavit će se popis dostupnih ponašanja.

Ponašanje su unaprijed konfigurirani dijelovi logike koji vam omogućuju brzo dodavanje upotrebljivosti vašim objektima. Možete birati između velikog broja unaprijed izgrađenih ponašanja koja mogu pružiti širok raspon upotreba. Na primjer, da biste napravili čvrsti pod, ponašajte se kao "čvrsti". Za pomicanje lika u 8 smjerova, ponašajte se "kretanje u 8 smjerova"

Napravite igre na mreži 24. korak
Napravite igre na mreži 24. korak

Korak 9. Promijenite svojstva ponašanja

Ponašanje možete urediti tako da odgovara načinu rada vašeg objekta. Možete promijeniti vrijednosti za promjenu brzine, smjera i drugih svojstava.

Napravite igre na mreži Korak 25
Napravite igre na mreži Korak 25

Korak 10. Shvatite kako događaji funkcioniraju

Događaji su popis uvjeta i ono što igra pobjegne. Ako je uvjet ispunjen, događa se događaj. Ako uslov nije ispunjen, događaj se ne događa. Stranica događaja obično radi oko 60 puta u sekundi. Svako trčanje naziva se "tik".

Napravite igre na mreži Korak 26
Napravite igre na mreži Korak 26

Korak 11. Kreirajte događaj

Dvaput kliknite na stranicu Događaji. Pojavit će se popis dostupnih objekata. Odaberite objekt za koji želite stvoriti događaj ili možete stvoriti sistem.

  • Odaberite kada se radnja dogodi. Nakon odabira objekta, od vas će se tražiti da odaberete kada se događaj dogodio. To se može temeljiti na drugim događajima ili u određeno vrijeme. "Svaki tik" uvek.
  • Dodajte akciju. Od vas će se tražiti da odaberete jedan od svojih objekata. Odaberite s popisa radnji. Na primjer, ako kreirate strijelca i želite da lik igrača uvijek bude okrenut prema mišu, stvorili biste akciju „Tačka gledišta do pozicije“na svakom tiku postavljenom na objektu igrača. Kada se od vas zatraži koordinata, unesite “Mouse. X” za X i “Mouse. Y” za Y. Ovo će učiniti da brod igrača uvijek bude okrenut prema kursoru.
Napravite igre na mreži Korak 27
Napravite igre na mreži Korak 27

Korak 12. Dodajte još događaja i ponašanja

Ovo je okosnica vaše igre. Dodavanje i poboljšanje ponašanja i događaja pomoći će vam u stvaranju jedinstvenih i zabavnih igara koje će ljudi htjeti igrati. Eksperimentirajte s različitim događajima kako biste pokušali dobiti igru koju zaista želite.

Napravite igre na mreži 28. korak
Napravite igre na mreži 28. korak

Korak 13. Dodajte varijable

U Konstruktu 2 postoje dvije vrste varijabli: varijable instance i globalne varijable. Omogućuje vam stvaranje ocjena za vaše objekte i igre, kao što su zdravlje, vremensko ograničenje, rezultat itd.

  • Varijabla instance - Varijabla instance dodjeljuje se jednom objektu. Ovo se koristi za stvari poput neprijatelja i zdravlja igrača. Promjenu instance možete dodati nakon odabira objekta klikom na vezu 'Dodaj/uredi' u odjeljku Varijable okvira Svojstva. Dajte varijabli ime koje se može odnositi na događaj, kao i početnu vrijednost.
  • Globalna varijabla - Globalne varijable su varijable koje se dodjeljuju cijeloj igri. Koristi se za stvari poput rezultata igrača. Da biste stvorili globalnu varijablu, idite na stranicu Događaji i desnom tipkom miša kliknite prazan prostor. Kliknite na "Ass global global variable", dajte joj ime tako da se na nju može pozvati u događaju, a zatim unesite početnu vrijednost.
Napravite igre na mreži Korak 29
Napravite igre na mreži Korak 29

Korak 14. Kreirajte sučelja

Prilikom stvaranja sučelja, obično je najbolje to učiniti na novom sloju. To je zato što se sučelje vrlo rijetko pomiče ili mijenja, pa je bolje staviti ga na zaključani sloj. U okviru Svojstva za novi sloj postavite „Parallax“na 0. Ovo će zadržati pomaknuti sloj dok se ekran pomiče.

Koristite tekstualne okvire i varijable za kreiranje vašeg sučelja. Možete postaviti okvir za tekst da prikazuje zdravlje, bodove, streljivo ili sve što igrač treba povremeno vidjeti

Napravite igre na mreži 30. korak
Napravite igre na mreži 30. korak

Korak 15. Testirajte i revidirajte igru

Sada kada na ekranu imate nekoliko objekata s događajima i ponašanjem, možete započeti testiranje i dodavanje sadržaja. Pritisnite dugme “Play” pri vrhu ekrana da biste pomogli i testirali igru. Zabilježite sve što ne funkcionira i pokušajte to popraviti kako bi vaša igra bila igriva i ugodna.

Napravite igre na mreži 31. korak
Napravite igre na mreži 31. korak

Korak 16. Izvezite svoju igru

Ako ste zadovoljni svojom igrom, možete je izvesti tako da je svi mogu postaviti na web stranicu i igrati. Za izvoz igre kliknite na izbornik "Datoteka" i odaberite "Izvezi". Spremite projekt na lokaciju koju ćete lako pronaći.

Napravite igre na mreži Korak 32
Napravite igre na mreži Korak 32

Korak 17. Objavite igru

Postoji nekoliko web lokacija koje vam omogućuju postavljanje HTML5 igara za igru drugih. Igre možete dodati i na svoju web lokaciju. Pogledajte ovaj vodič za detalje o postavljanju igara na svoju web stranicu.

Savjeti

  • Ako vas više zanima učenje koda koji stoji iza Flash igara, možete koristiti Flash Builder i ActionScript3 kod za izradu igara. Ovo će potrajati duže, ali može rezultirati jedinstvenijim iskustvom. Pogledajte programski vodič u ActionsScript3.
  • Odajte počast bilo kojem izvoru iz kojeg ste crpili ideje i sadržaj, kao i svima koji su vam pomogli u stvaranju igre.

Preporučuje se: