Lezione 3 - Le Immagini

Le Immagini

Le immagini spesso sono un elemento chiave per abbellire le avventure, ma anche per mostrare luoghi in maniera visiva.

Le immagini possono essere sia statiche che animate (gif). Entrambe sono supportate dal programma. Ecco le estensioni di default supportate:

• Bmp

• Jpg

• Gif

• Png

Le Bmp sono quelle più sconsigliate perché generalmente sono le più grandi in termini di bytes. Ma se ottimizzate possono essere perfette.

Come inserire un'immagine.

Aprire la stanza e premere sulla 4a immagine con il tasto sinistro del mouse. Verrà aperto un file manager dedicato alle immagini con anteprima. Basta premere su "UpLoad Immagini" e scegliere le immagini da un percorso presente nel proprio computer. Si possono selezionare contemporaneamente più immagini. Non appena si selezionano 1 o più immagini, premere su "carica".

Tutte le immagini selezionate verranno copiate in automatico nella cartella "Res", la cartella delle risorse della tua avventura. Fatto ciò, verrà richiamato il manager delle immagini. Selezionare l'immagine desiderata e cliccare su di essa con doppio click o con il tasto "enter" della tastiera.

Ecco cosa verrà mostrato:

<img src="res\1.jpg">

Questo codice mostrerà immagine chiamata 1.jpg

L'immagine può essere inserita prima del testo o dopo il testo della stanza, a secondo se si posiziona prima o dopo.

Se l'immagine è troppo grande, allora è possibile inserire 2 elementi per scegliere le dimensioni in automatico. Essi sono width e height. Supponiamo che l'immagine che vogliamo debba avere la dimensione di 120x90. Basterà fare così:

<img src="res\1.jpg" width="120" height="90">

Codice JavaScript all'interno di una stanza