Crea un gioco 2D: 15 passaggi

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 10:01

Stanco di giocare? Perché non fai un gioco?

Questo tutorial ti guida attraverso come creare un gioco 2D completamente semplice …

Useremo Unity Game Engine per progettare e creare il nostro gioco 2D… e utilizzeremo anche Microsoft Visual Studio per programmare e creare alcuni script.

Forniture

1- Motore di gioco Unity

2- Microsoft Visual Studio

Passaggio 1: scarica Unity Game Engine e Microsoft Visual Studio

Per creare e programmare il nostro gioco abbiamo bisogno di un motore di gioco ("Unity") e di uno studio visivo… Quindi scarichiamoli prima:

1-Utilizzare questo collegamento… o cercare "scarica Unity Hub"… Per scaricare prima "Unity Hub"

3- Quindi usa questo link … Per scaricare "Unity"

4- Scegli una versione di Unity, quindi fai clic su "Download (Win)" -> "Programma di installazione di Unity"

Assicurati di controllare Unity e Microsoft Visual Studio Community 2019 come mostrato nella seconda immagine

Passaggio 2: crea un nuovo progetto e importa nuove risorse

Dopo aver scaricato "Unity Hub", "Unity" e "Microsoft Visual Studio Community 2019"… iniziamo

1- Apri "Unity" … Quindi, eseguirà automaticamente "Unity Hub"

2- Ora dobbiamo creare un nuovo progetto… Clicca su "NUOVO"

3- Scegli il modello 2D, scrivi il nome del tuo progetto e scegli una posizione adatta al tuo progetto

4- Clicca su "Crea"

Dopo aver fatto clic su "Crea", Unity verrà eseguito…

Ora dobbiamo aggiungere il nostro personaggio, sfondo e oggetti…

Se non hai nulla da aggiungere… puoi visitare questo link, per scaricare risorse di cui avrai bisogno.

E ora vogliamo aggiungere The Assets a Unity… Per fare questo:

Semplicemente puoi trascinare la cartella e rilasciarla nella finestra del progetto in Unity.

O

1- Vai a Unity e fai clic con il pulsante destro del mouse su Cancella spazio nella finestra "Progetto" come mostrato nella seconda immagine

2- Scegli lo sfondo, il personaggio e gli oggetti che desideri aggiungere dalla cartella.

Passaggio 3: aggiungi le tue risorse alla scena

Se aggiungi qualcosa alla finestra della scena… apparirà nella finestra del gioco

Per saperne di più su Windows di Unity puoi visitare questo link…

come vedi nella prima immagine ci sono una scatola bianca nella finestra della scena e questa è la scatola della fotocamera … Quindi qualsiasi cosa all'interno di questa scatola, la fotocamera la visualizzerà.

Ora aggiungiamo prima lo sfondo alla finestra della scena…

1- Trascina semplicemente l'immagine di sfondo dalla finestra del progetto e rilasciala all'interno della finestra della scena

e assicurati che l'immagine si adatti alla scatola della fotocamera

puoi modificare qualsiasi dimensione dell'immagine scegliendo lo strumento Rect dalla barra degli strumenti come mostrato nella terza immagine.

aggiungi anche gli oggetti e il tuo personaggio che desideri alla scena … come mostrato nell'ultima immagine.

Passaggio 4: aggiungi un po' di fisica al personaggio

Innanzitutto, per testare o giocare al tuo gioco, fai clic sul pulsante Riproduci nella barra degli strumenti…

Se giochi ora… il personaggio non si muove, non c'è gravità… ogni cosa è statica…

per aggiungere tutte le proprietà fisiche al nostro personaggio… usiamo la proprietà Rigidbody2D Questa proprietà ti consente di modificare la forza di gravità, il peso, la massa e altre…

Quindi aggiungiamolo al nostro personaggio…

1- Scegli il tuo personaggio dalla gerarchia

2- Vai alla finestra di ispezione e premi su "Aggiungi componente"

3- Cerca Rigidbody2D

4- Sceglilo.

Se giochi ora… Il nostro personaggio sta cadendo a causa della gravità:D

Passaggio 5: aggiungi collisione al nostro personaggio

Ora dobbiamo aggiungere la proprietà Collider2D per consentire al personaggio di entrare in collisione con il suolo e altri oggetti…

Per farlo… Dobbiamo prima aggiungere questa proprietà al nostro personaggio ea qualsiasi altro oggetto che deve entrare in collisione con esso.

Per prima cosa, aggiungiamolo nel personaggio…

1- Scegli il tuo personaggio dalla gerarchia

2- Vai alla finestra di ispezione e premi su "Aggiungi componente"

3- Cerca BoxCollider2D

4- Sceglilo.

5- Fare clic sulla casella "Edit Collider" dal BoxCollider2D che appare nell'Inspector, per poter ridimensionare la casella verde che appare nella scena

6- Trascina uno dei punti verdi che appare nella casella verde per adattarlo al personaggio

Secondo, aggiungiamolo al Ground (Fai gli stessi passaggi)…

1- Scegli il tuo personaggio dalla Gerarchia2- Vai alla finestra di ispezione e premi su "Aggiungi componente"

3- Cerca BoxCollider2D

4- Sceglilo.

5- Fare clic sulla casella "Edit Collider" dal BoxCollider2D che appare nell'Inspector, per poter ridimensionare la casella verde che appare nella scena

6- Trascina uno dei punti verdi che appare nella casella verde per adattarlo al personaggio

Ora, se giochi, vedrai che il personaggio sta a terra:>

Passaggio 6: sposta il nostro personaggio

Per far svolgere al nostro personaggio qualsiasi compito, dobbiamo prima aggiungergli uno script per dirgli cosa fare…

Unity utilizza il linguaggio C#… Se vuoi saperne di più puoi visitare questo Link

Quindi creiamo lo script

1- Scegli il tuo personaggio dalla gerarchia

2- Vai alla finestra di ispezione e premi su "Aggiungi componente"

3- Scrivi il nome dello Script (ad esempio motion)…

4- Fare clic su "Nuovo script"

5- Fare clic su "Crea e aggiungi"

Ora toccalo due volte per modificare lo script

6- Elimina tutti i codici che vengono scritti automaticamente

7- Scarica il testo, copialo e incollalo nel tuo script (non dimenticare di scrivere il tuo nome di script invece di #yourScriptName)

8- se vuoi sapere come codificare questo… Visita questo link

9- Salva lo script e vai all'ispettore del personaggio, guarda il tuo script

10- Scegli i pulsanti destro e sinistro e imposta la velocità.

Ora, se giochi, il personaggio si muoverà…:D

Passaggio 7: fai saltare il nostro personaggio

Dopo aver aggiunto il movimento del nostro Personaggio… ora siamo pronti per effettuare i Salti del nostro Personaggio…

Quindi dobbiamo anche creare un nuovo script che faccia saltare il nostro personaggio…

1- Scegli il tuo personaggio dalla gerarchia

2- Vai alla finestra di ispezione e premi su "Aggiungi componente"

3- Scrivi il nome dello Script (ad esempio Jumping)…

4- Fare clic su "Nuovo script"

5- Fare clic su "Crea e aggiungi"

Prima di modificare il Jump Script… Aggiungiamo prima un Layer al Ground per far sapere a Unity che questo oggetto è Ground…

1- Scegli il terreno dalla gerarchia

2- Fai clic su "Predefinito" dal "Livello" che si trova nella parte superiore dell'Ispettore

3- Scegli "Aggiungi livello"

4- Assegna al livello 8 il nome "Terreno" (come mostrato nella seconda immagine)

5- Scegli di nuovo il terreno dalla gerarchia

6- Fai clic su "Predefinito" dal "Livello" che si trova nella parte superiore dell'Ispettore

7- Scegli "Terra"

Ecco fatto… Finalmente creiamo un nuovo livello che è "Terreno" e lo aggiungiamo al nostro Terreno

Prima di far saltare anche il nostro personaggio, dobbiamo assicurarci che tocchi il suolo, quindi salta.

Quindi creiamo GroundCheck per il nostro personaggio…

1- Fai clic con il pulsante destro del mouse su Il tuo personaggio dalla gerarchia

2- Scegli "Crea vuoto" e rinominalo "GroundCheck"

3- Scegli lo "Strumento Sposta" dalla barra degli strumenti e sposta il "GroundCheck" sulla base del personaggio o sulla scarpa (come mostrato nella quinta immagine)

Dopodiché siamo pronti per modificare il nostro script di salto

1- Apri il tuo Jumping Script (dal progetto o dall'ispettore)

2- Elimina tutti i codici che vengono scritti automaticamente

3- Scarica il testo, copialo e incollalo nel tuo script (non dimenticare di scrivere il tuo nome di script invece di #yourScriptName)

se vuoi sapere come lo codifichiamo… Visita questo link

4- Salva lo script e vai all'ispettore del personaggio, guarda il tuo script (come mostrato nella sesta immagine)

5- Imposta la tua forza di salto, aggiungi il "GroundCheck" al punto di controllo del terreno (trascinandolo e rilasciandolo sulla casella del rettangolo), imposta il raggio del terreno (per esempio 0.1), scegli il livello del terreno "Terreno" e infine scegli il pulsante di salto.

Se giochi adesso… Cammina e Salta… Evviva:)

Passaggio 8: anima il personaggio

Dopo aver fatto muovere e saltare il nostro personaggio… animiamolo… lo farà sembrare molto figo…

hai bisogno prima di un'immagine Sprite di oziare e camminare e saltare (come mostrato dalla prima alla quarta immagine)

Per animare il personaggio devi lavorare su Animation Window e Animator Window e di default l'interfaccia di Unity non mostra queste finestre… per ottenerle:

1- Fare clic su Ctrl+6 per ottenere la finestra Animazione

2- Scegli Finestra in alto a sinistra Scelte a discesa (come mostrato nella quinta immagine)

Quindi, scegli "Animazione" -> "Animatore", quindi si apriranno le due finestre (Finestra Animazione e Finestra Animatore)

Ora iniziamo ad Animare il personaggio quando è inattivo…

1- Scegli il tuo personaggio dalla gerarchia

2- Fare clic sul pulsante "Crea" nelle finestre di animazione

3- Scegli un luogo adatto per salvare l'animazione al suo interno

4- Quindi seleziona tutte le foto inattive dal progetto e trascinale nella finestra di animazione (come mostrato nella sesta immagine)

Se ora giochi a The Character is Idling Wow… Molto bello…

Ora facciamogli riprodurre l'animazione Walk quando cammina…

1- Vai alla finestra di animazione e fai clic su "Nuova animazione"

2- Scegli "Crea nuova clip"

3- Scegli un luogo adatto per salvare l'animazione al suo interno

4- Quindi seleziona tutte le foto in movimento dal progetto e trascinale nella finestra di animazione

Ora apri la finestra Animatore

1- Fare clic con il pulsante destro del mouse su Idle Box, scegliere "make Transition" e fare clic su Walk Box (come mostrato nella settima immagine)

Nota: non dovrebbe esserci lo stesso nome della casella di animazione, dipende da come lo chiami…

2- Fare clic con il pulsante destro del mouse sulla Walk Box, scegliere "Esegui transizione" e fare clic su Idle Box

3- Nei parametri fare clic sull'icona più (+) scegliere Bool (denominarlo ad esempio Walk)

4- Scegli le frecce che si spostano dall'animazione Idle a Walk, vai su Ispettore e imposta "Has Exit Time" su False, "Fixed Duration" su false, imposta "Transition Duration" su Zero e fai clic su più (+) Che esistono all'interno di Condition e imposta "Walk" su "True" (come mostrato nell'ottava immagine) …

5- Scegli le frecce che si spostano dall'animazione Walk to Idle, vai al suo Inspector e imposta "Has Exit Time" su False, "Fixed Duration" su false, imposta "transition Duration" su Zero e fai clic su più (+) That esistono all'interno di Condition e imposta "Walk" su "False"

6- Scegli il tuo personaggio dalla gerarchia

7- Vai alla finestra di ispezione premi su "Aggiungi componente"

8- Scrivi il nome dello Script (ad esempio AnimateWalk)…

9- Clicca su "Nuovo script"

10- Fare clic su "Crea e aggiungi"

11- Elimina tutti i codici che vengono scritti automaticamente

12- Scarica il testo, copialo e incollalo nel tuo script (non dimenticare di scrivere il tuo nome di script invece di #yourScriptName, il tuo nome di script di movimento invece di #YourMotionScriptName e anche il tuo nome di script Jumping invece di #YourJumpingScriptName e scrivi Il tuo nome Bool invece di "Walk" che hai creato all'interno dei parametri nell'Animator)

13- Salva lo script e vai all'ispettore del personaggio, guarda il tuo script

14- Trascina il tuo personaggio e rilascialo all'interno di "Inserisci il tuo script di movimento" e "Inserisci il tuo script di salto"

Se giochi ora, il giocatore è inattivo e vince sposta la riproduzione dell'animazione di corsa… Fantastico:>

Ora facciamogli riprodurre l'animazione di salto quando salta…

1- Vai alla finestra di animazione e fai clic su "Nuova animazione"

2- Scegli "Crea nuova clip"

3- Scegli un luogo adatto per salvare l'animazione al suo interno

4- Quindi seleziona tutte le foto di salto dal progetto e trascinale nella finestra di animazione

Ora apri la finestra Animatore

1- Fare clic con il pulsante destro del mouse su Idle Box, scegliere "make Transition" e fare clic su Jump Box (come mostrato nella nona immagine)

2- Fare clic con il pulsante destro del mouse sulla Jump Box, scegliere "Esegui transizione" e fare clic su Esegui casella

3- Nei parametri fare clic sull'icona più (+) scegliere Bool (denominarlo ad esempio Jump)

4- Scegli le frecce che si spostano dall'animazione Idle a Jump, vai al suo Inspector e imposta "Has Exit Time" su False, "Fixed Duration" su false, imposta "transition Duration" su Zero e fai clic su più (+) That esiste all'interno di Condition e imposta "Jump" su "True" (come mostrato nella decima immagine) …

5- Scegli le frecce che si spostano dall'animazione Jump to Run, vai al suo Inspector e imposta "Has Exit Time" su False, "Fixed Duration" su false, imposta "transition Duration" su Zero e fai clic su più (+) That esistono all'interno di Condition e imposta "Jump" su "False"

6- Tocca due volte la casella di animazione del salto Dall'Animatore e imposta il "Tempo di ciclo" su "Falso"

7- Scegli il tuo personaggio dalla gerarchia

8- Vai alla finestra di ispezione premi su "Aggiungi componente"

9- Scrivi il nome dello Script (ad esempio AnimateJump)…

10- Fare clic su "Nuovo script"

11- Fare clic su "Crea e aggiungi"

12- Elimina tutti i codici che vengono scritti automaticamente

13- Scarica il testo, copialo e incollalo nel tuo script (non dimenticare di scrivere il tuo nome di script invece di #yourScriptName e anche il tuo nome di script Jumping invece di #YourJumpingScriptName e scrivi il tuo nome Bool invece di "Walk" That hai creato all'interno dei parametri in Animator)

14- Salva lo script e vai all'ispettore del personaggio, guarda il tuo script

15- Trascina il tuo personaggio e rilascialo all'interno di "Inserisci il tuo script di salto"

Se giochi ora, il giocatore resterà inattivo… camminerà… e salterà… hooohuuu!:D

ma ha bisogno di essere capovolto

Passaggio 9: capovolgere il tuo personaggio

Per prima cosa devi aggiungere un nuovo script al nostro personaggio:

1- Scegli il tuo personaggio dalla gerarchia

2- Vai alla finestra di ispezione e premi su "Aggiungi componente"

3- Scrivi il nome dello Script (ad esempio Flip)…

4- Fare clic su "Nuovo script"

5- Fare clic su "Crea e aggiungi"

6- Elimina tutti i codici che vengono scritti automaticamente

7- Scarica il testo, copialo e incollalo nel tuo script (non dimenticare di scrivere il tuo nome di script invece di #yourScriptName e anche il tuo nome di script di movimento invece di #YourMotionScriptName)

8- Salva lo script e vai all'ispettore del personaggio, guarda il tuo script

9- Trascina il tuo personaggio e rilascialo all'interno di "Inserisci il tuo Motion Script"

10-Copia la scala X del tuo personaggio da (Trasformazione) nella parte superiore dell'ispettore e incollala su Scale_X nel tuo script (come mostrato nella seconda e terza immagine)

11- Copia la scala Y del tuo personaggio da (Trasforma) nella parte superiore dell'Ispettore e incollala su Scale_Y

Passaggio 10: la telecamera segue il nostro personaggio

Questa volta devi aggiungere un nuovo script alla nostra fotocamera:

1- Scegli la tua fotocamera dalla gerarchia

2- Vai alla finestra di ispezione e premi su "Aggiungi componente"

3- Scrivi il nome dello Script (ad esempio CameraFollow)…

4- Fare clic su "Nuovo script"

5- Fare clic su "Crea e aggiungi"

6- Elimina tutti i codici che vengono scritti automaticamente

7- Scarica il testo, copialo e incollalo nel tuo script (non dimenticare di scrivere il tuo nome di script invece di #yourScriptName)

8- Salva lo script e vai all'Ispettore della fotocamera, guarda il tuo script 8- Trascina il tuo personaggio e rilascialo all'interno del "Target"

Puoi modificare altre impostazioni se vuoi…

per mettere un bordo alla fotocamera usa l'offset X e Y

Passaggio 11: aggiungi il secondo giocatore (2 giocatori) e la videocamera Segui 2 giocatori

Per rendere il tuo gioco più interessante… Puoi fare 2, 3, 4, 10, 20…. Giocatori… qualsiasi numero di giocatori che vuoi… quindi per farlo:

1- Scegli il tuo personaggio dalla gerarchia

2- Duplicalo (Premi Ctrl + D)

ora hai aggiunto un altro personaggio

3- Spostalo con lo strumento Sposta e trascinalo, mettilo in un posto adatto

4- Ora abbiamo bisogno di cambiare le impostazioni di controllo quindi, vai al suo Inspector, cambia il pulsante destro e sinistro del suo Motion Script

5- Cambia anche il pulsante Salta…

Ma ora la telecamera segue un solo giocatore, per far sì che segua più di un giocatore dobbiamo aggiungere un nuovo script:

1- Scegli la tua fotocamera dalla gerarchia2- Vai alla finestra di ispezione e premi su "Aggiungi componente"

3- Scrivi il nome dello Script (ad esempio CameraFollowMultipleTarget)…

4- Fare clic su "Nuovo script"

5- Fare clic su "Crea e aggiungi"

6- Elimina tutti i codici che vengono scritti automaticamente

7- Scarica il testo, copialo e incollalo nel tuo script (non dimenticare di scrivere il tuo nome di script invece di #yourScriptName)

8- Salva lo script e vai all'Ispettore della fotocamera, guarda il tuo script

9- Imposta il "Obiettivo" 2

10- Trascina i tuoi due giocatori all'interno di questo bersaglio.

Assicurati che l'offset Z della telecamera (-20)

Puoi cambiare o impostare un'altra impostazione… se vuoi dare un bordo alla fotocamera Modifica l'offset X e Y

Passaggio 12: aggiunta di punteggio e punti morti

Ci sono molte grandi idee che puoi fare nel tuo gioco, ma l'idea più semplice è creare una semplice area punteggio se uno dei personaggi la raggiunge per primo vince, e ci sono aree morte se il giocatore la tocca si rigenera il punto di rigenerazione ora…

Facciamo prima l'area del punteggio:

1- Ma l'oggetto a Ground e Score (come mostrato nella prima immagine)

non dimenticare di aggiungere Box Collider2D ad esso

Ora dobbiamo aggiungere al campo di punteggio uno Script

1- Scegli il tuo terreno di punteggio dalla Gerarchia

2- Vai alla finestra di ispezione e premi su "Aggiungi componente"

3- Scrivi il nome dello Script (ad esempio ScoreGround)…

3- Fare clic su "Nuovo script" 4- Fare clic su "Crea e aggiungi"

5- Elimina tutti i codici che vengono scritti automaticamente

6- Scarica il testo, copialo e incollalo nel tuo script (non dimenticare di scrivere il tuo nome di script invece di #yourScriptName e rinomina il nome dei 2 giocatori invece di "YourPlayer1Name" e "YourPlayer2Name")

7- Salva lo script e vai all'Ispettore della fotocamera, guarda il tuo script

Ora dobbiamo creare il pulsante Testo e Riavvia

Per creare un testo

1- Fare clic sul Più (+) nella Gerarchia

2- Scegli "UI" -> "Testo"

3- Rinomina il testo dall'ispettore e Modifica il suo colore….

4- creare 2 testi uno che è per il giocatore uno (ad esempio "Vince il giocatore 1") e l'altro per il giocatore 2

Ora dobbiamo creare il pulsante di riavvio

Per creare un pulsante1: fare clic sul segno più (+) nella gerarchia

2- Scegli "UI" -> "Pulsante"

3- Rinominare il pulsante dall'ispettore e modificarne il colore….

crea un solo pulsante

Ora, dopo aver creato testi e pulsanti, dobbiamo aggiungerli a Scoring Ground Inspector per farlo:

1- Scegli il tuo campo di punteggio dalla Gerarchia2- Vai alla finestra dell'Ispettore

3- Guarda lo script che hai aggiunto

4- Trascina i testi e rilasciali su "Vincere testo del giocatore 1" e "Vincere testo del giocatore 2"

5- Trascina il pulsante e rilascialo sul "pulsante di riavvio"

se giochi ora tutto funziona tranne il pulsante di riavvio

Per farlo funzionare

1- Scegli il file dagli strumenti a discesa in alto a sinistra di Unity…

2- Scegli le "Impostazioni di costruzione"

3- Trascina la tua scena dalla cartella Scene che si trova nella finestra del progetto e rilasciala in "Scene in Builds"

ora aggiungiamo un nuovo script al pulsante

4- Scegli il tuo pulsante dalla gerarchia

5- Vai alla finestra di ispezione e premi su "Aggiungi componente"

6- Scrivi il nome dello Script (ad esempio SceneLoader)…

7- Clicca su "Nuovo script"

8- Fare clic su "Crea e aggiungi"

9- Elimina tutti i codici che vengono scritti automaticamente

10- Scarica il testo, copialo e incollalo nel tuo script (non dimenticare di scrivere il tuo nome di script invece di #yourScriptName)

11- Salva lo script torna a Unity

12- Scegli il tuo pulsante dalla gerarchia

13- Vai al suo Inspector, fai clic sul segno più (+) Da "on Click"

14- trascina e rilascia il bottun nella casella rettangolare

15- Clicca su "Nessuna funzione" Scegli "SceneLoader" -> "Carica scena"

16- scrivere zero… 0

ora Se ci giochi funziona….. Evviva:D

Aggiungiamo la zona morta per fare questo:

1- Fare clic su Più (+) sulla Gerarchia

2-Scegli "Crea vuoto" e vai all'ispettore

3- Aggiungi BoxCollider 2d….

4- Spostalo verso il basso, così quando il giocatore cade si scontra con esso

Ora aggiungi un nuovo script a questo oggetto di gioco e assegnagli un nome per esempio DeadZone

5- Scarica il testo, copialo e incollalo nel tuo script (non dimenticare di scrivere il tuo nome di script invece di #yourScriptName e scrivi i nomi dei tuoi personaggi invece di "yourPlayer1 Name", "YourPlayer2 Name")

Ora salva e torna indietro all'unità

Dobbiamo aggiungere un oggetto di gioco vuoto che indichi dove riapparirà il nostro giocatore

1- Fare clic su Più (+) sulla Gerarchia

2- Scegli "Crea vuoto"

3- Sposta la posizione nella stessa posizione in cui hai bisogno che i giocatori rigenerino

4- guarda The DeadZone Script dall'ispettore e aggiungi il punto di spawn (l'oggetto di gioco che hai creato) ad esso.

Se giochi ora rimarrai impressionato:-O

Passaggio 13: congelamento della rotazione

quando giochi c'è un bug che è il personaggio che ruota…

Se sei infastidito da questo bug … puoi risolverlo facilmente:

1- Basta selezionare il personaggio dalla gerarchia

2- Guarda Rigidbody2D dall'ispettore

3- Apri "Vincoli" e imposta "Blocca rotazione" su True

Questo è tutto;)

Passaggio 14: creazione del menu principale per il tuo gioco

Ecco come creare il tuo menu principale

Passaggio 15: pubblicazione e condivisione

Finalmente per caricare il tuo gioco Guarda questo video

Spero che ti piaccia… Impara… Divertiti:)

Tutte le domande chiedimi su: