3 načini za ustvarjanje spletne igre

Kazalo:

3 načini za ustvarjanje spletne igre
3 načini za ustvarjanje spletne igre

Video: 3 načini za ustvarjanje spletne igre

Video: 3 načini za ustvarjanje spletne igre
Video: 8 инструментов в Excel, которыми каждый должен уметь пользоваться 2024, Maj
Anonim

Ste že kdaj igrali spletno igro in pomislili: "Želim narediti nekaj takega, imam nekaj odličnih idej"? V preteklosti ste se morali naučiti kodirati v ActionScript 3, jeziku, ki poganja Flash. Vendar pa je zahvaljujoč nekaterim programom za ustvarjanje iger izkušnje s kodiranjem stvar preteklosti. Igre lahko naredite zabavne in privlačne z manipulacijo s predmeti in logiko, ne da bi se sploh dotaknili vrstic kode.

Korak

Metoda 1 od 3: Oblikovanje iger

Naredite spletne igre 1. korak
Naredite spletne igre 1. korak

Korak 1. Napišite osnovni opis

Vnesite funkcije in kaj želite, da igralec doseže. Lepo je, če imate osnovni opis, kaj želite narediti s svojo igro v pisni obliki, da jo boste lahko videli, ko delate na njej.

Za več podrobnosti o pisanju dokumentov o oblikovanju iger si oglejte ta priročnik

Naredite spletne igre 2. korak
Naredite spletne igre 2. korak

Korak 2. Narišite nekaj skic

Narišite osnovno zasnovo zaslona tako, kot želite. Ni nujno, da je zelo podrobno, vendar morate imeti vsaj predstavo o tem, kje bodo različni elementi postavljeni na zaslon. To vam bo prišlo kasneje, ko boste začeli graditi vmesnik za svojo igro.

Naredite spletne igre 3. korak
Naredite spletne igre 3. korak

Korak 3. Izberite način za ustvarjanje igre

Za ustvarjanje iger Flash se morate najprej naučiti kode za ActiopnScript3. Čeprav to še vedno lahko storite, so na voljo programi, ki olajšajo ustvarjanje iger in ne zahtevajo izkušenj s kodiranjem. Nekatere priljubljene izbire za ustvarjanje iger vključujejo:

  • Stencyl - To je novejše orodje, ki vam omogoča ustvarjanje iger z uporabo objektnih skript in logike. To igro lahko nato pretvorite v Flash projekt in naložite na katero koli spletno mesto, ki podpira igre Flash.
  • Construct 2 - Ko bo Flash starejši, bi ga morali začeti nadomeščati drugi načini ustvarjanja iger. Eden najnovejših načinov za ustvarjanje spletnih iger je uporaba HTML5. Običajno to zahteva veliko znanja o kodiranju, vendar Construct 2 omogoča ustvarjanje iger z uporabo predmetov in skript, kot je Stencyl.
  • Flash Builder - To je tradicionalna metoda za ustvarjanje iger Flash. Zahteva precej znanja o ActionScript, vendar je eden od lažjih jezikov za učenje osnov. Flash Builder stane veliko denarja, vendar lahko za številne iste namene uporabite odprt program FlashDevelop.

Metoda 2 od 3: Uporaba Stencyla

Naredite spletne igre 4. korak
Naredite spletne igre 4. korak

Korak 1. Prenesite in namestite Stencyl

Stencyl je program za ustvarjanje iger, ki ne zahteva nobenega znanja o kodiranju. Za upravljanje predmetov v igri lahko uporabite različna logična orodja.

Stencyl lahko brezplačno uporabljate le, če želite igro objaviti na spletu. Brezplačna različica bo imela logotip Stencyl na začetku. Če dobite plačljivo različico, jo lahko objavite na drugih platformah

Naredite spletne igre 5. korak
Naredite spletne igre 5. korak

Korak 2. Ustvarite svojo novo igro

Ko zaženete Stencyl, se vam prikaže seznam vaših iger. Na seznamu bo nekaj vzorčnih iger, ki si jih lahko ogledate, da vidite, kako delujejo. Če želite začeti delati na svoji igri, kliknite pikčasto polje z oznako "Kliknite tukaj za ustvarjanje nove igre".

Naredite spletne igre 6. korak
Naredite spletne igre 6. korak

Korak 3. Izberite komplet

Obstaja več kompletov, ki vsebujejo že pripravljena sredstva in predmete, ki vam lahko pomagajo hitro zagnati igro. Če želite, izberite komplet ali izberite »Prazna igra« (Prazna igra)

Na spletu lahko prenesete komplete drugih uporabnikov

Naredite spletne igre 7. korak
Naredite spletne igre 7. korak

Korak 4. Vnesite podatke o igri

Preden začnete graditi svojo igro, morate vnesti nekaj podatkov.

  • Ime - to je ime vaše igre. To lahko pozneje spremenite v karkoli želite.
  • Velikost zaslona - to je velikost vašega zaslona in je zelo pomembna, saj bo vplivala na umetnost, ki jo uporabljate. Ker bodo ljudje običajno igrali vašo igro s svojim spletnim brskalnikom, velikost zaslona ni nujno tako velika. Poskusite Širina: 640 px Višina: 480 px. To je dobra velikost za začetek.
Naredite spletne igre 8. korak
Naredite spletne igre 8. korak

Korak 5. Spoznajte postavitev

Ko prvič naložite igro, boste preusmerjeni na nadzorno ploščo. Tu si lahko ogledate vse prizore svoje igre in dostopate do vseh virov. Tu lahko spremenite tudi nastavitve igre. Večino časa boste porabili za delo na nadzorni plošči.

  • Scena - To je glavno okno nadzorne plošče in prikazuje dejansko igro in vsa sredstva. Vaša igra bo zbirka prizorov.
  • Viri - To je seznam vseh predmetov in sredstev v vaši igri. To vključuje igralce, ozadja, pisave, prizore, logiko, zvoke in sklope ploščic. Viri so razporejeni v drevesu na levi strani zaslona.
  • Nastavitve - Možnosti igre in nastavitve vam omogočajo, da prilagodite delovanje svoje mehanike iger, vključno s kontrolami, gravitacijo, zrušitvami, nalaganjem zaslona in drugim.
Naredite spletne igre 9. korak
Naredite spletne igre 9. korak

Korak 6. Ustvarite igralce

Igralec je vsak predmet, ki se v igri premika ali z njim lahko sodeluje (igralci, sovražniki, vrata itd.) Za vsak predmet v igri boste morali ustvariti igralca. Če želite ustvariti igralca, v meniju Viri kliknite možnost »Vrste igralcev«. Na seznamu izberite želenega igralca (seznam je določen iz izbranega kompleta).

  • Dodelite igralce skupinam (igralci, sovražniki). To bo pomagalo določiti trčne lastnosti igralca. Izberite svojega igralca, da odprete urejevalnik igralcev. Nato kliknite zavihek Lastnosti in v spustnem meniju izberite ustrezno skupino.
  • Izberite vedenje (skakanje, korakanje, hoja). Vedenje je tisto, kar igralcu omogoča, da nekaj naredi. Kliknite na Vedenje in v spodnjem levem kotu kliknite gumb »+ Dodaj vedenje«. S seznama izberite vedenje (na primer »Hoja«) in kliknite »Izberi«.
  • Nastavite nadzor. Če ustvarjate igralčev lik, boste igralcu dovolili, da ga premakne. Ko dodate vedenje hoje, boste preusmerjeni na zaslon atributov hoje. V meniju lahko izberete, katera tipka bo igralca premaknila levo in desno. Animacije lahko namestite tudi, če jih vsebuje komplet, ki ga uporabljate.
  • Dodate lahko veliko vedenj in nastavite, kaj lahko storijo igralci.
Naredite spletne igre 10. korak
Naredite spletne igre 10. korak

Korak 7. Ustvarite sceno

Prizor je tisto, kar igralec vidi med igro. To je ozadje, pa tudi vidni predmeti in igralci. Če želite ustvariti nov prizor, v drevesu virov kliknite možnost Scene in nato kliknite podloženo polje. Dajte novemu prizoru ime za nadaljevanje.

  • Ozadje - velikost vašega prizora bo samodejno spremenjena, zato vam zaenkrat zaradi tega ni treba skrbeti. Izberete lahko barvo za ozadje, ki bo prekrito s ploščico. Izbirate lahko tudi med trdnimi ali gradientnimi barvami. Ko končate, kliknite »Ustvari«. S tem se odpre Scene Designer.
  • Postavite ploščice - Kompleti ploščic, vključeni v vaš komplet, se bodo naložili na desno stran okna. V levem meniju kliknite orodje Svinčnik, nato pa ploščico, ki jo želite uporabiti. Nato lahko na sceno položite ploščice. Kliknite in povlecite z miško, da položite dvojne ploščice.
  • Daj igralca. Kliknite zavihek Igralci nad nizom ploščic, da preklopite na razpoložljive igralce. Predhodno ga morate ustvariti, da se prikaže na tem seznamu. Kliknite igralca, ki ga želite postaviti, in kliknite prizor, kjer želite, da se pojavi. Če pritisnete Shift, se bo igralec premaknil tja.
  • Dodana gravitacija. Kliknite zavihek »Fizika« na vrhu okna in nato vnesite vrednost v polje »Gravitacija (navpično)«. Z vnosom 85 bo simulirana resnična zemeljska gravitacija.
Naredite spletne igre 11. korak
Naredite spletne igre 11. korak

Korak 8. Preizkusite igro

Ko ustvarite sceno in dodate nekaj igralcev, lahko igro preizkusite. Kliknite gumb »Test Game« na vrhu zaslona, da predvajate tisto, kar ste zdaj ustvarili. S tipkami, ki ste jih nastavili, lahko nadzirate značaj igralca.

Poiščite kateri koli vidik, ki ne deluje, in ga poskusite popraviti. Na primer, ali se sovražnik pravilno obnaša? Ali lahko premagate sovražnika? Ali obstajajo nedostopne platforme ali neprehodni brezni? Vrnite se na ustrezno področje urejevalnika iger, da odpravite morebitne težave. Morda bo trajalo nekaj časa, vendar bo končni rezultat bolj zabaven in enostaven za igranje

Naredite spletne igre 12. korak
Naredite spletne igre 12. korak

Korak 9. Dodajte več

Zdaj, ko imate delujoč in predvajan prizor, je čas, da sestavite celotno igro. Dodajte ravni in izzive ter še naprej preizkušajte svoje dodatke, da se prepričate, da so zabavni in delujejo pravilno.

Naredite spletne igre 13. korak
Naredite spletne igre 13. korak

Korak 10. Spletno mesto Zaklenite svojo igro

Če boste igro nalagali na spletno mesto, ki gostuje v igrah Flash, ali na svoje spletno mesto, uporabite »Zaklepanje spletnega mesta«. Tako ne boste mogli igrati svoje igre, če je ni na seznamu dovoljenih spletnih mest.

  • Odprite »Nastavitve igre« v drevesu »Viri«. Izberite razdelek »Nakladalnik«. V polje »Zaklepanje spletnega mesta« vnesite dovoljena spletna mesta, ločena z vejicami in presledki. Na primer newgrounds.com, kongregate.com.
  • Ko ste še na tem zaslonu, vnesite svojo domačo stran v polje »Vaša domača stran«, če jo imate. To bo igralcem, ki igrajo vašo igro, omogočilo povezavo do vašega spletnega mesta/
Naredite spletne igre 14. korak
Naredite spletne igre 14. korak

Korak 11. Izvozite igro kot Flash

Ko ste zadovoljni s svojo igro, jo lahko izvozite v format Flash. To vam bo omogočilo, da igro naložite na spletno mesto, ki gosti Flash igre, ali na svoje spletno mesto. Kliknite »Objavi« «(Objavi), izberite» Splet «in nato» Flash «. Shranite datoteko na enostavnem mestu v računalniku.

Naredite spletne igre 15. korak
Naredite spletne igre 15. korak

Korak 12. Objavite igro

Ko imate datoteko Flash (. SWF), jo lahko naložite na izbrano spletno mesto. Na spletu je več spletnih mest, ki gostijo igre Flash, nekatera pa vam lahko celo omogočijo zaslužek od prihodkov od oglasov. Igre lahko naložite tudi na svoje spletno mesto, vendar morate poskrbeti, da imate pasovno širino za igralce, če igra postane priljubljena.

  • Oglejte si ta priročnik za nalaganje iger na svoje spletno mesto.
  • Če želite svojo igro naložiti na spletno mesto, kot je Newgrounds ali Kongregate, boste morali ustvariti račun in nato iti skozi postopek nalaganja teh spletnih mest. Pogoji se za vsako spletno mesto razlikujejo.
  • Če želite svojo igro objaviti v Stencyl Arcade, lahko to storite v programu Stencyl. Kliknite »Objavi«, izberite »Stencyl« in nato »Arkada«. Igra se bo samodejno naložila, zato se pred tem prepričajte, da ste zadovoljni z imenom. Stencyl Arcade ima omejitev velikosti datoteke MB.

Metoda 3 od 3: Uporaba Construct 2

Naredite spletne igre 16. korak
Naredite spletne igre 16. korak

Korak 1. Prenesite in namestite Construct 2

Ta program vam omogoča ustvarjanje iger HTML5 z zelo malo kodiranja. Morali boste nastaviti nekaj spremenljivk, vendar vse to poteka prek menija brez kodiranja.

Construct 2 je brezplačen, čeprav so nekatere funkcije omejene, razen nadgradnje. Brezplačne različice ni mogoče objaviti na drugih platformah kot v HTML5

Naredite spletne igre 17. korak
Naredite spletne igre 17. korak

Korak 2. Ustvarite nov projekt

Ko prvič zaženete Construct 2, vas pozdravi meni dobrodošlice. Kliknite povezavo »Nov projekt«, da začnete novo igro. Obstaja tudi nekaj primerov, s katerimi lahko vidite, kako sestaviti osnovno igro.

Ko začnete nov projekt, vam bo predstavljen seznam predlog. Za vaš prvi projekt priporočamo, da začnete s praznim projektom. Tako se boste navadili na osnove, ne da bi vam predloge motile

Naredite spletne igre 18. korak
Naredite spletne igre 18. korak

Korak 3. Prilagodite nastavitve projekta

Na levi strani okna projekta boste v okviru Lastnosti videli vrsto objektov. S tem lahko nastavite velikost zaslona in vnesete podatke o igri in podjetju.

Naredite spletne igre 19. korak
Naredite spletne igre 19. korak

Korak 4. Vnesite ozadje

Dvokliknite postavitev. V razdelku Splošno izberite »Ozadje s ploščicami«. Kliknite postavitev, da postavite ozadje. S tem se odpre urejevalnik ozadja. Ustvariti boste morali lastno programsko opremo za urejanje slik ali prenesti teksture z več spletnih mest.

  • Ozadje nastavite na velikost postavitve. To naredite tako, da izberete predmet ozadja in mu spremenite velikost v okviru Lastnosti.
  • Preimenujte plast in jo zaklenite. Plast morate zakleniti, da se izognete nenamernemu premikanju, ko postavite druge predmete. Kliknite zavihek »Plasti« na desni strani zaslona. Izberite plast in kliknite gumb Svinčnik. Poimenujte plast »Ozadje«, nato kliknite gumb »Ključavnica«, da zaklenete ozadje.
Naredite spletne igre 20. korak
Naredite spletne igre 20. korak

Korak 5. Ustvarite novo plast

Na zavihku plasti kliknite gumb »+«, da ustvarite novo plast. Poimenujte ga "Main". To bo plast, kjer se nahaja večina vaših predmetov igre. Preden nadaljujete, se prepričajte, da je izbrana glavna plast.

Naredite spletne igre 21. korak
Naredite spletne igre 21. korak

Korak 6. Dodajte vnos za svojo igro

V Construct 2 je treba vaš vnos kot predmet dodati v vašo igro. Je neviden in bo omogočal uporabo tipkovnice in miške v projektu.

Dvokliknite postavitev in v razdelku za vnos izberite »Miška«. Enako storite, če želite vstaviti predmet »Tipkovnica«

Naredite spletne igre 22. korak
Naredite spletne igre 22. korak

Korak 7. Dodajte predmete

Zdaj je čas, da v postavitev dodate nekaj predmetov igre. Dvokliknite postavitev in v splošnem razdelku izberite »Sprite«. S križcem izberite, kamor želite postaviti sprite. Odpre se urejevalnik slik, ki vam omogoča, da naložite obstoječi sprite ali ustvarite novega.

Ko v postavitvi izberete sprite, se bo lastnost sprite naložila na levi okvir. Preimenujte sprite, da jih boste lažje prepoznali in se nanje sklicevali

Naredite spletne igre 23. korak
Naredite spletne igre 23. korak

Korak 8. Dodajte vedenje svojemu objektu

Če želite dodati vedenje, kliknite predmet, ki mu želite dodati vedenje, da ga izberete. Kliknite povezavo »Dodaj/uredi« v razdelku Vedenje v okvirju Lastnosti. Prikazal se bo seznam razpoložljivih vedenj.

Vedenja so vnaprej konfigurirani kosi logike, ki omogočajo hitro dodajanje uporabnosti vašim predmetom. Izbirate lahko med številnimi vnaprej pripravljenimi vedenji, ki lahko nudijo široko paleto uporab. Na primer, če želite narediti trdno podlago, ji privoščite "trdno" vedenje. Če želite premakniti lik v 8 smereh, naredite vedenje "8 -smerno gibanje"

Naredite spletne igre 24. korak
Naredite spletne igre 24. korak

Korak 9. Spremenite lastnosti vedenja

Obnašanje lahko uredite tako, da ustreza vašemu objektu. Vrednosti lahko spremenite, če želite spremeniti hitrost, smer in druge lastnosti.

Naredite spletne igre 25. korak
Naredite spletne igre 25. korak

Korak 10. Razumeti, kako dogodki delujejo

Dogodki so seznam pogojev, ki jim igra uide. Če je pogoj dosežen, se dogodek zgodi. Če pogoj ni izpolnjen, se dogodek ne zgodi. Stran dogodka se običajno izvaja približno 60 -krat na sekundo. Vsak tek se imenuje "kljukica".

Naredite spletne igre Korak 26
Naredite spletne igre Korak 26

Korak 11. Ustvarite dogodek

Dvokliknite stran Dogodki. Prikazal se bo seznam razpoložljivih predmetov. Izberite predmet, za katerega želite ustvariti dogodek, ali pa sistem.

  • Izberite, kdaj se dejanje zgodi. Po izbiri predmeta boste morali izbrati, kdaj se je dogodek zgodil. To lahko temelji na drugih dogodkih ali ob določenem času. "Vsak kljukica" vedno.
  • Dodajte dejanje. Pozvani boste, da izberete enega od svojih predmetov. Izberite s seznama dejanj. Na primer, če ustvarjate strelec in želite, da je lik igralca vedno obrnjen proti miški, bi ustvarili dejanje »Od točke pogleda do položaja« na vsaki kljukici na predmetu igralca. Ko vas pozovejo k koordinatam, vnesite “Mouse. X” za X in “Mouse. Y” for Y. Tako bo igralčeva ladja vedno obrnjena proti kazalcu.
Naredite spletne igre 27. korak
Naredite spletne igre 27. korak

Korak 12. Dodajte več dogodkov in vedenja

To je hrbtenica vaše igre. Dodajanje in izboljšanje vedenja in dogodkov vam bo pomagalo ustvariti edinstvene in zabavne igre, ki jih bodo ljudje želeli igrati. Eksperimentirajte z različnimi dogodki in poskusite dobiti igro, ki si jo resnično želite.

Naredite spletne igre 28. korak
Naredite spletne igre 28. korak

Korak 13. Dodajte spremenljivke

V konstruktu 2 obstajata dve vrsti spremenljivk: spremenljivke primerka in globalne spremenljivke. Omogoča vam ustvarjanje rezultatov za vaše predmete in igre, kot so zdravje, časovna omejitev, rezultat itd.

  • Spremenljivka primerka - spremenljivka primerka je dodeljena enemu objektu. To se uporablja za stvari, kot so sovražniki in zdravje igralcev. Spremenljivko primerka lahko dodate po izbiri predmeta s klikom na povezavo 'Dodaj/uredi' v razdelku Spremenljivke okvirja Lastnosti. Spremenljivki dajte ime, ki se lahko nanaša na dogodek, in začetno vrednost.
  • Globalna spremenljivka - globalne spremenljivke so spremenljivke, ki so dodeljene celotni igri. Uporablja se za stvari, kot so rezultati igralcev. Če želite ustvariti globalno spremenljivko, pojdite na stran Dogodki in z desno miškino tipko kliknite prazen prostor. Kliknite »Globalna spremenljivka Ass«, mu dajte ime, da se ga bo mogoče sklicevati v dogodku, nato vnesite začetno vrednost.
Naredite spletne igre 29. korak
Naredite spletne igre 29. korak

Korak 14. Ustvarite vmesnike

Pri ustvarjanju vmesnikov je običajno najbolje, da to storite na novi plasti. To je zato, ker se vmesnik zelo redko premika ali spreminja, zato ga je bolje postaviti na zaklenjeno plast. V okviru Lastnosti za novo plast nastavite »Parallax« na 0. To bo ohranilo plast premaknjeno, ko se zaslon premakne.

Za ustvarjanje vmesnika uporabite besedilna polja in spremenljivke. Polje z besedilom lahko nastavite tako, da prikazuje stanje zdravja, rezultat, strelivo ali karkoli mora igralec občasno videti

Naredite spletne igre 30. korak
Naredite spletne igre 30. korak

Korak 15. Preizkusite in popravite svojo igro

Zdaj, ko imate na zaslonu nekaj predmetov z dogodki in vedenjem, lahko začnete testirati in dodajati vsebino. Za pomoč in preizkus igre kliknite gumb »Predvajaj« na vrhu zaslona. Upoštevajte vse, kar ne deluje, in poskusite to popraviti, da bo vaša igra igriva in prijetna.

Naredite spletne igre 31. korak
Naredite spletne igre 31. korak

Korak 16. Izvozite igro

Če ste s svojo igro zadovoljni, jo lahko izvozite, tako da jo lahko naloži na spletno mesto in igra kdor koli. Za izvoz igre kliknite meni »Datoteka« in izberite »Izvozi«. Shranite projekt na mesto, ki ga boste zlahka našli.

Naredite spletne igre 32. korak
Naredite spletne igre 32. korak

Korak 17. Objavite igro

Obstaja več spletnih mest, ki omogočajo nalaganje iger HTML5, ki jih lahko igrajo drugi. Igre lahko dodate tudi na svoje spletno mesto. Za podrobnosti o nalaganju iger na svoje spletno mesto si oglejte ta priročnik.

Nasveti

  • Če vas bolj zanima učenje kode za igrami Flash, lahko za izdelavo iger uporabite Flash Builder in ActionScript3. To bo trajalo dlje, vendar lahko povzroči bolj edinstveno izkušnjo. Glejte programski vodnik v ActionsScript3.
  • Poklonite se vsem virom, iz katerih ste črpali ideje in vsebino, ter vsem, ki so vam pomagali pri ustvarjanju igre.

Priporočena: