Contrôle de la couleur d'une agrafe instantanée de film avec des glisseurs

Share

|

Ce cours d'instruction présente une pleine application qui crée des glisseurs pour le rouge, vert, bleu, et les valeurs d'alpha qui commandent la couleur d'une agrafe de film :

1. Créez un nouveau document instantané et sauvez-le.

2. Sur la chronologie principale, retitrez la couche de défaut comme movieClips et créez une nouvelle couche appelée des actions.

3. Créez un symbole d'agrafe de film et tracez un cercle dans lui. Le cercle devrait être approximativement 120 x 120 Pixel.

4. Revenez à la chronologie principale et créez un exemple de l'agrafe de film de cercle sur l'étape sur la couche de movieClips. Placez l'exemple du côté gauche de l'étape. Nommez le circle_mc d'exemple en utilisant l'inspecteur de propriété.

5. Ouvrez le panneau de composants (composants de fenêtre) et traînez quatre exemples du composant de ScrollBar sur l'étape sur la couche de movieClips. Nommez ces derniers red_sb, green_sb, blue_sb, et alpha_sb d'exemples. Rayez-les vers le haut horizontalement du bon côté de l'étape.

6. Choisissez le keyframe de la couche d'actions et ouvrez le panneau d'actions.

7. Ajoutez le code suivant au panneau d'actions et examinez le film (film d'essai de commande). Les scrollbars sont colorized automatiquement pour indiquer les composants de couleur qu'ils commandent. Déplacer les glisseurs de pouce sur les scrollbars ajuste la couleur du cercle.

//définissez une fonction qui initialisera les exemples 
scrollbar comme/de glisseurs/commande la couleur évalue des 
initSliders de fonction () {

 //d'abord, a placé les propriétés de rouleau de
chacun des scrollbars. Pour le rouge,// vert, et les scrollbars 
bleus, les valeurs devraient s'étendre de 0 à 255. Employez 
a// pageSize de 120 pour que les glisseurs de couleur créent une 
barre proportionnelle de pouce// gamme d'alpha est de 0 à 100, et 
ainsi pageSize devrait être 47 pour créer// barre de pouce qui est 
proportionnelle avec les autres glisseurs 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 les glisseurs eux-mêmes. Rendez le 
glisseur de red_sb rouge et, pareillement,// faites le bleu de vert et
de blue_sb de green_sb. Faites au glisseur d'alpha_sb 
red_sb.setStyleProperty blanc ("visage", 0xFF0000) ; 
green_sb.setStyleProperty("face", 0x00FF00) ; 
blue_sb.setStyleProperty ("visage", 0x0000FF) ; 
alpha_sb.setStyleProperty("face", 0xFFFFFF) ;

 //ensemble la position initiale pour l'alpha_sb de 
glisseurs de couleur reste à 100% red_sb.setScrollPosition (127) ; 
green_sb.setScrollPosition(127) ; 
blue_sb.setScrollPosition (127) ; }

initColor de fonction () {// magasin un nouvel 
objet de couleur dans une propriété de my_color de circle_mc. = 
nouveau Color(circle_mc) ; circle_mc.col = my_color ;

 //références de magasin aux quatre scrollbars comme 
propriétés de circle_mc. circle_mc.red = red_sb ; 
circle_mc.green = green_sb ; circle_mc.blue = blue_sb ; 
circle_mc.alpha = alpha_sb ; }

//initialisez les glisseurs et 
l'initSliders(d'objet de couleur) ; initColor() ;

//mise à jour que la couleur de l'agrafe de film de 
circle_mc basée sur le glisseur place circle_mc.onEnterFrame = 
fonction () {// recherchent la position actuelle de la variété de 
glisseurs de couleur et d'alpha r = 255 - this.red.getScrollPosition()
; variété g = 255 - this.green.getScrollPosition() ; 
variété b = 255 - this.blue.getScrollPosition() ; 
variété a = 100 - this.alpha.getScrollPosition() ;

 //installez les propriétés d'objet de transformation 
pour placer le transformObj de la couleur des circle_mc = nouvel 
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) ; }