Share
I denne artikkelen vil jeg gi deg en grunnleggende introduksjon til flisekorteditoren og designprosessen som omgir den, mens du redegjør for årsakene til bruken av den. Jeg vil også raskt vise deg hvordan du faktisk lager et kart innenfor Tiled.
Flislagt er en generell flisekarteditor. Den fungerer som et gratis verktøy for å tillate enkel opprettelse av kartoppsett. Det er allsidig nok til å tillate å spesifisere mer abstrakte ting som kollisjoner, fiendeposisjoner eller oppstartsposisjoner. Det lagrer alle disse dataene i en praktisk, standardisert TMX format.
Kjerneprosessen fungerer ved å følge disse trinnene med å bruke flislagt til å lage kart.
Accentsconagua
TMX fil.TMX fil og tolk det for spillet ditt.Å ha et standardisert system og et kraftig fleksibelt verktøy som allerede er på plass, lar deg fokusere på viktige ting i spillet ditt. Med flislagt du vil kunne ta noen fliser, lage nivået ditt og være på vei.
Selv om du ikke vil at spillet skal ha fliserbaserte kart, er Tiled fortsatt et utmerket valg som et nivåredaktør. Med flislagt du kan angi størrelsen på hver flis i bildet ditt; Du kan lage kartet uten streng størrelse på bildene. Deretter kan du bruke flislagt for alle de usynlige enhetene som for eksempel kollisjoner, eller gjenstander i ditt kart.
Når du er i stand til å tolke TMX data til spillet ditt, blir flislagte verktøy et raskt kunstverk for å kartlegge rørledningen. Siden å lage kart i Tiled er så enkelt og tar null programmering erfaring, selv ikke-utviklere kan bruke den.
En annen grunn til å bruke flislagt er at all kartoppsettinformasjon er lagret i TMX fil. Dette er kraftig fordi det lar deg sende TMX filen til en spiller, og de ville umiddelbart ha oppsettet uten å måtte laste ned klienten (forutsatt TMX kartet bruker teksturer allerede på spillers datamaskin).
På neste del av opplæringen, hvor vi skal bruke ovennevnte fliser, for å lage et kart.
Etter lansering Flislagt gå til Fil> Ny ... å begynne å lage et nytt kart. En ny meny vil dukke opp der du har noen muligheter:
orientering: Vi har et valg mellom isometrisk og ortogonal. For denne artikkelen, velg Orthogonal.
Kartstørrelse: Velg 20 for både bredde og høyde siden vi ikke trenger et stort kart for dette eksempelet. Dette kan endres senere.
Tile Size: For opplæringen settes både bredde og høyde til 32 px. Tile størrelse kan ikke endres når du har valgt den. Du må starte et nytt kart fra bunnen av hvis du vil ha en ny flisestørrelse
Nå som vi har vår kartdimensjonering, ønsker vi å lage et fliserett til bakken. Velg Kart> Ny fliserett ...
Bilde: Å velge gress-fliser-to-small.png fra de medfølgende fliserettbildene. De Navn feltet blir automatisk satt til filnavnet, men gjerne endre det til dine ønsker.
fliser: Sett igjen bredden og høyden til 32px.
Flislagt skal se slik ut:
Som du kan se nederst til høyre på bildet i tilesets se, jeg har valgt fire fliser. Du kan velge en eller flere fliser ved å klikke og dra inn i tilesets vindu. Når du klikker på det store gråområdet, blir disse flisene stemplet på koordinaten (med koordinaten oppført nederst til venstre i det grå området). Hold øye med dette, siden du ikke kan stryke utenfor kartkoordinaten - 20 i dette tilfellet (som angitt i våre kartinnstillinger) - eller på negative koordinater.
Du kan legge merke til at du kan dra stempelet rundt kartet for rask flislegging. Dette kan imidlertid være problematisk når du har mer enn en flis valgt for fliser, siden det bare vil overskrive de tidligere fliser. En fin løsning er et tilfeldig utvalg fra de flisene du har valgt. Du kan aktivere dette ved å klikke på terningikonet øverst i vinduet. Med dette aktivert, vil Tiled tilfeldig velge flisen fra de du har valgt og plassere den når du drar.
Husk å lagre ofte!
Det er også et fyllverktøy, og viskelærverktøy som jeg er sikker på at du vil finne nyttig! Du kan også rotere og vende den valgte flisen med Z og X-tastene.
Etter å ha spilt med det for en liten stund, kan du forvente å ha noe slikt:
Nå ser vårt lille kart litt blått ut, så la oss legge til et tre på scenen. Gå til Kart> Ny Tileset ... og denne gangen velger du filen tree2-final.png. Bruk igjen en bredde og høyde på 32px.
Deretter ønsker vi å lage et nytt flislag for å gå over gresslaget. Å velge Lag> Legg flislag.
Vi burde ha Tile Layer 2 nå oppført i lag Meny. Ikke et veldig pent navn, så la oss omdøpe den til forgrunnen, og gi nytt navn Tile Lag 1 til Bakgrunn.
Før vi legger til hele treet, bare velg basen av treet og legg til treet hvor du vil, som vist i bildet nedenfor.
Dette kan virke litt rart, men bære med meg her. Når vi har dette kartet i spillet vårt, vil vi at vår karakter skal vises bak treet når den går forbi, så vi må gi treet en viss eiendom for å fortelle spillet ditt om å gjøre det over karakteren. Du har kanskje lagt merke til at dette ikke samsvarer perfekt med flisestørrelsene, men det kan tilpasses til å endre bildestørrelsen eller flisstørrelsen.
I så fall la oss lage et nytt lag, og nevne det Topp, å fortelle spillet vårt for å vise det på toppen av tegnet.
Nå med Topp lag valgt, velg resten av trefliseretten (alt unntatt kofferten), og legg det på stammen. Du kan velge flere komplekse områder av fliserett ved å holde nede Ctrl-tasten.
Det finnes en rekke måter å fortelle spillet vi ønsker å gjengi ting på toppen av andre, for eksempel å legge til en egenskap i et lag eller en bestemt flis. Jeg foretrekker å bruke et lag for alt som skal gjengis over karakteren, siden det bidrar til å holde alt organisert.
Som jeg nevnte, kan du bruke flislagt uten at det er "flislagt". Her er et raskt eksempel.
Legg til en ny fliser med Kart> Ny Tileset ... og velg treet igjen, men denne gangen setter du flisens bredde og høyde til 256px. I hovedsak lager du et fliserett fra den nøyaktige størrelsen på bildet, og gjør det til en flis stor. Dette skaper mye mer ledig plass for plassering, siden du i det vesentlige kan gjøre hele kartet med et bilderedigeringsprogram uten å være begrenset til flisestørrelser, og deretter importere den ved hjelp av denne metoden. Derfra kan du legge til objekter som tillater noe.
Nå hvis vi ønsket å spesifisere kollisjoner, er det noen måter vi kan gjøre det også. Jeg skal bruke et objektlag fordi de kan brukes til omtrent alt, så det blir en fin introduksjon.
Å velge Lag> Legg til objektlag. Med objektlaget valgt, velg "Sett inn objekt" øverst på menyen. Nå kan du klikke og dra en boks rundt stammen på treet for å definere kollisjonskassen.
Det er det! Legg deg selv på ryggen, ettersom du nettopp har fullført det første kartet.
Takk for at du leser denne artikkelen - jeg håper du fant det en nyttig introduksjon til flislagt. Neste, se hvordan du tolker TMX-formatet og få dette kartet til spillmotoren din.
