Effetto pioggia
  • Come si usa lo shape
  • La funzione Random
  • Il duplicate Movieclip

Si pu� usare lo Shape come non lo si pu� usare e ricorrere alle tecniche della Motion twening allo scopo di ottenere l'effetto pioggia. Si procede ad aprire Flash 5 e quindi a settare lo stage con 640 X 480 con sfondo appropriato. I dati inseriti sono molto importanti per far funzionare la funzione random nello spazio indicato. Anche la velocit� ha la sua importanza perch� l'effetto sia pi� reale possibile.

Dato che la clip ha una funzione random, avremo effetti diversi ogni volta che verr� caricata dando l'impressione che la pioggia non � mai la stessa. )

Per vedere l'effetto della funzione random baster� fare il reload di questa pagina.

Veniamo a noi: una volta aperto flash occorre impostate il movie ( colore , larghezza, altezza...) .

La prima cosa da fare sar� quella di creare la clip dell' effetto della goccia che cade lasciando un cerchio che pian piano sparisce.

Quindi, >insert > new simbol > movie clipe nel campo istanza immettere un nome < clip pioggia > .

Ci troviamo ora nella timeline della < clip pioggia > , selezionando il primo frame disegnamo al centro una linea piccolina e fine (dovr� dare l'idea di una gocciolina di pioggia, fate voi...); trasformiamo, poi la goccia in un oggetto. Al frame 20 inseriamo un keyframe e spostiamo la linea in basso fino a dove volete che finisca la sua caduta, create una motion tweening.
Al frame successivo, il 21, nella stessa posizione della linea, disegnamo un cerchio di spessore tipo filetto trasformandolo in oggetto e al frame 35 lo allarghiamo un p� e lo rendiamo trasparente ( alpha 0 ).

Infine inseriamo un frame vuoto al 36 con un'azione stop.

Bene, abbiamo creato una gocciolina di pioggia che, con l' effetto del cerchio finale, potrebbe dare l'impressione che cada in acqua.

Ora per� dobbiamo assegnare le varie azioni del duplicate movieclip.

Quindi:

- nella scena principale importiamo, andando su window e poi sulla libreria, la clip che abbiamo creato ( < clip pioggia >) nel primo layer che ovviamente avr� il nome della clip e nell' istanza nome assegnamo il nome di < goccia >.

- Creiamo un secondo layer che sar� chiamato < azioni > , con due keyframe vuoti dove nel primo inseriremo queste azioni:

duplicateMovieClip ("_root.goccia", i, i); // duplico il movieclip goccia, i = assegno un nuovo nome per il duplicato, i = profondit� del duplicato.

setProperty (i, _x, random(600)); // nel setProperty aggiungo la funzione random nell'asse X, io ho inserito 600 perch� il random sar� tra il punto 0 e 600 dello stage.

setProperty (i, _y, random(50)-100); // stessa cosa, ma per l'asse Y.

mentre nel secondo frame inseriamo queste azioni:

i = i+1; // " i " assume il valore di una variabile a cui aggiungo 1

gotoAndPlay (1); // torna la primo frame


(particolare livelli e Kframe con le azioni sopra descritte )

Testate e se avete fatto tutto secondo il tutorial il risultato � quello che avete visto sopra.
Ora sta a voi iniziare a progettare dei grandi temporali. :-)

Si pu� ovviamente modificare la larghezza dove far avvenire il nostro acquazzone (visto che il mio movie era nella misura di 640 x 480 il random � stato focalizzato entro i 600 pixel).

Proviamo ora a vedere il lavoro da noi realizzato:


Indietro