Aplicando filtros com caurina FilterShortcuts
actionscript, dicas, labs abril 14th, 2009Continuando os posts sobre as classes caurina vou mostrar como trabalhar com os filtros DropShadow, Glow e Blur.
Não vou me ater muito na criação do arquivo para não ficar extenso o post, assim entendo que tu saiba trabalhar com flash.
Neste caso estou aplicando os filtros através de uma function, onde verificamos qual é o filtro solicitado pelo botão, após aplica-se o filtro solicitado.
// IMPORTAMOS A CLASSE Tweener e FilterShortcuts import caurina.transitions.Tweener; import caurina.transitions.properties.FilterShortcuts; // INICIANDO A CLASSE FilterShortcuts FilterShortcuts.init(); /** * FUNCTION aplicarFiltro * @param MouseEvent */ function aplicarFiltro(event:MouseEvent):void { var target:String = event.target.name; switch(target) { case 'shadow_mc': Tweener.addTween(container_mc, {_DropShadow_blurX:30, _DropShadow_blurY:30, time:.5, transition:'linear'}); break; case 'glow_mc': Tweener.addTween(container_mc, {_Glow_blurX:30, _Glow_blurY:30, time:.5, transition:'linear'}); break; case 'blur_mc': Tweener.addTween(container_mc, {_Blur_blurX:30, _Blur_blurY:30, time:.5, transition:'linear'}); break; } } /** * FUNCTION removerFiltro * @param MouseEvent */ function removerFiltro(event:MouseEvent):void { var target:String = event.target.name; switch(target) { case 'shadow_mc': Tweener.addTween(container_mc, {_DropShadow_blurX:0, _DropShadow_blurY:0, time:.5, transition:'linear'}); break; case 'glow_mc': Tweener.addTween(container_mc, {_Glow_blurX:0, _Glow_blurY:0, time:.5, transition:'linear'}); break; case 'blur_mc': Tweener.addTween(container_mc, {_Blur_blurX:0, _Blur_blurY:0, time:.5, transition:'linear'}); break; } } // EVENTOS shadow_mc.addEventListener(MouseEvent.MOUSE_OVER, aplicarFiltro); shadow_mc.addEventListener(MouseEvent.MOUSE_OUT, removerFiltro); glow_mc.addEventListener(MouseEvent.MOUSE_OVER, aplicarFiltro); glow_mc.addEventListener(MouseEvent.MOUSE_OUT, removerFiltro); blur_mc.addEventListener(MouseEvent.MOUSE_OVER, aplicarFiltro); blur_mc.addEventListener(MouseEvent.MOUSE_OUT, removerFiltro);
Repare que no filtro Glow você precisa alterar a cor, pois ele utiliza uma cor padrão para o filtro. Neste caso pode-se estar aplicando também a propriedade _Glow_color, que é o responsável pela manipulação da cor do Glow.
Tweener.addTween(container_mc, {_Glow_blurX:30, _Glow_blurY:30, _Glow_color:0x333333, time:.5, transition:'linear'});
As classes caurina são uma mão na roda para quem não curte usar a timelime e manipular os objetos no palco, assim facilitando e muito nossa vida. Lembrando que devemos essa ao Zeh por te-la disponibilizado a comunidade.
Clique aqui e veja como ficou o exemplo.
Comentários recentes