Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto) 1/1

Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto)
1/1
FUMETTO ANIMATO
In questo progetto si vuole realizzare un Fumetto Animato. Lo sfondo delle pagine è costituito dalle
immagini del fumetto vero e proprio che si vuole animare.
Per procurarci il fumetto: dopo una breve ricerca su Internet
http://www.luciano.gatto.name/EditoreTopoGigio/Sequoia/Sequoia.htm
Includiamo ciascuna immagine che rappresenta una pagina del fumetto in una pagina micromondi: In questo
modo abbiamo ottenuto lo sfondo delle pagine del fumetto e adesso possiamo decidere quali animazioni
introdurre.
PREPARAZIONE DEL PROGETTO
1) Creare sul desktop una cartella chiamata, ad esempio, “Fumetto”
2) Prendere dal sito del corso (in avvisi)le prime quattro immagini del fumetto e salvarle nella cartella
“Fumetto”. Prendere e salvare sempre in “Fumetto” il suono “urlo.wav”
3) Creare un nuovo progetto ed e assegnare come dimensione : Dimensioninuovoprogetto 700 600
4) Inserire nella prima pagina la figura Sequoia.gif usando il Menu  Inserisci  Immagine. .
Adeguare la dimensione dell’immagine alla pagina.
5) Salvare il progetto, ad esempio con nome Fumetto
6) Creare una nuova pagina (pagina2) ed inserire la figura Sequoia2.gif usando il Menu  Inserisci 
Immagine. Adeguare la dimensione dell’immagine alla pagina.
7) Creare una nuova pagina (pagina3) ed inserire la figura Sequoia3.gif usando il Menu  Inserisci 
Immagine. . Adeguare la dimensione dell’immagine alla pagina.
8) Creare una nuova pagina (pagina4) ed inserire la figura Sequoia4.gif usando il Menu  Inserisci 
Immagine. . Adeguare la dimensione dell’immagine alla pagina.
RICORDARSI SEMPRE DI SALVARE IL PROGETTO
9) Aggiungere alle pagine I pulsanti per passare da una pagina all’altra
NOTA: le immagini trovate su http://www.luciano.gatto.name/EditoreTopoGigio/Sequoia/Sequoia.htm
Non sono direttamente usabili in Micromondi: per questo motivo sono state trasformate in un formato
usabile in Micromondi e rese disponibili sul sito del corso.
Nel seguito vengono solo date alcune indicazioni per alcuni punti del progetto, lasciando allo studente ilsuo
completamento con altri aspetti
RACCONTO
Prima di tutto vogliamo animare la parte raccontata del fumetto: a tale scopo queste parti vengono
cancellate e ricopiate in testi – in questo modo sarà ovviamente possibile modificare il testo ed inserire un
racconto proprio
STELLA LAMPEGGIANTE
Per animare le classiche botte/risse dei fumetti verrà creata una stella lampeggiante
Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto)
2/2
RACCONTO
Il racconto è formato inserendo dei Punti Interrogativi sull’immagine, cliccando i quali tramite compare il
testo
Primo Passo: creare una tartaruga a forma di Punto Interrogativo.
Possiamo disegnare noi il punto interrogativo oppure prendere una immagine già fatta. Dove? Su
Internet.Andiamo su www.google.it, nella sezione di ricerca delle immagini e ricerchiamo
PuntoInterrogativo. Prendiamo una di queste immagini
e con il tasto destro la copiamo
(ora l’immagine e’ copiata negli appunti del computer) e la incolliamo nella sezione delle forme di
MicroMondi (su un punto vuoto)
Ora abbiamo la forma PuntoInterrogativo che può essere asegnata alle tartarughe
Secondo Passo: dare alla tartaruga l’istruzione testo1, mostratesto (una volta)
Terzo Passo: creare il testo1 contenente la parte di racconto e posizionarlo sopra il Punto Interrogativo :
in questo modo la comparsa del testo1 nasconde il punto interrogativo.
Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto)
3/3
Il tutto funziona in quanto all’inizio il testo1 non è visibile. Come faccio ad essere sicuro che all’inizio della
storia il testo1 (e tutti gli altri testi usati in questo modo) non risultino visibili??
Si crea una procedura INIZIA che nasconde tutti I testi
PER INIZIA
testo1,
nasconditesto
testo2,
nasconditesto
testo3,
nasconditesto
testo4,
nasconditesto
FINE
Ora devo eseguire tale procedura. Come faccio?
Primo modo: Scrivo nei comandi INIZIA;
Secondo Modo: si crea un pulsante che esegue INIZIA e si posiziona tale pulsante nella prima pagina
Terzo Modo: si usa un trucco – siccome il testo è dalla seconda p[agina in poi, nel pulsante presente in
prima pagina che mi permette di passare alla seconda si aggiunge il comando INIZIA (minuscolo/maiuscolo
è indifferente)
Con il terzo modo si nota anche un inconveniente dei pulsanti: essi appaiono nella storia con un nome che è
tutta l’istruzione
Da fare
Come far apparire sul pulsante il nome che vogliamo noi? Basta creare una procedura con questo nome.
Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto)
4/4
RACCONTO
Un altro modo per realizzare il racconto è quello di farlo comparire un pezzo alla volta: il procedimento è
semplice ed è realizzato in questa procedura
PER RACCONTA2
testo1,
mostratesto
aspetta 20
testo2,
mostratesto
aspetta 20
testo3,
mostratesto
FINE
Inutile dire che in questa procedura si può aggiungere tutto quello che vogliamo, ad esempio un suono
prima di far comparire un pezzo. Ad esempio, usando le melodie, si crea un suono chiamato drin, (non
mostrare il nome, non visibile)
e questo suono si utilizza nella procedura RACCONTA2:
PER RACCONTA2
drin
testo1,
mostratesto
aspetta 20
drin
testo2,
mostratesto
aspetta 20
drin
testo3,
mostratesto
FINE
Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto)
5/5
STELLA LAMPEGGIANTE
Creazione di una stella lampeggiante, ottenuta alternando una la stella gialla e la stella rossa
PRIMO PASSO: Creazione della stella rossa a partire da quella gialla
1) Selezionare la stella e quindi scegliere copia dal menu edit:
Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto)
2) Selezionare un punto (posizione vuota) e quindi scegliere incolla dal menu
6/6
Quindi editate la nuova stella (assegnandole il nome stella2), modificando le sue dimensioni tramite i tasti
altezza e larghezza
Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto)
7/7
SECONDO PASSO: A questo punto assegnamo ad una tartaruga le due forme. Riprendiamo la spiegazione
fatta nel passo secondo del libro in margi.bmm.it:
Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto)
8/8
Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto)
9/9
Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto)
10/10
Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto)
11/11
Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto)
12/12
Informatica A.A. 2004/2005 – Esempio di Progetto (Fumetto)
13/13
TERZO PASSO:
Come nel caso del cane che cammina, quando la tartaruga ha due forme assegnate, ogni volta che va avanti
cambia alternativammente da una forma all’altra. Ma noi non vogliamo far spostare la stella! Comme
facciamo? Basta dare
AVANTI 0
Quindi per far lammpeggiare la stella basta dare l’istruzione
AVANTI 0 ASPETTA 3
Provate a fare la stessa cosa con tre stelle: vi create un’altra stella (verde) e (meglio cominciare da zero, con
un’atra nuova tartaruga) e sempre tenendo premuto il tatsto shift la assegnate tre stelle …
Ora mentre lampeggia si creano degli urli ….
Inserire il suono URLO e richiamarlo.