Utilización de filtros en Actionscript 3.0

Utilización de filtros en Actionscript 3.0

Etiquetas: BevelFilter BlurFilter DropShadowFilter GlowFilter filters

Imagen en reemplazo de flash
En AS3 hay disponibles 9 tipos de filtros. En este ejemplo aplico 4 de estos filtros a una imagen del escenario, por medio de un menú de Sliders. Con estos componentes modifico alguno de los parámetros de los filtros. Estos filtros son mucho más potentes de lo que yo muestro aquí, y un estudio detallado de como usarlos viene en la ayuda de Flash.

  1. //Importo las clases necesarias
  2. import fl.events.SliderEvent;
  3. import flash.display.Sprite;
  4. import fl.controls.Slider;
  5. import flash.filters.*;
  6.  
  7. //Creo una instancia de cada tipo de filtro
  8. var biselado:BevelFilter = new BevelFilter();
  9. var desenfoque:BlurFilter = new BlurFilter();
  10. var sombra:DropShadowFilter = new DropShadowFilter();
  11. var iluminado:GlowFilter = new GlowFilter();
  12.  
  13. //Creo una función inicial que se va a encargar de programar la escena al principio
  14. function Empezar(){
  15. 	ProgramarSliders();
  16. 	ActualizarImagen();
  17. }
  18.  
  19. /*
  20. Esta función añade listeners a los 4 sliders que tengo en el escenario.
  21. El evento THUMB_DRAG se distribuye cuando se mueve el botón arrastrable
  22. del componente, y he asociado este avento a la función ActualizarImagen
  23. */
  24.  
  25. function ProgramarSliders(){
  26. 	Slider1.addEventListener(SliderEvent.THUMB_DRAG,function(){ActualizarImagen();});
  27. 	Slider2.addEventListener(SliderEvent.THUMB_DRAG,function(){ActualizarImagen();});
  28. 	Slider3.addEventListener(SliderEvent.THUMB_DRAG,function(){ActualizarImagen();});
  29. 	Slider4.addEventListener(SliderEvent.THUMB_DRAG,function(){ActualizarImagen();});
  30. }
  31.  
  32. /*
  33. Las instancias de filtro que he creado al principio tienen una serie de parámetros
  34. iniciales que dependen del tipo. En esta función yo modifico algunos de los parámetros
  35. de estos filtros, en función de la posición de los sliders. Los filtros tienen muchos más 
  36. parámetros que podemos modificar, yo he elegido estos para simplificar el ejemplo. Una vez
  37. modificados los parámetros, creo una matriz de filtros y la igualo al parámetro "filters"
  38. del clip que quiero modificar. 
  39. */
  40.  
  41. function ActualizarImagen(){
  42. 	biselado.strength = Slider1.value;
  43. 	desenfoque.blurX = Slider2.value;
  44. 	desenfoque.blurY = Slider2.value;
  45. 	sombra.distance = Slider3.value;
  46. 	iluminado.alpha = Slider4.value;
  47. 	var matFiltros = [biselado,desenfoque,sombra,iluminado];
  48. 	Imagen_mc.filters = matFiltros;
  49. }
  50.  
  51. //Ejecuto la función Empezar();
  52.  
  53. Empezar();

Descargar archivos

Comentarios
    • Autor
    • Maria
    Hola! me gustaria saber como has hecho el menu de sliders, y si puedo ponerle yo otro tipo de filtro a la imagen, uno que no sea de los que ya vienen en el programa. Gracias.
Dejar un comentario
Tu nombre (obligatorio):

E-mail (obligatorio, no se mostrará):

Web:

Comentario: