Como alterar cores em AS3

Mudando a cor de suas animações gráficas pode transformar sua animação em flash em uma obra de arte em movimento. Explosões em jogos, asteróides voando pelo espaço e arco-íris são muitas vezes mais atraente com a mudança de cor de forma dinâmica . Alterando as cores de formas ou pixels com ActionScript 3 – ou AS3 para o short – requer que você alterar a propriedade de cor do objeto. A propriedade cor é especificada em ARGB ( alfa, vermelho , verde, azul ) formato hexadecimal , que é um sistema de numeração com 16 símbolos que mapeia uma cor a um number.Things você precisa

Adobe Flash Professional ( CS3, CS4 ou versões CS5 )

Show Mais instruções

1

Comece você software flash. Selecione a opção “Novo” do menu ” Arquivo” na barra de menu principal Flash. Selecione a opção de arquivo de ActionScript 3 ( AS3) na caixa de menu do arquivo que aparece para criar um novo arquivo AS3 .

2

Selecione a opção ” Cor ” no menu “Window” no menu principal do Flash bar. Posicione o cursor sobre o mapa de cores na caixa de diálogo que aparece

3

Clique . Uma cor para exibir seu código hexadecimal equivalente. Olhe na caixa que aparece abaixo do mapa de cores para localizar o código de cor hexadecimal equivalente. Verifique se o código é precedido pelo símbolo de libra , “#” e tem 6 caracteres alfanuméricos que se seguem. Note-se que os seis números alfanuméricos que seguem o sinal de libra é o código de cor hexadecimal correspondente à cor que você selecionou. Use esses valores no seu código AS3 para definir e alterar a cor dos objetos.

4

Selecione “Actions” no menu “Janela” na barra de menu principal do Flash para abrir o editor da Acção ( a visualização do texto onde você entra em código AS3 ActionScript ) .

5

Declare um inteiro sem sinal (unidade) variável chamada cor na primeira linha e atribuir-lhe um código de cor hexadecimal que você obtenha a partir do mapa de cores. Use o código de cor hexadecimal , ff00ff (que tem o mais alto nível de vermelho, o nível mais baixo de azul ea maior quantidade de verde), para este exemplo. Digite o código no editor da Ação como cor var : uint = 0xff00ff;

cor var : . Uint = 0xff00ff;

6

Declare um objeto gráfico forma com o nome ” squareColor ” no segunda linha de código . Digite o código no editor da Ação como var squareColor : Forma = new Shape (); para declarar o ” squareColor ” a forma do objeto . .

cor var : uint = 0xff00ff;

var squareColor : Forma = new Shape ();

7

Anexar uma cor de preenchimento para a ” squareObject ” forma opor-se a encher de cor dentro do perímetro da forma . Utilize a variável “cor” como a cor para preencher o ” squareObject ” forma com . Digite a terceira linha do editor da ação do código, squareColor.graphics.beginFill (cor); para definir a cor de preenchimento

cor var : . uint = 0xff00ff;

var squareColor : Forma = new Shape ();

squareColor.graphics.beginFill (cor);

8

definir a forma de ” squareObject ” como um retângulo com um vértice inferior esquerdo no ponto ( 100,100 ) e um vértice superior direito no ponto ( 300,300 ) para fazer um quadrado que é de 200 pixels de um lado ( 300 menos 200 é igual a 100 ) . Prenda o método drawRect na quarta linha do código para o objeto ” squareColor ” usando o código, squareColor.graphics.drawRect ( 100100300 , 300);

cor var : . Uint = 0xff00ff;

var squareColor : Forma = new Shape();.

squareColor.graphics.beginFill(color);

squareColor.graphics.drawRect(100,100,300, 300 );

9

Termine o preenchimento de cor com o ” endFill ” : . Método na próxima linha de código , linha 5 Digite o código squareColor.graphics.endFill (); para parar o processo de enchimento da cor do objeto ” squareColor ”

cor var : uint = 0xff00ff;

var squareColor : . Forma = new Shape();.

squareColor.graphics.beginFill(color);

squareColor.graphics.drawRect(100,100,300, 300 );

squareColor.graphics.endFill ();

10

Coloque o objeto ” squareColor ” no palco (tela) com o código, stage.addChild ( squareColor ); , na sexta linha de código no editor da Ação

cor var : uint = 0xff00ff;

var squareColor : . Forma = new Shape();.

squareColor.graphics.beginFill(color);

squareColor.graphics.drawRect(100,100,300, 300 )

squareColor.graphics.endFill ();

stage.addChild ( squareColor );

11

Selecione a opção ” TestMovie ” formam o “Control” menu na barra de menu principal do Flash para reproduzir o filme. Observe-se que um quadrado é exibido na tela com uma cor magenta

12

Clique no botão “fechar” no filme e mudar a primeira linha de código no editor do Ação para ler var color: . Unidade = 0xff0000 para mudar a cor do quadrado para vermelho. Teste o filme novamente. Observa-se que a praça está agora em vez de vermelho magenta.

Deixe um comentário