Colocando objetos no Stage (Display Object)

COLOCANDO OBJETOS NO STAGE (DISPLAY OBJECTS)

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:

  1. class=“codigo”>package{
  2. import flash.display.MovieClip;
  3. public class exemplo extends MovieClip{
  4. // 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”
  5. public var mc1:MovieClip = new MovieClip();
  6. public var mc2:MovieClip = new MovieClip();
  7. /*
  8. Duas variáveis são definidas representando duas instâncias da classe MovieClip.
  9. 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.
  10. Tornando-as públicas, também serão acessíveis através de códigos externos à classe também.
  11. Observa a sintaxe para a definição das variáveis:
  12. var nome_variavel : tipo_variavel = valor;
  13. mc1 e mc2 representarão dois MovieClips
  14. */
  15. public function exemplo (){
  16. // Define a função principal da classe, Esta função sempre será executada.
  17. mc1.graphics.lineStyle(1);
  18. mc1.graphics.beginFill(0xff0000);
  19. mc1.graphics.drawCircle(100,100,50);
  20. /*
  21. Desenha um círculo (com borda preta, 1 px de espessura e preenchido com vermelho)
  22. O método drawing é o mesmo da versão anterior do AS, mas observe qeu ele está agora na classe Graphics.
  23. Entretanto a sintaxe é:
  24. MovieClip.graphics.drawingAPI_methods;
  25. Se você não não usou Drawing API em versões anteriores do AS, sugiro que você leia algo a respeito.
  26. Você encontrará informações sobre o assunto (classe Graphics) no LiveDocs.
  27. */
  28. this.addChild(mc1);
  29. /*
  30. addChild é um novo comando introduzido no AS3.
  31. Objetos que serão mostrados agora são armazenados em uma lista.
  32. addChild incluirá novos objetos da lista.
  33. O objeto inserido mais recentemente na lista é posicionado no topo da lista, ou seja é mostrado em primeiro plano.
  34. Neste caso, como o retângulo (veja a seguir) é inserido depois, ele aparecerá em primeiro plano.
  35. Não existem mais MovieClip.depth ou MovieClip.swapDepths.
  36. Para aprender mais sobre o assunto leia sobre DisplayObjectContainer.
  37. Em outras palavras, você pode considera “Colocando objetos no Stages.fla” é o MovieClip raiz (root) onde incluímos
  38. o mc1 (círculo)no Display List deste MC (root)
  39. */
  40. mc2.graphics.lineStyle(1);
  41. mc2.graphics.beginFill(0xffff00);
  42. mc2.graphics.drawRect(100,100,150,100);
  43. /*
  44. Desenha um retângulo (borda preta, 1 px de espessura e preenchido com amarelo) no MC mc2 e o inclui no Display List.
  45. Quando for mostrado, o mc2 estará em primeiro plano, à frente do círculo.
  46. */
  47. this.addChild(mc2);
  48. }
  49. }
  50. }

Passo 4

Tecle Ctrl+Enter para gerar o swf do seu arquivo fla e obterá um resultado como a seguir:

(Fonte: Betaruce)

Escrito por Francisco on agosto 16, 2007. Arquivado em Flash. Você pode seguir as respostas a esse artigo pelo RSS 2.0. Você pode deixar respostas para esse artigo

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>