### 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
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
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 Twine-berättelsen.
-->### 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
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]]
<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-thousands-of-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
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 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")]
(link:"Gå till start")[(goto:"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]] ## 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 [[bilder och video]]
(link:"Gå till start")[(goto:"start")]
<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]]
(link:"Gå till start")[(goto:"start")]{
(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]]
}
(link:"Gå till start")[(goto:"start")]### 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]]
### 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 [[bilder och video]]
(link:"Gå till start")[(goto:"start")]
### 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?
(link:"Gå till start")[(goto:"start")]
### 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.
(link:"Gå till start")[(goto:"start")]### 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")] .
* Den officiella wikin är också bra: (link:"Twine2 wiki")[(goto-url:"http://twinery.org/wiki/twine2:guide")]
(link:"Gå till start")[(goto:"start")]### Ladda hem en Twine-berättelse
0. Följ länken till Twine-berättelsen (link:"Klicka här")[(goto-url:"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...
(link:"Gå till start")[(goto:"start")]
<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...
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.(set: $AntalStickor = $AntalStickor -1 )
Du tänder en ny fackla. Nu har du $AntalStickor tändstickor kvar.
[[varför variabler]]Det är mörkt och lite läskigt. Men det finns $AntalStickor tändsticka kvar.
[[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
Värdet på en variabel kan var ett eller flera ord.
(link:"Gå tillbaka till start passagen")[(goto:"start")]Vad är 1+1?
[[1]]
[[2]]Du har svarat fel!
(set: $svar to "fel")
[[fortsätt]]Du har svarat rätt!
(set:$svar to "rä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]].]