I denne øvelse vil du lære om:

• Sprites
• Tilesets
• Tilemaps
• Layers
• (ysort)

I denne øvelse vil vi benytte os af en gratis grafik-pakke ved navn 'Mystic Woods'. Hent denne pakke via nedenstående link.

obs! Ved download er der mulighed for at donere, dette er ikke obligatorisk. Du kan klikke 'No thanks, just take me to the downloads'. (Du må gerne donere hvis du har lyst )

Udpak den downloadede zip-fil, og træk filerne ind i dit 'File-system' vindue. Så du har nedenstående struktur.

obs! Du kan med fordel, allerede nu, manuelt oprette foldere til scenes og scripts til din 'File-system' struktur.

Når du opbygger din 2D 'verden' i Godot foregår det i et tilemap. Som navnet antyder er et tilemap, et map of tiles. (Et 'kort' af 'felter', .frit oversat)

Kortet er opdelte i rækker og kolloner, som f.eks et skakbræk.

Hver felt indeholder en sprite og disse sprites udgør tilsammen dit level design.

Tilføj et Tilemap til rood node ('World'), ved CTRL-A, søg efter Tilemap. (marker og klik 'Add')

Marker dit tilemap i Scenen, og du kan nu se dit tilemaps egenskaber, i inspector.

Et Tileset er en mængde af grafik-stumper, der kan bruges til at sætte i dit tilemap. Opret et nyt tileset, som vist nedenstående.

Bemærk der er nu er et 'Tileset' link i bundet af din skærm.

Nu skal vi importere den grafik som vores tileset udgør. Træk tilesettet 'plains' in i 'Tiles' vinduet.

Godot tilbyder at auto importere vores tileset,.. lad os tage imod tilbudet. (klick Yes)

• Træk ligeledes 'grass' og 'objects' tileset'et ind i Tiles.

Som udgangspunkt er alle tiles aktive, i default størrelse 16×16 pixels…. men.

1. Vi ønsker ikke at benytte alle tiles.
2. I 'objects' er der træer m.m. som består af flere små 16x16px tiles, disse vil vi gerne have samlet til en enkelt tile.

Fravælg de „tomme“ 'brune' tiles ved at vælge 'viskelæder' ikon, og derefter klikke på de uønskede til som vist nedenstående.

• Fravælg ligeledes uønskede tiles på 'objects' tileset. .. infact fravælg alle tiles på 'Objects'.

I 'objects' har elementer som består af flere tiles. fx. Seng, Træ, rod-stub. Vi vil nu gruppere disse tiles således de hver især udgør én større tile.

For tilvælge tiles, ..klik igen på viskelæder icon. (off)

Enkelt sprites, kan nu tilvælges ved at klikke på dem.

For at tilvælge og gruppere sprites holdes SHIFT inde, men du trækker musen over de ønskede tiles.

Vi kan nu begynde at dekorere vores tilmap, med vores nyvalgte tiles.

Vælg nu 'Tilemap', og klik paint (blyant ikon).

Vælg den tile du vil 'male' med, og begynd nu at indsætte tiles til dit level.

Nedenstående er basen for dette level-design, hvorpå vi kan tilføje yderligere layers.

Lav dit eget ground layer.

Når vi designer et level ønsker vi at differentiere mellem forskellige Layers (lag). Et Layer kan du betragte som en 'glasplade' du lægger oven på dit foregående lag. Dette tillader dig at give tiles på samme lag, samme egenskaber- f.eks. hvis du ønsker alle tiles i et layer skal have en kollisions-box, og derfor ikke vil kunne passeres af player.

Vi vil i dette level arbejde med tre forskellige lag:

• ground (bunden af vores scene, der hvor Player kan gå)
• cliffs (bakker/klipper)
• ysort (i dette lag placeres de elementer som Player kan stille sig bag ved, fx. træer & buske)

I inspector navngiver vi nuværende layer som 'ground' og tilføjer endnu to layers og navngiver disse layers 'cliffs' og 'ysort'

Du kan nu skifte mellem dine Layers i drop-down pox, i det Tilemap vindue (nederst). Vælg layer 'cliffs' og påbegynd at male dine bakker/bjerge.

Med cliff som valgt layer, vil du nu se et semi-transperent layer, hvorpå du kan placere dine bakker/klipper. Jeg har placeret mine bakker/klipper som vist nedenstående.

Vælg nu 'ysort' layer, placer de elementer som vores spiller skal kunne gå ind bag ved. Mit 'ysort' layer ser således ud:

Du kan læse mere om Y-sorting her

Denne tutorial er lavet pga.: https://www.youtube.com/watch?v=HYnKrIM2s8s