Capitolo 10
Creare una animazione

10.1 Le cifre della calcolatrice

Questo tema è basato sul fatto che tutte le cifre delle calcolatrici potrebbero essere disegnate secondo lo schema qui sopra. Per esempio per disegnare la cifra 4 illuminiamo i rettangoli 3,4,5,7. Per disegnare la cifra 8, illuminiamo tutti i rettangoli. Per disegnare la cifra 3 illuminiamo i rettangoli 2,3,4,5,6.

10.1.1 Riempire un rettangolo

Se vogliamo disegnare un rettangolo colorato di dimensioni 100 per 200 una prima possibilità potrebbe essere di disegnare un rettangolo vuoto di 100x200, quindi un altro rettangolo di 99x199 e così via…fino a che il rettangolo sarà completamente pieno.
Cominciamo definendo un rettangolo con due variabili corrispondenti alla base ed alla altezza.

Per riempire un rettangolo dobbiamo scrivere:
rec 100 200 rec 99 199 rec 98 198 ..... rec 1 101

Definiamo quindi una procedura per questo rettangolo riempito.

Verifichiamo con rettangolo 100 200 e capiamo che c’è un problema. La procedura non si ferma dopo aver riempito tutto il rettangolo. Dobbiamo inserire un comando di uscita che capisca quando la base o l’altezza diventano 0. Quando si realizza questa condizione il programma si deve fermare con la primitiva Ferma.

Invece di usare la primitiva o è possibile usare il simbolo “|”, la riga 2 diventa: Se :h=0 | :w=0 [Ferma].

10.1.2 Il programma

Dobbiamo riutilizzare il precedente rettangolo riempito. Supponiamo che la tartaruga comincia dall’angolo in basso a sinistra. Definiamo una procedura chiamata numero che accetta 7 argomenti: :a, :b, :c, :d, :e, :f, :g. Quando :a è uguale a 1 disegniamo il rettangolo 1. Se :a è uguale a 0 non disegniamo alcun rettangolo. Questa è la idea principale.
Il programma:

10.1.3 Creare l’animazione

In questa parte definiamo il conteggio a rovescio da 9 a 0.

C’è un piccolo problema, un effetto di sfarfallamento durante il disegno di ciascuna cifra. Per rendere l’animazione più fluida useremo la modalità di animazione mediante tre primitive:

• Animazione permette di entrare nella modalità animazione. La tartaruga smette di disegnare sull’area di disegno ma si ricorda di tutti i cambiamenti. Per visualizzare l’immagine è necessario usare la primitiva Ridisegna.
• FermaAnimazione restituisce la modalità classica.

Modifichiamo il programma in questo modo:

10.2 L’uomo che cresce

Come prima cosa definiamo una procedura uomo che disegna lo schema qui sopra. Usiamo una variabile per riprodurlo a scale diverse.

Adesso creiamo una animazione che farà crescere l’uomo. Per realizzare ciò disegniamo uomo 0.1, quindi uomo 0.2, uomo 0.3…fino a uomo 5. Fra ciascun uomo cancelliamo l’area di disegno. Otteniamo due diverse procedure:

Alla fine per rendere l’animazione fluida useremo la modalità animazione e la primitiva Ridisegna.

Nota: qui la procedura uomo è ricorsiva. Avremmo anche potuto usare la primitiva RipetiPer per assegnare alla variabile :c i valori da 0.1 a 5, in questo modo: