Este tutorial mostrará como desenhar objetos em MCs usando a Drawing API e colocando-os no Stage.
Passo 1
Crie um novo arquivo fla e nomeie-o como desejar. No campo Document class do painel Properties, digite exemplo (vamos definir essa classe a seguir, portanto, ignore a janela com mensagem de erro que surgirá).
Passo 2
Crie um arquivo as e nomeie-o como exemplo.as. Salve-o na mesma pasta em que salvou o arquivo fla que o usará!
Passo 3
Digite o seguinte código nele:
class=“codigo”>package{
import flash.display.MovieClip;
publicclass exemplo extends MovieClip{
// Não esqueça que o nome da classe e nome da função deve ser o mesmo nome do nome do arquivo “.as”, neste caso, “exemplo”
publicvar mc1:MovieClip = new MovieClip();
publicvar mc2:MovieClip = new MovieClip();
/*
Duas variáveis são definidas representando duas instâncias da classe MovieClip.
A definição de variáveis antes da definição de funções as tornarão acessíveis para todas as funções dentro da classe.
Tornando-as públicas, também serão acessíveis através de códigos externos à classe também.
Observa a sintaxe para a definição das variáveis:
var nome_variavel : tipo_variavel = valor;
mc1 e mc2 representarão dois MovieClips
*/
publicfunction exemplo (){
// Define a função principal da classe, Esta função sempre será executada.
mc1.graphics.lineStyle(1);
mc1.graphics.beginFill(0xff0000);
mc1.graphics.drawCircle(100,100,50);
/*
Desenha um círculo (com borda preta, 1 px de espessura e preenchido com vermelho)
O método drawing é o mesmo da versão anterior do AS, mas observe qeu ele está agora na classe Graphics.
Entretanto a sintaxe é:
MovieClip.graphics.drawingAPI_methods;
Se você não não usou Drawing API em versões anteriores do AS, sugiro que você leia algo a respeito.
Você encontrará informações sobre o assunto (classe Graphics) no LiveDocs.
*/
this.addChild(mc1);
/*
addChild é um novo comando introduzido no AS3.
Objetos que serão mostrados agora são armazenados em uma lista.
addChild incluirá novos objetos da lista.
O objeto inserido mais recentemente na lista é posicionado no topo da lista, ou seja é mostrado em primeiro plano.
Neste caso, como o retângulo (veja a seguir) é inserido depois, ele aparecerá em primeiro plano.
Não existem mais MovieClip.depth ou MovieClip.swapDepths.
Para aprender mais sobre o assunto leia sobre DisplayObjectContainer.
Em outras palavras, você pode considera “Colocando objetos no Stages.fla” é o MovieClip raiz (root) onde incluímos
o mc1 (círculo)no Display List deste MC (root)
*/
mc2.graphics.lineStyle(1);
mc2.graphics.beginFill(0xffff00);
mc2.graphics.drawRect(100,100,150,100);
/*
Desenha um retângulo (borda preta, 1 px de espessura e preenchido com amarelo) no MC mc2 e o inclui no Display List.
Quando for mostrado, o mc2 estará em primeiro plano, à frente do círculo.
*/
this.addChild(mc2);
}
}
}
Passo 4
Tecle Ctrl+Enter para gerar o swf do seu arquivo fla e obterá um resultado como a seguir:
