Steuern der Farbe eines grellen Film-Clips mit Schwebern

Share

|

Dieser Tutorial stellt eine volle Anwendung, die Schweber für das Rote herstellt, grün, blau, und Alphawerte dar, die die Farbe eines Filmclips steuern:

1. Erstellen Sie ein neues grelles Dokument und speichern Sie es.

2. Auf dem Haupttimeline benennen Sie die Rückstellung Schicht als movieClips um und verursachen Sie eine neue Schicht, die Tätigkeiten genannt wird.

3. Verursachen Sie ein Filmclipsymbol und zeichnen Sie einen Kreis in ihm. Der Kreis sollte ungefähr 120 x 120 Pixel sein.

4. Gehen Sie zum Haupttimeline zurück und verursachen Sie einen Fall des Kreisfilmclips auf dem Stadium auf der movieClips Schicht. Setzen Sie den Fall auf die linke Seite des Stadiums. Nennen Sie das Fall circle_mc mit dem Eigenschaft Prüfer.

5. Öffnen Sie die Bestandteilverkleidung (Fenster-Bestandteile) und schleppen Sie vier Fälle des ScrollBar Bestandteils auf das Stadium auf der movieClips Schicht. Nennen Sie diese Fälle red_sb, green_sb, blue_sb und alpha_sb. Zeichnen Sie sie oben horizontal auf der rechten Seite des Stadiums.

6. Wählen Sie das keyframe der Tätigkeiten Schicht vor und öffnen Sie die Tätigkeiten Verkleidung.

7. Fügen Sie den folgenden Code der Tätigkeiten Verkleidung hinzu und prüfen Sie den Film (Steuertest-Film). Die scrollbars sind colorized automatisch, um die Farbe Bestandteile anzuzeigen, die sie steuern. Das Verschieben der Daumenschweber auf den scrollbars justiert die Farbe des Kreises.

//definieren Sie eine Funktion, die die scrollbar Fälle 
initialisiert, wie Schweber//Steuerung die Farbe Funktion initSliders 
bewertet () {

 //zuerst, stellten die Rolleeigenschaften von 
jedem der scrollbars ein. Für das Rot,// Grün und die blauen 
scrollbars sollten die Werte von 0 bis 255 reichen. Verwenden 
Sie, a// pageSize von 120, damit die Farbe Schweber einen 
proportionalen Daumenstab// die Alphastrecke ist von 0 bis 100 
herstellen und also pageSize sollte 47 sein, zum// ein zu verursachen 
Daumenstab, der mit den anderen Schwebern red_sb.setScrollProperties 
proportional ist (120, 0, 255); 
green_sb.setScrollProperties(120, 0, 255); 
blue_sb.setScrollProperties (120, 0, 255); 
alpha_sb.setScrollProperties(47, 0, 100);

 //Colorize die Schweber selbst. Bilden Sie den 
red_sb Schweber rot und ähnlich// bilden Sie green_sb Grün- und 
blue_sbblau. Bilden Sie den alpha_sb Schweber weißes 
red_sb.setStyleProperty ("Gesicht", 0xFF0000); 
green_sb.setStyleProperty("face", 0x00FF00); 
blue_sb.setStyleProperty ("Gesicht", 0x0000FF); 
alpha_sb.setStyleProperty("face", 0xFFFFFF);

 //Satz die Ausgangsposition für das Farbe Schweber 
alpha_sb bleibt bei 100% red_sb.setScrollPosition (127); 
green_sb.setScrollPosition(127); blue_sb.setScrollPosition
(127); }

Funktion initColor () {// Speicher ein neuer Farbe
Gegenstand in einer Eigenschaft von circle_mc. my_color = neues 
Color(circle_mc); circle_mc.col = my_color;

 //Speicherhinweise auf den vier scrollbars als 
Eigenschaften von circle_mc. circle_mc.red = red_sb; 
circle_mc.green = green_sb; circle_mc.blue = blue_sb; 
circle_mc.alpha = alpha_sb; }

//initialisieren Sie die Schweber und das Farbe 
Gegenstand initSliders(); initColor();

//Update, welches die Farbe des circle_mc Filmclips, der 
auf dem Schweber basiert, circle_mc.onEnterFrame = Funktion () holen 
{// die gegenwärtige Stellung der Farbe und Alphaschweber var r = 255
zurück - this.red.getScrollPosition() in Position bringt; var g
= 255 - this.green.getScrollPosition(); var b = 255 - 
this.blue.getScrollPosition(); var a = 100 - 
this.alpha.getScrollPosition();

 //aufgestellt den Umwandlunggegenstandeigenschaften, zum 
von von transformObj Farbe der circle_mcs einzustellen = neues 
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); }