Skep 'n 2D -spel: 15 stappe

2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:24

Moeg vir speletjies speel? Hoekom maak jy nie 'n speletjie nie?

Hierdie instruksies lei u deur hoe u 'n heeltemal eenvoudige 2D -speletjie kan maak …

Ons sal Unity Game Engine gebruik om ons 2D -speletjie te ontwerp en te skep … en ook Microsoft Visual Studio gebruik om 'n paar skrifte te programmeer en te skep.

Voorrade

1- Unity Game Engine

2- Microsoft Visual Studio

Stap 1: Laai Unity Game Engine en Microsoft Visual Studio af

Om ons speletjie te skep en te programmeer, benodig ons 'n spelmotor ('eenheid') en visuele ateljee … Laat ons dit dus eers aflaai:

1-Gebruik hierdie skakel … of soek na 'aflaai Unity Hub' … Om eers 'Unity Hub' af te laai

3- Gebruik dan hierdie skakel … Om 'Unity' af te laai

4- Kies 'n Unity -weergawe, klik dan op "Download (Win)" -> "Unity installer"

Maak seker dat u kyk na Unity en Microsoft Visual Studio Community 2019 soos in die tweede prentjie verskyn

Stap 2: Skep nuwe projek en voer nuwe bates in

Nadat ons 'Unity Hub', 'Unity' en 'Microsoft Visual Studio Community 2019' afgelaai het … begin ons

1- Maak 'Unity' oop … Dan word 'Unity Hub' outomaties uitgevoer

2- Nou moet ons 'n nuwe projek skep … Klik op "NUWE"

3- Kies 'n 2D-sjabloon, skryf u projeknaam en kies 'n geskikte ligging vir u projek

4- Klik op "Skep"

Nadat u op 'Skep' geklik het, word eenheid uitgevoer …

Nou moet ons ons karakter, agtergrond en voorwerpe byvoeg …

As u nog niks het om by te voeg nie … kan u hierdie skakel besoek om bates af te laai wat u benodig.

En nou wil ons die bates by Unity voeg … Om dit te maak:

U kan die gids eenvoudig sleep en dit in die projekvenster in eenheid laat val.

OF

1- Gaan na Unity en klik met die rechtermuisknop op Maak ruimte skoon in die venster "Projek", soos in die tweede prentjie getoon

2- Kies die agtergrond, karakter en voorwerpe wat u uit die gids wil byvoeg.

Stap 3: Voeg u bates by die toneel

As u iets by die toneelvenster voeg … sal dit in die spelvenster verskyn

Om meer te wete te kom oor Unity se Windows, kan u hierdie skakel besoek …

soos u in die eerste prentjie sien, is daar 'n wit boks in die toneelvenster en dit is die boks van die kamera … So iets in hierdie boks sal die kamera dit wys.

Laat ons nou eers die agtergrond by die toneelvenster voeg …

1- Sleep die agtergrondprent eenvoudig uit die projekvenster en laat dit in die toneelvenster val

en maak seker dat die prentjie by die boks van die kamera pas

u kan enige beeldgrootte wysig deur die Rect Tool uit die werkbalk te kies, soos in die derde prentjie getoon.

voeg ook die voorwerpe en u karakter wat u wil by die toneel … soos in die laaste prentjie getoon.

Stap 4: Voeg 'n paar fisika by die karakter

Om eers u speletjie te toets of te speel, klik op die knoppie Speel in die nutsbalk …

As u nou u spel speel … die karakter beweeg nie, daar is geen swaartekrag nie … alles is staties …

om alle fisika -eienskappe by ons karakter te voeg … ons gebruik dieRigidbody2D -eiendom Met hierdie eiendom kan u die swaartekrag, gewig, massa en ander wysig …

Laat ons dit dus by ons karakter voeg …

1- Kies u karakter uit hiërargie

2- Gaan na die venster Inspekteur en druk op "Voeg komponent by"

3- Soek vir Rigidbody2D

4- Kies dit.

As u nou speel … Ons karakter val af weens die swaartekrag: D

Stap 5: Voeg botsing by ons karakter

Nou moet ons Collider2D -eiendom byvoeg sodat die karakter met die grond en ander voorwerpe kan bots …

Om dit te kan doen … Ons moet eers hierdie eiendom by ons karakter voeg en enige ander voorwerp wat daarmee moet bots.

Laat ons dit eers by die karakter voeg …

1- Kies u karakter uit hiërargie

2- Gaan na die venster Inspekteur en druk op "Voeg komponent by"

3- Soek BoxCollider2D

4- Kies dit.

5- Klik op die kassie "Edit Collider" uit die BoxCollider2D wat in die inspekteur verskyn, om die grootte van die groen boks wat in die toneel verskyn, te verander

6- Sleep een van die groen punte wat in die groen blokkie verskyn om by die karakter te pas

Tweedens, laat ons dit by die grond voeg (doen dieselfde stappe) …

1- Kies u karakter uit hiërargie2- Gaan na die venster Inspekteur en druk op "Voeg komponent by"

3- Soek na BoxCollider2D

4- Kies dit.

5- Klik op die kassie "Edit Collider" uit die BoxCollider2D wat in die inspekteur verskyn, om die grootte van die groen boks wat in die toneel verskyn, te verander

6- Sleep een van die groen punte wat in die groen blokkie verskyn om by die karakter te pas

As u nou die speletjie speel, sal u sien dat die karakter op die grond staan:>

Stap 6: Beweeg ons karakter

Om ons karakter enige taak te laat doen, moet ons eers 'n script by hom voeg om hom te vertel wat hy moet doen …

Eenheid gebruik C# taal … As u meer daaroor wil leer, kan u hierdie skakel besoek

Laat ons dus die script skep

1- Kies u karakter uit hiërargie

2- Gaan na die venster Inspekteur en druk op "Voeg komponent by"

3- Skryf die naam van die skrif (byvoorbeeld beweging) …

4- Klik op 'Nuwe skrif'

5- Klik op "Skep en voeg by"

Tik dit nou dubbel om die script te wysig

6- Verwyder alle kodes wat outomaties geskryf word

7- Laai die teks af, kopieer dit en plak dit in u script (moenie vergeet om u scriptnaam te skryf in plaas van #uScriptName)

8- as u wil weet hoe u dit kan kodeer … Besoek hierdie skakel

9- Stoor die skrif en gaan na die karakterinspekteur, kyk na u skrif

10- Kies die regter- en linkerknoppies en stel die snelheid in.

As u nou die spel speel, beweeg die karakter …: D

Stap 7: Laat ons karakter spring

Nadat ons die beweging van ons karakter bygevoeg het … nou is ons gereed om ons karaktersprong te maak …

Ons moet dus ook 'n nuwe script skep wat ons karakter spring …

1- Kies u karakter uit hiërargie

2- Gaan na die venster Inspekteur en druk op "Voeg komponent by"

3- Skryf die naam van die skrif (byvoorbeeld spring) …

4- Klik op 'Nuwe skrif'

5- Klik op "Skep en voeg by"

Voordat ons die Jump Script bewerk … Laat ons eers 'n laag by die grond voeg om Unity te laat weet dat hierdie voorwerp grond is …

1- Kies die grond uit die hiërargie

2- Klik op 'Standaard' in die 'Laag' wat bo-aan die inspekteur is

3- Kies 'Laag byvoeg'

4- Noem die laag 8 as "grond" (soos in die tweede prentjie getoon)

5- Kies weer die grond uit die hiërargie

6- Klik op "Standaard" in die "Laag" wat bo-aan die inspekteur is

7- Kies 'Grond'

Dit is dit … Ons het uiteindelik 'n nuwe laag gemaak wat 'grond' is en dit by ons grond gevoeg

Voordat ons ook ons karakter spring, moet ons seker maak dat hy dan die grond raak, hy spring.

Laat ons dus GroundCheck vir ons karakter skep …

1- Regskliek op u karakter uit die hiërargie

2- Kies 'Skep leeg' en hernoem dit 'GroundCheck'

3- Kies die 'Move Tool' in die werkbalk en skuif die 'GroundCheck' na die karakterbasis of skoen (soos in die vyfde prentjie getoon)

Daarna is ons gereed om ons springskrif te wysig

1- Maak u springskrif oop (van die projek of inspekteur)

2- Vee alle kodes uit wat outomaties geskryf word

3- Laai die teks af, kopieer dit en plak dit in u script (moenie vergeet om u scriptnaam te skryf in plaas van #uScriptName)

as u wil weet hoe ons dit kodeer … Besoek hierdie skakel

4- Stoor die skrif en gaan na die karakterinspekteur, kyk na u skrif (soos in die sesde prentjie getoon)

5- Stel u springkrag in, voeg die "GroundCheck" by die grondkontrolepunt (deur dit te sleep en neer te sit op die boks van die reghoek), stel u grondradius in (byvoorbeeld 0.1), kies die grondlaag "grond" en kies laastens die Springknoppie.

As u nou die spel speel … Hy loop en spring … Hurraaaaay:)

Stap 8: Animeer die karakter

Nadat ons ons karakter laat beweeg het en gespring het … laat ons hom animeer … dit sal hom baie gaaf laat lyk …

u benodig eers 'n Sprite -beeld van ledig en loop en spring (soos getoon vanaf die eerste tot die vierde foto's)

Om die karakter te animeer, moet u werk aan die animasievenster en die animatiewanster, en standaard by die koppelvlak van eenheid wat u nie hierdie vensters vertoon nie …

1- Klik op Ctrl+6 om die animasievenster te sien

2- Kies venster in die keuselys links bo (soos in die vyfde prentjie getoon)

Kies dan "Animasie" -> "Animator", dan word die twee vensters oopgemaak (animasievenster en animatorvenster)

Laat ons nou die karakter begin animeer as dit ledig is …

1- Kies u karakter uit hiërargie

2- Klik op die knoppie "Skep" in die animasie-vensters

3- Kies 'n geskikte plek om die animasie daarin te stoor

4- Kies dan alle ledige foto's uit die projek en sleep dit in die animasievenster (soos in die sesde prentjie getoon)

As u nou die karakter speel, is Idling Wow … baie cool …

Laat ons hom nou 'n loop -animasie laat speel as hy loop …

1- Gaan na die animasievenster, klik op "Nuwe animasie"

2- Kies 'Skep nuwe snit'

3- Kies 'n geskikte plek om die animasie daarin te stoor

4- Kies dan alle loopfoto's uit die projek en sleep dit in die animasievenster

Maak nou die Animator -venster oop

1- Klik met die rechtermuisknop op die luidsprekvak, kies 'Maak oorgang' en klik op Walk Box (soos in die sewende prentjie getoon)

Let wel: daar moet nie dieselfde naam van die animasieboks wees nie, dit hang af van wat u dit noem …

2- Klik met die rechtermuisknop op die stapkas, kies 'Maak oorgang' en klik op 'Idle box'

3- Klik in die parameters op Plus-ikoon (+) Kies Bool (noem dit byvoorbeeld Walk)

4- Kies die pyltjies wat van Idle na Walk-animasie beweeg, gaan na itsInspector en stel 'Het uittyd' op 'Onwaar', 'Vaste tydsduur' op onwaar, stel 'oorgangstyd' in op nul en klik op plus (+) Dit bestaan in die toestand en stel die "loop" op "waar" (soos in die agtste prentjie getoon) …

5- Kies die pyltjies wat van Walk na Idle-animasie beweeg, gaan na die inspekteur en stel 'Has Exit Time' op False, 'Fixed Duration' op false, Stel 'oorgangstyd' in op nul en klik op plus (+) That bestaan in die toestand en stel die "loop" op "onwaar"

6- Kies u karakter uit hiërargie

7- Gaan na die venster Inspekteur en druk op "Voeg komponent by"

8- Skryf die naam van die script (byvoorbeeld AnimateWalk) neer …

9- Klik op "New script"

10- Klik op "Skep en voeg by"

11- Vee alle kodes uit wat outomaties geskryf word

12- Laai die teks af, kopieer dit en plak dit in u script (moenie vergeet om u scriptnaam te skryf in plaas van #yourScriptName, u motion script-naam in plaas van #YourMotionScriptName en ook u Jumping Script-naam in plaas van #YourJumpingScriptName en skryf U Bool -naam in plaas van 'Walk' wat u binne die parameters in die animator geskep het)

13- Stoor die skrif en gaan na die karakterinspekteur, kyk na u skrif

14- Sleep u karakter en laat dit in die 'Insertyour Motion Script' en 'Insertyour Jump Script' val

As u die speletjie nou speel, is die speler ledig en wen hy die Run Animation -toneelstuk … Cool:>

Laat ons hom nou spring -animasie laat speel as hy spring …

1- Gaan na die animasievenster, klik op "Nuwe animasie"

2- Kies 'Skep nuwe snit'

3- Kies 'n geskikte plek om die animasie daarin te stoor

4- Kies dan alle springfoto's uit die projek en sleep dit in die animasievenster

Maak nou die Animator -venster oop

1- Klik met die rechtermuisknop op die luidsprekvak, kies 'Maak oorgang' en klik op die springkassie (soos in die negende prentjie getoon)

2- Klik met die rechtermuisknop op die springkassie, kies 'Maak oorgang' en klik op 'Run box'

3- Klik in die parameters op Plus-ikoon (+) Kies boelie (noem dit byvoorbeeld Spring)

4- Kies die pyltjies wat van die ledige na die spring-animasie beweeg, gaan na die inspekteur en stel 'Uitgangstyd' op onwaar, 'vaste duur' op vals, stel 'oorgangstyd' in op nul en klik op plus (+) dat bestaan binne die toestand en stel die "Spring" in op "Waar" (soos in die tiende prent getoon) …

5- Kies die pyle wat beweeg van die spring-na-loop-animasie, gaan na die inspekteur en stel 'Het uittyd' op 'Onwaar', 'Vaste duur' op 'vals', stel 'oorgangstyd' in op nul en klik op plus (+) Dit bestaan binne die toestand en stel die "Spring" op "Onwaar"

6- Dubbeltik op die spring-animasie boks From the Animator en stel die "lustyd" op "Onwaar"

7- Kies u karakter uit hiërargie

8- Gaan na die venster Inspekteur en druk op "Voeg komponent by"

9- Skryf die naam van die script (byvoorbeeld AnimateJump) neer …

10- Klik op "New script"

11- Klik op "Skep en voeg by"

12- Verwyder alle kodes wat outomaties geskryf word

13- Laai die teks af, kopieer dit en plak dit in u script (vergeet nie om u scriptnaam te skryf in plaas van #yourScriptName en ook u Jumping Script-naam in plaas van #YourJumpingScriptName, en skryf u Bool-naam in plaas van "Walk" That wat u binne die parameters in die animator geskep het)

14- Stoor die skrif en gaan na die karakterinspekteur, kyk na u skrif

15- Sleep u karakter en laat dit in die 'Insertyour Jump Script' val

As u nou u speletjie speel, sal die speler ledig wees … loop … en spring … hooohuuu!: D

maar hy moet omgedraai word

Stap 9: Omdraai u karakter

Eerstens moet u 'n nuwe script by ons karakter voeg:

1- Kies u karakter uit hiërargie

2- Gaan na die venster Inspekteur en druk op "Voeg komponent by"

3- Skryf die naam van die script (byvoorbeeld Flip) …

4- Klik op 'Nuwe skrif'

5- Klik op "Skep en voeg by"

6- Verwyder alle kodes wat outomaties geskryf word

7- Laai die teks af, kopieer dit en plak dit in u script (moenie vergeet om u scriptnaam te skryf in plaas van #u ScriptScript en ook u Motion Script-naam in plaas van #YourMotionScriptName)

8- Stoor die skrif en gaan na die karakterinspekteur, kyk na u skrif

9- Sleep u karakter en laat dit in die 'Insertyour Motion Script' val

10-Kopieer u karakter se skaal X van die (transformasie) bo-aan die inspekteur en verby dit op die skaal_X in u skrif (soos aangetoon in die tweede en derde prentjie)

11- Kopieer u karakter se skaal Y van die (Transform) bo-aan die inspekteur en verby dit op die skaal_Y

Stap 10: kamera volg ons karakter

Hierdie keer moet u 'n nuwe script by ons kamera voeg:

1- Kies u kamera uit hiërargie

2- Gaan na die venster Inspekteur en druk op "Voeg komponent by"

3- Skryf die naam van die script (byvoorbeeld CameraFollow) …

4- Klik op 'Nuwe skrif'

5- Klik op "Skep en voeg by"

6- Verwyder alle kodes wat outomaties geskryf word

7- Laai die teks af, kopieer dit en plak dit in u script (moenie vergeet om u scriptnaam te skryf in plaas van #uScriptName)

8- Stoor die skrif en gaan na die kamera se inspekteur, kyk na u skrif 8- Trek u karakter en laat dit in die 'teiken' val

U kan ander instellings wysig as u wil …

Gebruik die offset X & Y om 'n voorsprong op die kamera te plaas

Stap 11: Voeg die tweede speler (2 spelers) en kamera by, volg 2 spelers

Om u spel interessanter te maak …. U kan dit 2, 3, 4, 10, 20 maak … Spelers … enige aantal spelers wat u wil hê … om dit te doen:

1- Kies u karakter uit hiërargie

2- Dupliseer dit (druk op Ctrl + D)

nou het jy nog 'n karakter bygevoeg

3- Beweeg dit met die skuifgereedskap en sleep dit, plaas dit op 'n geskikte plek

4- Nou moet ons die beheerinstellings verander, dus gaan na die inspekteur, verander die regter- en linkerknoppie van die bewegingsskrif

5- Verander ook die springknoppie …

Maar nou volg The Camera slegs een speler, om dit meer as een speler te laat volg, moet ons 'n nuwe script daarby voeg:

1- Kies u kamera uit hiërargie2- Gaan na die venster Inspekteur en druk op "Voeg komponent by"

3- Skryf die naam van die script (byvoorbeeld CameraFollowMultipleTarget) …

4- Klik op 'Nuwe skrif'

5- Klik op "Skep en voeg by"

6- Verwyder alle kodes wat outomaties geskryf word

7- Laai die teks af, kopieer dit en plak dit in u script (moenie vergeet om u scriptnaam te skryf in plaas van #uScriptName)

8- Stoor die skrif en gaan na die kamera se inspekteur, kyk na u skrif

9- Stel die "Doel" 2

10- Sleep u twee spelers na hierdie doelwit.

Maak seker dat die offset Z van die kamera (-20)

U kan 'n ander instelling verander of instel … as u 'n voorsprong op die kamera wil maak, wysig die verskuiwing X & Y

Stap 12: Voeg telling en dooie punte by

Daar is baie goeie idees wat u in u spel kan doen, maar die eenvoudigste idee is om 'n eenvoudige tellinggebied te skep as een van die karakters dit eers bereik as hy wen, en daar is 'n dooie gebied as die speler daaraan raak, waarna hy weer na vore kom die herleweringspunt nou …

Kom ons maak eers die tellinggebied:

1- Maar die a-grond en die telling-voorwerp (soos in die eerste prentjie getoon)

moenie vergeet om Box Collider2D daarby te voeg nie

Nou moet ons 'n Script by die puntelys voeg

1- Kies u punt uit hiërargie

2- Gaan na die venster Inspekteur en druk op "Voeg komponent by"

3- Skryf die naam van die script (byvoorbeeld ScoreGround) …

3- Klik op "New script" 4- Klik op "Create and Add"

5- Vee alle kodes uit wat outomaties geskryf word

6- Laai die teks af, kopieer dit en plak dit in u script (moenie vergeet om u scriptnaam te skryf in plaas van #yourScriptName nie, en hernoem die naam van die twee spelers in plaas van "YourPlayer1Name" en "YourPlayer2Name")

7- Stoor die skrif en gaan na die kamera se inspekteur, kyk na u skrif

Ons moet nou die knoppie Teks en herbegin skep

Om 'n teks te skep

1- Klik op die plus (+) in die hiërargie

2- Kies "UI" -> "Teks"

3- Hernoem die teks van die inspekteur en wysig die kleur daarvan …

4- skep 2 tekste, een vir speler een (byvoorbeeld "speler 1 wen") en die ander vir speler 2

Nou moet ons die herstartknoppie skep

Om 'n knoppie te maak1- Klik op die plus (+) in die hiërargie

2- Kies "UI" -> "Knoppie"

3- Hernoem die knoppie van die inspekteur en wysig die kleur daarvan …

skep slegs een knoppie

Nadat ons tekste en knoppies gemaak het, moet ons dit by die Scoring Ground Inspector voeg om dit te doen:

1- Kies u punt uit hiërargie2- Gaan na die venster Inspekteur

3- Kyk na die skrif wat u bygevoeg het

4- Sleep die tekste en laat dit val na "Wen teks van speler 1" en "wen teks van speler 2"

5- Sleep die knoppie en laat dit na die "Herstartknoppie"

as u nou speel, werk alles behalwe die herbegin -knoppie

Om dit te laat werk

1- Kies die lêer uit die drop down tools links bo in Unity …

2- Kies die 'Bou instellings'

3- Sleep u toneel uit die toneelmap wat in die projekvenster verskyn, en laat dit in 'toneel in geboue'

laat ons nou 'n nuwe skrif by die knoppie voeg

4- Kies u knoppie uit die hiërargie

5- Gaan na die venster Inspekteur en druk op "Voeg komponent by"

6- Skryf die naam van die script (byvoorbeeld SceneLoader) neer …

7- Klik op "New script"

8- Klik op "Skep en voeg by"

9- Verwyder alle kodes wat outomaties geskryf word

10- Laai die teks af, kopieer dit en plak dit in u script (vergeet nie om u scriptnaam te skryf in plaas van #uScriptName)

11- Stoor die skrif, gaan terug na Unity

12- Kies u knoppie uit die hiërargie

13- Gaan na die inspekteur, klik op die plus (+) van die 'op klik'

14- sleep die bottel na die reghoekige boks

15- Klik op "Geen funksie" Kies "SceneLoader" -> "Laai toneel"

16- skryf nul … 0

nou As jy speel, werk dit ….. Hoera: D

Laat ons die dooie sone byvoeg om dit te maak:

1- Klik op Plus (+) in die hiërargie

2 Kies 'Skep leeg' en gaan na die inspekteur

3- Voeg BoxCollider 2d by …

4- Beweeg dit af, so as die speler val, bot hy daarop

Voeg nou 'n nuwe skrif by hierdie spelvoorwerp en noem dit byvoorbeeld DeadZone

5- Laai die teks af, kopieer dit en plak dit in u script (moenie vergeet om u scriptnaam te skryf in plaas van #uScriptName en en skryf u karaktername in plaas van "yourPlayer1-naam", "YourPlayer2-naam")

Stoor nou en keer terug na eenheid

Ons moet 'n leë spel-voorwerp byvoeg wat aandui waar ons speler weer sal speel

1- Klik op Plus (+) in die hiërargie

2- Kies 'Skep leeg'

3- Skuif die posisie na dieselfde posisie as wat u die spelers nodig het om weer te kuit

4- kyk na die DeadZone Script van die inspekteur en voeg die Spawn Point (die spelvoorwerp wat u geskep het) daarby.

As u nou speel, sal u beïndruk wees: -O

Stap 13: Bevriesing van die rotasie

as u die speletjie speel, is daar 'n fout wat die karakter draai …

As u geïrriteerd raak met hierdie fout … kan u dit maklik regstel:

1- Kies net die karakter uit die hiërargie

2- Kyk na Rigidbody2D van die inspekteur

3- Maak die 'beperkings' oop en stel 'vriesrotasie' op waar

Dis dit;)

Stap 14: Skep die hoofkieslys vir u spel

Dit is hoe u u hoofkieslys kan skep

Stap 15: Publiseer en deel

Laastens om u speletjie op te laai Sien hierdie video

Hoop jy geniet dit … Leer … Fum:)

Enige vrae Stel my die volgende: