Twine tutorial 2

Hej folkens 😊 Sidste gang lérte vi, hvordan man laver fundamentet til en interaktiv historie. Ved hjélp af koden [[ ]] kunne man enten give léseren forskellige valg eller skifte side mellem sine passager.

Denne gang vil jeg vise, hvordan du kan fÄ teksten til at huske de valg, som lÊseren tager.

Men lad os begynde med noget temmelig essentielt: At hente en gemt fil.

Hvis din fil af en eller anden grund ikke dukker op i menuen, kan du hente den. Det gĂžr du ved at klikke pĂ„ ”ImportĂ©r fra fil” som markeret med den rĂžde cirkel:

TutorialB_1

Herefter kan du Äbne den fil, du lavede sidst. Ellers er du velkommen til at hente min tutorialfil ned her. NÄr filen er dukket op som vist nedenfor, klikker du pÄ den:

TutorialB_2

For at vise princippet i, at teksten husker valg, vil jeg bruge denne tutorial til at lave en kapitelmenu. NÄr lÊseren har lÊst kapitel 1, vil kapitel 2 dukke op. NÄr kapitel 3 er lÊst vil kapitel 4 dukke op osv. Teksten kan kodes til at huske, hvor langt man er nÄet i historien.

Vi starter med selve kapitelmenuen. Klik pÄ +passage:

TutorialB_3

NÄr den nye passage er dukket op, vil du se, at den ikke er koblet til de Þvrige passager med pile. Det er fordi den endnu ikke har [[ ]]-koden. Derfor Äbner vi den nye passage og skriver fÞlgende:

”Kapitelmenu”

[[Kapitel 1->Intro]]

TutorialB_4

Herefter lukker vi passagen ned pĂ„ x. BemĂŠrk, at [[Kapitel 1->Intro]] og [[Kapitel 1->intro]] (med lille ’i’) ikke er den samme kode. Programmet vil se forskel pĂ„ store og smĂ„ bogstaver, og det er derfor vigtigt, at du er konsekvent. Du kan sagtens lave alle passagernes titler med lille begyndelsesbogstav. SĂ„ lĂŠnge du er konsekvent.

For at fĂ„ historien til at begynde ved kapitelmenuen, skal du holde musen over kapitelmenuens passage. En vĂŠrktĂžjslinje vil dukke op, og du skal vĂŠlge ikonet ’
’, derefter klikker du pĂ„ ”Start story here”.

Som markeret pÄ billedet nedenfor:

TutorialB_5

Du vil nu se, at det grÞnne logo er hoppet fra Intro til Kapitelmenu. Hvis du klikker pÄ spil-knappen nederst til hÞjre, skulle historien ogsÄ meget gerne starte i kapitelmenuen som vist her:

TutorialB_6

I sidste tutorial efterlod jeg passagen Side 5 blank. Denne gang Äbner jeg den og tilfÞjer denne tekst:

Smilet vokser frem pÄ skikkelsens lÊber, og jeg kan mÊrke det samme smil spille om mine egne.

//Se den.//

Den holder den glÞdende, blÄ kugle af lys op foran sit ansigt.

Jeg vil rÞre den. Jeg vil have den tÊttere pÄ. Jeg vil vÊre en del af den.

//Du vil have den, vil du ikke?//

Vent. Der er noget galt.

//Tag den.//

Hvordan kan jeg overhovedet fÞle sÄdan her, nÄr det blÄ lys ikke er Ham? Det her er ikke rigtigt. Jeg vil ikke lade den fremmede distrahere mig. Jeg spilder tiden. Jeg er nÞdt til at komme hen til Ham.

 

”Side 5”

[[Kapitel 2->Kapitelmenu]]

Som vist pÄ billedet nedenfor:

TutorialB_7

Jeg vil lige understrege, at det her ikke er Inkarnations originale kapitelskift, det er kun for tutorialens formĂ„l 😊

Du vil nu se en pil, der gÄr hele vejen fra Side 5 til Kapitelmenu som vist nedenunder:

TutorialB_8

For overblikkets skyld, venstreklikker jeg pÄ passagerne og flytter dem rundt, sÄ de stÄr mere overskueligt. Dette Êndrer intet for lÊserens oplevelse, det er kun for dit eget overbliks skyld.

TutorialB_9

Herefter Äbner vi passagen Kapitelmenu og tilfÞjer en ny linje:

[[Kapitel 2]]

Som set her:

TutorialB_10

En ny passage er nu oprettet med navnet Kapitel 2. Jeg Äbner den og tilfÞjer fÞlgende tekst:

Skikkelsen slipper det blÄ lys, der lander mellem os.

Der er noget helt galt.

Lyset breder sig og binder mig til stedet.

Der er noget helt, helt galt.

Hvad er det, der sker?

Lyset blĂŠnder mig.

Jeg er fanget.

Jeg kan ikke se andet end det blÄ lys. Det snor sig omkring mig og holder mig i et kvÊlertag. Det fylder mig, indtil jeg ikke lÊngere kan holde det ud. Indeni tigger og beder jeg Ham om at hjÊlpe mig. Hvorfor er der ikke nogen, der hjÊlper mig?

Jeg bliver kvalt.

Jeg er nĂždt til at komme fri.

Jeg er nĂždt til at komme vĂŠk.

”Side 6”

[[Side 7]]

Som vist her:

 

TutorialB_11

Og nu er det pĂ„ tide at lade teksten huske, hvor langt lĂŠseren er kommet. Vi tilfĂžjer den fĂžrste variabel ved at vĂŠlge passagen ’Side 5’. Og tilfĂžjer denne tekstbid:

(set: $kapitel2 to 1)

Som vist her:

TutorialB_12

Man kan gÞre det pÄ mange mÄder, men med Twine er jeg kommet frem til, at jeg foretrÊkker at bruge tal. Derfor er 0 uaktiv og 1 aktiv.

Det skal sÄ lige siges, at jeg ikke er uddannet i at kode. Jeg gÞr bare det, jeg har lÊrt gennem trial and error :p

Herefter skal vi lave det, der hedder et if-statement. If/hvis der er en variabel, vil der ske noget bestemt. Vi Ă„bner passagen ’Kapitelmenu’ og sĂŠtter fĂžlgende kode ind foran [[Kapitel 2]]:

(if: $kapitel2 is 1)

Som set her:

TutorialB_13

Og selve passagerne ser sÄdan her ud:

TutorialB_14

Nu kan vi teste vores historie ved at trykke pÄ spil-knappen nederst i hÞjre hjÞrne og se, om det virker. Hvis det virker i kapitelmenuen ser den nu sÄdan ud:

TutorialB_15

Den rĂžde pil markerer, at der ikke stĂ„r ’Kapitel 2’ endnu. Herefter klikker vi pĂ„ Kapitel 1 og bladrer siderne igennem, indtil vi nĂ„r tilbage til kapitelmenuen. NĂ„r vi nĂ„r tilbage til kapitelmenuen, dukker ’Kapitel 2’ op, som set nedenfor:

TutorialB_16

PĂ„ den mĂ„de kan man opbygge sine kapitler, sĂ„ de kommer lĂžbende og teksten husker, hvor langt lĂŠseren er i processen 😊

Herefter gemmer vi ved at klikke pĂ„ filnavnet nederst i venstre hjĂžrne og vĂŠlge ”Udgiv som fil”. Husk at tilfĂžje “.html” efter filnavnet.

Du kan hente min fil ned her, hvis du vil teste den.

If-statements og variabler er brugbare til mange elementer af interaktive fortÊllinger. Skal et bestemt valg lÊseren trÊffer, resulterer i en dÄrlig slutning? Kan lÊseren selv vÊlge den biperson, de vil have med pÄ deres rejsen? Skal en handling resultere i, at ens karakter bliver sÄret eller pÄ anden mÄde Êndrer udseende? Skal man kunne flirte med karakterer og opbygge et forhold til dem?

Alt dette kan laves gennem if-statements og variabler.

Jeg vil give et eksempel pÄ et valg, der udlÞser en bestemt slutning i en kommende tutorial, men fÞrst tager vi fat i Tutorial 3, om hvordan man Êndrer tekstens udseende, sÄ lÊseoplevelsen bliver lige prÊcis den, du stiler efter.

– Pernille

3 Comments TilfĂžj dine

Skriv et svar

Udfyld dine oplysninger nedenfor eller klik pÄ et ikon for at logge ind:

WordPress.com Logo

Du kommenterer med din WordPress.com konto. Log Out /  Skift )

Facebook photo

Du kommenterer med din Facebook konto. Log Out /  Skift )

Connecting to %s