Como criar formas retângulo com AS3

formas retangulares são uma das primeiras formas que os novatos em Flash aprender a programar em AS3 (ActionScript 3). Desde a programação do retângulo tem apenas uma linha de código, que faz com que seja fácil de implementar para iniciantes. Uma vez que você aprendeu a escrever o código para um retângulo, você pode usar sua habilidade de programação AS3 adquirido programar composições completas baseadas em retângulos com diferentes tamanhos, cores e tipos de fronteira. Combinado com suas outras habilidades de programação AS3 , você também pode animar retângulos de modo que eles mudam automaticamente a cor eo tamanho de seus plays.Things animação que você precisa

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

Mostrar Mais instruções

1

Inicie o programa flash. Clique em ” Novo” do menu ” Arquivo” na barra de menu principal Flash. Clique no tipo de arquivo “Arquivo Flash (ActionScript 3.0 ) a partir do ” ” caixa de diálogo que aparece e, em seguida, clique no botão” Novo Documento OK ” para fechar esta caixa de diálogo .

2

Selecione as ” Ações ” opção no ” menu ” na barra de menu principal do Flash para abrir a janela” ações ” editor. Posicione o cursor do mouse sobre a primeira linha do ” Ações ” editor, e clique no botão do mouse. Digite o código abaixo na ” . squareColor ” primeira linha do “Ações” editor de declarar seu retângulo como um objeto ” Shape” com um ” nome de instância ” de

var squareColor : Forma = new Shape ();

3

Anexar o método ” linestyle ” gráficos para o ” squareColor ” forma com o método de ” Graphics.lineStyle ” para definir o estilo da linha da borda do retângulo. Especifique um “1” pixel de largura de linha ampla na método ” lineStyle ” para a borda da forma . Digite o seguinte código abaixo na próxima linha do “Ações” editor para adicionar o estilo de linha.

squareColor.graphics.lineStyle (1)

4

Adicione o código abaixo na próxima linha do “Ações” editor para preencher a forma ” squareColor ” com a cor vermelha ( 0xFF0000 é o código hexadecimal para o vermelho ) :

squareColor . graphics.beginFill ( 0xFF0000 )

5

Anexar o método ” drawRect ” ao ” squareColor ” forma na próxima linha do “Ações” editor. Especifique o canto inferior esquerdo coordenada x do vértice do retângulo como “200” para o primeiro parâmetro no método ” drawRect ” . Especifique o canto inferior esquerdo coordenada y do vértice do retângulo como “200” para o segundo parâmetro no método ” drawRect ” . Especifique o superior direito coordenada x do vértice do retângulo como “300” para o terceiro parâmetro do método ” drawRect ” . Especifique o superior direito coordenada y do vértice do retângulo como ” 300″ para o quarto parâmetro do método ” drawRect ” . Digite o código para implementar o ” drawRect ” na próxima linha do “Ações” editor como :

squareColor.graphics.drawRect ( 200200300 , 300)

6

Adicione a próxima linha de código no ” Actions” editor para parar o enchimento de formas que foram iniciados com o método de ” beginFill ” , o que você digitou na antes de especificar a forma como um retângulo . Digite este código para o ” Actions” editor com o método ” endFill ” ligado à forma de retângulo ” squareColor ” como mostrado abaixo.

SquareColor.graphics.endFill ()

7

Especifique o objeto ” firstRect ” como o parâmetro no método ” addChild () ” para que o retângulo que você especificou será colocado na tela quando você reproduzir a animação . Digite a instrução para esse código na próxima linha do “Ações” editor como mostrado abaixo.

Stage.addChild ( squareColor )

8

Rever o código completo que você digitou , como mostrado abaixo, por quaisquer erros de sintaxe. Copie e cole o código no seu “Ações” editor se você não digite as linhas individuais acima

var squareColor : . Forma = new Shape();

squareColor.graphics.lineStyle(1)

squareColor.graphics.beginFill(0xFF0000)

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

squareColor.graphics.endFill ()

stage.addChild ( squareColor )

9

Clique na opção ” TestMovie ” no menu ” Controle” na a barra de menu principal do Flash para reproduzir o seu filme e veja o retângulo vermelho que você criou com o código AS3 .