Controllo del colore di una clip istantanea di Film con i cursori

Share

|

Questa lezione privata presenta un'applicazione completa che genera i cursori per il rosso, verde, blu ed i valori dell'alfa che controllano il colore della clip di film:

1. Generi un nuovo documento istantaneo e conservilo.

2. Sul timeline principale, cambi titolo lo strato di difetto come movieClips e generi un nuovo strato chiamato azioni.

3. Generi un simbolo della clip di film e disegnigli un cerchio. Il cerchio dovrebbe essere circa 120 x 120 pixel.

4. Rinvii al timeline principale e generi un caso della clip di film del cerchio sulla fase sullo strato dei movieClips. Disponga il caso dalla parte di sinistra della fase. Chiami il circle_mc di caso usando l'ispettore della proprietà.

5. Apra il pannello dei componenti (componenti della finestra) e trascini quattro casi del componente di ScrollBar sulla fase sullo strato dei movieClips. Chiami questi red_sb, green_sb, blue_sb ed alpha_sb di casi. Allineili in su orizzontalmente dalla parte di destra della fase.

6. Selezioni il keyframe dello strato di azioni ed apra il pannello di azioni.

7. Aggiunga il seguente codice al pannello di azioni ed esamini il film (Film della prova di controllo). Gli scrollbars sono automaticamente colorized per indicare i componenti che di colore controllano. Lo spostamento dei cursori del pollice sugli scrollbars registra il colore del cerchio.

//definisca una funzione che inizializzerà i casi 
scrollbar come// controllo dei cursori il colore stima i initSliders 
di funzione () {

 //in primo luogo, ha regolato le proprietà del 
rotolo di ciascuno degli scrollbars. Per il colore rosso,// 
verde e gli scrollbars blu, i valori dovrebbero variare da 0 a 255. 
Usi la a// pageSize di 120 affinchè i cursori di colore 
generino una barra proporzionale del pollice// gamma dell'alfa è 0 - 
100 ed in modo da pageSize dovrebbe essere 47 per generare// barra del
pollice che è proporzionale con gli altri cursori 
red_sb.setScrollProperties (120, 0, 255); 
green_sb.setScrollProperties(120, 0, 255); 
blue_sb.setScrollProperties (120, 0, 255); 
alpha_sb.setScrollProperties(47, 0, 100);

 //Colorize i cursori essi stessi. Renda il cursore 
del red_sb rosso e, similmente,// faccia l'azzurro di verde e del 
blue_sb del green_sb. Renda al cursore del alpha_sb 
red_sb.setStyleProperty bianco ("faccia", 0xFF0000); 
green_sb.setStyleProperty("face", 0x00FF00); 
blue_sb.setStyleProperty ("faccia", 0x0000FF); 
alpha_sb.setStyleProperty("face", 0xFFFFFF);

 //insieme la posizione iniziale per il alpha_sb dei 
cursori di colore rimane a 100% red_sb.setScrollPosition (127); 
green_sb.setScrollPosition(127); blue_sb.setScrollPosition
(127); }

initColor di funzione () {// deposito un nuovo 
oggetto di colore in una proprietà del my_color di circle_mc. = nuovo
Color(circle_mc); circle_mc.col = my_color;

 //riferimenti del deposito ai quattro scrollbars come 
proprietà di circle_mc. circle_mc.red = red_sb; circle_mc.green
= green_sb; circle_mc.blue = blue_sb; circle_mc.alpha = 
alpha_sb; }

//inizializzi i cursori ed il 
initSliders(dell'oggetto di colore); initColor();

//aggiornamento che il colore della clip di film 
del circle_mc basata sul cursore posiziona circle_mc.onEnterFrame = 
funzione () {// richiama l'attuale posizione dei cursori la varietà 
dell'alfa e di colore la r = 255 - this.red.getScrollPosition(); 
varietà g = 255 - this.green.getScrollPosition(); 
varietà b = 255 - this.blue.getScrollPosition(); varietà
a = 100 - this.alpha.getScrollPosition();

 //installi le proprietà dell'oggetto di trasformazione 
per regolare il transformObj di colore dei circle_mc = nuovo Object();
transformObj.ra = 0; transformObj.rb = r; 
transformObj.ga = 0; transformObj.gb = g; 
transformObj.ba = 0; transformObj.bb = b; 
transformObj.aa = a; transformObj.ab = 0; 
this.col.setTransform(transformObj); }