BlurFilter Parte I

Comentarios: 1
Tags: FLASH, ACTIONSCRIPT, TUTORIALES
Fecha: 25/09/2006

Este es el primer tutorial que incorporo sobre Flash 8. Últimamente he tenido un poco abandonado el Flash y quiero iniciar una serie de tutoriales, abarcando sobre todo las novedades que aporta esta nueva versión de Flash. Para este primer post, he decidido abordar un pequeño ejemplo de lo que se puede realizar con la clase Blurfilter, uno de los filtros que se han añadido a Flash para poder invocarlos dede actionscript.

La clase BlurFilter permite aplicar un efecto visual de desenfoque a diversos objetos en Flash. El efecto de desenfoque suaviza los detalles de una imagen. El desenfoque puede oscilar desde un ligero efecto hasta el desenfoque gaussiano similar al de Photoshop, con un aspecto brumoso como el que se obtiene al mirar a través de un cristal semiopaco. Cuando la propiedad quality de este filtro se define como 1, el resultado es un ligero efecto. Cuando la propiedad quality se define como 3, se aproxima a un filtro de desenfoque gaussiano.

Sintaxis:

BlurFilter([blurX:Number], [blurY:Number], [quality:Number])

donde:
blurX: es la cantidad de desenfoque horizontal.
blurY: es la cantidad de desenfoque vertical.
quality: es el número de veces que debe realizarse el desenfoque.

Para este primer ejemplo se ha creado un desenfoque que se aplicará sobre tres clips de película: "Foto1_mc", "Foto2_mc" y "Foto3_mc" que se aplicará al pasar el ratón por encima de ellos y desaparecerá al quitar el ratón.

Sobre un fotograma, aplicar el siguiente actionscript:

//IMPORTO LOS FILTROS
//PARA PODER HACER USO DE ELLOS
import flash.filters.*; 
//CREO UNA INSTANCIA DE
//LA CLASE BLURFILTER
//LLAMADA DESENFOQUE
var Desenfoque:BlurFilter = new BlurFilter(5,5,3);
//CREO UNA FUNCION AL EVENTO ONROLLOVER
//QUE APLICA EL FILTRO
Foto1_mc.onRollOver = function() {
	this.filters = [Desenfoque];
};
//QUITO EL FILTRO
Foto1_mc.onRollOut = function() {
	this.filters = [null];
};

Foto2_mc.onRollOver = function() {
	this.filters = [Desenfoque];
};
Foto2_mc.onRollOut = function() {
	this.filters = [null];
};
Foto3_mc.onRollOver = function() {
	this.filters = [Desenfoque];
};
Foto3_mc.onRollOut = function() {
	this.filters = [null];
};

Descargar archivo » »

Algunas entradas relacionadas: