Kreirajte 2D igru: 15 koraka

2024 Autor: John Day | [email protected]. Zadnja izmjena: 2024-01-30 08:05

Umorni ste od igranja igara? Zašto ne napraviš igru?

Ovo uputstvo vas vodi kroz to kako napraviti potpuno jednostavnu 2D igru …

Koristit ćemo Unity Game Engine za dizajniranje i kreiranje naše 2D igre … a također ćemo koristiti i Microsoft Visual Studio za programiranje i kreiranje nekih skripti.

Supplies

1- Unity Game Engine

2- Microsoft Visual Studio

Korak 1: Preuzmite Unity Game Engine i Microsoft Visual Studio

Za kreiranje i programiranje naše igre potreban nam je Game Engine ("Unity") & Visual studio … Zato ih prvo preuzmite:

1-Koristite ovu vezu… ili potražite “download Unity Hub” … Da biste prvo preuzeli “Unity Hub”

3- Zatim upotrijebite ovu vezu … Za preuzimanje “Unity”

4- Odaberite verziju Unityja, a zatim kliknite "Preuzmi (osvojiti)" -> "Unity instalater"

Obavezno provjerite Unity & Microsoft Visual Studio Community 2019 kao što je prikazano na drugoj slici

Korak 2: Kreirajte novi projekat i uvezite nova sredstva

Nakon preuzimanja "Unity Hub", "Unity" & "Microsoft Visual Studio Community 2019" … počnimo

1- Otvorite "Unity" … Zatim će automatski pokrenuti "Unity Hub"

2- Sada moramo stvoriti novi projekt … Kliknite na "NOVO"

3- Odaberite 2D predložak, napišite naziv projekta i odaberite odgovarajuću lokaciju za svoj projekt

4- Kliknite na "Kreiraj"

Nakon klika na "Create", Unity će se pokrenuti …

Sada moramo dodati naš lik, pozadinu i objekte …

Ako nemate šta dodati … možete posjetiti ovu vezu za preuzimanje materijala koja će vam trebati.

A sada želimo dodati imovinu u Unity … Da bismo to učinili:

Jednostavno možete povući mapu i ispustiti je u prozor projekta u Unityju.

ILI

1- Idite na Unity & Desni klik na Clear space u prozoru "Project" kao što je prikazano na drugoj slici

2- Odaberite Pozadinu, Likove i Objekte koje želite dodati iz mape.

Korak 3: Dodajte svoju imovinu u scenu

Ako bilo što dodate u prozor scene … pojavit će se u prozoru igre

Da biste saznali više o sistemu Unity, posjetite ovu vezu …

kao što vidite na prvoj slici, u prozoru scene nalazi se bijela kutija i ovo je okvir kamere … Dakle, bilo koja stvar unutar ovog okvira, kamera će to prikazati.

Sada prvo dodajmo pozadinu u prozor scene …

1- Jednostavno povucite pozadinsku sliku iz prozora projekta i ispustite je unutar prozora scene

i uverite se da slika odgovara kutiji kamere

možete urediti bilo koju veličinu slike odabirom alata Rect iz Toolbar -a kao što je prikazano na trećoj slici.

takođe dodajte objekte i svoj lik koji želite u scenu … kako je prikazano na poslednjoj slici.

Korak 4: Dodajte malo fizike liku

Prvo, da biste testirali ili igrali svoju igru, kliknite na dugme Reproduciraj na alatnoj traci …

Ako sada igrate svoju igru … Lik se ne miče, nema gravitacije … sve je statično …

za dodavanje svih svojstava fizike našem liku … koristimo svojstvoRigidbody2D Ovo svojstvo vam omogućuje uređivanje sile gravitacije, težine, mase i drugih …

Pa dodajmo to našem liku …

1- Odaberite svoj lik iz hijerarhije

2- Idite na prozor Inspector, pritisnite "Add Component"

3- Potražite Rigidbody2D

4- Odaberite ga.

Ako sada igrate…. Naš lik pada zbog gravitacije: D

Korak 5: Dodajte sudar našem liku

Sada moramo dodati svojstvo Collider2D kako bismo dozvolili da se znak sudara s tlom i drugim objektima …

Da bismo to učinili … Prvo moramo dodati ovo svojstvo našem liku i bilo kojem drugom objektu koji se treba sudariti s njim.

Prvo, dodajmo to u znak …

1- Odaberite svoj lik iz hijerarhije

2- Idite na prozor Inspector, pritisnite "Add Component"

3- Potražite BoxCollider2D

4- Odaberite ga.

5- Kliknite na okvir "Uredi kolajder" iz okvira BoxCollider2D koji se pojavljuje u inspektoru. Da biste mogli promijeniti veličinu zelenog okvira koji se pojavljuje na sceni

6- Povucite jednu od zelenih tačaka koja se pojavljuje u zelenom okviru kako bi se uklopila u znak

Drugo, dodajmo to na tlo (Uradite iste korake) …

1- Odaberite svoj lik iz hijerarhije2- Idite u prozor Inspector, pritisnite "Add Component"

3- Potražite BoxCollider2D

4- Odaberite ga.

5- Kliknite na okvir "Uredi kolajder" iz okvira BoxCollider2D koji se pojavljuje u inspektoru. Da biste mogli promijeniti veličinu zelenog okvira koji se pojavljuje na sceni

6- Povucite jednu od zelenih tačaka koja se pojavljuje u zelenom okviru kako bi se uklopila u znak

Sada ako igrate igru vidjet ćete da lik stoji na tlu:>

Korak 6: Premjestite naš lik

Da bi naš lik učinio bilo koji zadatak, prvo mu moramo dodati skriptu koja će mu reći šta da radi …

Unity koristi C# jezik … Ako želite saznati više o njemu, posjetite ovu vezu

Kreirajmo skriptu

1- Odaberite svoj lik iz hijerarhije

2- Idite na prozor Inspector, pritisnite "Add Component"

3- Napišite naziv skripte (na primjer kretanje)…

4- Kliknite na "Nova skripta"

5- Kliknite na "Kreiraj i dodaj"

Sada ga dvaput dodirnite za uređivanje skripte

6- Brisanje svih kodova koji su automatski napisani

7- Preuzmite tekst, kopirajte ga i zalijepite u skriptu (ne zaboravite da upišete ime skripte umjesto #yourScriptName)

8- ako želite znati kako kodirati ovo … Posjetite ovu vezu

9- Sačuvajte skriptu i idite do inspektora likova, pogledajte svoju skriptu

10- Odaberite desno i lijevo dugme i postavite brzinu.

Ako igrate igru, lik će se pomaknuti …: D

Korak 7: Neka naš lik skoči

Nakon dodavanja pokreta našeg lika … sada smo spremni za naše skokove karaktera …

Tako da moramo stvoriti i novu skriptu koja čini naše znakove skokovima…

1- Odaberite svoj lik iz hijerarhije

2- Idite na prozor Inspector, pritisnite "Add Component"

3- Napišite naziv skripte (na primjer skakanje)…

4- Kliknite na "Nova skripta"

5- Kliknite na "Kreiraj i dodaj"

Prije uređivanja skočne skripte … Dodajmo prvo sloj na tlo kako bi Unity znao da je ovaj objekt zemlja …

1- Odaberite tlo iz hijerarhije

2- Kliknite na "Zadano" na "Sloju" koji se nalazi na vrhu inspektora

3- Odaberite "Dodaj sloj"

4- Imenujte sloj 8 u "Uzemljenje" (Kao što je prikazano na drugoj slici)

5- Ponovo odaberite tlo iz hijerarhije

6- Kliknite na "Default" na "Layeru" koji se nalazi na vrhu inspektora

7- Odaberite "Uzemljenje"

To je to … Konačno smo kreirali novi sloj koji je "Ground" i dodali ga našem Ground

Prije nego što također napravimo naš lik skok, moramo biti sigurni da tada dodiruje tlo, da skače.

Pa napravimo GroundCheck za našeg lika …

1- Desni klik na vaš lik iz hijerarhije

2- Odaberite "Create Empty" i preimenujte ga u "GroundCheck"

3- Odaberite "Premjesti alat" s trake s alatima i pomaknite "GroundCheck" prema dolje na bazu znakova ili cipelu (kao što je prikazano na petoj slici)

Nakon toga spremni smo za uređivanje naše skakačke skripte

1- Otvorite skriptu za skakanje (od projekta ili inspektora)

2- Izbrišite sve kodove koji su automatski napisani

3- Preuzmite tekst, kopirajte ga i zalijepite u skriptu (ne zaboravite da upišete ime skripte umjesto #yourScriptName)

ako želite znati kako šifriramo ovo … Posjetite ovu vezu

4- Sačuvajte skriptu i idite do inspektora likova, pogledajte svoju skriptu (kao što je prikazano na šestoj slici)

5- Postavite svoju snagu skoka, dodajte "GroundCheck" na kontrolnu točku tla (povlačenjem i spuštanjem na pravokutni okvir), postavite radijus tla (na primjer 0,1), odaberite sloj tla "tlo" i na kraju odaberite dugme za skok.

Ako sada igrate igru…. Hoda i skače … Huraaaaay:)

Korak 8: Animirajte lik

Nakon što smo naš lik pokrenuli i skočili … hajde da ga animiramo … Učinit će da izgleda jako cool …

prvo vam je potrebna Sprite slika praznog hoda, hodanja i skakanja (kako je prikazano od prve do četvrte slike)

Da biste animirali lik, morate raditi na prozoru animacije i prozoru animatora, a prema zadanim postavkama na Unityju ne prikazujete ove prozore … da biste ih dobili:

1- Pritisnite Ctrl+6 da biste otvorili prozor Animacija

2- Odaberite prozor s gornjeg lijevog padajućeg izbornika (Kao što je prikazano na petoj slici)

Zatim odaberite "Animacija" -> "Animator", a zatim će se otvoriti dva prozora (prozor animacije i prozor animatora)

Počnimo sada animirati lik kad je u praznom hodu …

1- Odaberite svoj lik iz hijerarhije

2- Kliknite na dugme "Kreiraj" na Windowsima za animacije

3- Odaberite prikladno mjesto za spremanje animacije u njega

4- Zatim odaberite sve fotografije u praznom hodu iz projekta i povucite i ispustite u prozor za animaciju (kao što je prikazano na šestoj slici)

Ako sada igrate The Character is Idleling Wow … Very Cool…

Hajde sada ga natjerati da igra Walk animaciju dok hoda …

1- Idite na prozor za animaciju, kliknite na "Nova animacija"

2- Odaberite "Kreiraj novi isječak"

3- Odaberite prikladno mjesto za spremanje animacije u njega

4- Zatim odaberite sve hodajuće fotografije iz projekta i povucite i ispustite je u prozoru za animaciju

Sada otvorite prozor animatora

1- Desnim klikom na okvir u praznom hodu odaberite "napravi prijelaz" i kliknite na okvir za hodanje (kao što je prikazano na sedmoj slici)

Napomena: Ne bi trebao postojati isti naziv okvira za animaciju, ovisi o tome kako ga zovete …

2- Desnim klikom na Walk Box odaberite "Make Transition" i kliknite na Idle Box

3- U parametrima kliknite na ikonu Plus (+) Odaberite Bool (dajte joj naziv, na primjer, Walk)

4- Odaberite strelice koje se pomiču iz animacije u stanju mirovanja u hodanje, Idite na itsInspector i postavite "Has Exit Time" na False, "Fixed Duration" na false, Postavite "Trajanje prijelaza" na nulu i kliknite plus (+) Oni postoje unutar Condition -a i postavite "Walk" na "True" (Kao što je prikazano na osmoj slici) …

5- Odaberite strelice koje se kreću od animacije Walk to Idle, idite na Inspector i postavite "Has Exit Time" na False, "Fixed Duration" na false, postavite "Transition Trajanje" na nulu i kliknite plus (+) To postoje unutar Condition i postavite "Walk" na "False"

6- Odaberite svoj lik iz hijerarhije

7- Idite u prozor Inspector, pritisnite "Add Component"

8- Napišite ime skripte (na primjer AnimateWalk)…

9- Kliknite na "Nova skripta"

10- Kliknite na "Kreiraj i dodaj"

11- Izbrišite sve kodove koji su automatski napisani

12- Preuzmite tekst, kopirajte ga i zalijepite u skriptu (ne zaboravite da upišete ime skripte umjesto #yourScriptName, naziv svoje skripte pokreta umjesto #YourMotionScriptName, kao i naziv svoje skripte umjesto #YourJumpingScriptName, i pišite Vaše Bool ime umjesto "Walk" koje ste stvorili unutar parametara u Animatoru)

13- Sačuvajte skriptu i idite do inspektora likova, pogledajte svoju skriptu

14- Povucite svoj lik i ubacite ga u "Insertyour Motion Script" & "Insertyour Jump Script"

Ako sada igrate igru, igrač je u stanju mirovanja i pobjeđuje, on pokreće igru Run Animation … Cool:>

Hajde sada ga natjerati da igra animaciju skoka kad skoči …

1- Idite na prozor za animaciju, kliknite na "Nova animacija"

2- Odaberite "Kreiraj novi isječak"

3- Odaberite prikladno mjesto za spremanje animacije u njega

4- Zatim odaberite sve skakajuće fotografije iz projekta i povucite i ispustite je u prozoru za animaciju

Sada otvorite prozor animatora

1- Desnim klikom na okvir u praznom hodu odaberite "napravi prijelaz" i kliknite na okvir za skok (kao što je prikazano na devetoj slici)

2- Desnim tasterom miša kliknite na okvir za preskakanje, odaberite "Napravi prijelaz" i kliknite na Run Box

3- U parametrima kliknite na ikonu Plus (+) Odaberite Bool (dajte joj naziv, na primjer Skoči)

4- Odaberite strelice koje se pomiču iz animacije u stanju mirovanja u skok, idite na njen Inspector i postavite "Has Exit Time" na False, "Fixed Duration" na false, postavite "Trajanje prijelaza" na nulu i kliknite plus (+) To postoje unutar Condition -a i postavite "Jump" na "True" (Kao što je prikazano na desetoj slici) …

5- Odaberite strelice koje se pomiču sa animacije Skoči na Pokreni, Idite na njen Inspector i postavite "Has Exit Time" na False, "Fixed Duration" na false, Postavite "Transition Duration" na Zero i kliknite plus (+) To postoje unutar Condition i postavite "Jump" na "False"

6- Dvaput dodirnite okvir za animaciju Skoči iz animatora i postavite "Vrijeme petlje" na "Netačno"

7- Odaberite svoj lik iz hijerarhije

8- Idite na prozor Inspector, pritisnite "Add Component"

9- Napišite naziv skripte (na primjer AnimateJump) …

10- Kliknite na "Nova skripta"

11- Kliknite na "Kreiraj i dodaj"

12- Izbrišite sve kodove koji su automatski napisani

13- Preuzmite tekst, kopirajte ga i zalijepite u skriptu (ne zaboravite da upišete ime skripte umjesto #yourScriptName, a također i svoje ime skripte umjesto #YourJumpingScriptName, a umjesto "Walk" upišite svoj Bool naziv stvorili ste unutar parametara u Animatoru)

14- Sačuvajte skriptu i idite do inspektora likova, pogledajte svoju skriptu

15- Povucite svoj lik i ubacite ga u "Umetni svoju skriptu za skok"

Ako sada igrate svoju igru, igrač će mirovati … hodati … i skakati … hooohuuu!: D

ali treba ga okrenuti

Korak 9: Prelistajte svoj lik

Prvo morate dodati novu skriptu našem liku:

1- Odaberite svoj lik iz hijerarhije

2- Idite na prozor Inspector, pritisnite "Add Component"

3- Napišite naziv skripte (na primjer Flip)…

4- Kliknite na "Nova skripta"

5- Kliknite na "Kreiraj i dodaj"

6- Izbrišite sve kodove koji su automatski napisani

7- Preuzmite tekst, kopirajte ga i proslijedite u skriptu (ne zaboravite da upišete ime skripte umjesto #yourScriptName, kao i naziv skripte pokreta umjesto #YourMotionScriptName)

8- Sačuvajte skriptu i idite do inspektora likova, pogledajte svoju skriptu

9- Povucite svoj lik i ubacite ga u "Insertyour Motion Script"

10-Kopirajte ljestvicu vašeg lika X iz (Transform) na vrhu inspektora i prođite pored nje na Scale_X po vašem scenariju (kao što je prikazano na drugoj i trećoj slici)

11- Kopirajte ljestvicu vašeg lika Y sa (Transform) na vrhu Inspektora i pređite je na Scale_Y

Korak 10: Kamera slijedi naše likove

Ovaj put trebate dodati novu skriptu u našu kameru:

1- Odaberite svoju kameru iz hijerarhije

2- Idite na prozor Inspector, pritisnite "Add Component"

3- Napišite naziv skripte (na primjer CameraFollow)…

4- Kliknite na "Nova skripta"

5- Kliknite na "Kreiraj i dodaj"

6- Izbrišite sve kodove koji su automatski napisani

7- Preuzmite tekst, kopirajte ga i zalijepite u skriptu (ne zaboravite da upišete ime skripte umjesto #yourScriptName)

8- Sačuvajte skriptu i idite u Inspektor kamere, pogledajte svoju skriptu 8- Povucite svoj lik i ispustite ga unutar "mete"

Ako želite, možete urediti drugu postavku …

da biste kameri dali prednost, upotrijebite pomak X & Y

Korak 11: Dodajte drugog igrača (2 igrača) i kameru Pratite 2 igrača

Kako bi vaša igra bila zanimljivija…. Možete to učiniti 2, 3, 4, 10, 20…. Igrači … bilo koji broj igrača koje želite … pa učinite to:

1- Odaberite svoj lik iz hijerarhije

2- Duplirajte ga (pritisnite Ctrl + D)

sada ste dodali još jedan lik

3- Pomaknite ga pomoću alata za premještanje i povucite ga, stavite na odgovarajuće mjesto

4- Sada moramo promijeniti postavke kontrole pa, idite na njegov inspektor, promijenite desno i lijevo dugme njegove skripte pokreta

5- Također promijenite dugme za skok …

Ali sada kamera prati samo jednog igrača, da bismo mogli pratiti više od jednog igrača, moramo joj dodati novu skriptu:

1- Odaberite svoju kameru iz hijerarhije2- Idite u prozor Inspector, pritisnite "Add Component"

3- Napišite ime skripte (na primjer CameraFollowMultipleTarget)…

4- Kliknite na "Nova skripta"

5- Kliknite na "Kreiraj i dodaj"

6- Izbrišite sve kodove koji su automatski napisani

7- Preuzmite tekst, kopirajte ga i zalijepite u skriptu (ne zaboravite da upišete ime skripte umjesto #yourScriptName)

8- Sačuvajte skriptu i idite do inspektora kamere, pogledajte svoju skriptu

9- Postavite "Target" 2

10- Uvucite svoja dva igrača unutar ove mete.

Uvjerite se da je pomak Z kamere (-20)

Možete promijeniti ili postaviti drugu postavku … ako želite napraviti prednost pred kamerom Uredite pomak X & Y

Korak 12: Dodavanje bodova i mrtvih bodova

Mnogo je sjajnih ideja koje možete napraviti u svojoj igri, ali najjednostavnija ideja je stvoriti jednostavno područje bodovanja ako jedan od likova prvi dođe do njega, a on pobijedi, a postoje mrtva područja ako ga igrač dodirne ponovo ga pojavi tačka ponovnog mriještenja sada …

Prvo napravimo područje bodovanja:

1- Ali objekat A Ground i Score (Kao što je prikazano na prvoj slici)

ne zaboravite tome dodati Box Collider2D

Sada moramo dodati bodovnu osnovu skriptu

1- Odaberite svoje bodovanje iz Hijerarhije

2- Idite na prozor Inspector, pritisnite "Add Component"

3- Napišite naziv skripte (na primjer ScoreGround)…

3- Kliknite na "Nova skripta" 4- Kliknite na "Kreiraj i dodaj"

5- Izbrišite sve kodove koji su automatski napisani

6- Preuzmite tekst, kopirajte ga i zalijepite u skriptu (ne zaboravite da upišete ime skripte umjesto #yourScriptName, i preimenujte ime 2 igrača umjesto "YourPlayer1Name" & "YourPlayer2Name")

7- Sačuvajte skriptu i idite u inspektor kamere, pogledajte svoju skriptu

Sada moramo stvoriti gumb Tekst i ponovno pokretanje

Za kreiranje teksta

1- Kliknite na Plus (+) u Hijerarhiji

2- Odaberite "UI" -> "Text"

3- Preimenujte tekst iz inspektora i uredite njegovu boju….

4- stvorite 2 teksta jedan koji je za igrača jedan (na primjer "igrač 1 pobjeđuje"), a drugi za igrača 2

Sada moramo stvoriti gumb za ponovno pokretanje

Za kreiranje dugmeta1- Kliknite na Plus (+) u Hijerarhiji

2- Odaberite "UI" -> "Button"

3- Preimenujte dugme iz inspektora i uredite njegovu boju….

kreirajte samo jedno dugme

Sada, nakon stvaranja tekstova i gumba, moramo ih dodati inspektoru bodovanja kako bismo to učinili:

1- Odaberite svoje bodovanje iz Hijerarhije2- Idite na prozor Inspector

3- Pogledajte skriptu koju ste dodali

4- Povucite tekstove i ispustite ih na "Osvoji tekst plejera 1" i "Osvoji tekst igrača 2"

5- Povucite dugme i ispustite ga na "dugme za ponovno pokretanje"

ako sada igrate, svaka stvar radi osim dugmeta za ponovno pokretanje

Da bi uspjelo

1- Odaberite datoteku iz padajućih alata u gornjem lijevom kutu Unity …

2- Odaberite "Build Settings"

3- Povucite svoju scenu iz mape Scena koja se nalazi u prozoru projekta i ispustite je u "Scena u verzijama"

sada Omogućavamo dodavanje novog skripta u dugme

4- Odaberite svoje dugme iz hijerarhije

5- Idite na prozor Inspector, pritisnite "Add Component"

6- Napišite ime skripte (na primjer SceneLoader) …

7- Kliknite na "Nova skripta"

8- Kliknite na "Kreiraj i dodaj"

9- Izbrišite sve kodove koji su automatski napisani

10- Preuzmite tekst, kopirajte ga i zalijepite u skriptu (ne zaboravite da upišete ime skripte umjesto #yourScriptName)

11- Sačuvajte skriptu, vratite se u Unity

12- Odaberite svoje dugme iz hijerarhije

13- Idite na njegov Inspector, kliknite na Plus (+) Na "on Click"

14- povucite i ispustite bottun u pravokutni okvir

15- Kliknite na "Nema funkcije" Odaberite "SceneLoader" -> "Učitaj scenu"

16- upišite nulu … 0

sad ako sviraš radi ….. Ura: D

Omogućavamo da dodate mrtvu zonu da napravite ovo:

1- Kliknite na Plus (+) na Hijerarhiji

2-Odaberite "Create Empty" i idite na Inspector

3- Dodajte BoxCollider 2d….

4- Pomaknite ga prema dolje, pa se igrač prilikom pada sudari o njega

Sada dodajte novi skript ovom objektu igre i dajte mu ime za primjer DeadZone

5- Preuzmite tekst, kopirajte ga i prenesite u skriptu (ne zaboravite da upišete ime skripte umjesto #yourScriptName & i upišite imena likova umjesto "naziv vašeg igrača1", "ime vašeg igrača2")

Sada spremite i vratite se nazad u jedinstvo

Moramo dodati prazan objekt igre koji označava gdje će se naš igrač ponovno roditi

1- Kliknite na Plus (+) na Hijerarhiji

2- Odaberite "Kreiraj prazno"

3- Pomaknite poziciju na istu poziciju koja vam je potrebna za ponovno pojavljivanje igrača

4- Pogledajte The DeadZone Script od inspektora i dodajte mu Spawn Point (objekt igre koji ste stvorili).

Ako sada igrate, bit ćete impresionirani: -O

Korak 13: Zamrzavanje rotacije

kada igrate igru postoji greška koja se lik rotira …

Ako ste iznervirani zbog ove greške … možete to lako popraviti:

1- Samo odaberite znak iz hijerarhije

2- Pogledajte Rigidbody2D od inspektora

3- Otvorite "Ograničenja" i postavite "Zamrzavanje rotacije" na Tačno

To je to;)

Korak 14: Kreiranje glavnog menija za vašu igru

Evo kako stvoriti svoj glavni meni

Korak 15: Objavljivanje i dijeljenje

Konačno za postavljanje igre pogledajte ovaj video

Nadam se da ćete uživati … naučiti … pojesti se:)

Bilo koja pitanja pitajte me na: