VariablerVillkorBilder ### Introduktion Usch. Jag måste ta mig genom den [[den hemska mörka skogen skogen]] ### Skogen Jag går genom skogen. Plötsligt känner jag någonting konstigt i fickan och strecker ned handen och känner efter. (set: $AntalSardiner = 2) Jag har $AntalSardiner sardiner i fickan. Konstigt. Men jag hinner inte fundera vidare just nu. Jag hör konstiga röster närma sig. [[Spring vidare->glänta]] ### Gläntan Rösterna hörs inte längre och jag har kommit ut till en glänta. Skönt. Nu känns det lite bättre. Men jag tycker det är konstigt. Sardiner i fickan? Jag måste känna efter igen. Jo, jag har faktiskt $AntalSardiner sardiner i fickan Hmm. Vi springer vidare genom den hemska [[skogen trollet]] <!-- 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 Twine-berättelsen. --> ### 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 Värdet på en variabel kan var ett eller flera ord. (link:"gå tillbaka till start passagen")[(goto:"start")] ### Trollet Träden står täta. Det luktar inte gott. Plötsligt ställer sig ett ett ohyggligt troll i vägen. "Jag är hungrig" säger trollet. Aha. Jag har ju $AntalSardiner sardiner i fickan. Om jag ger en sardin till trollet så kanske jag kan komma undan...
Jag fiskar upp en sardin ur fickan, kastar till trollet och [[springer vidare ängen]]. (set: $AntalSardiner = $AntalSardiner -1 ) <!-- I den här passagen drar jag bort värdet 1 från variabeln. Jag utfrö alltså en beräkning. --> ###Ängen Trött i benen, men äntligen kommer jag fram till ängen. Vilken tur att jag hade sardiner i fickan. Nu har jag $AntalSardiner kvar. [[Fortsätt]] ### Mellansnack OK, men [[varför varför variabler]] är det bra att använda variabler? ### Utsmyckning av 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 direkt]] Lite mer avancerat: använda [[eget material]] ### Fråga ett Vad blir 5*6? [[30]] [[40]] (set: $AntalFel = 0 ) (set: $AntalRätt = 0 ) (set: $AntalRätt = $AntalRätt + 1 ) Rätt [[Fråga två]] (set: $AntalFel = $AntalFel +1) Fel
[[Fråga två]] ### Fråga två Vad blir 3*7? [[21]] [[12]] (set: $AntalRätt = $AntalRätt + 1) Rätt [[Resultat]] (set: $AntalFel = $AntalFel +1) Fel [[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 felaktiga](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:"villkor")] ### Interaktiv presentation av Twine (ver 0.2) Idag ska vi titta närmare på [[variabler]] [[villkor]] [[utsmyckning]] Här nedan tar jag upp några nya saker som jag inte nämnde i onsdags, men som är bra att ha med sig: 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]] ## 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 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 [[utsmyckning]] ## 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 på rätt plats: `<img src="adress till bild" width="500" height="300" ` * Man kan ändra bildens dimensioner. * Om man inte specificerar dimensioner så kommer bilden att få sin naturliga storlek (längst ner). * OBS! Jag har inte tillgång till Internet Explorer och kan inte garantera att det kommer att fungera i det programmet. width="500" height="300" width="500" height="200" width="500" height="100" Gå tillbaks till föregående passage [[utsmyckning]] { (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]] } ### Villkor Här undersöker vi hur man kan använda //villkor// och //variabler//. Vi gör ett räkneprov: [[Fortsätt->Fråga ett]]
### 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 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 [[utsmyckning]] ### 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? ### 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.
### Referenssidor * Jag hamnar ofta på websidan (link:"twine2.neocities.org/2.html")[(goto-url:"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, >, <=")[(goto-url:"https://twine2.neocities.org/2.html#type_boolean")]. * Men vi får förstås inte glömma (link:"twine2 wiki")[(goto-url:"http://twinery.org/wiki/twine2:guide")]