Spiderman 3
La Pioggia
L'idea è quella di disegnare con gli strumenti di Flash una singola goccia di pioggia,
quindi creare l'animazione della medesima goccia che attraversa lo stage, con la stessa inclinazione
del disegno originale.
Infine, tramite uno script, duplicare detta clip "n" volte, cambiando ogni volta, in maniera casuale, alcune proprietà
del clip in maniera da creare un effetto realistico.
Cominciamo con la goccia.
Creiamo un nuovo simbolo Menu -> Insert -> New Symbol, impostiamo tipo: Movieclip, nome: goccia.
Disegnate qualcosa di simile alla goccia qui a lato. Il disegno riprodotto qui a lato è ingrandito 800 volte, notate le dimensioni
reali nel pannello delle proprietà. Come noterete la coggia ha una specie di contorno semi trasparente; l'ho ottenuto in questa maniera:
Menu -> Modify -> Shape -> Soften Fill Edges...
Inseriamo un nuovo layer (livello) sulla timeline principale, esattamente tra "velo" è "spider", così come nell'immagine a lato e lo chiamiamo "Pioggia".
Vi trasciniamo il simbolo goccia, disponendolo un po' fuori dalla stage in alto a sinistra come nell'immagine a sinistra (poi capirete perché).
Con il clip della goccia selezionato, premiamo F8 per inglobarlo in un altro mc cui daremo il nome di: clip_trak.
Facendo doppio click sul simbolo appena creato, lo editiamo. Sulla sua timeline al momento c'è solo un livello con un KF che contiene il clip della goccia.
Click destro sul layer e, dal menu contestuale, scegliamo: Add motion Guide. Nel livello testé creato, con lo strumento matita, tracciamo una linea obliqua che
segua, più o meno, la direzione di caduta della pioggia (vedi immagine sotto):
Blocchiamo il livello guida. Selezioniamo il KF goccia e lo duplichiamo, premendo in sequenza F5 quindi F6. Il secondo KF, appena creato, lo spostiamo a destra
di circa 25 frames (come nell'immagine sopra), quindi click destro sul primo KF e dal menu contestuale selezioniamo: Create Motion Tween. Il risultato dovrebbe essere quello
dell'immagine sopra.
Ora dobbiamo solamente "agganciare" i due KF della goccia alle estremità della linea guida, quindi selezioniamo prima il clip sul 1° frame e lo
agganciamo all'inizio (in alto) della linea guida, quindi selezioniamo il clip goccia dell'ultimo frame e lo agganciamo alla fine della linea in basso.
Se eseguiamo la prova filmato vedremo una goccia solitaria che attraversa la scena.
Ora non ci resta che scrivere una funzione in Actionscript per creare l'effetto desiderato.
