2.1 - VariablerVillkorBilder variabler ### Vid skogens rand (set: $vän to "Peter") Jag har inget val. Jag måste ta mig genom den [[den hemska mörka skogen skogen]] till min vän $vän. skogen ### Skogen Jag går genom skogen. Det är mörkt. Jag letar i fickan efter mina tänsdstickor. Bara (set: $AntalStickor = 2) $AntalStickor tändstickor kvar. De sade att man skulle ha minst fem. Men jag har inget val. Måste skynda mig till $vän. [[Spring vidare->mörker]] mörker ### Mörker Det blir mörkare. Jag fingrar på mina $AntalStickor tändstickor. Funderar på om jag ska använda en av dem för att tända min fackla. Hmm. Vi springer vidare genom den hemska [[skogen becksvart]] <!-- I den här passagen använder jag mig av variabeln som jag skapade i föregående passage. En variabels värde kan jag alltså använda varsomhelst i hela Twineberättelsen. --> https://twinery.org/2/#!/stories/223675d5-7ceb-4e96-aed2-89fb9393e2ad/proof 1/11
becksvart ### Becksvart Träden står täta och nu ser man ingenting. Jag bestämmer mig för att tända en fackla och [[fortsätter ängen]]. (set: $AntalStickor = $AntalStickor -1 ) <!-- I den här passagen drar jag bort värdet 1 från variabeln. Jag utför alltså en beräkning. --> ängen ###Ängen Trött i benen, men glad. Jag har tagit mig igenom det värsta och jag väldigt trött. Plötsligt snubblar jag till och tappar min fackla, den ramlar i en vattenpöl och slocknar! Åh, nej! Vad ska jag göra? Jag funderar en stund och påminner mig om att jag fort måste till $vän. Ska jag Tända en [[ny fackla]] Eller försöka [[gå genom mörkret]] https://twinery.org/2/#!/stories/223675d5-7ceb-4e96-aed2-89fb9393e2ad/proof 2/11
bilder och video <img src="http://www.eattheweeds.com/wp-content/uploads/2012/10/giant-african-land- Snails-cause-widespread-damage-to-crops-and-buildings-while-some-carry-thousandsof-rat-lungworms-which-can-cause-meningitis-if-ingested-by-humans-350x262.jpg" alt="snigel" width=600> ### Bilder och filmer i en Twine-berättelse En berättelse kan bli mer intressant med illustratoner och bilder. För att på enklaste sätt använda bilder rekommenderar vi att börja med att använda bilder som ni hittar på internet. [[Bilder från internet->internet_bilder]] [[Filmer->internet filmer]] använd egna bilder [[lokalt på datorn->lokalt]] använda [[dropbox]] Fråga ett ### Fråga ett Vad blir 5*6? [[30]] [[40]] (set: $AntalFel = 0 ) (set: $AntalRätt = 0 ) 30 (set: $AntalRätt = $AntalRätt + 1 ) Rätt https://twinery.org/2/#!/stories/223675d5-7ceb-4e96-aed2-89fb9393e2ad/proof 3/11
[[Fråga två]] 40 (set: $AntalFel = $AntalFel +1) Fel [[Fråga två]] Fråga två ### Fråga två Vad blir 3*7? [[21]] [[12]] 21 (set: $AntalRätt = $AntalRätt + 1) Rätt [[Resultat]] 12 (set: $AntalFel = $AntalFel +1) Fel [[Resultat]] Resultat ### Resultat Du hade (if: $AntalRätt is 0)[inget rätt](elseif:$antalrätt is 1)[ett rätt] (elseif:$antalrätt is 2)[två korrekta] svar och (if: $AntalFel is 0)[inget https://twinery.org/2/#!/stories/223675d5-7ceb-4e96-aed2-89fb9393e2ad/proof 4/11
felaktigt](elseif: $AntalFel is 1)[ett felakgtigt](elseif: $AntalFel is 2)[två felakgtiga] svar. (if: $AntalRätt is 2)[Strålande! Du hade alla rätt!] (elseif: $AntalRätt is 1)[Det är godkänt, men du kan nog bättre.] (elseif: $AntalRätt is 0)[Underkänd. Hem och plugga!] (link:"gör provet en gång till")[(goto:"fråga ett")] start ### Interaktiv presentation av Twine (ver 0.4) Idag ska vi titta närmare på [[variabler]] [[variabler och villkor]] [[bilder och video]] Här nedan tar jag upp några nyttiga saker som är bra att ha med sig: Hur gör man för att få tag på //[[denna]]// Twine-berättelse? Hur man skriver ut //hela Twine-berättlsen som en enda lång [[text]]//. Hur man enkelt kan publicera sin historia [[online]]. Bra [[referenssidor]] Övrigt (avancerat): [[live]] internet filmer ## Film * Hitta en film på YouTube(?) * Högerklicka i filmens fönster. * Välj "get embedded code" * Kopiera * Klistra in i en passage: * OBS! Jag har inte tillgång till Internet Explorer och kan inte garantera att det https://twinery.org/2/#!/stories/223675d5-7ceb-4e96-aed2-89fb9393e2ad/proof 5/11
kommer att fungera i det programmet. <iframe width="640" height="360" src="https://www.youtube.com/embed/4a0fbqdh3dy" frameborder="0" allowfullscreen></iframe> Gå tillbaks till föregående passage [[bilder och video]] internet_bilder <img src=http://mittkok.expressen.se/wp-content/uploads/2015/02/kaffe.jpg > ## Bild från internet * Hitta en bild på intenet. Enklaste är att Googla. * Om Google: klicka en gång på bilden så att ni får en "preview", högerklicka på bilden och välj "Copy image address" * klistra in bildens adress i Twine: `<img src="adress till bild" width="500" height="300" alt="snigel">` Gå tillbaks till föregående passage [[bilder och video]] live { (live: 0.5s)[(if: $x is "Kaboom!")[I'm done (stop:)] (else:)[(set: $x =(either: "Bang!", "Kaboom!", "Whammo!", "Pow!")) $x]] } { [Phrase one]<timed-append (live: 1s)[(stop:)(append:?timed-append)[, Phrase two]] (live: 2s)[(stop:)(append:?timed-append)[, Phrase three]] (live: 3s)[(stop:)(append:?timed-append)[, Phrase four]] (live: 4s)[(stop:)(append:?timed-append)[, Phrase five]] https://twinery.org/2/#!/stories/223675d5-7ceb-4e96-aed2-89fb9393e2ad/proof 6/11
} variabler och villkor ### Villkor Här undersöker vi hur man kan använda //villkor// och //variabler//. Vi gör ett räkneprov: [[Fortsätt->Fråga noll]] dropbox ### Använda eget material <img src="https://www.dropbox.com/s/9gy3c6gs5o0ntrz/blomma.jpg?raw=1" width="500" height="300" alt="näckros"> För att undvika problem med länkar till material som man har på den egna datorn och problemen som infinner sig när man delar med sig av sin berättelse till någon annan så gör vi ett "trix". Vi publicerar bilden någonstans på internet och tar reda på adressen till den bilden vi vill använda. För min egen del så använder jag mig gärna av Dropbox. Om man redan använder Dropbox är detta relativt enkelt, men jag är medveten om att "det är mycket" om man inte är van vid verktyget. Om man använder Dropbox via en webläsare * Lägg upp bilden på Dropbox. * Välj filen och klicka på "Share" i "Files" vyn (inte från "Photos"!) * Välj "view link" * kopiera * klistra in adressen i `<img src="adress">` Nu är det bara en sak vi behöver göra för att få det att fungera. Sista delen av länkadressen: dl=0 måste ändras till raw=1 https://twinery.org/2/#!/stories/223675d5-7ceb-4e96-aed2-89fb9393e2ad/proof 7/11
Exempel: https://www.dropbox.com/s/r4p3icjte8pqziv/drpper.jpg?dl=0 måste ändras till https://www.dropbox.com/s/r4p3icjte8pqziv/drpper.jpg?raw=1 Gå tillbaks till föregående passage [[bilder och video]] text ### Proofing Copy Om man vill läsa och granska ett Twine-dokument med många passager kan det vara tidsödande och lite jobbigt att behöva klicka sig in i varenda passage. Man kan istället 0. klicka i nedre delen av fönstret (på titeln till Twine-historien) 0. välj "View Proofing Copy" 0. läs i 0.0. fönstret som dyker upp 0.0. elller, klipp ut och klistra in i t.ex. ett Google-dokument (eller Page eller Word m.m.) 0.0. och kanske skriva ut? online ### Publicera På (link:"www.philome.la")[(goto-url:"http://www.philome.la")] kan man publicera sin berättelse så att den finns tillgänlig för världen. Det går snabbt och problemfritt... Det krävs dock att man loggar in med sitt twitter-konto, så det blir onekligen ytterligare ett moment om man inte redan har ett sådant. https://twinery.org/2/#!/stories/223675d5-7ceb-4e96-aed2-89fb9393e2ad/proof 8/11
referenssidor ### Referenssidor * Jag hamnar ofta på websidan (link:"twine2.neocities.org/2.html")[(gotourl:"https://twine2.neocities.org/2.html")] ** Om man undrar vad det ska stå i en villkorssatser, hittar man en bra lista här: (link:"is, is not, >, <=")[(gotourl:"https://twine2.neocities.org/2.html#type_boolean")]. * Den officiella wikin är också bra: (link:"twine2 wiki")[(gotourl:"http://twinery.org/wiki/twine2:guide")] denna ### Ladda hem en Twine-berättelse 0. Följ länken till Twine-berättelsen (link:"klicka här")[(gotourl:"http://www.philome.la/jonastidstrom/presentation-av-twine/play")]. 0. Högerklicka på "PLAY" 0. Välj "spara länkad fil" och spara den länkade filen lokalt på hårddisken 0. Öppna Twine 0. Välj "Import From File" 0. Öppna berättelsen "inifrån" och bygg vidare, eller undersök... lokalt <img src="file:///users/jonastvh/downloads/twine/pizza.jpg" alt="bild på en pizza" > Resultatet ovan beror lite på hur vi använder berättelsen... https://twinery.org/2/#!/stories/223675d5-7ceb-4e96-aed2-89fb9393e2ad/proof 9/11
Om vi spelar berättelsen inifrån Twine så kommer bilden inte att visas. Om vi publiserar berättelsen och spelar den färdiga berättelsen från samma dator som bilden finns på så kommer vi se en bild. Om vi publicerar denna berättelse till t.ex. philome.la så kommer bilden inte at visas. ny fackla (set: $AntalStickor = $AntalStickor -1 ) Du tänder en ny fackla. Nu har du $AntalStickor tändstickor kvar. [[varför variabler]] gå genom mörkret Det är mörkt och lite läskigt. Men det finns $AntalStickor tändsticka kvar. [[varför variabler]] varför variabler Du ha nu $AntalStickor tändstickor kvar. ### Varför variabler? Det är bra att använda variabler * om man vill använda t.ex. ett värde eller namn på många platser i en berättelse. Variablen är tillgänglig i alla passager i Twine-berättelsen. * värdet behöver bara bestämmas en gång. * vi behöver inte komma ihåg värdet, bara namnet på variabeln * göra beräkningar https://twinery.org/2/#!/stories/223675d5-7ceb-4e96-aed2-89fb9393e2ad/proof 10/11
Värdet på en variabel kan var ett eller flera ord. (link:"gå tillbaka till start passagen")[(goto:"start")] Fråga noll Vad är 1+1? [[1]] [[2]] 1 Du har svarat fel! (set: $svar to "fel") [[fortsätt]] 2 Du har svarat rätt! (set:$svar to "rätt") [[fortsätt]] fortsätt (if: $svar is "fel")[(link:"gör provet en gång till")[(goto:"fråga noll")]] (else:)[fortsätt till [[Fråga ett]].] https://twinery.org/2/#!/stories/223675d5-7ceb-4e96-aed2-89fb9393e2ad/proof 11/11