Controlando a cor de um grampo flash do filme com sliders

Share

|

Este tutorial apresenta uma aplicação cheia que críe sliders para o vermelho, verde, azul, e os valores do alfa que controlam a cor de um grampo do filme:

1. Críe um original flash novo e conserve-o.

2. No timeline principal, rebatize a camada do defeito como movieClips e críe uma camada nova nomeada ações.

3. Críe um símbolo do grampo do filme e extraia um círculo nele. O círculo deve ser aproximadamente 120 x 120 pixels.

4. Retorne ao timeline principal e críe um exemplo do grampo do filme do círculo no estágio na camada dos movieClips. Coloque o exemplo no lado esquerdo do estágio. Nomeie o circle_mc do exemplo usando o inspector da propriedade.

5. Abra o painel dos componentes (componentes da janela) e arraste quatro exemplos do componente de ScrollBar no estágio na camada dos movieClips. Nomeie estes red_sb, green_sb, blue_sb, e alpha_sb dos exemplos. Alinhe-os acima horizontalmente no lado direito do estágio.

6. Selecione o keyframe da camada das ações e abra o painel das ações.

7. Adicione o seguinte código ao painel das ações e teste o filme (filme do teste do controle). Os scrollbars são colorized automaticamente para indicar os componentes que da cor controlam. Mover os sliders do polegar nos scrollbars ajusta a cor do círculo.

//defina uma função que inicialize os exemplos scrollbar
como/dos sliders/controle a cor avalia initSliders da função () {

 //primeiramente, ajustou as propriedades do scroll
de cada um dos scrollbars. Para o vermelho,// verde, e os 
scrollbars azuis, os valores devem variar de 0 a 255. Use a// 
pageSize de 120 para que os sliders da cor críem uma barra 
proporcional do polegar// escala do alfa é  0 a 100, e assim que 
pageSize deve ser 47 para criar// barra do polegar que seja 
proporcional com os outros sliders. 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 os sliders eles mesmos. Faça o slider do
red_sb vermelho e, similarmente,// faça o azul do verde e do blue_sb 
do green_sb. Faça ao slider do alpha_sb red_sb.setStyleProperty
branco ("cara", 0xFF0000); green_sb.setStyleProperty("face", 
0x00FF00); blue_sb.setStyleProperty ("cara", 0x0000FF); 
alpha_sb.setStyleProperty("face", 0xFFFFFF);

 //jogo a posição inicial para o alpha_sb dos sliders. da
cor remanesce em 100%. red_sb.setScrollPosition (127); 
green_sb.setScrollPosition(127); blue_sb.setScrollPosition
(127); }

initColor da função () {// loja um objeto novo 
da cor em uma propriedade do my_color de circle_mc. = Color(circle_mc)
novo; circle_mc.col = my_color;

 //referências da loja aos quatro scrollbars como 
propriedades de circle_mc. circle_mc.red = red_sb; 
circle_mc.green = green_sb; circle_mc.blue = blue_sb; 
circle_mc.alpha = alpha_sb; }

//inicialize os sliders e o initSliders(do objeto 
da cor); initColor();

//update que a cor do grampo do filme do circle_mc baseado
no slider posiciona circle_mc.onEnterFrame = função () {// recupera 
a posição atual dos sliders. var da cor e do alfa r = 255 - 
this.red.getScrollPosition(); var g = 255 - 
this.green.getScrollPosition(); var b = 255 - 
this.blue.getScrollPosition(); var a = 100 - 
this.alpha.getScrollPosition();

 //ajustado acima as propriedades do objeto da 
transformação para ajustar o transformObj da cor dos circle_mc = 
Object(novo); 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); }