Een 2D-spel maken: 15 stappen

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:15

Moe van het spelen van games? Waarom maak je geen spel?

Deze instructable begeleidt je bij het maken van een volledig eenvoudig 2D-spel …

We zullen Unity Game Engine gebruiken om onze 2D-game te ontwerpen en te maken … en ook Microsoft Visual Studio gebruiken om enkele scripts te programmeren en te maken.

Benodigdheden

1- Unity-game-engine

2- Microsoft Visual Studio

Stap 1: Download Unity Game Engine & Microsoft Visual Studio

Om onze game te maken en te programmeren, hebben we een game-engine ("Unity") en een visuele studio nodig … Dus laten we ze eerst downloaden:

1-Gebruik deze link… of zoek naar "download Unity Hub"… Om eerst "Unity Hub" te downloaden

3- Gebruik dan deze link… Om "Unity" te downloaden

4- Kies een Unity-versie en klik vervolgens op "Download (Win)" -> "Unity-installatieprogramma"

Zorg ervoor dat u Unity & Microsoft Visual Studio Community 2019 controleert, zoals weergegeven in de tweede afbeelding

Stap 2: Maak een nieuw project en importeer nieuwe activa

Na het downloaden van "Unity Hub", "Unity" & "Microsoft Visual Studio Community 2019"… laten we BEGINNEN

1- Open "Unity"… Dan zal het automatisch "Unity Hub" uitvoeren

2- Nu moeten we een nieuw project maken… Klik op "NIEUW"

3- Kies een 2D-sjabloon, schrijf uw projectnaam en kies een geschikte locatie voor uw project

4- Klik op "Maken"

Nadat u op "Maken" hebt geklikt, wordt Unity uitgevoerd …

Nu moeten we ons karakter, achtergrond en objecten toevoegen …

Als je niets toe te voegen hebt… kun je deze link bezoeken om activa te downloaden die je nodig hebt.

En nu willen we The Assets toevoegen aan Unity… Om dit te maken:

U kunt de map eenvoudig slepen en neerzetten in het projectvenster in Unity.

OF

1- Ga naar Unity en klik met de rechtermuisknop op Ruimte vrijmaken in het venster "Project" zoals weergegeven in de tweede afbeelding

2- Kies de achtergrond, het personage en de objecten die u wilt toevoegen vanuit de map.

Stap 3: Voeg uw activa toe aan de scène

Als je iets toevoegt aan het scènevenster… zal het in het spelvenster verschijnen

Voor meer informatie over Unity's Windows kunt u deze link bezoeken…

zoals je in de eerste afbeelding ziet, is er een witte doos in het scènevenster en dit is de doos van de camera … Dus alles in deze doos, de camera zal het weergeven.

Laten we nu eerst de achtergrond toevoegen aan het scènevenster…

1- Sleep eenvoudig de achtergrondafbeelding vanuit het projectvenster en zet het neer in het scènevenster

en zorg ervoor dat de afbeelding in de doos van de camera past

u kunt elke afbeeldingsgrootte bewerken door de Rect-tool in de werkbalk te kiezen, zoals weergegeven in de derde afbeelding.

voeg ook de objecten en je personage toe die je wilt aan de scène … zoals weergegeven in de laatste afbeelding.

Stap 4: voeg wat natuurkunde toe aan het personage

Om uw spel te testen of te spelen, klikt u eerst op de knop Afspelen in de werkbalk…

Als je nu je spel speelt … het personage beweegt niet, er is geen zwaartekracht … alles is statisch …

om alle natuurkundige eigenschappen aan ons karakter toe te voegen … we gebruiken de eigenschap Rigidbody2D Met deze eigenschap kun je de zwaartekracht, het gewicht, de massa en andere bewerken …

Dus laten we het toevoegen aan ons karakter…

1- Kies je personage uit de hiërarchie

2- Ga naar het Inspector-venster en druk op "Component toevoegen"

3- Zoek naar Rigidbody2D

4- Kies het.

Als je nu speelt…. Ons karakter valt naar beneden vanwege de zwaartekracht: D

Stap 5: Botsing toevoegen aan ons karakter

Nu moeten we de eigenschap Collider2D toevoegen om het personage te laten botsen met de grond en andere objecten …

Om dat te maken … moeten we eerst deze eigenschap toevoegen aan ons personage en elk ander object dat ermee moet botsen.

Laten we het eerst toevoegen aan het teken …

1- Kies je personage uit de hiërarchie

2- Ga naar het Inspector-venster en druk op "Component toevoegen"

3- Zoek naar BoxCollider2D

4- Kies het.

5- Klik op het vak "Edit Collider" van de BoxCollider2D die in de Inspector verschijnt, om het formaat van het groene vak dat in de scène verschijnt te kunnen wijzigen

6- Sleep een van de groene punten die in het groene vak verschijnen om in het teken te passen

Ten tweede, laten we het toevoegen aan de grond (Doe dezelfde stappen) …

1- Kies je personage uit de hiërarchie2- Ga naar het infovenster en druk op "Component toevoegen"

3- Zoek naar BoxCollider2D

4- Kies het.

5- Klik op het vak "Edit Collider" van de BoxCollider2D die in de Inspector verschijnt, om het formaat van het groene vak dat in de scène verschijnt te kunnen wijzigen

6- Sleep een van de groene punten die in het groene vak verschijnen om in het teken te passen

Als je nu het spel speelt, zul je zien dat het personage op de grond staat:>

Stap 6: Verplaats ons karakter

Om ons personage een taak te laten doen, moeten we hem eerst een script toevoegen om hem te vertellen wat hij moet doen …

Unity gebruikt C#-taal … Als je er meer over wilt weten, kun je deze link bezoeken

Dus laten we het script maken

1- Kies je personage uit de hiërarchie

2- Ga naar het Inspector-venster en druk op "Component toevoegen"

3- Schrijf de naam van het script (bijvoorbeeld beweging)…

4- Klik op "Nieuw script"

5- Klik op "Maken en toevoegen"

Dubbeltik er nu op om het script te bewerken

6- Verwijder alle codes die automatisch zijn geschreven

7- Download de tekst, kopieer hem en plak hem in je script (vergeet niet je scriptnaam te schrijven in plaats van #yourScriptName)

8- als je wilt weten hoe je dit codeert… Bezoek deze link

9- Sla het script op en ga naar de inspecteur van het personage, kijk naar je script

10- Kies de rechter- en linkerknoppen en stel je snelheid in.

Als je het spel nu speelt, beweegt het personage …:D

Stap 7: Laat ons karakter springen

Na het toevoegen van de beweging van ons karakter… nu zijn we klaar om onze karaktersprongen te maken…

We moeten dus ook een nieuw script maken dat onze karaktersprongen maakt…

1- Kies je personage uit de hiërarchie

2- Ga naar het Inspector-venster en druk op "Component toevoegen"

3- Schrijf de naam van het script (bijvoorbeeld Jumping)…

4- Klik op "Nieuw script"

5- Klik op "Maken en toevoegen"

Voordat we het Jump-script gaan bewerken… Laten we eerst een laag aan de grond toevoegen om Unity te laten weten dat dit object Grond is…

1- Kies de grond uit de hiërarchie

2- Klik op "Standaard" in de "Laag" die zich bovenaan de Inspecteur bevindt

3- Kies "Laag toevoegen"

4- Noem de laag 8 naar "Ground" (zoals weergegeven in de tweede afbeelding)

5- Kies opnieuw de grond uit de hiërarchie

6- Klik op "Standaard" in de "Laag" bovenaan de Inspecteur

7- Kies "Grond"

Dat is het … We maken eindelijk een nieuwe laag die "Ground" is en hebben deze toegevoegd aan onze Ground

Voordat we ook ons personage laten springen, moeten we ervoor zorgen dat hij de grond raakt, hij springt.

Dus laten we GroundCheck maken voor ons personage…

1- Klik met de rechtermuisknop op je personage vanuit hiërarchie

2- Kies "Leeg maken" en hernoem het "GroundCheck"

3- Kies het "Verplaatsingsgereedschap" in de werkbalk en verplaats de "GroundCheck" naar de tekenbasis of schoen (zoals weergegeven in de vijfde afbeelding)

Daarna zijn we klaar om ons springscript te bewerken

1- Open je Jumping Script (vanuit het Project of Inspector)

2- Verwijder alle codes die automatisch zijn geschreven

3- Download de tekst, kopieer hem en plak hem in je script (vergeet niet je scriptnaam te schrijven in plaats van #yourScriptName)

als je wilt weten hoe we dit coderen… Bezoek deze link

4- Sla het script op en ga naar de inspecteur van het personage, kijk naar je script (zoals weergegeven in de zesde afbeelding)

5- Stel je springkracht in, voeg de "GroundCheck" toe aan het grondcontrolepunt (door het te slepen en neer te zetten op de rechthoekige doos), stel je grondradius in (bijvoorbeeld 0.1), kies de grondlaag "Grond" en kies ten slotte de springknop.

Als je het spel nu speelt…. Hij loopt en springt… Hoeraaaa:)

Stap 8: Animeer het personage

Nadat we ons personage hebben laten bewegen en springen… laten we hem animeren… Het zal hem er erg cool uit laten zien…

je hebt eerst een Sprite-afbeelding nodig van stationair draaien en lopen en springen (zoals weergegeven op de eerste tot de vierde foto)

Om het personage te animeren, moet je werken aan Animation Window & Animator Window en standaard de interface van Unity die je niet weergeeft Deze Windows … om ze te krijgen:

1- Klik op Ctrl+6 om het animatievenster te openen

2- Kies Venster in de vervolgkeuzelijst linksboven (zoals weergegeven in de vijfde afbeelding)

Kies vervolgens "Animatie" -> "Animator" en de twee vensters worden geopend (Animatievenster en Animatorvenster)

Laten we nu beginnen met het animeren van het personage wanneer het inactief is…

1- Kies je personage uit de hiërarchie

2- Klik op de knop "Maken" in het animatievenster

3- Kies een geschikte plaats om de animatie erin op te slaan

4- Selecteer vervolgens alle stationaire foto's uit het project en sleep deze naar het animatievenster (zoals weergegeven in de zesde afbeelding)

Als je nu speelt, is het personage inactief Wow… Heel cool…

Laten we hem nu Walk-animatie laten spelen wanneer hij loopt…

1- Ga naar het animatievenster klik op "Nieuwe animatie"

2- Kies "Nieuwe clip maken"

3- Kies een geschikte plaats om de animatie erin op te slaan

4- Selecteer vervolgens alle wandelfoto's uit het project en sleep ze naar het animatievenster

Open nu het Animatorvenster

1- Klik met de rechtermuisknop op de inactieve box, kies "overgang maken" en klik op Walk Box (zoals weergegeven in de zevende afbeelding)

Opmerking: er zou niet dezelfde naam van de animatiebox moeten zijn, het hangt ervan af hoe u het noemt …

2- Klik met de rechtermuisknop op de Walk Box, kies "Make Transition" en klik op Idle Box

3- Klik in de parameters op het pluspictogram (+) Kies Bool (noem het bijvoorbeeld Walk)

4- Kies de pijlen die van Idle naar Walk-animatie gaan, ga naar it'sInspector en stel "Has Exit Time" in op False, "Fixed Duration" op false, stel "transition Duration" in op nul en klik op plus (+) Die bestaan in Condition en stel de "Walk" in op "True" (zoals weergegeven in de achtste afbeelding) …

5- Kies de pijlen die van Walk naar Idle-animatie gaan, ga naar de Inspector en stel "Has Exit Time" in op False, "Fixed Duration" op false, stel "transition Duration" in op nul en klik op plus (+) That bestaan binnen Voorwaarde en stel de "Walk" in op "False"

6- Kies je personage uit de hiërarchie

7- Ga naar het Inspector-venster en druk op "Component toevoegen"

8- Schrijf de naam van het script (bijvoorbeeld AnimateWalk)…

9- Klik op "Nieuw script"

10- Klik op "Maken en toevoegen"

11- Verwijder alle codes die automatisch zijn geschreven

12- Download de tekst, kopieer deze en plak deze in uw script (vergeet niet om uw scriptnaam te schrijven in plaats van #yourScriptName, uw bewegingsscriptnaam in plaats van #YourMotionScriptName & ook uw Jumping-scriptnaam in plaats van #YourJumpingScriptName, en schrijf Uw Bool-naam in plaats van "Walk" die u hebt gemaakt in de parameters in de animator)

13- Sla het script op en ga naar de inspecteur van het personage, kijk naar je script

14- Sleep je personage en zet het neer in de "Voeg je bewegingsscript in" & "Voeg je sprongscript in"

Als je het spel nu speelt, is de speler inactief en wint hij het spel Run Animation… Cool:>

Laten we hem nu Jump-animatie laten spelen wanneer hij springt…

1- Ga naar het animatievenster klik op "Nieuwe animatie"

2- Kies "Nieuwe clip maken"

3- Kies een geschikte plaats om de animatie erin op te slaan

4- Selecteer vervolgens alle springende foto's uit het project en sleep het naar het animatievenster

Open nu het Animatorvenster

1- Klik met de rechtermuisknop op de inactieve box, kies "overgang maken" en klik op Jump Box (zoals weergegeven in de negende afbeelding)

2- Klik met de rechtermuisknop op de Jump Box, kies "Make Transition" en klik op Run Box

3- Klik in de parameters op het pluspictogram (+) Kies Bool (noem het bijvoorbeeld Jump)

4- Kies de pijlen die van Idle naar Jump-animatie gaan, ga naar de Inspector en stel "Has Exit Time" in op False, "Fixed Duration" op false, stel "transition Duration" in op nul en klik op plus (+) Dat bestaan in staat en stel de "sprong" in op "waar" (zoals weergegeven in de tiende afbeelding) …

5- Kies de pijlen die van Jump to Run-animatie gaan, ga naar de Inspector en stel "Has Exit Time" in op False, "Fixed Duration" op false, stel "transition Duration" in op nul en klik op plus (+) Dat bestaan binnen Voorwaarde en stel de "Jump" in op "False"

6- Dubbeltik op het springanimatievak vanuit de animator en stel de "Loop Time" in op "False"

7- Kies je personage uit de hiërarchie

8- Ga naar het Inspector-venster en druk op "Component toevoegen"

9- Schrijf de naam van het script (bijvoorbeeld AnimateJump)…

10- Klik op "Nieuw script"

11- Klik op "Maken en toevoegen"

12- Verwijder alle codes die automatisch zijn geschreven

13- Download de tekst, kopieer deze en plak deze in uw script (vergeet niet om uw scriptnaam te schrijven in plaats van #yourScriptName & ook uw Jumping-scriptnaam in plaats van #YourJumpingScriptName, en schrijf uw Bool-naam in plaats van "Walk" That u hebt gemaakt in de parameters in de animator)

14- Sla het script op en ga naar de inspecteur van het personage, kijk naar je script

15- Sleep je personage en zet het neer in het "Voeg je Jump Script in"

Als je je spel nu speelt, zal de speler inactief zijn… lopen… en springen…hooohuuu!:NS

maar hij moet worden omgedraaid

Stap 9: Je personage omdraaien

Eerst moet je een nieuw script aan ons personage toevoegen:

1- Kies je personage uit de hiërarchie

2- Ga naar het Inspector-venster en druk op "Component toevoegen"

3- Schrijf de naam van het script (bijvoorbeeld Flip)…

4- Klik op "Nieuw script"

5- Klik op "Maken en toevoegen"

6- Verwijder alle codes die automatisch zijn geschreven

7- Download de tekst, kopieer deze en plak deze in uw script (vergeet niet uw scriptnaam te schrijven in plaats van #yourScriptName en ook uw Motion Script-naam in plaats van #YourMotionScriptName)

8- Sla het script op en ga naar de inspecteur van het personage, kijk naar je script

9- Sleep je personage en zet het neer in de "Voeg je bewegingsscript in"

10-Kopieer de schaal X van je personage van de (Transform) bovenaan de Inspector en plak deze bij de Scale_X in je script (zoals weergegeven in de tweede en derde afbeelding)

11- Kopieer de schaal Y van je personage van de (Transform) bovenaan de Inspector en passeer deze bij de Scale_Y

Stap 10: Camera Volg ons karakter

Deze keer moet je een nieuw script aan onze camera toevoegen:

1- Kies uw camera uit de hiërarchie

2- Ga naar het Inspector-venster en druk op "Component toevoegen"

3- Schrijf de naam van het script (bijvoorbeeld CameraFollow)…

4- Klik op "Nieuw script"

5- Klik op "Maken en toevoegen"

6- Verwijder alle codes die automatisch zijn geschreven

7- Download de tekst, kopieer hem en plak hem in je script (vergeet niet je scriptnaam te schrijven in plaats van #yourScriptName)

8- Sla het script op en ga naar de camera-inspecteur, kijk naar je script 8- Sleep je personage en zet het neer in het "doel"

U kunt andere instellingen bewerken als u wilt…

gebruik de offset X & Y. om de camera een rand te geven

Stap 11: Voeg de tweede speler (2 spelers) en camera toe Volg 2 spelers

Om je spel interessanter te maken…. Je kunt er 2, 3, 4, 10, 20 van maken. Spelers… elk aantal spelers dat u wilt… dus om dat te doen:

1- Kies je personage uit de hiërarchie

2- Dupliceer het (druk op Ctrl + D)

nu heb je een ander personage toegevoegd

3- Verplaats het met het gereedschap Verplaatsen en sleep het, plaats het op een geschikte plaats

4- Nu moeten we de besturingsinstellingen wijzigen, dus ga naar het infovenster, verander de rechter- en linkerknop van het bewegingsscript

5- Verander ook de Jump-knop…

Maar nu volgt The Camera slechts één speler, om het meer dan één speler te laten volgen, moeten we er een nieuw script aan toevoegen:

1- Kies uw camera uit de hiërarchie2- Ga naar het infovenster en druk op "Component toevoegen"

3- Schrijf de naam van het script (bijvoorbeeld CameraFollowMultipleTarget)…

4- Klik op "Nieuw script"

5- Klik op "Maken en toevoegen"

6- Verwijder alle codes die automatisch zijn geschreven

7- Download de tekst, kopieer hem en plak hem in je script (vergeet niet je scriptnaam te schrijven in plaats van #yourScriptName)

8- Sla het script op en ga naar de camera-inspecteur, kijk naar je script

9- Stel het "Doel" in 2

10- Sleep je twee spelers binnen dit doel.

Zorg ervoor dat de offset Z van de camera (-20)

U kunt een andere instelling wijzigen of instellen … als u de camera wilt scherpen Bewerk de offset X & Y

Stap 12: Score en dode punten toevoegen

Er zijn veel geweldige ideeën die je in je spel kunt doen, maar het meest eenvoudige idee is om een eenvoudig scoregebied te creëren als een van de personages dit als eerste bereikt, wint hij, en er is een dood gebied als de speler het aanraakt, hij opnieuw spawnt het Re-spawning Point nu…

Laten we eerst het scoregebied maken:

1- Maar het a Ground en het Score-object (zoals weergegeven in de eerste afbeelding)

vergeet niet Box Collider2D eraan toe te voegen

Nu moeten we aan de scoregrond een Script toevoegen

1- Kies uw scoregebied uit Hiërarchie

2- Ga naar het Inspector-venster en druk op "Component toevoegen"

3- Schrijf de naam van het script (bijvoorbeeld ScoreGround)…

3- Klik op "Nieuw script" 4- Klik op "Maken en toevoegen"

5- Verwijder alle codes die automatisch zijn geschreven

6- Download de tekst, kopieer het en plak het in je script (vergeet niet om je scriptnaam te schrijven in plaats van #yourScriptName, & hernoem de naam van de 2 spelers in plaats van "YourPlayer1Name" & "YourPlayer2Name")

7- Sla het script op en ga naar de camera-inspecteur, kijk naar je script

We moeten nu de tekst- en herstartknop maken

Een tekst maken

1- Klik op het plusteken (+) in de hiërarchie

2- Kies "UI" -> "Tekst"

3- Hernoem de tekst uit het infovenster en bewerk de kleur ervan….

4- maak 2 teksten één die voor speler één is (bijvoorbeeld "Speler 1 wint") en de andere voor speler 2

Nu moeten we een herstartknop maken

Een knop maken1- Klik op het plusteken (+) in de hiërarchie

2- Kies "UI" -> "Knop"

3- Hernoem de knop vanuit het infovenster en bewerk de kleur….

maak slechts één knop

Nu, na het maken van teksten en knoppen, moeten we ze toevoegen aan de Scoring Ground Inspector om dat te doen:

1- Kies uw scoregrond uit Hiërarchie2- Ga naar het infovenster

3- Kijk naar het script dat je hebt toegevoegd

4- Sleep de teksten naar "Win Text Of Player 1" & "Win Text Of Player 2"

5- Sleep de knop en zet deze neer op de "Herstartknop"

als je nu speelt, werkt alles behalve de herstartknop

Om het te laten werken

1- Kies het bestand uit de vervolgkeuzelijsten linksboven in Unity…

2- Kies de "Build-instellingen"

3- Sleep je scène uit de map Scène die in het projectvenster is gevonden en zet deze neer in "Scène in builds"

Laten we nu een nieuw script aan de knop toevoegen

4- Kies uw knop uit de hiërarchie

5- Ga naar het Inspector-venster en druk op "Component toevoegen"

6- Schrijf de naam van het script (bijvoorbeeld SceneLoader)…

7- Klik op "Nieuw script"

8- Klik op "Maken en toevoegen"

9- Verwijder alle codes die automatisch zijn geschreven

10- Download de tekst, kopieer deze en plak deze in uw script (vergeet niet uw scriptnaam te schrijven in plaats van #yourScriptName)

11- Sla het script op ga terug naar Unity

12- Kies uw knop uit de hiërarchie

13- Ga naar de inspecteur klik op de plus (+) van de "op klik"

14- sleep de bottun naar het rechthoekige vak

15- Klik op "Geen functie" Kies "SceneLoader" -> "Scène laden"

16- schrijf nul … 0

nu Als je het speelt, werkt het….. Hoera:D

Laten we de dode zone toevoegen om dit te maken:

1- Klik op Plus (+) in de hiërarchie

2-Kies "Leeg maken" en ga naar de Inspector

3- Voeg BoxCollider 2d toe….

4- Verplaats het naar beneden, zodat wanneer de speler naar beneden valt, hij erop botst

Voeg nu een nieuw script toe aan dit spelobject en noem het bijvoorbeeld DeadZone

5- Download de tekst, kopieer het en plak het in je script (vergeet niet om je scriptnaam te schrijven in plaats van #yourScriptName & en schrijf de namen van je personages in plaats van "yourPlayer1 Name", "YourPlayer2 Name")

Nu opslaan en terugkeren Terug naar eenheid

We moeten een leeg spelobject toevoegen dat aangeeft waar onze speler opnieuw zal spawnen

1- Klik op Plus (+) in de hiërarchie

2- Kies "Leeg maken"

3- Verplaats de positie naar dezelfde positie die de spelers nodig hebben om opnieuw te spawnen

4- kijk naar The DeadZone Script vanuit de inspecteur en voeg het Spawn Point (het Game-object dat je hebt gemaakt) eraan toe.

Als je nu speelt, zul je onder de indruk zijn:-O

Stap 13: de rotatie bevriezen

wanneer je het spel speelt, is er een fout waardoor het personage draait …

Als je geïrriteerd bent door deze bug … je kunt het gemakkelijk oplossen:

1- Selecteer gewoon het personage uit de hiërarchie

2- Kijk naar Rigidbody2D vanuit de Inspector

3- Open de "Constrains" en stel "Freeze Rotation" in op True

Dat is het;)

Stap 14: Hoofdmenu voor je spel maken

Zo maakt u uw hoofdmenu

Stap 15: Publiceren en delen

Eindelijk om je spel te uploaden Zie deze video

Ik hoop dat je geniet … Leer … Have Fum:)

Vragen Stel me op: