[[Det här är en länk]] Skapar en länk till en passage som heter Det här är en länk.

Relevanta dokument
Digitalt lärande och programmering i klassrummet. Introduktionsworkshop - Interaktiva berättelser med Twine

Usch. Jag måste ta mig genom den [[den hemska mörka skogen skogen]]

2.1 - VariablerVillkorBilder

Lägga till bild i e- handeln

Digitalt lärande och programmering i klassrummet

Micro:bit. Börja skapa egna program

Vilken skillnad gör det var du placerar det? Prova båda.

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

JavaScript del 3 If, Operatorer och Confirm

Snabbguide. ITP Whiteboard har 3 nivåer bas, medel och avancerad. Detta gör att det är enkelt att börja jobba med ITP Whiteboard.

Lathund för spel med karta

Labora&on 2 Funk&oner, if och loop övningar/uppgi:er

Sphero SPRK+ Appen som används är Sphero Edu. När appen öppnas kommer man till denna bild.

JavaScript Block Editor:

Labb i Datorsystemteknik och programvaruteknik Programmering av kalkylator i Visual Basic

Lathund till PowerPoint

BaraTrav Prenumeration och Installation Version 1.3.4

Snabbguide för användare SourceTech Telllus

JavaScript del 2 DocumentWrite, Prompt och ParseInt

I.site Webbsidesverktyg handledning

Skapa konto och logga in på Vuxenutbildningens Lärplattform

Så här funkar Föreningsliv

Programmering. Scratch - grundövningar

Vi börjar med en penna som ritar när du drar runt den på Scenen.

Validera hjärtstartare i Sveriges Hjärtstartarregister

Lathund steg för steg

Ljud och video på webbsidor

Avancerade Webbteknologier

SORSELE KOMMUN. Handbok OEW. 28 sept 2012 Mari-Anne Englund Barbro Olofsson. Sorsele kommun Version , rev (19)

För att kunna använda SmartPigs i WinPig.Net måste du köra WinPig.net med administratörsrättigheter. Gör så här:

Programmering A C# VT Ett kompendie över Programmering A (50p) i c# Stefan Fredriksson

Digitalt lärande och programmering i klassrummet

Om man vill ändra färg inuti går det, men skuggan blir densamma.

En bortsprungen katt

Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php

Carl-Oscar Hermansson WEBB DESIGN

Övningsuppgifter till föreläsning 2 Variabler och uttryck

Installation av datafil för lokal lagring av e-post i Microsoft Outlook 2016

Internet A. HTML Grunder Maximilien Chiang 1

ANVISNING Om det inte lyckas att logga in i Kelain på en Windows-dator Innehåll

Instruktioner till övningen som börjar på nästa sida

Instruktion för användande av Citrix MetaFrame

Biometria Violweb. Kom-igång-guide. Mars Sammanfattning Den här anvisningen är till för dig som ska börja använda dig av Biometrias tjänster.

Richard Öhrvall, 1

Whack-a-Witch. Introduktion. Nivå

Snabb guide för användare

Introduk+on +ll JavaScript if- sats, funk+oner, bilder

Ipad i teknikundervisningen

INLOGGNING FASTIGHETSPORTALEN UTAN SMART PHONE (EXTERNA ANVÄNDARE)

Innehåll MySQL Intro. Allmänt om Lagrade Procedurer Enkel utformning Skapa en lagrad procedur Använda parameter som indata

Validera hjärtstartare i Sveriges Hjärtstartarregister

PowerPoint Online Versi on 1.0 Skolkontoret

Användarmanual WebNailer. 19 januari 2004

Här hittar du ett exempel på ritprogrammet:

Skapa spellista i play.lnu.se Gör en samling med filmer som hör ihop

Föreläsningsanteckningar, Introduktion till datavetenskap HT S4 Datastrukturer. Tobias Wrigstad

Programmera i Block Editor

Personalsupport. Medicinska fakulteten, Lunds universitet. Textredigeraren. Moodle version 2.7.1

Google Apps For Education

Lärarhandledning. Felix börjar skolan

Formulär, textsträngar och en del annat

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel:

BIT GRUND 1 - BIT FÖR BIT MED BIT MICKE MELANDER

Visma Proceedo. Att logga in - Manual. Version 1.3 /

Idiotens guide till. Håkan Lyckeborgs SPSS-föreläsning 4/ Av: Markus Ederwall, 21488

Föreläsning 3. Programmering, C och programmeringsmiljö

Guide. Webbsidor i Studentportalen. Innehåll. Uppdaterad:

Föreläsning 2. Variabler, tilldelning och kodblock{} if-satsen Logiska operatorer Andra operatorer Att programmera

Övning (X)HTML 2. Sidan 1 av

VERKTYGSFÄLTET I ARTIKELEDITORN

Storlek och typsnitt: Titel

Extramaterial till Matematik Y

Matematiska lägesmått med en micro:bit

Introduktion till DigiExam-klienten/appen

TELIA CENTREX IP ADMINISTRATÖRSWEBB HANDBOK

Rekommenderad IT-miljö

Innehåll Net ID installation... 2 Instruktion för nedladdning av HCC... 7 Låsa upp kort med hjälp av PUK-koden Byt säkerhetskod...

Statistikens grunder 1 och 2, GN, 15 hp, deltid, kvällskurs

Telia Centrex IP Administratörswebb. Handbok

Introduktion till Matlab

Datatal Flexi Presentity

Datorn som Pedagogiskt Verktyg

Game of 40. Regler och om sidan är in princip samma sak. Det som skiljer dem åt är att de inte har samma text.

Anna Jonströmer. Bloggning

1. Lära sig beräkna kon densintervall och täckningsgrad 2. Lära sig rita en exponentialfördelning 3. Lära sig illustrera centrala gränsvärdessatsen

Datorlaboration 1 Deskriptiv statistik med hjälp av MS Excel vers. 2010

Visuell design Bilder & färger

Lär dig programmera! Prova på programmering med enkla exempel! Björn Regnell

3. Hämta och infoga bilder

Guide för kunder med Nordea e-legitimation

Telia Centrex IP Administratörswebb Handbok

Föreläsning 4. Val, boolska värden, läsbarhet, osv

Lektion 3 HTML, CSS och JavaScript

Manual för ledare. Innehållsförteckning ALLMÄN INFO... 1 MEDLEMSGRUPPER... 2 GÖR ETT UTSKICK... 3 RAPPORTERA NÄRVARO... 6 SKICKA KALLELSER...

LUVIT LMS Quick Guide LUVIT Composer

Så här funkar det i mobilen!

Tentamen i. Programmering i språket C

Övningar i JavaScript del 5

Transkript:

[[Det här är en länk]] Skapar en länk till en passage som heter Det här är en länk. [[Det här är en dold länk nästa passage]] Skapar en dold länk till en passage som heter nästa passage. Med dold länk menas att den heter en annan sak än passagen den pekar på i detta fall heter länken Det här är en dold länk och passagen nästa passage. Variation either och random (either: blå, röd, grön ) (either: tröja, t-shirt, skjorta ) Skriver ut två saker, en färg och ett plagg. När man kommer till passagen med denna kod, väljer datorn en färg och ett plagg, t.ex. röd skjorta eller grön tröja. (random: 3,10) Skriver ut ett slumpmässigt tal från intervallet 3-10, t.ex. 7. (set: $favoritmat = falafel ) Skapar en variabel som heter $favoritmat och ger den värdet falafel. Min favoritmat är $favoritmat. Visar texten Min favoritmat är falafel. OBS! för att det ska fungera, måste du använda set för att ge variabeln värdet först, annars kommer det stå Min favoritmat är 0. Men du behöver inte använda set på samma passage som du skriver ut variabeln på. (set: $antalsaker = (random: 2,10)) (set: $saker = (either: "kapsyler","pennor","fickludd"))

Bestämmer variabeln $antalsaker till en siffra mellan 2 och 10, och bestämmer variabeln $saker till antingen kapsyler, pennor eller fickludd. Du har $antalsaker $saker i fickan. Skriver till exempel ut Du har 8 pennor i fickan. Det kan lika gärna bli Du har 2 kapsyler i fickan. Finessen med att göra slumpmässiga variabler är att du till exempel kan ge läsaren ett slumpmässigt kön, vilket kan förändra perspektivet på hela berättelsen. //Den här texten är kursiv.// Två snedstreck (framför och bakom texten) gör texten kursiv. Den här texten är fet. Två apostrofer (framför och bakom texten) gör texten fet. ~~Den här texten genomstruken~~ Två tilde (vågar) (framför och bakom texten) gör texten genomstruken. //Den här texten är kursiv.// Två snedstreck (framför och bakom texten) gör texten kursiv. Du kan också blanda dessa: //Den här texten är kursiv.// Två snedstreck och apostrofer (framför och bakom texten) gör texten kursiv och fet. Tänk på att de måste stå symmetriskt, så om du börjar med //, så måste du avsluta med //. För att lägga in en bild, måste du hitta en bild på internet och kopiera web-adressen till den bilden. OBS! Självklart ska bilden du använder vara fri att använda för ändamålet, så håll koll på den upphovsrättsliga aspekten. Om du använder Google Chrome som webläsare, räcker det med att högerklicka på en bild och sedan på Kopiera bildadress. I passagen där du vill ha bilden, ska du skriva följande: <img src=" YdgBXbx">

Detta lägger in bilden i din text, i originalstorlek. Om du vill ha specifika mått på bilden, kan du lägga till några ord extra: <img src=" YdgBXbx" height="329" width="493"> Du kan också använda en bild som en länk: [[<img src=" YdgBXbx" height="329" width="493"> ESS]] Visar en bild som är en länk. När du klickar på bilden kommer du till passagen ESS. Ibland vill man kanske ha ett villkor för att något ska hända. Logiska operationer används tillsammans med variabler för att kontroller om någonting har hänt tidigare, och sedan styra berättelsen efter det. (if: $antalsaker is 10)[Fickan är full!] Visar texten Fickan är full! om variabeln $antalsaker är 10. Det går också att använda logiska operatorer för att jämföra variabeln. Då tar man bort is och använder pilar: (if: $antalsaker > 9)[Fickan är full!] Visar texten Fickan är full! om variabeln $antalsaker är större än 9. IF kollar om något är sant. Om du använder både IF och ELSE, bestämmer du vad som visas om det inte stämmer. I följande kod bestämmer jag först variabeln $humör till glad, ledsen eller irriterad: (set: $humör = (either: "glad", "ledsen", "irriterad"))

Beroende på vad det blir, visar den om du mår bra eller inte: Du tänker på hur du mår.{ (if: $humör is 'glad')[du mår bra] (else:)[du har mått bättre] }. Notera måsvingarna före och efter if-koden. Om $humör är glad, skrivs Du mår bra ut. Om den inte är glad, skrivs Du har mått bättre ut. När du är i TWINE, där du ser passagerna och pilarna, klicka på namnet på texten som finns längst ned klicka på Edit Story Stylesheet skriv tw-sidebar {display: none;} För att göra en textruta, måste du skriva lite javascript-kod först. I detta exempel gör du en textruta där läsaren kan ge huvudpersonen ett namn. klicka på namnet på texten som finns längst ned klicka på Edit Story JavaScript Skriv följande: if (typeof window.customscripts == "undefined") { window.customscripts = { submitname: function(inputname) { var newname = $("input[name='" + inputname + "']")[0].value; $("tw-hook[name*='" + inputname + "']").text(newname); console.log(inputname + " changed.") } }; }; Sedan öppnar du den passage där du vill ha textrutan. Där skriver du följande: Huvudkaraktärens namn: []<fnamn1 <input type="text" name="fnamn1" value="sara"><button type="submit" onclick="customscripts.submitname('fnamn1')" >Uppdatera</button>

När du gjort detta, får du en textruta där du kan skriva namnet, klicka på Uppdatera och därmed bestämma värdet på variabeln $namn1. I detta exempel är standardnamnet Sara. I texten kan det sedan visa det namnet genom att skriva $namn1 i koden. Twine utvecklas hela tiden, och därför kommer och försvinner funktioner ibland. Denna guide är skriven för versionen som kallas Harlowe 1.22. En bra referenskälla (tyvärr på engelska) är följande: https://twine2.neocities.org/#