Login:

iMasters | Por uma internet mais criativa e dinâmica

Feeds

ActionScript

Feed da seção ActionScript

Newsletter de ActionScript


Terça-feira, 17/05/2005 - 13:09 - Por André Bittencourt
Seções relacionadas:

Desenvolvendo Animação com Action Script

Olá pessoal! Neste segundo artigo vou mostrar como o Action Script pode nos ajudar na hora de desenvolver uma animação. Usarei como exemplo um alpha de uma imagem que é ativado e desativado de acordo com o posicionamento do mouse em um botão.

Com o uso do Action Scritp nesse tipo de animação, podemos diminuir o peso e o número de frames do arquivo consideravelmente. Vamos iniciar criando um arquivo de 550 x 400 px contendo três layers:

.Action
.Botão
.Movie Clip

Na layer botão, crie um botão e o instancie de btnFoto:

Na layer Movie Clip importe uma imagem e a converta para Movie Clip. Instancie-o como mcFoto:

Agora vamos ao Action Script. No frame 1 da layer action abra o painel de action e digite:

/*define que o Movie Clip instanciado de mcFoto começara com 0 de opacidade*/
mcFoto._alpha = 0;

/*define que quando o mouse passar pela área do botão instanciado de btnFoto, o
mcFoto que estava com opacidade 0 ira aumentando até chegar a 100*/
btnFoto.onRollOver = function() {
mcFoto.onEnterFrame = function () {
   if (mcFoto._alpha<100) {
      mcFoto._alpha += 10;
    }
  }
}

/*define que quando o mouse sair da área do botão instanciado de btnFoto, o
mcFoto que estava com opacidade 100 ira diminuindo até chegar a 0*/
btnFoto.onRollOut = function() {
mcFoto.onEnterFrame = function () {
    if (mcFoto._alpha>0) {
      mcFoto._alpha -= 10;
    }
  }
}

Fizemos um efeito alpha com apenas algumas linhas de código e apenas um frame.
Clique aqui para fazer download do fla.

Abraços até a próxima.

Todos os artigos de André Bittencourt

6 comentários publicados

  • 1. Vc talvez pode me ajudar.

    Sábado, 21/05/2005, por Gustavo Denis

    O André, estou querendo estudar action mas não encontro nada sobre o assunto.
    Será que vc teria alguma solução pro me caso, algum site sei lá alguma dica.
    Valeu...Fui

    Responder comentário

  • 2. e o processador?

    Quarta-feira, 01/06/2005, por Edson Antonio Britembach

    depois que o alpha chegar a 100 a função onEnterFrame vai continuar funcionando ocupando processamento, você poderia cancelar a onEnterFrame, quando chegasse em 100 ou -100 utilizando delete mcFoto.onEnterFrame, aí não cansaria o processador.

    Espero que tenha ajudado falow!

    Responder comentário

  • 3. Tiago Batista Da Silva Braga

    Terça-feira, 05/07/2005, por jaime joaquim da mata junior

    Prezado Tiago
    A melhor maneiro de estudar action scrupt e ler o help do flash e participar de forum e lista de discuções.

    Abraços

    Responder comentário

  • 4. Action Script

    Sexta-feira, 08/07/2005, por Eduardo

    Muito bom mesmo, mais eu gostaria de saber de eu colocar mais que um botão e mais que um Movi Clip como é que eu faço se vc poder me ajudar eu agradeço

    Responder comentário

  • 5. Edson Lee

    Sexta-feira, 08/07/2005, por jaime joaquim da mata junior

    Prezado Edson Lee
    Para colocar mais de um mc e mais de uma imagem e só fazer da mesma maneira so que com outro mc e com outra foto e claro não colocar os mesmos nomes !

    Responder comentário

  • 6. Otimo...

    Quinta-feira, 23/03/2006, por Felipe Franzes

    Achei muito boa ideia, tanto que era exatamente o que eu queria fazer, isso iria fazer meu site ficar super leve, isso se funciona-se com textos, porem n funciona (ou pelo menos eu n consegui) eu gostaria de uma dica do que eu poderia fazer...

    http://www.ucam-campos.br/~fucam/meu/sitetop.fla

    Responder comentário

Poste um comentário


Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.

Sobre o autor

André Bittencourt é Flash Designer e desenvolve para web e multmídia desde 2003. Graduando em Desenho Industrial, também possui conhecimento em CSS, HTML e XML.


Indique para um amigo

captcha

TI SHOP Produtos iMasters

  • Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
  • Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
  • DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
  • DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.