Como desenhar uma linha animada em Flash

Escrito por mark stansberry | Traduzido por marcos a. guedes
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como desenhar uma linha animada em Flash
Desenhe e anime figuras lineares com o Flash ActionScript (Hemera Technologies/PhotoObjects.net/Getty Images)

Animação de linha é uma das primeiras coisas a se aprender para produzir desenhos animados e "videogames" cheios de ação. Algumas técnicas de animação de linha proporcionarão o que você precisa para animar figuras lineares e desenvolver personagens avançados de desenho. Animar linhas para atravessarem a tela também fornecerá a técnica que você precisa para construir armas virtuais. É possível desenhar linhas animadas na linguagem de programação ActionScript 3.0 (AS3) em Flash. Depois de desenhar uma em AS3, poderá animá-la da forma como preferir com as propriedades gráficas x e y dessa linguagem.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

O que você precisa?

  • Adobe Flash Professional (Versiões CS3, CS4, CS5)

Lista completaMinimizar

Instruções

  1. 1

    Inicie o programa. Clique em "New" (Novo) no menu "File" (Arquivo) na barra de menus principais do Flash. Clique e digite "Flash File (ActionScript 3.0)" na caixa de diálogo New Document (Novo documento) que será exibida. Clique no botão "OK" para fechar essa caixa.

  2. 2

    Selecione a opção "Actions" (Ações) no menu Window (Janela) na barra de menus principais do Flash e abra o editor "Actions". Posicione o cursor do mouse na primeira linha dele. Clique e digite o seguinte código para desenhar uma linha horizontal como um objeto MovieClip, que possui 6 pixels de largura e inclui a distância entre os pontos (50,100) e (100,100) no cenário do Flash:

    var myLine:MovieClip = new MovieClip(); myLine.graphics.lineStyle(6); myLine.graphics.moveTo(50,100) myLine.graphics.lineTo(100,100); addChild(myLine);

  3. 3

    Digite o seguinte código, começando na próxima linha do editor Actions, para declarar a variável que fará a incrementação crescente de cada frame que é reproduzido e controla onde a linha animada será desenhada no próximo frame animado:

    var i:int = 0;

  4. 4

    Digite o seguinte código, começando na próxima linha do editor Actions, para orientar o Flash a: mover a linha de 50 pixels para a esquerda toda vez que a animação entra em um novo frame; voltar para o lado esquerdo da plataforma e 50 pixels abaixo depois que a linha for movida mais do que 300 pixels para a esquerda; mover para o lado esquerdo da plataforma na posição de 100 pixels do topo dela após a ser movida para baixo por mais de 300 pixels:

    stage.addEventListener(Event.ENTER_FRAME, animateLine); function animateLine(e:Event):void { i = i + 5; myLine.x = i; if (i>300) {i=0; myLine.x = 0; myLine.y = myLine.y + 50} if(myLine.y > 300) {myLine.y=100};

    }

  5. 5

    Copie e cole o seguinte código no editor Actions para assegurar que o programa da linha animada seja executado sem erros:

    var myLine:MovieClip = new MovieClip(); myLine.graphics.lineStyle(6); myLine.graphics.moveTo(50,100) myLine.graphics.lineTo(100,100); addChild(myLine);

    var i:int = 0;

    stage.addEventListener(Event.ENTER_FRAME, animateLine);

    function animateLine(e:Event):void { i = i + 5; myLine.x = i; if (i>300) {i=0; myLine.x = 0; myLine.y = myLine.y + 50} if(myLine.y > 300) {myLine.y=100};

    }

  6. 6

    Clique na opção "TestMovie" no menu Controle na barra de menus principais do Flash para reproduzir o filme. Observe que a linha é movimentada da esquerda para direita através da plataforma e então repete o mesmo padrão, porém começando em uma posição a 50 pixels abaixo.

Dicas & Advertências

  • A taxa de quadros (frame rate) determinará quão rápido suas linhas se moverão pelo cenário. É possível definir essa taxa na caixa de texto "fps" na sua timeline ou usando a propriedade "frameRate" do AS3.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível