Lag et 2D -spill: 15 trinn

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:22

Lei av å spille spill? Hvorfor lager du ikke et spill?

Denne instruksjonsfulle veiledningen viser deg hvordan du lager et helt enkelt 2D -spill …

Vi vil bruke Unity Game Engine til å designe og lage vårt 2D -spill … og også bruke Microsoft Visual Studio til å programmere og lage noen skript.

Rekvisita

1- Unity Game Engine

2- Microsoft Visual Studio

Trinn 1: Last ned Unity Game Engine og Microsoft Visual Studio

For å lage og programmere spillet vårt trenger vi en spillmotor ("enhet") og visuelt studio … Så la oss laste dem ned først:

1-Bruk denne lenken … eller Søk etter "last ned Unity Hub" … For å laste ned "Unity Hub" først

3- Bruk deretter denne lenken … For å laste ned “Unity”

4- Velg en Unity -versjon, klikk deretter på "Last ned (Vinn)" -> "Enhetsinstallasjonsprogram"

Sørg for å sjekke Unity & Microsoft Visual Studio Community 2019 som vist på det andre bildet

Trinn 2: Opprett nytt prosjekt og importer nye eiendeler

Etter å ha lastet ned "Unity Hub", "Unity" og "Microsoft Visual Studio Community 2019" … la oss starte

1- Åpne "Unity" … Deretter vil den automatisk kjøre "Unity Hub"

2- Nå må vi lage nytt prosjekt … Klikk på "NYTT"

3- Velg 2D-mal, skriv prosjektnavnet ditt og velg en passende plassering for prosjektet

4- Klikk på "Opprett"

Etter å ha klikket på "Opprett" vil enhet kjøres …

Nå må vi legge til vår karakter, bakgrunn og objekter …

Hvis du ikke har noe å legge til … kan du besøke denne lenken for å laste ned eiendeler som du trenger den.

Og nå vil vi legge eiendelene til enhet… For å gjøre dette:

Bare du kan dra mappen og slippe den i prosjektvinduet i enhet.

ELLER

1- Gå til Enhet og høyreklikk på Slett plass i "Prosjekt" -vinduet som vist i det andre bildet

2- Velg bakgrunn, tegn og objekter du vil legge til fra mappen.

Trinn 3: Legg dine eiendeler til scenen

Hvis du legger til noe i scenevinduet … vises det i spillvinduet

For å vite mer om Unity's Windows kan du besøke denne lenken …

som du ser på det første bildet, er det en hvit boks i scenevinduet, og dette er boksen til kameraet … Så alt som er inne i denne boksen, vil kameraet vise den.

La oss først legge til bakgrunnen i scenevinduet …

1- Bare dra bakgrunnsbildet fra prosjektvinduet og slipp det inne i scenevinduet

og sørg for at bildet passer til esken på kameraet

du kan redigere hvilken som helst bildestørrelse ved å velge Rect Tool fra verktøylinjen som vist på det tredje bildet.

legg også til objektene og karakteren du vil ha i scenen … som vist i det siste bildet.

Trinn 4: Legg til litt fysikk i karakteren

For det første, for å teste eller spille spillet, klikk på Spill -knappen på verktøylinjen …

Hvis du spiller spillet ditt nå … Karakteren beveger seg ikke, det er ingen tyngdekraft … alt er statisk …

for å legge alle fysikkegenskaper til vår karakter … vi bruker egenskapenRigidbody2D Denne egenskapen lar deg redigere Gravity Force, vekt, masse og andre …

Så la oss legge det til vår karakter …

1- Velg karakteren din fra hierarkiet

2- Gå til Inspektør-vinduet, trykk på "Legg til komponent"

3- Søk etter Rigidbody2D

4- Velg det.

Hvis du spiller nå … Karakteren vår faller ned på grunn av tyngdekraften: D

Trinn 5: Legg til kollisjon i vår karakter

Nå må vi legge til Collider2D -egenskapen for å la karakteren kollidere med bakken og andre objekter …

For å gjøre det … Vi må først legge denne eiendommen til vår karakter og ethvert annet objekt som må kollidere med den.

La oss først legge det til i tegnet …

1- Velg karakteren din fra hierarkiet

2- Gå til Inspektør-vinduet, trykk på "Legg til komponent"

3- Søk etter BoxCollider2D

4- Velg det.

5- Klikk på boksen "Edit Collider" fra BoxCollider2D som vises i inspektøren, For å kunne endre størrelsen på den grønne boksen som vises i scenen

6- Dra ett av de grønne punktene som vises i den grønne boksen for å passe til tegnet

For det andre, la oss legge det til bakken (gjør de samme trinnene) …

1- Velg karakteren din fra hierarki2- Gå til Inspektør-vinduet, trykk på "Legg til komponent"

3- Søk etter BoxCollider2D

4- Velg det.

5- Klikk på boksen "Edit Collider" fra BoxCollider2D som vises i inspektøren, For å kunne endre størrelsen på den grønne boksen som vises i scenen

6- Dra ett av de grønne punktene som vises i den grønne boksen for å passe til tegnet

Hvis du spiller spillet, vil du se at karakteren står på bakken:>

Trinn 6: Flytt karakteren vår

For å få karakteren vår til å gjøre en oppgave, må vi først legge til et script for å fortelle ham hva han skal gjøre …

Enhet bruker C# språk … Hvis du vil lære mer om det, kan du besøke denne lenken

Så la oss lage skriptet

1- Velg karakteren din fra hierarkiet

2- Gå til Inspektør-vinduet, trykk på "Legg til komponent"

3- Skriv navnet på skriptet (for eksempel bevegelse) …

4- Klikk på "Nytt skript"

5- Klikk på "Opprett og legg til"

Dobbeltklikk på den for å redigere skriptet

6- Slett alle koder som skrives automatisk

7- Last ned teksten, kopier den og forbi den i skriptet ditt (ikke glem å skrive skriptnavnet ditt i stedet for #yourScriptName)

8- Hvis du vil vite hvordan du koder dette … Besøk denne lenken

9- Lagre skriptet og gå til karakterinspektøren, se på skriptet ditt

10- Velg høyre og venstre knapp og angi hastighet.

Nå hvis du spiller spillet, vil karakteren bevege seg …: D

Trinn 7: Få vår karakter til å hoppe

Etter å ha lagt til bevegelsen til vår karakter … nå er vi klare til å gjøre våre karakterhopp …

Så vi trenger også å lage et nytt skript som gjør karakterhoppene våre …

1- Velg karakteren din fra hierarkiet

2- Gå til Inspektør-vinduet, trykk på "Legg til komponent"

3- Skriv navnet på skriptet (for eksempel hopping) …

4- Klikk på "Nytt skript"

5- Klikk på "Opprett og legg til"

Før du redigerer hoppeskriptet … La oss først legge til et lag på bakken for å få Unity til å vite at dette objektet er bakken …

1- Velg bakken fra hierarkiet

2- Klikk på "Standard" fra "Lag" som er øverst på inspektøren

3- Velg "Legg til lag"

4- Gi laget 8 navnet "Ground" (som vist på det andre bildet)

5- Velg bakken fra hierarkiet igjen

6- Klikk på "Standard" fra "Layer" som er øverst på inspektøren

7- Velg "bakken"

Det er det … Vi lager til slutt et nytt lag som er "Ground" og la det til vårt Ground

Før vi også gjør vårt karakterhopp, må vi sørge for at han berører bakken da, han hopper.

Så la oss lage GroundCheck for vår karakter …

1- Høyreklikk på karakteren din fra hierarkiet

2- Velg "Create Empty" og gi nytt navn til "GroundCheck"

3- Velg "Move Tool" fra verktøylinjen og flytt "GroundCheck" ned til karakterbasen eller skoen (som vist på det femte bildet)

Etter det er vi klare til å redigere hoppeskriptet vårt

1- Åpne hoppeskriptet (fra prosjektet eller inspektøren)

2- Slett alle koder som skrives automatisk

3- Last ned teksten, kopier den og forbi den i skriptet ditt (ikke glem å skrive skriptnavnet ditt i stedet for #yourScriptName)

hvis du vil vite hvordan vi koder dette … Besøk denne lenken

4- Lagre skriptet og gå til karakterinspektøren, se på skriptet ditt (som vist på det sjette bildet)

5- Still inn hoppkraften, legg "GroundCheck" til bakkekontrollpunktet (ved å dra den og slipp den på rektangelboksen), Still inn bakkeradius (for eksempel 0.1), velg bakken "Ground" og velg til slutt hoppknappen.

Hvis du spiller spillet nå … Han går og hopper … Hurraaaaay:)

Trinn 8: Animer karakteren

Etter å ha fått karakteren vår til å bevege seg og hoppe … la oss animere ham … Det vil få ham til å se veldig kul ut …

du trenger først et Sprite -bilde av tomgang og gåing og hopping (som vist fra første til fjerde bilder)

For å animere karakteren må du jobbe med Animasjonsvindu og Animator -vindu og som standard grensesnittet til Unity du ikke viser Disse Windows … for å få dem:

1- Klikk på Ctrl+6 for å få vinduet Animasjon

2- Velg vindu øverst til venstre Nedtrekksvalg (Som vist på det femte bildet)

Velg deretter "Animasjon" -> "Animator", så åpnes de to Windowsene (Animasjonsvindu og Animatorvindu)

La oss nå begynne å animere karakteren når den er på tomgang …

1- Velg karakteren din fra hierarkiet

2- Klikk på "Opprett" -knappen på animasjonsvinduene

3- Velg et passende sted for å lagre animasjonen i den

4- Velg deretter alle tomgangsbilder fra prosjektet, og dra og slipp dem i animasjonsvinduet (som vist på det sjette bildet)

Hvis du nå spiller The Character is Idling Wow … Veldig kult …

La oss få ham til å spille Walk -animasjon når han går …

1- Gå til animasjonsvinduet, klikk på "Ny animasjon"

2- Velg "Opprett nytt klipp"

3- Velg et passende sted for å lagre animasjonen i den

4- Velg deretter alle gående bilder fra prosjektet, og dra og slipp det i animasjonsvinduet

Åpne nå animatorvinduet

1- Høyreklikk på inaktiv boks, velg "make Transition" og klikk på Walk Box (som vist på det syvende bildet)

Merk: Det bør ikke være det samme navnet på animasjonsboksen, det avhenger av hva du har navnet det …

2- Høyreklikk på Walk Box, velg "Make Transition" og klikk på Inaktiv boks

3- I parametrene Klikk på plussikonet (+) Velg tull (navngi det for eksempel Walk)

4- Velg pilene som beveger seg fra inaktiv til gå-animasjon, gå til it'sInspector og sett "Har utgangstid" til Falsk, "Fast varighet" til falsk, Sett "overgangsvarighet" til null, og klikk på pluss (+) Det eksisterer inne i Condition og sett "Walk" til "True" (som vist på det åttende bildet) …

5- Velg pilene som beveger seg fra Walk til Idle-animasjon, gå til inspektøren og sett "Har utgangstid" til Falsk, "Fast varighet" til false, Sett "overgangsvarighet" til null, og klikk på pluss (+) Det eksisterer inne i tilstanden og sett "Walk" til "False"

6- Velg karakteren din fra hierarkiet

7- Gå til Inspektør-vinduet, trykk på "Legg til komponent"

8- Skriv navnet på skriptet (for eksempel AnimateWalk) …

9- Klikk på "Nytt skript"

10- Klikk på "Opprett og legg til"

11- Slett alle koder som skrives automatisk

12- Last ned teksten, kopier den og forbi den i skriptet ditt (ikke glem å skrive skriptnavnet ditt i stedet for #ditt skriptnavn, bevegelseskriptnavnet ditt i stedet for #YourMotionScriptName og også hoppeskriptnavnet ditt i stedet for #YourJumpingScriptName, og skriv Bool -navnet ditt i stedet for "Walk" som du opprettet inne i parameterne i animatoren)

13- Lagre skriptet og gå til karakterinspektøren, se på skriptet ditt

14- Dra karakteren din og slipp den inne i "Insertyour Motion Script" og "Insertyour Jump Script"

Hvis du spiller spillet nå, er spilleren på tomgang og vinner han flytter Run Animation -spillet … kult:>

La oss få ham til å spille Jump -animasjon når han hopper …

1- Gå til animasjonsvinduet, klikk på "Ny animasjon"

2- Velg "Opprett nytt klipp"

3- Velg et passende sted for å lagre animasjonen i den

4- Velg deretter alle hoppende bilder fra prosjektet, og dra og slipp dem i animasjonsvinduet

Åpne nå animatorvinduet

1- Høyreklikk på inaktiv boks, velg "make Transition" og klikk på Jump Box (som vist på det niende bildet)

2- Høyreklikk på hoppboksen, velg "Gjør overgang" og klikk på Kjør boks

3- I parametrene Klikk på Plus-ikonet (+) Velg Bool (Gi det navnet Jump for eksempel)

4- Velg pilene som beveger seg fra inaktiv til hopp-animasjon, gå til inspektøren og sett "Har utgangstid" til Falsk, "Fast varighet" til falsk, Sett "overgangsvarighet" til null, og klikk på pluss (+) Det eksisterer inne i Condition og sett "Jump" til "True" (som vist på det tiende bildet) …

5- Velg pilene som beveger seg fra hopp til kjør-animasjon, gå til inspektøren og sett "Har utgangstid" til Falsk, "Fast varighet" til falsk, Sett "overgangsvarighet" til null, og klikk på pluss (+) det eksisterer inne i Tilstand og Sett "Hopp" til "Falsk"

6- Dobbelttrykk på hopp-animasjonsboksen Fra animatoren og sett "Loop Time" til "False"

7- Velg karakteren din fra hierarkiet

8- Gå til Inspektør-vinduet, trykk på "Legg til komponent"

9- Skriv navnet på manuset (for eksempel AnimateJump) …

10- Klikk på "Nytt skript"

11- Klikk på "Opprett og legg til"

12- Slett alle koder som skrives automatisk

13- Last ned teksten, kopier den og forbi den i skriptet ditt (ikke glem å skrive ditt skriptnavn i stedet for #yourScriptName og også hoppeskriptnavnet ditt i stedet for #YourJumpingScriptName, og skriv Ditt navn i stedet for "Walk" That du opprettet inne i parameterne i animatoren)

14- Lagre skriptet og gå til karakterinspektøren, se på skriptet ditt

15- Dra karakteren din og slipp den inne i "Insertyour Jump Script"

Hvis du spiller spillet ditt nå, vil spilleren gå på tomgang… Gå… og hoppe… hooohuuu!: D

men han må snus

Trinn 9: Vend karakteren din

Først må du legge til et nytt skript i vår karakter:

1- Velg karakteren din fra hierarkiet

2- Gå til Inspektør-vinduet, trykk på "Legg til komponent"

3- Skriv navnet på skriptet (for eksempel Flip) …

4- Klikk på "Nytt skript"

5- Klikk på "Opprett og legg til"

6- Slett alle koder som skrives automatisk

7- Last ned teksten, kopier den og forbi den i skriptet ditt (ikke glem å skrive skriptnavnet ditt i stedet for #yourScriptName og også navnet på Motion Script i stedet for #YourMotionScriptName)

8- Lagre skriptet og gå til karakterinspektøren, se på skriptet ditt

9- Dra karakteren din og slipp den inne i "Insertyour Motion Script"

10-Kopier karakterens skala X fra (Transform) øverst på inspektøren og forbi den på Scale_X i skriptet ditt (som vist på andre og tredje bilde)

11- Kopier karakterens skala Y fra (Transform) øverst på inspektøren og forbi den på Scale_Y

Trinn 10: Kamera Følg vår karakter

Denne gangen må du legge til et nytt skript i kameraet vårt:

1- Velg kameraet ditt fra hierarkiet

2- Gå til Inspektør-vinduet, trykk på "Legg til komponent"

3- Skriv navnet på skriptet (for eksempel CameraFollow) …

4- Klikk på "Nytt skript"

5- Klikk på "Opprett og legg til"

6- Slett alle koder som skrives automatisk

7- Last ned teksten, kopier den og forbi den i skriptet ditt (ikke glem å skrive skriptnavnet ditt i stedet for #yourScriptName)

8- Lagre skriptet og gå til kameraets inspektør, se på skriptet 8- Dra karakteren din og slipp den inne i "målet"

Du kan redigere en annen innstilling hvis du vil …

For å sette en kant til kameraet, bruk forskyvningen X & Y

Trinn 11: Legg til den andre spilleren (2 spillere) og kameraet Følg 2 spillere

For å gjøre spillet ditt mer interessant…. Du kan gjøre det 2, 3, 4, 10, 20…. Spillere … et hvilket som helst antall spillere du vil … så for å gjøre det:

1- Velg karakteren din fra hierarkiet

2- Dupliser det (Trykk på Ctrl + D)

nå har du lagt til en annen karakter

3- Flytt den ved å flytte verktøy og dra den, legg den på et passende sted

4- Nå må vi endre kontrollinnstillinger, så gå til inspektøren, endre høyre og venstre knapp i bevegelsesskriptet

5- Endre også hoppknappen …

Men nå følger kameraet bare én spiller, for å få det til å følge mer enn én spiller må vi legge til et nytt skript til det:

1- Velg kameraet ditt fra hierarki2- Gå til Inspektør-vinduet, trykk på "Legg til komponent"

3- Skriv navnet på skriptet (for eksempel CameraFollowMultipleTarget) …

4- Klikk på "Nytt skript"

5- Klikk på "Opprett og legg til"

6- Slett alle koder som skrives automatisk

7- Last ned teksten, kopier den og forbi den i skriptet ditt (ikke glem å skrive skriptnavnet ditt i stedet for #yourScriptName)

8- Lagre skriptet og gå til kameraets inspektør, se på skriptet ditt

9- Sett "Mål" 2

10- Dra dine to spillere inn i dette målet.

Sørg for at kameraets forskyvning Z (-20)

Du kan endre eller angi en annen innstilling … hvis du vil gjøre kant til kameraet Rediger forskyvningen X & Y

Trinn 12: Legge til poengsum og døde poeng

Det er mange flotte ideer du kan gjøre i spillet ditt, men den enkleste ideen er å lage et enkelt poengområde hvis en av karakterene når det først han vinner, og det er dødt område hvis spilleren berører det han gyter på nytt for å Gyningspunktet nå …

La oss lage poengsumområdet først:

1- Men a-bakken og poengsummen (som vist på det første bildet)

ikke glem å legge Box Collider2D til den

Nå må vi legge til et skript på poenget

1- Velg målscenen din fra hierarkiet

2- Gå til Inspektør-vinduet, trykk på "Legg til komponent"

3- Skriv navnet på skriptet (for eksempel ScoreGround) …

3- Klikk på "Nytt skript" 4- Klikk på "Opprett og legg til"

5- Slett alle koder som skrives automatisk

6- Last ned teksten, kopier den og forbi den i skriptet ditt (ikke glem å skrive skriptnavnet ditt i stedet for #yourScriptName, og gi nytt navn til de to spillerne i stedet for "YourPlayer1Name" og "YourPlayer2Name")

7- Lagre skriptet og gå til kameraets inspektør, se på skriptet ditt

Vi trenger nå å lage Tekst og omstart -knappen

For å lage en tekst

1- Klikk på pluss (+) i hierarkiet

2- Velg "UI" -> "Tekst"

3- Gi nytt navn til teksten fra inspektøren, og rediger fargen …

4- Lag 2 tekster, en som er for spiller en (for eksempel "spiller 1 vinner") og den andre for spiller 2

Nå trenger vi å lage omstartsknappen

Slik oppretter du en knapp1- Klikk på pluss (+) i hierarkiet

2- Velg "UI" -> "Knapp"

3- Gi nytt navn til knappen fra inspektøren, og rediger fargen …

lag bare en knapp

Etter at vi har opprettet tekster og knapper, må vi legge dem til Scoring Ground Inspector for å gjøre det:

1- Velg målscenen din fra hierarki2- Gå til Inspektør-vinduet

3- Se på skriptet du har lagt til

4- Dra tekstene og slipp den til "Vinn tekst fra spiller 1" og "Vinn tekst fra spiller 2"

5- Dra knappen og slipp den til "Restart Button"

hvis du spiller nå fungerer alt bortsett fra Restart -knappen

For å få det til å fungere

1- Velg filen fra rullegardinmenyen øverst til venstre i Unity …

2- Velg "Bygg innstillinger"

3- Dra scenen fra scenemappen som du finner i prosjektvinduet, og slipp den i "Scene i bygg"

nå La oss legge til nytt skript til knappen

4- Velg knappen fra hierarkiet

5- Gå til Inspektør-vinduet, trykk på "Legg til komponent"

6- Skriv navnet på skriptet (for eksempel SceneLoader) …

7- Klikk på "Nytt skript"

8- Klikk på "Opprett og legg til"

9- Slett alle koder som skrives automatisk

10- Last ned teksten, kopier den og forbi den i skriptet ditt (ikke glem å skrive skriptnavnet ditt i stedet for #yourScriptName)

11- Lagre skriptet, gå tilbake til Unity

12- Velg knappen fra hierarkiet

13- Gå til det er Inspector klikk på Plus (+) Fra "on Click"

14- dra og slipp bunnen til den rektangulære boksen

15- Klikk på "Ingen funksjon" Velg "SceneLoader" -> "Last inn scene"

16- skriv null … 0

nå Hvis du spiller det fungerer….. Hurra: D

La oss legge til Dead Zone for å gjøre dette:

1- Klikk på Plus (+) i hierarkiet

2-Velg "Create Empty", og gå til inspektøren

3- Legg til BoxCollider 2d….

4- Flytt den ned, så når spilleren faller ned kolliderer han på den

Legg nå til nytt skript i dette spillobjektet, og navngi det for eksempel DeadZone

5- Last ned teksten, kopier den og forbi den i skriptet ditt (ikke glem å skrive skriptnavnet ditt i stedet for #yourScriptName og og skriv tegnnavnene dine i stedet for "yourPlayer1-navnet", "YourPlayer2-navnet")

Lagre og gå tilbake til enhet

Vi må legge til et tomt spillobjekt som angir hvor spilleren vår vil re-gyte

1- Klikk på Plus (+) i hierarkiet

2- Velg "Opprett tom"

3- Flytt posisjonen til samme posisjon som du trenger for at spillerne skal gyte på nytt

4- Se på DeadZone-skriptet fra inspektøren og legg til Spawn Point (spillobjektet du har opprettet) til det.

Hvis du spiller nå vil du bli imponert: -O

Trinn 13: Frysing av rotasjonen

når du spiller spillet Det er en feil som karakteren roterer …

Hvis du irriterte deg over denne feilen … kan du enkelt fikse den:

1- Bare velg tegnet fra hierarkiet

2- Se på Rigidbody2D fra inspektøren

3- Åpne "Begrensninger" og sett "Frys rotasjon" til True

Det er det;)

Trinn 14: Opprette hovedmeny til spillet ditt

Slik lager du hovedmenyen

Trinn 15: Publisering og deling

Endelig for å laste opp spillet Se denne videoen

Håper du koser deg … Lær … Ha kjære deg:)

Spørsmål Still meg på: