Postagens

Mostrando postagens de Julho, 2010

Transições com ActionScript 3.0

Imagem
Com  AS3 ficou fácil criar efeitos interessantes e rápidos via código, vamos ver um exemplo:

1- Crie um novo arquivo no Flash CS5 (estou recomendando já a nova versão);
2- Importe para o palco do Flash uma imagem;
3- Transforme esta imagem em um Movie Clip e coloque o nome de instância da imagem de “imagem”.
4- Crie uma nova camada e no primeiro quadro desta camada abra o painel Actions e digite:

import fl.transitions.*; import fl.transitions.easing.*; var transicao:TransitionManager=new TransitionManager(imagem);
Nas duas primeiras linhas importamos as classes que vamos utilizar.
Na terceira linha criamos uma instância chamada “transição” a partir da classe TransitionManager (classe que está presente somente do Action Script 3.0) que cuida dos efeitos de transição.

5- Numa nova linha digite:

transicao.startTransition({type:Blinds, direction:Transition.IN,duration:2,easing:Strong.easeOut, numStrips:10, dimension:1});
O parâmetro numStrips define a quantidade de retângulos e o dimensio…

Usando Pseudoclasses

Imagem
As pseudoclasses são uma maneira de referenciar elementos que tenham uma característica em particular.

Usamos dois pontos (:) para delimitar o início de um seletor de pseudoclasse. Vamos ver alguns exemplos:

A pseudoclasse :link referencia qualquer elemento que seja um hiperlink.

a:link{ color:blue;}
A pseudoclasse :visited leva esse conceito a um passo adinte e referencia hiperlinks que tenham sido visitados:

a:visited{ color:red;}

Existem um grupo de pseudoclasses chamadas de pseudoclasses dinâmicas porque se aplicam a elementos com os quais o usuário tenha interagido de alguma forma.

Temos, então a pseudoclasse :hover que referencia elementos desenhados sobre os quais o cursor esteja parado.

A pseudoclasse :active que referencia elementos que estejam ativos, ou seja, quando o usuário clica em um hiperlink, mas ainda não soltou o botão do mouse.

Outro exemplo que podemos usar é a pseudoclasse :focus para referenciar o elemento da página que esteja focalizado. Um exemplo prático é quan…

Página de introdução em Flash para seu site

Muito bem... alguns alunos meus estavam com uma dúvida em como fazer uma introdução do seu site em Flash (que é uma animação) e quando esta terminar seja, automaticamente, redirecionada para outra página (URL).

Bom... isso é uma barbada, mais fácil do que imaginamos, vamor ver, então????

1- Crie um novo arquivo no Flash CS5 (já estou recomendando esta versão que esta muito boa, como sempre :) );

2- Faça a sua animação de entrada do seu site (fique a vontade para criar...);

3- Feito a animação, crie uma nova layer e chame-a de "acoes" (como é  padrão);

4- Nesta layer "acoes" no último frame, peça para criar um keyframe (F6) e coloque a seguinte action:

stop();

navigateToURL(new URLRequest("http://www.google.com.br"), "_parent");
5- pronto, basta colocar este swf em um arquivo html e publicá-lo.

Fácil???? Teste...