Creare una mappa 2D dall'alto verso il basso utilizzando le tilemap standard di Unity

Pagina aggiornata :
Data di creazione della pagina :

Ambiente di verifica

Finestre
  • Windows 11
Unity Editor
  • 2021.3.3f1
Pacchetto del sistema di input
  • 1.3.0

Prerequisiti per questo suggerimento

Le seguenti impostazioni sono state effettuate in anticipo come premessa per la descrizione di questo suggerimento.

Informazioni su MapTips

Nei vecchi giochi, era difficile preparare una mappa a immagine singola a causa di problemi di capacità. Un metodo per creare una mappa combinando piccole immagini chiamate "mapchips" era popolare. Ciò consente di esprimere una mappa vasta con solo piccoli dati di immagine senza preparare un'immagine di grandi dimensioni.

Ora non c'è quasi limite alla dimensione del file che può essere creato, quindi è possibile esprimere la mappa senza utilizzare mapchip. La creazione di mappe con maptips è molto semplice ed è ancora un metodo popolare.

Unity ha supportato relativamente recentemente la creazione di mappe con maptips, quindi userò questa funzione per creare una mappa top-down RPG comune.

A proposito, la dimensione del mapchip varia, ad esempio 16x16px, 32x32px e 64x64px. Fondamentalmente, la forma è quadrata. Questa volta useremo la dimensione di 32x32px.

Informazioni sul prestito di materiali cartografici

Abbiamo rimosso le parti non necessarie e le abbiamo utilizzate come campioni per quelle prese in prestito dai seguenti siti.

Creare un progetto e preparare le immagini

Dopo aver creato il progetto 2D, aggiungere un'immagine del suggerimento mappa al progetto.

Così com'è, è solo una singola immagine, quindi la divideremo in modo che Unity possa gestirla chip per chip. Selezionare una descrizione mappa aggiunta al progetto per visualizzare la finestra di controllo.

Ogni elemento viene visualizzato nell'ispettore, quindi impostalo.

Note sul valore del nome dell'oggetto
Tipo di texture folletto
Modalità Sprite plurale
Pixel per unità 32 Fondamentalmente, dovrebbe avere le stesse dimensioni del chip della mappa, ma dipende dal gioco che fai.
Tipo di maglia Rettangolo perfetto
Modalità filtro punto Se necessario
compressione senza Se necessario

Una volta configurato, fai clic sul pulsante "Applica" qui sotto.

Quindi fare clic sul pulsante "Sprite Editor" vicino al centro.

Quando viene visualizzata la finestra di dialogo Sprite Editor, fare clic sul menu a discesa "Slice", Impostate il tipo su Griglia per dimensione cella, specificate che la dimensione in pixel XY abbia le stesse dimensioni della descrizione mappa e fate clic sul pulsante Seziona.

Quindi l'immagine sarà separata da una linea bianca. Se la linea è difficile da capire, premere il tasto Ctrl in modo che diventi verde.

Una volta confermato, fai clic sul pulsante "Applica" per chiudere la finestra di dialogo.

È OK se l'immagine divisa viene visualizzata quando si fa clic sul pulsante a destra dell'immagine della descrizione mappa nel progetto.

Aggiungere una tilemap

Creiamo una tilemap nella schermata di gioco. Seleziona "Oggetto 2D > Tilemap - > Rettangolo" dal pulsante Aggiungi gerarchia per aggiungerlo.

Quindi, quando Grid e Tipemap vengono aggiunti alla gerarchia e viene selezionata una delle due opzioni, la griglia viene visualizzata nella vista.

Configurazione della tavolozza dei riquadri

Selezionare una scheda nella tavolozza dei riquadri. In caso contrario, selezionare Finestra > 2D > Tavolozza piastrelle dal menu.

Selezionare Crea nuova tavolozza e assegnarle un nome descrittivo. Qui, usiamo "MapChipPalette" per il momento. Dopo aver inserito, fai clic sul pulsante "Crea".

Poiché viene visualizzata la finestra di dialogo delle specifiche della cartella, crearla con "MapChipPalette", che corrisponde al nome della tavolozza. La tavolozza che stai per creare verrà creata nella cartella appena creata.

Dopo aver creato la tavolozza, rilasciare l'immagine della descrizione mappa sulla tavolozza appena creata.

Verrà visualizzata nuovamente la finestra di dialogo Specifica cartella, ma specificare la cartella appena creata.

Puoi vedere che la descrizione mappa è stata aggiunta alla tavolozza dei riquadri.

Inoltre, se guardi all'interno della cartella creata, puoi vedere che l'immagine divisa è inclusa.

Ora sei pronto per creare una mappa.

Creare una mappa

Ora che sei pronto, tutto ciò che devi fare è creare una mappa. Selezionare l'icona del contagocce dalla tavolozza dei riquadri.

Quindi, è possibile selezionare il MapChip che si desidera utilizzare, quindi selezionare il MapTip che si desidera posizionare.

Provare a fare clic con il mouse sulla griglia visualizzata nella vista. Un maptip dovrebbe essere posizionato dove hai cliccato.

Puoi anche trascinarlo così com'è per posizionarlo continuamente.

È inoltre possibile selezionare e posizionare altri MapChip.

Se si desidera disporli insieme, selezionare l'icona del rettangolo dalla tavolozza dei riquadri.

Puoi organizzarli in intervalli come questo:

Se si desidera rimuovere la descrizione mappa, selezionare l'icona della gomma dalla tavolozza dei riquadri e fare clic nel punto in cui si desidera inizializzarla.

Inoltre, se si desidera inserire un oggetto che si estende su più celle nella tavolozza, selezionare l'intervallo nella tavolozza.

Quindi, l'intervallo verrà visualizzato nella vista ed è possibile fare clic su di esso per disporlo insieme.

Ci sono altre icone come "Seleziona", "Sposta" e "Riempi", quindi prova a usarle.

Successivamente, puoi posizionare i chip della mappa come preferisci e la mappa sarà completa.

Questa volta, l'ho posizionato solo nel raggio della fotocamera, ma se crei una mappa con una portata più ampia, Penso che tu possa anche muovere il tuo personaggio nel gioco e farlo camminare mentre scorri la mappa.