Istruzioni di formattazione per Twine

1. Inserire un’immagine

<img src="the URL of your image" width="500" height="300" alt="Two foxes">

N.B. Se vuoi incorporare in Twine un’immagine che hai sul tuo drive non puoi usare il link di condivisione
perché non funziona. Devi ricavare il codice ID. Segui questo procedimento:

1. Copia la URL dell’immagine

- Fai click con il tasto destro sulla foto caricata e seleziona “Ottieni link condivisibile“

- Copia l’URL che viene generata

- tieni soltanto l’ID del tuo file, ovvero la parte di codice che viene dopo “id=”

Es: https://drive.google.com/open?id=1rTHHwmdKu_1gIMK6BMuf7mNzjGjKjt7Z

2. Genera il link diretto all’immagine

- Inserisci l’ID del tuo file all’interno di questa URL:

http://drive.google.com/uc?export=view&id=INCOLLA QUI LA TUA ID

3. Incolla il risultato nella barra delle URL del tuo browser per verificare se funziona

4. Inserisci tutta l’URL nella stringa di incorporamento immagine in Twine

2. Inserire un video
Usare il codice iframe di YT: esempio
<iframe width="560" height="315"
src="https://www.youtube.com/embed/8KsXPq3nedY" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Usare il codice iframe di Vimeo: esempio
<iframe src="https://player.vimeo.com/video/477124116?title=0" width="640"
height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture"
allowfullscreen></iframe>

Se volete inserire un video che avete nel vostro Drive dovete ricavare l’ID del video
come avete fatto per l’immagine e inserirlo in questa stringa:
<iframe frameborder="0" width="640" height="480"
src="https://drive.google.com/file/d/FILE-ID/preview"> </iframe> </div>
3. Inserire un audio in un capitolo
Va caricato su un sito che permetta di ottenere il codice embed e poi va
incorporato con lo stesso
Es. da Soundcloud:
<iframe width="100%" height="166" scrolling="no" frameborder="no"
allow="autoplay"
src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/
1036876780&color=%23ff5500&auto_play=false&hide_related=false&show_comme
nts=true&show_user=true&show_reposts=false&show_teaser=true">

4. Formattazione (ora si trova nelle Macro)

- Grandezza carattere
(text-size:4) [Testo]
- Colore carattere
(text-colour:”white”)[Testo]
- Stile del testo (grassetto, corsivo, sottolineato ecc.)
(text-style:"bold")[Testo]
Grassetto: “bold”
Corsivo: "italic",
Sottolineato/doppio sottolineato/sottolineatura ondulata: "underline", "double-underline",
"wavy-underline"
Barrato/barrato doppio/barrato ondulato: "strike", "double-strike", "wavy-strike"
Apice/Pendice: "superscript", "subscript"
Pulsante/Vibrante: "blink", "shudder"
Evidenziato: "mark"
Stretto: "condense"
Dilatato:"expand"
Bordato: "outline"
Ombreggiato: "shadow"
3d: "emboss"
Effetti vari: "smear", "blur", "blurrier", "mirror", "upside-down", "tall", "flat", "fade-in-out",
"rumble", "sway", "buoy" or "fidget".
Allineamento:
a destra: (align:"==>")[Testo]
a sinistra: (align:"<=")[testo]
al centro: (align:"===><==")[Testo]
giustificato: (align:”<==>”)[Testo]
N.B.
1. Il nome del carattere o lo stile o il colore vanno sempre scritti in inglese
2. Se dovete scrivere due o più comandi che interessino la stessa porzione di testo la sintassi
corretta è questa:
(text-colour:white)+(text-size:20) +(text-style:”[Istruzioni]

Istruzioni per inserire variabili di base in Twine

A) Usare una variabile

(set: $nome_variabile to valore-variabile)

Es: (set: $conta to 0)

B) Inserire un link

Es. vai al capitolo 6: [[capitolo 6->capitolo 8]]

C) Variabile punteggio:

- Incremento valore della variabile del punteggio (chiamata ad es. conta):

(set: $conta to $conta +1)

- Decremento valore della variabile del punteggio (chiamata ad es. conta):

(set: $conta to $conta -1)

- Stampare a fine pagina il punteggio (terrà in memoria quanto guadagnato/perso negli episodi precedenti,
limitandosi a stamparne il valore):

(print: $conta)

D) Scelta caratteristiche del personaggio

Scelta tra più opzioni (ad esempio: il personaggio ha 4 caratteristiche: CONOSCENZA, SANGUE FREDDO,
SAGACIA, PATRIOTTISMO tra cui puoi sceglierne due)

a) Dichiarare la variabile se non si è fatto prima (es: $scelta)

b) Impostare le opzioni (se ne può sceglierne due bisognerà creare tutti gli abbinamenti possibili:
es: CONOSCENZA + SANGUE FREDDO; CONOSCENZA + SAGACIA; CONOSCENZA + PATRIOTTISMO, SANGUE
FREDDO + SAGACIA; SANGUE FREDDO + PATRIOTTISMO; SAGACIA + PATRIOTTISMO)

c) Scrivere la stringa di codice (o scegliere l’opzione dal Menù -> Input -> Create a Dropdown menù)

(dropdown: 2bind $nome-variabile,”opzione1”,”opzione2”,”opzione3”,”opzione…”)

Esempio: (dropdown: 2bind $scelta,"conoscenza e sangue freddo","conoscenza e sagacia","conoscenza e

patriottismo","sangue freddo e sagacia","sangue freddo e patriottismo","patriottismo e sagacia")

E) Passaggio condizionale (es: se hai questa caratteristica vai al capitolo x, altrimenti vai al capitolo y)

(if: $variabile is “determinato-valore”)[……….fai una determinata cosa]

(else:)[fai un’altra cosa]

Esempio: (if:$scelta is "conoscenza e sangue freddo")[Vai al capitolo 5]

(else:)[Devi affidarti all'istinto]

Altro esempio:

(if: $coraggio <5)[Non hai possibilità di salvezza. Vai all' [[''Epilogo''->Epilogo]]]

(else:)[Vai al [[''capitolo 12''->capitolo 12]] ma perdi 5 punti di sangue freddo]