Já faz um tempinho que estava atrás de um efeito que criasse ondas no Flash, e finalmente encontrei uma Classe sensacional que simula esse efeito e ainda podemos determinar alguns valores para personalizar da maneira que desejarmos.

A Classe foi escrita por David Lenaerts, e vocês podem fazer o download dela no Blog do David. Encontrei essa Classe graças a um exemplo que Lee Brimelow fez numa tela de toque, e decidi fazer um pequeno exemplo mostrando como criar o mesmo efeito usando o bom e velho mouse.

Depois de terem feito o download da Classe, criaremos um novo arquivo usando ActionScript 3 (esse exemplo não funciona em ActionScript 2), deixem a Classe no mesmo local do arquivo fla, como nessa imagem.

No Flash, criem um MovieClip e insiram uma imagem que sofrerá com o efeito das ondas, instanciem esse MovieClip de mc e no frame desse MovieClip insiram as seguintes ações:

/* Importa a Classe responsável pelo efeito de onda */
import be.nascom.flash.graphics.Rippler;
/* Cria uma instancia da Classe Rippler */
/* O primeiro parametro é o alvo a ser usado */
/* O segundo parametro é a força da onda */
/* E o terceiro parametro é o tamanho da onda */
var ondas:Rippler = new Rippler(mc, 30, 2);
/* Adicionamos um listener ao MovieClip */
/* Quando clicarmos sobre ele chama a função mcPress */
mc.addEventListener(MouseEvent.MOUSE_DOWN, mcPress);
/* Função disparada pelo evento MOUSE_DOWN */
function mcPress(event:MouseEvent):void {
	/* Adicionamos um listener para o palco */
	/* Para verificar quando o usuário soltou o clique */
	stage.addEventListener(MouseEvent.MOUSE_UP, stageUp);
	/* Adicionamos outro listener ao MovieClip */
	/* Listener para saber quando o mouse se mover */
	mc.addEventListener(MouseEvent.MOUSE_MOVE, mcMove);
}
/* Função disparada pelo evento MOUSE_UP */
function stageUp(event:MouseEvent):void {
	/* Removemos os listeners que não vão ser mais usados */
	stage.removeEventListener(MouseEvent.MOUSE_UP, stageUp);
	mc.removeEventListener(MouseEvent.MOUSE_MOVE, mcMove);
}
/* Função disparada pelo evento MOUSE_MOVE */
function mcMove(e:MouseEvent):void {
	/* Cria o efeito da onda no MovieClip */
	/* O primeiro parametro é a posição X do mouse */
	/* O segundo parametro é a posição Y do mouse */
	/* O terceiro parametro é o tamanho da onda */
	/* E o último parametro é o alpha da onda */
    ondas.drawRipple(e.target.mouseX, e.target.mouseY, 20, 1);
}

O meu exemplo ficou assim.

Aproveitem essa fantástica Classe.

[]s

Postei no portal do MXStudio a a última parte da série a respeito das novidades do Flash CS5. Nessa terceira parte falo sobre novidades do painel de Ações, o novo painel Code Snippets, novas opções no painel de Erros e sobre a integração com o Flash Builder.

http://www.mxstudio.com.br/flash/novidades-do-flash-cs5-parte-3/

[]s

Postei no portal do MXStudio a segunda parte de uma série de três artigos mostrando as novidades do Flash CS5. Nesta segunda parte, eu falo sobre o novo painel SWF History, novas opções com a ferramenta de texto e sobre o Componente FLVPlayback. O tutorial pode ser acessado pelo link abaixo.

Novidades do Flash CS5 – Parte 2

Até a última parte.

[]s

Postei no portal do MXStudio a primeira parte de uma série de três artigos mostrando as novidades do Flash CS5. Nesta primeira parte, eu falo sobre as novidades visuais, criação de aplicativos para iPhone, novos elementos gráficos da ferramenta Deco Tool, novas opções para a ferramenta Bone e integração com serviços online chamado Adobe CS Live. O tutorial pode ser acessado pelo link abaixo.

http://www.mxstudio.com.br/flash/novidades-do-flash-cs5-parte-1/

Até a segunda parte.

[]s

Mais um tutorial publicado no portal do MXStudio, dessa vez mostro como criar uma Galeria de Imagens com XML e com o efeito LightBox com o Componente FlashLightBox. Segue o link do tutorial:

http://www.mxstudio.com.br/flash/galeria-de-imagens-com-xml-e-lightbox/

Qualquer dúvida podem entrar em contato.

[]s

Acabei de publicar mais um tutorial no portal do MXStudio, e nesse tutorial mostro um exemplo bem simples de como usar a API do Google Maps no Flash.

Esse tutorial é voltado para os usuários que usam ActionScript 3 apenas, pois a API foi feita com essa versão do AS. Além do tutorial escrito, pela primeira vez fiz um vídeo-tutorial e espero que seja o primeiro de muitos.

Eis o link do tutorial:

http://www.mxstudio.com.br/flash/google-maps-no-flash/

O vídeo está hospedado no YouTube, e incorporado no próprio tutorial. Para quem quer acessar apenas o vídeo, eis o link dele:

http://www.youtube.com/watch?v=IilhyIk3bQk

[]s

Venho informar que em breve, estarei lançando meu primeiro vídeo tutorial. No vídeo foi mostrar a vocês como criar uma biblioteca de vídeos usando XML e ActionScript 3. Depois farei um tutorial para quem usa ActionScript 2.

Assim que eu tiver um tempinho de sobra, gravo o tutorial e posto no portal do MXStudio. Lembrem-se que estou querendo sugestões de novos tutoriais, se tiver um tema bacana me avise.

http://www.natanalves.com/blog/tutoriais/sugestoes-tutoriais

[]s

Estou abrindo espaço aqui no Blog, para que me sugiram novos tutoriais em Flash ou Adobe AIR. Só não posso fazer tutoriais usando ASP pois eu ainda não conheço essa linguagem. Para evitar pedidos de algum tutorial que eu já tenha feito, vejam os tutoriais que eu já publiquei em meu site.

http://www.natanalves.com/tutoriais.html

Se tudo der certo, pretendo começar a desenvolver vídeos tutoriais, pois são mais fáceis de se fazer e posso passar um pouco mais de detalhes já que nem sempre é possível fazer em um tutorial escrito. Os tutoriais vão ser hospedados no YouTube, assim que eu tiver alguma novidade eu aviso vocês.

[]s

Venho convidar a ler mais um tutorial que postei para o MXStudio. Nesse tutorial eu mostro como criar uma Galeria de Imagens com miniaturas usando XML e ActionScript 3. Segue o link do tutorial:

http://www.mxstudio.com.br/flash/galeria_imagens_2_as3/

Qualquer dúvida podem mandar um E-mail ou postar no Fórum do MXStudio.

[]s

Mais um tutorial no MXStudio e o meu segundo sobre Adobe AIR. Nesse tutorial eu mostro como criar janelas personalizadas usando o Flash CS3. Segue o link do tutorial:

http://www.mxstudio.com.br/adobe-air/criando-janelas-personalizadas/

Qualquer dúvida podem mandar um E-mail ou postar no Fórum do MXStudio.

[]s