Jeste li ikada igrali internetsku igru i pomislili: "Volio bih da mogu napraviti jednu od ovih, imam neke sjajne ideje"? U prošlosti je bilo potrebno naučiti kodirati u ActionScript 3, jeziku koji pokreće Flash. Međutim, zahvaljujući nekim programima za izgradnju igara, iskustvo kodiranja uvjet je prošlosti. Možete stvoriti zabavne, duboke igre manipulirajući objektima i logikom, a da ne dodirnete ni red koda.
Koraci
1. dio od 4: Dizajniranje igre
Korak 1. Napišite osnovni opis
Uključite značajke i ono što želite da igrač postigne. Dobro je da imate napisan osnovni pregled onoga što želite učiniti sa svojom igrom kako biste se mogli pozivati na nju dok radite na njoj.
Za više pojedinosti o pisanju dokumenta o dizajnu igre pogledajte ovaj vodič
Korak 2. Nacrtajte neke skice
Nacrtajte osnovni izgled kako želite da ekrani izgledaju. Oni ne moraju biti vrlo detaljni, ali morate barem imati ideju o tome gdje će se razni elementi postaviti na zaslon. To će vam biti nevjerojatno korisno kasnije kada počnete graditi sučelje za svoju igru.
Korak 3. Odaberite metodu za stvaranje svoje igre
Tradicionalno, morali biste naučiti kodirati u ActionScript 3 za stvaranje Flash igara. Iako to još uvijek možete učiniti, dostupni su programi koji mogu znatno olakšati učenje stvaranja igara i ne zahtijevaju iskustvo kodiranja. Neke od najpopularnijih opcija za izradu igara uključuju:
- Stencyl - Ovo je noviji alat koji vam omogućuje izradu igara pomoću objekata i logičkih skripti. Ove se igre tada mogu pretvoriti u Flash projekte i prenijeti na bilo koju web stranicu koja podržava Flash igre.
- Construct 2 - Kako je Flash stariji, počeo se zamjenjivati drugim načinima stvaranja igara. Jedan od najnovijih načina za stvaranje internetske igre je korištenje HTML5. Obično to zahtijeva mnogo znanja o kodiranju, ali Construct 2 omogućuje vam stvaranje igara pomoću objekata i skriptiranja, slično kao i Stencyl.
- Flash Builder - Ovo je tradicionalna metoda za stvaranje Flash igara. To zahtijeva priličnu količinu znanja o ActionScript -u, ali to je jedan od jezika za lakše savladavanje osnova. Flash Builder košta, ali možete koristiti otvoreni izvorni program FlashDevelop da biste dobili većinu istih funkcija.
2. dio od 4: Korištenje Stencyla
Korak 1. Preuzmite i instalirajte Stencyl
Stencyl je program za stvaranje igara koji ne zahtijeva nikakvo znanje o kodiranju. Umjesto toga, možete koristiti različite logičke alate za manipulaciju objektima u igri.
Stencyl možete koristiti besplatno ako svoju igru želite objaviti samo na internetu. Besplatna verzija će imati logotip Stencyl na početku. Ako dobijete plaćenu verziju, možete objaviti na drugim platformama
Korak 2. Izradite 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 rade. Za početak rada na vlastitoj igri kliknite okvir s isprekidanom linijom s oznakom "Kliknite ovdje za stvaranje nove igre".
Korak 3. Odaberite komplet
Postoji nekoliko kompleta koji sadrže unaprijed pripremljena sredstva i predmete koji vam mogu pomoći da brzo pokrenete igru. Odaberite komplet ako želite ili odaberite "Praznu igru" ako namjeravate napraviti vlastiti.
Na mreži možete preuzeti setove koje su drugi korisnici izradili
Korak 4. Unesite podatke o igri
Prije nego počnete stvarati igru, morat ćete unijeti nekoliko podataka.
- Naziv - ovo je naziv vaše igre. Ovo kasnije možete promijeniti u što god želite.
- Veličina zaslona - ovo je veličina zaslona vaše igre i vrlo je važna jer će utjecati na umjetnost koju koristite. Budući da će ljudi najvjerojatnije igrati vašu igru u svom web pregledniku, veličina zaslona ne mora biti velika. Pokušajte Širina: 640 px Visina: 480 px. Ovo je dobra veličina za početak.
Korak 5. Upoznajte se s izgledom
Kad prvi put učitate novu igru, bit ćete preusmjereni na nadzornu ploču. Ovdje možete vidjeti sve scene za svoju igru i pristupiti svim resursima. Ovdje možete promijeniti i postavke igre. Većinu svog vremena provodit ćete radeći na nadzornoj ploči.
- Scene - 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. uključuje glumce, pozadinu, fontove, scene, logiku, zvukove i skupove pločica. Izvori su organizirani u stablo na lijevoj strani ekrana.
- Postavke - Opcije igre i postavki omogućuju vam da prilagodite mehanizam igre, uključujući kontrole, gravitaciju, sudare, zaslone za učitavanje i drugo.
Korak 6. Prilagodite glumca
Glumac je svaki objekt koji se kreće ili može biti u interakciji s njim (igrač, neprijatelj, vrata itd.). Morat ćete stvoriti glumca za svaki objekt u igri. Da biste stvorili glumca, kliknite opciju "Vrste glumaca" u izborniku Resursi. S popisa odaberite glumca kojeg želite (popis je određen kompletom koji ste odabrali).
- Dodijelite glumca u grupu (igrač, neprijatelj). To će pomoći u određivanju sudarnih svojstava glumca. Odaberite svog glumca da biste otvorili Uređivač glumaca. Kliknite karticu Svojstva, a zatim s padajućeg izbornika odaberite odgovarajuću grupu.
- Dodajte ponašanja (skakanje, gaženje, hodanje). Ponašanje je ono što vašem glumcu dopušta izvođenje radnji. Kliknite karticu Ponašanja, a zatim kliknite gumb "+ Dodaj ponašanje" u donjem lijevom kutu. Odaberite ponašanje (poput "Hodanja") s popisa, a zatim kliknite "Odaberi".
- Postavite kontrole. Ako stvarate lik igrača, vjerojatno ćete htjeti dozvoliti igraču da ga pomakne. Kad dodate hodanje, bit ćete preusmjereni na zaslon atributa hodanja. Pomoću padajućih izbornika možete odabrati koje će tipke pomicati glumca lijevo i desno. Možete dodijeliti i animacije ako komplet koji koristite sadrži bilo koji.
- Možete dodati više ponašanja kako biste prilagodili što glumac može učiniti.
Korak 7. Napravite scenu
Scena je ono što igrač vidi dok igra igru. To je pozadina, kao i svi objekti i glumci koji su vidljivi. Da biste stvorili novu scenu, kliknite opciju Scene u stablu resursa, a zatim kliknite isprekidani okvir. Dajte imenu novoj sceni nastavak.
- Pozadina - Vaša će se scena automatski dimenzionirati, tako da trenutno ne morate brinuti o tome. Možete odabrati boju kao pozadinu na kojoj će se postaviti pločice. Možete birati između jednobojne boje ili nagiba. Kada završite, kliknite "Kreiraj". Ovo će otvoriti Scene Designer.
- Postavite pločice - Skup pločica uključen u vaš komplet bit će učitan s desne strane prozora. Kliknite alat Olovka na lijevom izborniku, a zatim kliknite pločicu koju želite koristiti. Zatim možete postaviti pločicu na scenu. Kliknite i povucite mišem za postavljanje više pločica.
- Postavljanje glumaca - Kliknite karticu Glumci iznad skupa pločica da biste se prebacili na dostupne glumce. Morate ih prethodno stvoriti da bi se pojavili na ovom popisu. Kliknite glumca kojeg želite postaviti, a zatim kliknite mjesto na sceni na kojem želite da se pojavi. Ako držite pritisnutu tipku ft Shift, glumac će ući u rešetku.
- Dodavanje gravitacije - Kliknite karticu "Fizika" pri vrhu prozora, a zatim unesite vrijednost u polje "Gravitacija (okomito)". Unos 85 simulirat će gravitaciju u stvarnom svijetu.
Korak 8. Testirajte igru
Nakon što ste stvorili scenu i postavili neke glumce, možete isprobati igru. Pritisnite gumb "Test Game" pri vrhu zaslona da biste igrali ono što ste do sada imali. Možete koristiti tipke koje ste postavili prilikom stvaranja svojih glumaca za kontrolu lika vašeg igrača.
Pronađite sve aspekte koji ne funkcioniraju i pokušajte ih popraviti. Na primjer, ponašaju li se neprijatelji ispravno? Možete li pobijediti svoje neprijatelje? Postoje li neke nedostupne platforme ili provalije preko kojih se ne može prijeći? Vratite se na odgovarajuće područje uređivača igara kako biste riješili sve probleme koje pronađete. To može potrajati, ali krajnji rezultat bit će mnogo zabavnija i igračka igra
Korak 9. Dodajte još
Sada kad imate prvu scenu koja se može igrati, vrijeme je za početak izgradnje cijele igre. Dodajte više razina i izazova te nastavite testirati svoje dodatke kako biste bili sigurni da su zabavni i da rade ispravno.
Korak 10. Web mjesto Zaključajte svoju igru
Ako ćete igru prenositi na web mjesto na kojem se nalaze Flash igre ili je prenositi na svoju web stranicu, vjerojatno ćete htjeti omogućiti "Zaključavanje web lokacije". To će spriječiti igranje vaše igre ako nije na dopuštenom popisu web mjesta.
- Otvorite "Postavke igre" sa stabla "Resursi". Odaberite odjeljak "Utovarivač". Unesite web -lokacije koje želite dopustiti u polje "Zaključavanje web -mjesta", odvojene zarezom bez razmaka. Na primjer, newgrounds.com, kongregate.com.
- Dok ste na ovom zaslonu, unesite svoju početnu stranicu u polje "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 stranicu.
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. Klik Objaviti odaberite Web, a zatim kliknite Flash. Spremite datoteku na mjesto koje je lako pronaći na vašem računalu.
Korak 12. Objavite igru
Nakon što imate svoju Flash (. SWF) datoteku, možete je prenijeti na host po vašem izboru. Na internetu postoje razne web lokacije na kojima se održavaju Flash igre, a neke vam čak mogu omogućiti da zaradite novac od prihoda od oglasa svojom igrom. Svoju igru možete prenijeti i na svoju web stranicu, ali pobrinite se da imate propusnost koja će zadovoljiti igrače ako igra postane popularna.
- Pogledajte ovaj vodič za postavljanje igre 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 prijenosa web stranice. Uvjeti i odredbe razlikovat će se od web stranice do web stranice.
- Ako želite objaviti svoju igru u Stencyl Arcade, to možete učiniti iz programa Stencyl. Klik Objaviti 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 8 MB.
Dio 3 od 4: Korištenje Construct 2
Korak 1. Preuzmite i instalirajte Construct 2
Ovaj vam program omogućuje stvaranje HTML5 igara s vrlo malo kodiranja. Morat ćete dodijeliti neke varijable, ali sve se to radi putem izbornika bez ikakvog kodiranja.
Construct 2 je besplatan, iako su neke značajke ograničene ako ne nadogradite. Besplatna verzija ne može se objavljivati na bilo kojoj drugoj platformi osim HTML5
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. Postoji i nekoliko uključenih primjera koje možete upotrijebiti da vidite kako se stvaraju osnovne igre.
Prilikom izrade novog projekta dobit ćete popis predložaka. Za svoj prvi projekt vjerojatno ćete htjeti početi s praznim projektom. To će vam omogućiti da se upoznate s osnovama, a da vam predlošci ne stanu na put
Korak 3. Prilagodite postavke projekta
U lijevom okviru prozora projekta vidjet ćete niz stavki u okviru Svojstva. Ovo možete koristiti za postavljanje veličine zaslona i unos podataka o igri i tvrtki.
Korak 4. Umetnite 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 raznih lokacija na internetu.
- Postavite pozadinu na veličinu izgleda. Učinite to odabirom pozadinskog objekta i promjenom veličine u okviru Svojstva.
- Promijenite naziv sloja i zaključajte ga. Morat ćete zaključati sloj kako biste spriječili njegovo slučajno pomicanje pri postavljanju drugih objekata. Kliknite karticu "Slojevi" na desnoj strani zaslona. Odaberite sloj i kliknite ikonu olovke. Sloju dajte naziv "Pozadina", a zatim kliknite gumb "Lokot" da biste zaključali pozadinu.
Korak 5. Izradite novi sloj
Na kartici Slojevi kliknite gumb "+" da biste stvorili novi sloj. Preimenujte ga u "Main". Ovo će biti sloj na kojem se nalazi većina vaših objekata igre. Prije nastavka provjerite je li odabran glavni sloj.
Korak 6. Dodajte ulazne podatke za svoju igru
U Construct 2 vaši će se unosi morati dodati kao objekti vašoj igri. Nevidljivi su i omogućit će korištenje tipkovnice i miša tijekom cijelog projekta.
Dvaput kliknite na svoj izgled i odaberite "Miš" u odjeljku Unos. Učinite isto za umetanje objekta "Tipkovnica"
Korak 7. Dodajte objekte
Vrijeme je da počnete dodavati neke objekte igre u svoj izgled. Dvaput kliknite na izgled i odaberite "Sprite" u odjeljku Općenito. Pomoću nišana odaberite mjesto na koje želite postaviti sprite. Otvorit će se uređivač slika koji vam omogućuje da učitate postojeći sprite ili stvorite novi.
Kad odaberete sprajtove na svom rasporedu, svojstva sprajta učitat će se u lijevi okvir. Promijenite ime spritea kako biste ga lakše identificirali i pozvali na njega
Korak 8. Dodajte ponašanje svojim objektima
Da biste dodali ponašanje, kliknite objekt kojem želite dodati ponašanje kako 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 funkcionalnosti vašim objektima. Možete birati između širokog spektra unaprijed postavljenih ponašanja koja mogu obavljati širok raspon funkcija. Na primjer, kako biste pod učinili čvrstim, dajte mu ponašanje "Čvrsto". Za pomicanje lika igrača u osam smjerova, dajte mu ponašanje "kretanje u 8 smjerova"
Korak 9. Promijenite svojstva ponašanja
Možete urediti postojeća ponašanja kako biste prilagodili način rada vaših objekata. Možete promijeniti vrijednosti kako biste promijenili brzinu, smjer i druga svojstva.
Korak 10. Shvatite kako događaji funkcioniraju
Događaji su popis uvjeta i oni pokreću igru. Ako su ispunjeni uvjeti, događa se događaj. Ako uvjeti nisu ispunjeni, događaj se ne događa. List događaja obično se pokreće oko 60 puta u sekundi. Svaki put kada se pokrene naziva se "kvačica".
Korak 11. Izradite događaj
Dvaput kliknite na prazan list događaja. Pojavit će se popis dostupnih objekata. Odaberite objekt za koji želite stvoriti događaj ili možete stvoriti događaj sustava.
- Odaberite kada se radnja dogodi. Nakon odabira objekta, od vas će se tražiti da odaberete kada bi se događaj trebao dogoditi. To se može temeljiti na drugim događajima ili u određeno vrijeme. "Svaki kvačica" je uvijek.
- Dodajte radnju. Od vas će se tražiti da odaberete jedan od svojih objekata. Odaberite s popisa radnji. Na primjer, ako stvarate strijelca odozgo prema dolje i želite da lik igrača uvijek gleda u miša, stvorili biste akciju "Postavi kut prema položaju" na svakom tiku postavljenom na objekt Player. Na upit za koordinate unesite "Mouse. X" za X i "Mouse. Y" za Y. Tako će igračev brod uvijek biti usmjeren prema kursoru.
Korak 12. Dodajte još događaja i ponašanja
To su okosnica vaše igre. Dodavanje i dotjerivanje ponašanja i događaja pomoći će vam da napravite jedinstvenu i zabavnu igru za koju će se ljudi htjeti igrati. Eksperimentirajte s različitim događajima kako biste pokušali dobiti igru koju želite.
Korak 13. Dodajte neke varijable
U Konstruktu 2 postoje dvije vrste varijabli: varijable instance i globalne varijable. Oni vam omogućuju postavljanje prilagođenih vrijednosti za vaše objekte i igru, poput zdravlja, vremenskih ograničenja, rezultata i još mnogo toga.
- Varijable instance - Varijable instance su varijable dodijeljene pojedinačnim objektima. Koriste se za stvari poput zdravlja neprijatelja i igrača. Varijable instance možete dodati nakon odabira objekta klikom na vezu "Dodaj / uredi" u odjeljku Varijable okvira Svojstva. Dajte varijabli naziv koji se može pozvati u događaju, kao i početnu vrijednost.
- Globalne varijable - Globalne varijable su varijable dodijeljene cijeloj igri. Koriste se za stvari kao što je rezultat igrača. Da biste stvorili globalnu varijablu, otvorite list Događaj i desnom tipkom miša kliknite prazan prostor. Kliknite "Dodaj globalnu varijablu", dajte joj naziv na koji se može pozvati u događaju, a zatim unesite početnu vrijednost.
Korak 14. Izradite sučelje
Prilikom stvaranja sučelja obično je najbolje to učiniti na novom sloju. To je zato što se sučelje rijetko pomiče ili mijenja, pa je dobro imati ga na zaključanom sloju. U okviru Svojstva za novi sloj postavite "Parallax" na 0. To će spriječiti pomicanje sloja kada se zaslon pojavi.
Za stvaranje sučelja upotrijebite tekstualne okvire i varijable. Možete postaviti svoje tekstualne okvire tako da prikazuju preostalo zdravlje, bodove, streljivo ili bilo što drugo što bi igrač trebao redovito vidjeti
Korak 15. Testirajte i revidirajte igru
Sada kada imate neke objekte na zaslonu s događajima i ponašanjem, možete početi testirati i dodavati sadržaj. Pritisnite gumb "Igraj" pri vrhu zaslona za izradu i testiranje igre. Zabilježite sve što nije uspjelo i pokušajte to popraviti kako bi vaša igra bila igriva i zabavna.
Korak 16. Izvezite igru
Ako ste zadovoljni sa svojom igrom, možete je izvesti tako da je bilo tko može prenijeti na web stranicu i igrati. Za izvoz igre kliknite na Datoteka izbornika i odaberite Izvoz. Spremite projekt na mjesto koje možete lako pronaći.
Korak 17. Objavite igru
Postoji nekoliko web stranica koje vam omogućuju postavljanje HTML5 igara za igranje drugih. Također možete dodati igru na svoju web stranicu. Za detalje o postavljanju igre na vlastitu web stranicu pogledajte ovaj vodič.
Dio 4 od 4: Kodiranje iz nule
Korak 1. Preuzmite programski IDE (Integrirano razvojno okruženje) koji podržava HTML kao što je Game Maker Studio
Neki su dostupni besplatno, iako mnogi od najboljih IDE -a koštaju stotine dolara.
Korak 2. Naučite koristiti IDE
Naučiti programirati u svom okruženju je nevjerojatno važno. Zapamćivanje većine uobičajenog koda i učenje kako pravilno implementirati stvari mogu potrajati tjednima ili čak mjesecima. Budite strpljivi i sve će vam se isplatiti!
Korak 3. Kreirajte svoju igru kad mislite da ste spremni
Izrada dizajnerskog dokumenta ili bilježenje nekih ideja izvrstan je početak. Programiranje igre može potrajati mjesecima ili ako ste doista ozbiljni u pogledu postizanja hita, čak godinu ili dvije.
Korak 4. Testirajte igru
Pokušajte učiniti lude ili neočekivane stvari i zgnječite što više grešaka. Također pokušajte utvrditi je li igranje onako kako ste željeli ili se trebate vratiti i unijeti promjene.
Korak 5. Objavite ga
Objavite svoju igru na mreži na web stranici poput Kongregate. Trebali biste biti spremni na konstruktivne kritike i možda ćete htjeti ažurirati svoju igru kako bi ispunila želje vaše baze igrača.
Savjeti
- Ako vas više zanima učenje koda iza Flash igara, možete upotrijebiti Flash Builder i ActionScript 3 kôd za izradu prilagođenih igara. To će potrajati duže, ali moglo bi rezultirati jedinstvenijim iskustvom. Pogledajte ovaj vodič za detalje o programiranju u Actions Script 3.
- Odobrite sve izvore iz kojih ste uzeli ideje ili sadržaj i sve ostale koji su pomogli u stvaranju igre.
