Lynkursus i Stencyl. Lynkursus: Lad os lave et spil! (del 1 af 5) Introduktion download programmet. Download kittet til lynkurset

Transkript

1 Lynkursus i Stencyl Lynkursus: Lad os lave et spil! (del 1 af 5) Introduktion download programmet Den korte tutorial gennemgår trin for trin, hvad du skal gøre for at kreere en simple platform med brug af et forhåndslavet kit, så du kan blive fortrolig med hovedelementerne i Stencyl s brugerflade. Start med at downloade (Skriv: og installere Stencyl (eller senere version), før du påbegynder lynkurset. OBS: Lynkurset fungerer ikke i version eller tidligere. Download kittet til lynkurset Dette lynkursus kræver the Crash Course Kit, som du kan downloade her. (Skriv: Course Kit.stencyl?raw=true) Installér the Crash Course Kit Metode 1: Drag and Drop For at installere kittet kan du trække filen ind i Stencyl som vist nedenfor: Metode 2: Brug menuen Du kan også importere filen fra fil-menuen (File > Import Game )

2 Lav et nyt spil (del 1 af 5) Welcome Center Når du åbner Stencyl, ser du denne skærm: Dette er Stencyl s Welcome Center. Herfra kan du enten oprette et nyt spil eller åbne et eksisterende. Opret et nyt spil 1. Klik på knappen med påskriften "Click here to create a Game". 2. Klik nu på Crash Course Kit. Klik derefter på Next knappen i bunden af dialogboksen.

3 Hvad er Kits? Når du laver et spil i Stencyl, kan det være en stor fordel at starte med et kit. Et kit er en skabelon (template) med forskellige ressourcer, indstillinger og spil-logikker. Dette kit, som du bruger her, har alle de ressourcer, som du har brug for til at gennemgå lynkurset. 3. Det næste, du ser, er en dialogboks, hvor du kan definere spillets skærmstørrelse (i pixels) og navngive dit spil. Vi kalder det "Crash Course Game", men du kan sagtens vælge et andet navn til dit spil. Ved at indstille Width og Height dimensionerne i Screen Size-sektionen bestemmer du størrelsen på det vindue, som spilleren vil se, når han/hun spiller dit spil. Lige nu skal du indstille Width til 640 og Height til 480. Klik på Create-knappen.

4 4. Du føres nu til Dashboardet, som er det centrale område, hvor du kan se og åbne dit spils ressourcer (figurer (actors), grafik, lyd, spil-logikker, m.m.)

5 Spilressourcer (del 2 af 5) Fra Dashboardet kan du kreere nye ressourcer, importere eksterne ressourcer eller åbne allerede eksisterende. Vi har inkluderet alle de ressourcer i Crash Course kittet, som du skal bruge for at gennemføre lynkurset. I denne del gennemgår vi ressourcerne en for en.

6 Spil-figuren Vi begynder med at lokalisere den Actor Type (type figur), som skal være vores spilbare figur. Definition: I Stencyl kaldes alt, der kan bevæge sig eller interageres med, for en Actor. Dette inkluderer spilbare figurer, fjender, brugerflade-elementer, osv. En Actor Type er en skabelon for figurer, men Actor refererer til en bestemt figur i spillet. Vær opmærksom på, at de 2 termer ofte sammenblandes i vores community. 1. Klik på Actor Types indgangen, som fides under RESOURCES i Dashboardets sidepanel. OBS: Du vil se et lille 2-tal ud for knappen. Dette nummer indikerer det totale antal figurer i dit spil. Ligeledes indikerer tallene ud for de øvrige ressourcers knapper det totale antal ressourcer som findes under de forskellige kategorier.

7 2. Når du har klikket på knappen, ser du en liste over alle de Actor Types, som du kan vælge blandt. Som forventet vil du her se 2 forskellige 1 kaldet Noni og 1 kaldet Clown. I dette spil skal du vælge Noni som den spiller-kontrollerede (spil-bare) Actor Type. 3. Hvis du dobbeltklikker på Noni ikonet, så åbner Stencyl Actor Type Editoren op. Definition: Actor Type Editoren er en af mange resource-editors inde I Stencyl. Her kan du tilpasse din figurs udseende, adfærd og fysiske egenskaber. Vi vender tilbage til denne editor, men lad os først gennemgå resten af de ressourcer, som du skal bruge.

8 Fjende-figuren 1. Vend tilbage til Dashboardet ved at klikke på dets knap. 2. Åbn nu Clown, som er den Actor Type, som vi vil bruge som vores fjende. Tip: Foretrækker du at åbne ting ved hjælp af keyboardet?. Skriv Ctrl-O (eller Command-O på Mac). Dette genererer en dialogboks, hvor du kan skrive navnet på en hvilken som helst ressource. Brug derefter piletasterne til at vælge præcis den, du vil åbne, og tryk på Enter/Return for at bekræfte. Tile-sæt Lad os kigge på vores Tile-sæt Definition: Et Tile-sæt er en samling af rektangulære flader, som kan bruges til at bygge levels (som kaldes for scener I Stencyl). 1. Klik tilbage til Dashboard-knappen. Klik derefter på Tilesets-kategorien. 2. Åbn Grass Land Tileset. 3. Som du sikkert forventer, åbnes nu en editor i en ny fane denne gang er det Tileset Editoren.

9 Lyde Lad os nu kigge på Sounds. Klik på Sounds-knappen i Dashboardet. Du vil nu se, at der allerede ligger 2 lyde der: Stomp and Jump. Åbn gerne en af dem for at tjekke Sound Editoren ud. Behaviors (adfærd) Lad os nu kigge på Behaviors, særligt Actor Behaviors, som du finder I Dashboardet under LOGIC. Her nedenfor kan du se de 5 Behaviors, som vi skal bruge til vores spil.

10 OBS: Behaviors kontrollerer al spil-logik og spiller-interaktion. De er det, som gør et spil fedt. Lad os kigge inde i en af disse Behaviors. Dobbeltklik på Walking for at åbne denne. Nu åbner den op i Design Mode. Herinde er der masser af muligheder, og vi vender tilbage til den senere. Design Mode er et kraftfuldt værktøj, som gør det muligt at designe selv kompleks logik temmelig simpelt. Vi har lavet en fuld tutorial, som lærer dig at bruge alle elementerne i denne editor, men lige nu skal du bare vide, at den eksisterer. OBS: Foretrækker du at skrive koder i stedet for? Stencyl tilbyder 2 måder at tilføje kode til dine spil: en Code Editor (eller hooks, som gør det muligt at bruge din favorit-editor) og særlige Code Blocks, som lader dig indsætte kode i Design Mode.

11 Gem dit spil Når du arbejder på dit spil, bør du gemme jævnligt. Klik på Save Game knappen i værktøjslinjen eller klik Ctrl-S (or Command-S on Mac) Tilpasning af Actors (del 3 af 5) Vi har allerede nogle Actor Types i vores spil, men de er ikke særlig interessante endnu, da Actor Types uden Behaviors ikke kan gøre ret meget. Opret en Fjende-gruppe Før vi kaster os ud i at tilpasse vores Actors, så lad os oprette en gruppe, som vi bruger til at kategorisere vores fjender. Definition: Grupper bruges til at bestemme, hvilken slags Actor Types, der kolliderer med hinanden. Grupper giver dig også mulighed for at behandle forskellige grupperinger af Actor types forskelligt. Du kan læse mere om grupper og hvordan de påvirker kollisioner i denne artikel 1) Klik på Settings-knappen i værktøjslinjen. Game Settings-vinduet åbner nu. Det er her, du konfigurerer stort set alle dine spil-indstillinger.

12 2) Skift til Groups-sektionen ved at klikke på den relevante knap i sidepanelet.

13 3) Klik på den grønne Create New knap i toppen af vinduet. 4) Skriv Enemies i navnefeltet og klik Create

14 5) Under Collides With klikker du på Players og Tiles. Knapperne, som du har klikket på, skifter nu farve til grøn. Dette indikerer, at dine fjender (Enemies) nu kan kollidere med dine spillere og dine Tiles. 6) Klik på OK knappen i nederste højre hjørne for at lukke vinduet igen. Tilpas Noni For at give vores hovedkarakter, Noni, og vores fjender, Clown, liv, skal vi kigge nærmere på Actor Type Editoren og tilføje de Behaviors, som er inkluderet i Crash Course Kittet. Hvis du ikke allerede har lukket Noni Actor Type ned, så klik på knappen for at vælge den. Ellers navigér til Dashboardet og dobbeltklik på Noni I Actor Type-sektionen på Dashboardet. 1) Actor Editoren åbner automatisk op i den første fane, Appearance. Klik i stedet på Properties som vist nedenfor.

15 2) Tjek at Noni er en del af Players Group. Dette sikrer, at Stencyl kan håndtere kollisioner, som vi ønsker. 3) Gå nu til Physics ved at klikke på Physics-knappen.. 4) Under General skal du indstille Can Rotate? til "No". Dette sikrer, at vores figur altid vender med fødderne ned, uanset hvad der sker. 5) Du skal nu gå i Behaviors-sektionen, hvor du for alvor kan tilpasse din figur. Når du klikker på Behaviorsknappen, kommer følgende skærm frem:

16 6) Klik nu på Add Behavior-knappen i nederste venstre hjørne. 7) Når dialogboksen åbner, dobbeltklikker du på Walking Behavior.

17 7) Du bliver nu ført tilbage til Nonis Behavior-side. Læg mærke til, at Walking Behavior nu er tilføjet listen til venstre, og at du nu kan konfigurere dens Attributter i rudefeltet. Definition: Attributter er værdier, der kan tilpasses, således at Behaviors nemt kan genbruges og modificeres. Se Stencyls introduktionsartikel for at læse mere om attributter. 8) Du skal nu konfigurere disse Attributter. Nogle af attributterne har forhåndsindstillinger (default), som vi kan bruge, fx Speed, mens andre skal indstilles af dig. Først skal du ændre Move Right Key og Move Left Key til henholdsvis right and left Definition: Controls forbinder fysiske keyboardtaster eller gamepad-knapper til navne, som du kan referere til i dine Behaviors. Hvis du har brug for at ændre den faktiske tast, som navnet refererer til, skal du kun ændre indstillingen et sted. Det kan du læse mere om i Stencyls artikel om Controls. 9) Tilføj nu animationer ved at klikke på Choose an Animation-knappen og vælge de animationssekvenser, som du ønsker.

18 Du har nu tilføjet og konfigureret din første Behavior. 10) Nu skal du tilføje og konfigurere resten af kittets Behaviors. Husk, at du starter ved at klikke på Add Behavior i nederste venstre hjørne i editoren. Tilføj og konfigurér følgende Behaviors: Jumping: Modificér forhåndsindstillingerne således: Vælg action1 til Jump Key. Tilføj Jump Sound så Stencyl afspiller en lydeffekt, når Noni hopper. Vælg til sidst Jump Right og Jump Left under Jump Right og Jump Left animationerne.

19 Stomp on Enemies (tramp på fjender): Sæt Stompable Group til Enemies (den gruppe, som vi oprettede I starten af denne sektion) og Jump Key til action1. OBS: Du skal muligvis genindlæse dokumentet før Enemies group viser sig som en mulighed. Dette gør du ved at bruge keyboard-genvejen Ctrl-R (Command-R on Mac), eller ved at navigere til File > Reload Document

20 Die in Pit and Reload: Her skal du ikke konfigurere noget. Du skal bare sikre dig, at du tilføjer den. Nu burde du have tilføjet disse Behaviors til Noni: Tilpas Clown Clown er simplere at sætte op end Noni. Skift til Clown som vist nedenfor (eller åbn den fra Dashboardet, hvis det er nødvendigt). 1) Klik på Properties-knappen, som du også gjorde med Noni. 2) Skift Clown s gruppe til Enemies.

21 3) Nu mangler du bare at tilføje en enkelt Behavior til Clown. Klik på Behaviors-knappen og tilføj Stompable Behavior. Konfigurér dens attributter således: OBS: Som du måske kan regne ud, gør denne Behavior det muligt at trampe på Clown-figuren ligesom en Goomba i Super Mario Bros. Clown-figuren vil dø, når den bliver ramt fra oven og vil afspille en lyd, når det sker. Hvis du klikker på Edit Behavior -knappen, kan du smugkigge på koden bag denne Behavior. Opret en scene (del 4 af 5) Nu hvor vi har vores ressourcer på plads og konfigureret vores figurer, skal vi oprette en scene. Definition: Scener er det samme som levels, som bygges op med de Tiles og spilfigurer, som vi har oprettet I projektet. Du skal vide, at du også kan tilføje Behaviors til scenerne, selvom du ikke kommer til at bruge det i denne tutorial. Opret en ny scene 1) Klik på Scenes-kategorien I Dashboardet efterfuldt af den store stiplede kasse med teksten: This game contains no Scenes. Click here to create one.

22 2) Create New Scene-dialogboksen dukker nu frem. Giv din scene et navn. 3) Vær opmærksom på felterne Tile Width og Tile Height. Det er afgørende, at disse matcher størrelsen på de tilesæt, som du bruger. I dette projekt er størrelsen 32x32, så her skal du ikke ændre i felterne. 4) Klik på Color dropdown og vælg Vertical Gradient for at få Stencyl til at generere en himmelbaggrund. Vælg 2 farver ved at klikke inde i de hvide bokse og vælg blandt de farver, som kommer frem. Den første boks

23 repræsenterer startfarven i toppen af dit spilvindue og den anden boks repræsenterer den farve, som baggrunden glidende skifter til på vej mod bunden af dit spilvindue.. 5) Når du er færdig bør din dialogboks se nogenlunde ud som billedet nedenfor. Klik Create når du er færdig.

24 6) Scene Designer vinduet åbner nu. Brugerfladen minder dig måske om nogle af de populære 2D art programmer, og den fungerer også stort set ligesådan.

25 Placér dine blokke Du skal nu tilføje nogle blokke til din scene. De udgør den bund, som dine figurer skal stå på. 1) Start med at sikre dig, at Pencil værktøjet er markeret I værktøjslinjen på venstre side af kanvas et. 2) Klik nu på græs-blokken øverst til venstre i Tiles-sektionen, som du finder ved at klikke på Palette (på højre side af skærmen).

26 3) Placér blokken i nederste venstre hjørne på scenen ved at venstre-klikke. 4) Vælg nu den midterste græs-blok i den øverste række af paletten. 5) Hold venstre muse-tast nede, klik og træk for at fylde den nederste række på scenen pånær den sidste plads helt ude til højre. 6) Vælg nu græsblokken øverst til højre i paletten. 7) Placér den på den sidste ledige plads i rækken på scenen.

27 Tip: Hvis du vælger mere end en blok i paletten, kan du placere den markerede gruppe af blokke på éen gang. Se screenshot et nedenfor. Placér figurerne Du skal nu tilføje Noni og Clown til scenen. 1) Klik på Actors-knappen i paletten og vælg Noni. Hvis du flytter musen hen over scenen, vil du se, at Noni følger curseren. Venstre-klik nær bunden for at placere den på scenen. Tip: If Hvis du holder Shift tasten nede, kan du fastgøre figuren til et grid. 2) Gør nu det samme med Clown. Placér et par stykker af denne figur på scenen. Din scene bør nogenlunde ligne denne::

28 Tilføj tyngdekraft Nu mangler du bare at sikre dig, at dine figurer falder ned på bunden igen, når de er oppe i luften. Gå til Physicsindstillingerne ved at klikke på Physics-knappen i toppen af editoren. Ud for Vertical Gravity sektionen skriver du 85. Et højere tal vil resultere i stærkere tyngdekraft, mens et lavere tal vil betyde en svagere tyngdekraft. Test dit spil! (del 5 af 5) Klik på Test Game-knappen i den øverste værktøjslinje for at afprøve dit spil.

29 Du bør kunne gå frem og tilbage med venstre og højre piletast og hoppe ved at trykke på z. Prøv at skubbe klovnefigurerne rundt og hoppe på dem. Hvis du falder ud over scenen, bør dit spil reloade. Tip: Du kan til enhver tid hurtigt teste dit spil ved at bruge keyboard- genvejen Ctrl-Enter (eller Command-Enter on Mac). Tillykke! Du har netop lavet og testet dit første spil I Stencyl. Det er allerede en bedrift, og du har endda kun set en lille smule af det, du kan i Stencyl. Videre herfra? Der er mange flere muligheder I Stencyl, og du opfordres til at eksperimentere på egen hånd og læse artiklerne på Stencylpedia for at finde ud af, hvordan du importerer dine egne ressourcer, opretter dine egne Behaviors og bruger Stencyl til at lave dine ønskespil.

30 Hvis du ønsker en mere dybdegående guided gennemgang, kan du gå direkte videre til Crash Course 2, hvor du skal lave dit eget Space Invaders-lignende spil. Continue to Crash Course 2 (Skriv: Fejlsøgning Når jeg falder ud over kanten, reloader mit spil ikke: Som beskrevet i del 3 i slutningen af Tilpas Noni sektionen, skal du tilføje Die in Pit and Reload Behavior til Noni. Noni går igennem klovnefigurerne: