Ustvarite 2D igro: 15 korakov

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:03

Utrujen od igranja iger? Zakaj ne narediš igre?

Ta navodila vam bodo predstavila, kako narediti popolnoma preprosto 2D igro …

Za oblikovanje in ustvarjanje 2D igre bomo uporabili Unity Game Engine…, za programiranje in ustvarjanje nekaterih skriptov pa bomo uporabili tudi Microsoft Visual Studio.

Zaloge

1- Unity Game Engine

2- Microsoft Visual Studio

1. korak: Prenesite Unity Game Engine & Microsoft Visual Studio

Za ustvarjanje in programiranje naše igre potrebujemo Game Engine ("Unity") in Visual studio … Torej, najprej jih naložimo:

1-Uporabite to povezavo … ali poiščite »download Unity Hub« … Če želite najprej prenesti »Unity Hub«

3- Nato uporabite to povezavo … Če želite prenesti »Unity«

4- Izberite različico Unity, nato kliknite »Prenos (zmaga)« -> »Namestitveni program Unity«

Preverite Unity & Microsoft Visual Studio Community 2019, kot je prikazano na drugi sliki

2. korak: Ustvarite nov projekt in uvozite sredstva

Ko prenesemo »Unity Hub«, »Unity« in »Microsoft Visual Studio Community 2019« … začnimo

1- Odprite "Unity" … Nato se samodejno zažene "Unity Hub"

2- Zdaj moramo ustvariti nov projekt … Kliknite na "NOVO"

3- Izberite 2D predlogo, napišite ime projekta in izberite primerno lokacijo za svoj projekt

4- Kliknite "Ustvari"

Ko kliknete »Ustvari«, se bo Unity zagnala …

Zdaj moramo dodati svoj značaj, ozadje in predmete …

Če nimate kaj dodati … obiščite to povezavo, če želite prenesti sredstva, ki jih potrebujete.

In zdaj želimo dodati sredstva v Unity … Če želite to narediti:

Preprosto lahko povlečete mapo in jo spustite v okno projekta v programu Unity.

ALI

1- Pojdite na Unity in z desno miškino tipko kliknite na Počisti prostor v oknu "Projekt", kot je prikazano na drugi sliki

2- V ozadju izberite ozadje, znake in predmete, ki jih želite dodati.

3. korak: Dodajte svoja sredstva na sceno

Če v okno prizora dodate katero koli stvar … se bo prikazala v oknu igre

Če želite izvedeti več o sistemu Unity, obiščite to povezavo …

kot vidite na prvi sliki, je v oknu prizora bela škatla in to je polje kamere … Tako bo katera koli stvar v tem polju prikazala kamero.

Zdaj pa najprej dodajmo ozadje v okno prizora …

1- Preprosto povlecite sliko ozadja iz okna projekta in jo spustite v okno prizora

in se prepričajte, da slika ustreza okvirju fotoaparata

lahko poljubno velikost slike uredite tako, da iz orodne vrstice izberete orodje Rect, kot je prikazano na tretji sliki.

predmete in svoj lik dodajte tudi v sceno … kot je prikazano na zadnji sliki.

4. korak: Liku dodajte nekaj fizike

Najprej, če želite preizkusiti ali igrati igro, kliknite gumb Predvajaj v Orodni vrstici …

Če igrate svojo igro zdaj … se lik ne premika, ni gravitacije … vsaka stvar je statična …

če želimo v svoj lik dodati vse lastnosti fizike … uporabljamo lastnost Rigidbody2D Ta lastnost vam omogoča urejanje gravitacijske sile, teže, mase in drugih …

Zato ga dodajmo k svojemu liku …

1- Izberite svoj lik iz hierarhije

2- Pojdite v okno Inšpektor in pritisnite "Dodaj komponento"

3- Poiščite Rigidbody2D

4- Izberite ga.

Če igrate zdaj … Naš lik pada zaradi gravitacije: D

5. korak: Našemu karakterju dodajte trk

Zdaj moramo dodati lastnost Collider2D, da bo znak lahko trčil v tla in druge predmete …

Da bi to naredili … Najprej moramo to lastnost dodati našemu liku in kateremu koli drugemu predmetu, ki mora z njim trčiti.

Najprej ga dodajmo v znak…

1- Izberite svoj lik iz hierarhije

2- Pojdite v okno Inšpektor in pritisnite "Dodaj komponento"

3- Poiščite BoxCollider2D

4- Izberite ga.

5- Kliknite na polje "Uredi trkalnik" v polju BoxCollider2D, ki se prikaže v inšpektorju, da lahko spremenite velikost zelenega polja, ki se pojavi v prizoru

6- Povlecite eno od zelenih točk, ki se prikaže v zelenem polju, da ustreza znaku

Drugič, dodajmo to na tla (naredite iste korake) …

1- Izberite svoj znak iz hierarhije2- Pojdite v okno Inšpektor in pritisnite na "Dodaj komponento"

3- Poiščite BoxCollider2D

4- Izberite ga.

5- Kliknite polje »Uredi urejevalnik« v polju »BoxCollider2D«, ki se prikaže v inšpektorju. Če želite spremeniti velikost zelenega polja, ki se prikaže v prizoru

6- Povlecite eno od zelenih točk, ki se prikaže v zelenem polju, da ustreza znaku

Zdaj, če igrate igro, boste videli, da znak stoji na tleh:>

6. korak: Premaknite naš lik

Če želimo, da naš lik opravi katero koli nalogo, mu moramo najprej dodati skript, ki mu pove, kaj naj naredi …

Unity uporablja jezik C# … Če želite izvedeti več o tem, obiščite to povezavo

Ustvarimo torej skript

1- Izberite svoj lik iz hierarhije

2- Pojdite v okno Inšpektor in pritisnite "Dodaj komponento"

3- Napišite ime skripta (na primer gibanje) …

4- Kliknite »Nov skript«

5- Kliknite "Ustvari in dodaj"

Zdaj se ga dvakrat dotaknite, da uredite skript

6- Izbrišite vse samodejno napisane kode

7- Prenesite besedilo, ga kopirajte in prestavite v svoj skript (ne pozabite napisati imena skripta namesto #yourScriptName)

8- če želite vedeti, kako to kodirati … Obiščite to povezavo

9- Shranite skript in pojdite do inšpektorja znakov, poglejte svoj scenarij

10- Izberite desni in levi gumb in nastavite hitrost.

Če igrate igro, se bo lik premaknil …: D

7. korak: Naj naš lik skoči

Po dodajanju gibanja našega lika … zdaj smo pripravljeni na naše skoke znakov …

Zato moramo ustvariti tudi nov skript, ki naredi skok znakov…

1- Izberite svoj lik iz hierarhije

2- Pojdite v okno Inšpektor in pritisnite "Dodaj komponento"

3- Napišite ime skripta (na primer skakanje) …

4- Kliknite »Nov skript«

5- Kliknite "Ustvari in dodaj"

Preden uredite skočni skript … Najprej dodamo plast na tla, da Unity ve, da je ta predmet Ground …

1- Izberite podlago iz hierarhije

2- Kliknite na "Privzeto" v "Sloju", ki je na vrhu inšpektorja

3- Izberite "Dodaj plast"

4- Poimenujte plast 8 v "Ground" (Kot je prikazano na drugi sliki)

5- Znova izberite podlago iz hierarhije

6- Kliknite "Privzeto" v "Sloju", ki je na vrhu inšpektorja

7- Izberite "Ground"

To je to … Končno smo ustvarili novo plast, ki je "Ground", in jo dodali na našo podlago

Preden naredimo tudi, da naš lik skoči, se moramo prepričati, da se takrat dotika tal, da skoči.

Ustvarimo torej GroundCheck za našega lika …

1- Desni klik na vaš lik iz hierarhije

2- Izberite "Ustvari prazno" in ga preimenujte v "GroundCheck"

3- V orodni vrstici izberite "Premakni orodje" in premaknite "GroundCheck" navzdol do baze znakov ali čevlja (kot je prikazano na peti sliki)

Po tem smo pripravljeni urediti naš skakalni scenarij

1- Odprite svoj skakalni skript (od projekta ali inšpektorja)

2- Izbrišite vse samodejno napisane kode

3- Prenesite besedilo, ga kopirajte in prelepite v svoj skript (ne pozabite napisati imena skripta namesto #yourScriptName)

če želite vedeti, kako to kodiramo … Obiščite to povezavo

4- Shranite skript in pojdite do inšpektorja likov, poglejte svoj scenarij (kot je prikazan na šesti sliki)

5- Nastavite svojo skokovito silo, dodajte "GroundCheck" na kontrolno točko tal (tako, da jo povlečete in spustite na pravokotno polje), nastavite svoj polmer tal (na primer 0,1), izberite talno plast "Ground" in na koncu izberite gumb za skok.

Če igrate igro zdaj … Hodi in skače … Hurraaaaay:)

8. korak: Animirajte lik

Ko naredimo, da se naš lik premakne in skoči … ga animirajmo … videti bo zelo kul …

najprej potrebujete Sprite podobo v prostem teku, hojo in skakanje (kot je prikazano od prve do četrte slike)

Če želite animirati znak, morate delati na oknu animacije in oknu animatorja in privzeto na vmesniku Unity, ki ne prikazuje teh oken … da jih dobite:

1- Kliknite Ctrl+6, da odprete okno Animacija

2- V zgornjem levem spustnem meniju izberite okno (kot je prikazano na peti sliki)

Nato izberite "Animacija" -> "Animator", nato se bosta odprla dva okna (okno animacije in okno animatorja)

Zdaj pa začnimo animirati lik, ko je v prostem teku …

1- Izberite svoj lik iz hierarhije

2- V oknu za animacije kliknite gumb "Ustvari"

3- Izberite primerno mesto za shranjevanje animacije

4- Nato izberite vse fotografije v prostem teku iz projekta in jih povlecite in spustite v okno za animacijo (kot je prikazano na šesti sliki)

Če zdaj igrate The Character is Idleling Wow … Very Cool…

Zdaj pa naj ga med hojo igra animacijo Walk …

1- Pojdite v okno z animacijo in kliknite »Nova animacija«

2- Izberite "Ustvari nov posnetek"

3- Izberite primerno mesto za shranjevanje animacije

4- Nato izberite vse fotografije za hojo iz projekta in jih povlecite in spustite v okno za animacijo

Zdaj odprite okno Animator

1- Z desno tipko miške kliknite Idle Box, izberite "make Transition" in kliknite Walk Box (kot je prikazano na sedmi sliki)

Opomba: Imena polja za animacijo ne bi smela biti, odvisno od tega, kako ga poimenujete …

2- Z desno tipko miške kliknite Walk Box, izberite "Make Transition" in kliknite Idle Box

3- V parametrih kliknite ikono Plus (+) Izberite Bool (poimenujte ga na primer Walk)

4- Izberite puščice, ki se premikajo iz animacije Idle to Walk, pojdite na itsInspector in nastavite "Has Exit Time" na False, "Fixed Duration" na false, "Trajanje prehoda" nastavite na nič in kliknite plus (+) Ki obstajajo znotraj Condition in nastavite »Walk« na »True« (kot je prikazano na osmi sliki)…

5- Izberite puščice, ki se premikajo iz animacije Walk to Idle, pojdite na Inspector in nastavite "Has Exit Time" na False, "Fixed Duration" na false, "Trajanje prehoda" nastavite na nič in kliknite plus (+) To obstajajo znotraj Condition in nastavite "Walk" na "False"

6- Izberite svoj lik iz hierarhije

7- Pojdite v okno Inšpektor in pritisnite "Dodaj komponento"

8- Napišite ime skripta (na primer AnimateWalk) …

9- Kliknite »Nov skript«

10- Kliknite "Ustvari in dodaj"

11- Izbrišite vse samodejno napisane kode

12- Prenesite besedilo, ga kopirajte in prenesite v svoj skript (ne pozabite napisati imena skripta namesto #yourScriptName, ime skripta gibanja namesto #YourMotionScriptName in tudi ime svojega skripta namesto #YourJumpingScriptName in napišite Vaše Bool ime namesto "Walk", ki ste ga ustvarili znotraj parametrov v Animatorju)

13- Shranite skript in pojdite do inšpektorja znakov, poglejte skript

14- Povlecite svoj znak in ga spustite v "Insertyour Motion Script" & "Insertyour Jump Script"

Če zdaj igrate igro, igralec v prostem teku in zmaga, premakne igro Run Animation… Kul:>

Zdaj pa ga prisilimo, da igra animacijo skoka, ko skoči …

1- Pojdite v okno z animacijo in kliknite »Nova animacija«

2- Izberite "Ustvari nov posnetek"

3- Izberite primerno mesto za shranjevanje animacije

4- Nato izberite vse fotografije, ki skačejo iz projekta, in jih povlecite in spustite v okno za animacijo

Zdaj odprite okno Animator

1- Z desno tipko miške kliknite Idle Box, izberite "make Transition" in kliknite Jump Box (kot je prikazano na deveti sliki)

2- Z desno miškino tipko kliknite polje za skok, izberite "Naredi prehod" in kliknite Zaženi polje

3- V parametrih kliknite ikono plus (+) izberite Bool (poimenujte na primer skok)

4- Izberite puščice, ki se premikajo iz animacije v mirovanju v preskok, pojdite na pregled in nastavite »Has Exit Time« na False, »Fixed Duration« na false, »Trajanje prehoda« nastavite na nič in kliknite plus (+) To obstajajo znotraj pogoja in nastavite "Skok" na "True" (kot je prikazano na deseti sliki) …

5- Izberite puščice, ki se premikajo iz animacije Skoči na Zaženi, pojdite na pregled in nastavite "Has Exit Time" na False, "Fixed Duration" na false, "Trajanje prehoda" nastavite na nič in kliknite plus (+) To obstajajo znotraj pogoja in nastavite "Skok" na "False"

6- Dvakrat se dotaknite polja Animacija skoka iz Animatorja in nastavite "Čas zanke" na "False"

7- Izberite svoj lik iz hierarhije

8- Pojdite v okno Inšpektor in pritisnite "Dodaj komponento"

9- Napišite ime skripta (na primer AnimateJump) …

10- Kliknite »Nov skript«

11- Kliknite "Ustvari in dodaj"

12- Izbrišite vse samodejno napisane kode

13- Prenesite besedilo, ga kopirajte in prenesite v svoj skript (ne pozabite napisati imena skripta namesto #yourScriptName & tudi svojega imena skokovnega skripta namesto #YourJumpingScriptName, in namesto "Walk" napišite svoje ime Bool ste ustvarili znotraj parametrov v Animatorju)

14- Shranite skript in pojdite do inšpektorja likov, poglejte svoj scenarij

15- Povlecite svoj znak in ga spustite v "Insertyour Jump Script"

Če zdaj igrate svojo igro, bo igralec v prostem teku … hodil … in skočil … hooohuuu!: D

vendar ga je treba obrniti

9. korak: Prelistajte svoj lik

Najprej morate našemu liku dodati nov skript:

1- Izberite svoj lik iz hierarhije

2- Pojdite v okno Inšpektor in pritisnite "Dodaj komponento"

3- Napišite ime skripta (na primer Flip) …

4- Kliknite »Nov skript«

5- Kliknite "Ustvari in dodaj"

6- Izbrišite vse samodejno napisane kode

7- Prenesite besedilo, ga kopirajte in prestavite v svoj skript (ne pozabite napisati imena skripta namesto #yourScriptName & tudi svojega imena skripta gibanja namesto #YourMotionScriptName)

8- Shranite skript in pojdite do inšpektorja likov, poglejte skript

9- Povlecite svoj znak in ga spustite v "Insertyour Motion Script"

10-Kopirajte lestvico vašega lika X iz (Transform) na vrhu inšpektorja in mimo nje na Scale_X pri vašem scenariju (kot je prikazano na drugi in tretji sliki)

11- Kopirajte lestvico svojega znaka Y iz (Transform) na vrhu inšpektorja in mimo nje na Scale_Y

10. korak: Kamera sledi našemu značaju

Tokrat morate v našo kamero dodati nov scenarij:

1- Izberite svojo kamero iz hierarhije

2- Pojdite v okno Inšpektor in pritisnite "Dodaj komponento"

3- Napišite ime skripta (na primer CameraFollow) …

4- Kliknite »Nov skript«

5- Kliknite "Ustvari in dodaj"

6- Izbrišite vse samodejno napisane kode

7- Prenesite besedilo, ga kopirajte in prestavite v svoj skript (ne pozabite napisati imena skripta namesto #yourScriptName)

8- Shranite skript in pojdite do inšpektorja kamere, poglejte skript 8- Povlecite svoj znak in ga spustite v "Target"

Če želite, lahko uredite drugo nastavitev …

Če želite kameri dati prednost, uporabite zamik X & Y

11. korak: Dodajte drugega igralca (2 igralca) in kamero Spremljajte 2 igralca

Da bo vaša igra bolj zanimiva … Lahko naredite 2, 3, 4, 10, 20…. Igralci … poljubno število igralcev, ki jih želite … zato to storite:

1- Izberite svoj lik iz hierarhije

2- Podvoji (pritisni na Ctrl + D)

zdaj ste dodali še en znak

3- Premaknite ga z orodjem Premakni in ga povlecite, postavite na primerno mesto

4- Zdaj moramo spremeniti nastavitve nadzora, tako da pojdite na njegov inšpektor, spremenite desni in levi gumb svojega skripta gibanja

5- Prav tako spremenite gumb za skok …

Zdaj pa kamera sledi samo enemu predvajalniku, da bi lahko sledila več igralcem, ji moramo dodati nov scenarij:

1- Izberite svojo kamero iz hierarhije2- Pojdite v okno Inšpektor in pritisnite na "Dodaj komponento"

3- Napišite ime skripta (na primer CameraFollowMultipleTarget) …

4- Kliknite »Nov skript«

5- Kliknite "Ustvari in dodaj"

6- Izbrišite vse samodejno napisane kode

7- Prenesite besedilo, ga kopirajte in prestavite v svoj skript (ne pozabite napisati imena skripta namesto #yourScriptName)

8- Shranite skript in pojdite do inšpektorja kamere, poglejte svoj scenarij

9- Nastavite "Target" 2

10- Povlecite dva igralca v to tarčo.

Prepričajte se, da je odmik Z kamere (-20)

Lahko spremenite ali nastavite drugo nastavitev… če želite narediti rob kamere uredite odmik X & Y

12. korak: Dodajanje točk in mrtvih točk

V svoji igri lahko naredite veliko odličnih idej, vendar je najpreprostejša ideja ustvariti preprosto območje rezultatov, če eden od likov najprej doseže zmago, in obstajajo mrtva območja, če se ga igralec dotakne, da se znova prikaže točka ponovnega drstenja zdaj …

Najprej naredimo območje točk:

1- Toda objekt A Ground in Score (kot je prikazano na prvi sliki)

ne pozabite mu dodati Box Collider2D

Zdaj moramo k točkovanju dodati skript

1- Izberite svoje točkovanje iz hierarhije

2- Pojdite v okno Inšpektor in pritisnite "Dodaj komponento"

3- Napišite ime skripta (na primer ScoreGround) …

3- Kliknite "Nov skript" 4- Kliknite "Ustvari in dodaj"

5- Izbrišite vse samodejno napisane kode

6- Prenesite besedilo, ga kopirajte in prelepite v svoj skript (ne pozabite napisati imena skripta namesto #yourScriptName in preimenujte ime dveh igralcev namesto "YourPlayer1Name" & "YourPlayer2Name")

7- Shranite skript in pojdite do inšpektorja kamere, poglejte svoj scenarij

Zdaj moramo ustvariti gumb Text in Restart

Za ustvarjanje besedila

1- Kliknite plus (+) v hierarhiji

2- Izberite "UI" -> "Text"

3- Preimenujte besedilo inšpektorja in uredite barvo….

4- ustvarite 2 besedila, ki sta namenjena igralcu ena (na primer "igralec 1 zmaga"), drugo pa igralcu 2

Zdaj moramo ustvariti gumb za ponovni zagon

Ustvarjanje gumba 1- Kliknite na plus (+) v hierarhiji

2- Izberite "UI" -> "Button"

3- Preimenujte gumb inšpektorja in uredite barvo….

ustvarite samo en gumb

Zdaj, ko ustvarimo besedila in gumbe, jih moramo dodati v inšpektor za točkovanje, da to naredimo:

1- Izberite svojo točkovalno polje iz hierarhije2- Pojdite v okno Inšpektor

3- Poglejte skript, ki ste ga dodali

4- Povlecite besedilo in ga spustite na "Win Text Of Player 1" in "Win Text Of Player 2"

5- Povlecite gumb in ga spustite na gumb "Ponovni zagon"

če igrate zdaj Vsa stvar deluje razen gumba za ponovni zagon

Da bo delovalo

1- Izberite datoteko v spustnih orodjih v zgornjem levem kotu Unity …

2- Izberite "Build Settings"

3- Povlecite prizor iz mape Scena, ki jo najdete v oknu projekta, in jo spustite v »Scena v zgradbah«

Zdaj lahko gumbu dodamo nov skript

4- Izberite svoj gumb iz hierarhije

5- Pojdite v okno Inšpektor in pritisnite "Dodaj komponento"

6- Napišite ime skripta (na primer SceneLoader) …

7- Kliknite "Nov skript"

8- Kliknite "Ustvari in dodaj"

9- Izbrišite vse samodejno napisane kode

10- Prenesite besedilo, ga kopirajte in prestavite v svoj skript (ne pozabite napisati imena skripta namesto #yourScriptName)

11- Shranite skript in se vrnite v Unity

12- Izberite svoj gumb iz hierarhije

13- Pojdite na njegov inšpektor, kliknite na plus (+) V meniju "ob kliku"

14- povlecite in spustite bottun v pravokotno polje

15- Kliknite na "Brez funkcije" Izberite "SceneLoader" -> "Naloži prizor"

16- napišite nič… 0

zdaj, če igraš, deluje ….. Ura: D

Omogočamo, da za to naredimo mrtvo cono:

1- Kliknite na Plus (+) na hierarhiji

2-Izberite "Ustvari prazno" in pojdite na njegov inšpektor

3- Dodajte BoxCollider 2d….

4- Premaknite ga navzdol, zato se igralec, ko pade, trči nanj

Zdaj temu predmetu igre dodajte nov skript in ga poimenujte za primer DeadZone

5- Prenesite besedilo, ga kopirajte in prestavite v svoj skript (ne pozabite napisati imena skripta namesto #yourScriptName & in napišite imena likov namesto "ime vašega igralca1", "ime vašega igralca2")

Zdaj shranite in se vrnite k enotnosti

Dodati moramo prazen predmet igre, ki označuje, kje se bo naš igralec ponovno rodil

1- Kliknite na Plus (+) na hierarhiji

2- Izberite "Ustvari prazno"

3- Premaknite položaj na isti položaj, ki ga potrebujete za ponovni nastanek igralcev

4- Poglejte The DeadZone Script od inšpektorja in mu dodajte Spawn Point (predmet igre, ki ste ga ustvarili).

Če igrate zdaj, boste navdušeni: -O

Korak: Zamrznite rotacijo

Ko igrate igro, se pojavi hrošč, ki se vrti …

Če vas moti ta napaka … jo lahko enostavno popravite:

1- Samo izberite znak iz hierarhije

2- Poglejte Rigidbody2D od inšpektorja

3- Odprite "Omejitve" in nastavite "Zamrzni rotacijo" na True

To je to;)

14. korak: Ustvarite glavni meni za svojo igro

Tako ustvarite svoj glavni meni

Korak 15: Objavljanje in deljenje

Nazadnje, da naložite svojo igro, poglejte ta video

Upam, da uživate … Naučite se … Imejte se:)

Vsa vprašanja me vprašajte na: