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, Travanj
Anonim

Jeste li ikada igrali neku igru na mreži i pomislili: "Želim napraviti nešto ovakvo, imam neke sjajne ideje"? U prošlosti 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 pisanom obliku, tako da to možete vidjeti dok radite na njoj.

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

Napravite internetske igre 2. korak
Napravite internetske igre 2. korak

Korak 2. Nacrtajte neke skice

Nacrtajte osnovni dizajn zaslona onako kako želite. Ne mora biti vrlo detaljno, ali morate barem imati ideju o tome gdje će se razni elementi postaviti na zaslon. Ovo će vam dobro doći kasnije kada počnete graditi sučelje za svoju igru.

Napravite internetske igre 3. korak
Napravite internetske igre 3. korak

Korak 3. Odaberite metodu za stvaranje svoje igre

U početku morate naučiti kôd za ActiopnScript3 za izradu 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 stvaranje igara uključuju:

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

Metoda 2 od 3: Korištenje Stencyla

Napravite online igre korak 4
Napravite online igre 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 internetu. Besplatna verzija će imati logotip Stencyl na početku. Ako dobijete plaćenu verziju, možete objaviti na drugim platformama

Napravite internetske igre 5. korak
Napravite internetske igre 5. korak

Korak 2. Izradite svoju novu igru

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

Napravite online igre Korak 6
Napravite online igre 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 "Prazna igra" (Prazna igra)

Na mreži možete preuzeti komplete drugih korisnika

Napravite mrežne igre 7. korak
Napravite mrežne igre 7. korak

Korak 4. Unesite podatke o igri

Prije nego počnete graditi svoju igru, morate unijeti neke podatke.

  • Naziv - ovo je naziv vaše igre. Ovo kasnije možete promijeniti u što god želite.
  • Veličina zaslona - ovo je veličina vašeg zaslona 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 zaslona ne mora biti tako velika. Isprobajte Širina: 640 px Visina: 480 px. Ovo je dobra veličina za početak.
Napravite online igre 8. korak
Napravite online igre 8. korak

Korak 5. Upoznajte izgled

Kad 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 svu imovinu. Vaša će igra biti zbirka scena.
  • Resursi - Ovo je popis svih objekata i sredstava u vašoj igri. To 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 zaslona i još mnogo toga.
Napravite internetske igre 9. korak
Napravite internetske igre 9. korak

Korak 6. Stvorite 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" na izborniku Resursi. Odaberite željenog glumca s popisa (popis se određuje prema kompletu 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 s padajućeg izbornika odaberite odgovarajuću grupu.
  • Odaberite ponašanje (skakanje, gaženje, hodanje). Ponašanje je ono što vašem glumcu omogućuje 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 stvarate lik igrača, htjet ćete dopustiti igraču da ga pomiče. Kad dodate ponašanje hodanja, bit ćete preusmjereni na zaslon atributa hodanja. Pomoću izbornika možete odabrati koja će tipka pomicati glumca lijevo i desno. Možete instalirati i animacije ako ih komplet koji koristite sadrži.
  • Možete dodati mnogo ponašanja i postaviti što glumci mogu učiniti.
Napravite internetske igre 10. korak
Napravite internetske igre 10. korak

Korak 7. Napravite 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 opciju Scene u stablu resursa, a zatim kliknite okvir s crtom. Dajte imenu novoj sceni nastavak.

  • Pozadina - Vaša će se scena automatski promijeniti, tako da o tome zasad ne morate brinuti. Možete odabrati boju kao pozadinu koja će biti postavljena preko nje. Također možete birati između jednobojnih 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. Kliknite alat Olovka na lijevom izborniku, a zatim kliknite pločicu koju želite koristiti. Zatim možete položiti 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 kako bi se pojavio na ovom popisu. Kliknite glumca kojeg želite postaviti i kliknite na scenu na kojoj želite da se pojavi. Ako pritisnete Shift, glumac će se premjestiti tamo.
  • Dodana gravitacija. Kliknite karticu "Fizika" pri vrhu prozora, a zatim unesite vrijednost u okvir "Gravitacija (okomito)". Unos 85 simulirat će stvarnu gravitaciju zemlje.
Napravite internetske igre 11. korak
Napravite internetske igre 11. korak

Korak 8. Testirajte igru

Nakon što ste stvorili scenu i uključili neke glumce, možete testirati igru. Pritisnite gumb "Test Game" pri vrhu zaslona za reprodukciju onoga što ste sada stvorili. Možete koristiti tipke koje ste postavili za upravljanje svojim likom igrača.

Potražite bilo koji aspekt koji ne radi i pokušajte ga popraviti. Na primjer, ponaša li se neprijatelj ispravno? Možete li pobijediti 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 mrežne igre 12. korak
Napravite mrežne igre 12. korak

Korak 9. Dodajte još

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

Napravite mrežne igre 13. korak
Napravite mrežne igre 13. korak

Korak 10. Web mjesto Zaključajte svoju igru

Ako ćete igru prenositi na web mjesto na kojem se nalaze Flash igre ili ćete je prenijeti na svoju web lokaciju, trebate upotrijebiti “Zaključavanje web lokacije”. To će spriječiti igranje vaše igre ako nije na popisu dopuštenih web stranica.

  • Otvorite "Postavke igre" sa stabla "Resursi". Odaberite odjeljak "Utovarivač". Unesite dopuštena web mjesta u okvir "Zaključavanje web lokacije", odvojene zarezima i bez razmaka. Na primjer, newgrounds.com, kongregate.com.
  • Dok ste još na ovom zaslonu, 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 online igre Korak 14
Napravite online igre Korak 14

Korak 11. Izvezite igru kao Flash

Nakon što ste 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". Spremite datoteku na mjesto koje je lako pronaći na vašem računalu.

Napravite online igre Korak 15
Napravite online igre Korak 15

Korak 12. Objavite igru

Nakon što imate Flash (. SWF) datoteku, možete je prenijeti na web mjesto po vašem izboru. Na internetu postoji nekoliko web stranica na kojima se održavaju Flash igre, a neka vam čak mogu omogućiti zaradu od prihoda od oglasa. Igre možete učitati i na vlastitu web stranicu, no morate se pobrinuti da imate propusnost za prilagođavanje igrača ako igra postane popularna.

  • Za postavljanje igara na vlastitu web stranicu pogledajte ovaj vodič.
  • Ako želite prenijeti svoju igru na web mjesto poput Newgrounds ili Kongregate, morat ćete stvoriti račun, a zatim proći postupak prijenosa za te web stranice. Uvjeti će se razlikovati za svako web mjesto.
  • 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 online igre Korak 16
Napravite online igre Korak 16

Korak 1. Preuzmite i instalirajte Construct 2

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

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

Napravite mrežne igre 17. korak
Napravite mrežne igre 17. korak

Korak 2. Izradite novi projekt

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 pomoću kojih možete vidjeti kako izgraditi osnovnu igru.

Prilikom pokretanja novog projekta bit će vam predstavljen popis predložaka. Za vaš prvi projekt preporučujemo da započnete s praznim projektom. To će vam omogućiti da se naviknete na osnove, a da vam predlošci ne stanu na put

Napravite mrežne igre 18. korak
Napravite mrežne igre 18. korak

Korak 3. Prilagodite postavke projekta

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

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 svoj izgled da biste postavili 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 zaslona. Odaberite sloj i kliknite gumb Olovka. Sloju dajte naziv "Pozadina", a zatim kliknite gumb "Lokot" da biste zaključali pozadinu.
Napravite mrežne igre 20. korak
Napravite mrežne igre 20. korak

Korak 5. Izradite novi sloj

Na kartici slojevi kliknite gumb "+" da biste stvorili novi sloj. Dajte mu naziv "Glavni". Ovo će biti sloj u 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 morate dodati kao objekt u igru. Nevidljiv je i omogućit će korištenje tipkovnice i miša u projektu.

Dvaput kliknite na izgled, a zatim odaberite "Miš" iz odjeljka za unos. Učinite isto za umetanje objekta "Tipkovnica"

Napravite mrežne igre 22. korak
Napravite mrežne igre 22. korak

Korak 7. Dodajte objekte

Sada je vrijeme da u svoj izgled dodate neke objekte igre. 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 izgledu, svojstvo sprite će se učitati na lijevi okvir. Preimenujte duhove kako biste ih lakše prepoznali i pozvali na njih

Napravite mrežne igre 23. korak
Napravite mrežne igre 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 široku raznolikost upotreba. Na primjer, za izradu čvrstog poda, dajte mu "čvrsto" ponašanje. Za pomicanje lika u 8 smjerova, dajte mu ponašanje "kretanje u 8 smjerova"

Napravite mrežne igre 24. korak
Napravite mrežne igre 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 mrežne igre korak 25
Napravite mrežne igre 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 uvjet nije ispunjen, događaj se ne događa. Stranica događaja obično se pokreće oko 60 puta u sekundi. Svako trčanje naziva se "krpelj".

Napravite online igre Korak 26
Napravite online igre Korak 26

Korak 11. Izradite događaj

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

  • 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 kvačica" uvijek.
  • Dodajte radnju. Od vas će se tražiti da odaberete jedan od svojih objekata. Odaberite s popisa radnji. Na primjer, ako stvarate strijelca i želite da se lik igrača uvijek suoči s mišem, stvorili biste radnju "Od točke gledišta do pozicije" na svakom skupu oznaka na objektu igrača. Kada se od vas zatraži koordinata, unesite “Mouse. X” za X i “Mouse. Y” za Y. Time će igrač brod uvijek biti okrenut prema kursoru.
Napravite online igre korak 27
Napravite online igre 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 mrežne igre 28. korak
Napravite mrežne igre 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. Varijablu instance možete dodati nakon odabira objekta klikom na vezu 'Dodaj/uredi' u odjeljku Varijable okvira Svojstva. Dajte varijabli naziv koji se može odnositi na događaj, kao i početnu vrijednost.
  • Globalna varijabla - Globalne varijable su varijable koje su dodijeljene 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. Pritisnite “Globalna varijabla Ass”, dajte joj ime tako da se na nju može pozvati u događaju, a zatim unesite početnu vrijednost.
Napravite online igre korak 29
Napravite online igre korak 29

Korak 14. Izradite 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 ga je bolje staviti na zaključani sloj. U okviru Svojstva za novi sloj postavite "Parallax" na 0. To će zadržati pomaknuti sloj dok se zaslon pomiče.

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

Napravite internetske igre 30. korak
Napravite internetske igre 30. korak

Korak 15. Testirajte i revidirajte igru

Sada kada na zaslonu imate nekoliko objekata s događajima i ponašanjem, možete početi testirati i dodavati sadržaj. Kliknite gumb "Igraj" pri vrhu zaslona kako 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 mrežne igre 31. korak
Napravite mrežne igre 31. korak

Korak 16. Izvezite svoju igru

Ako ste zadovoljni svojom igrom, možete je izvesti tako da je bilo tko može prenijeti na web stranicu i igrati. Za izvoz igre kliknite izbornik "Datoteka" i odaberite "Izvezi". Spremite projekt na mjesto koje ćete lako pronaći.

Napravite online igre korak 32
Napravite online igre korak 32

Korak 17. Objavite igru

Postoji nekoliko web stranica koje vam omogućuju postavljanje HTML5 igara za igranje drugih. Igre možete dodati i na svoju web stranicu. Za detalje o postavljanju igara na vlastitu web stranicu pogledajte ovaj vodič.

Savjeti

  • Ako vas više zanima učenje koda iza Flash igara, možete koristiti Flash Builder i ActionScript3 kod za izradu igara. To ć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 te svima koji su vam pomogli u stvaranju igre.

Preporučeni: