Flash动画技巧:边缘模糊的mask

http://www.webjx.com/  2009-01-18 11:56:15  来源:L4cd.Net 

Webjx核心提示:Flash动画技巧:边缘模糊的mask.

上一篇文章我们讨论了:Flash技巧:PNG非透明区域为mask

今天我们在之前的基本上..设置一下边缘模糊的mask~~先看看效果:

  1. //随便加载一张图片,来用处为mask的目标   
  2. var image:Loader = new Loader();   
  3. image.cacheAsBitmap = true;//此步重要,把对象缓存为位图   
  4. addChild(image);   
  5. image.load(new URLRequest("/UploadTeach/200901/20090116172551237.jpg"));   
  6.   
  7. //加载一张png图,作为mask区域;   
  8. var loader:Loader = new Loader();   
  9. loader.contentLoaderInfo.addEventListener(Event.COMPLETE,complete)   
  10. loader.filters = [new BlurFilter(0,0,0)]//此步重要,给对象加一个filter   
  11. addChild(loader)   
  12. loader.load(new URLRequest("/UploadTeach/200901/20090116172553577.png"));   
  13.   
  14. //设置mask   
  15. image.mask = loader;   
  16.   
  17. //设置一个slider调整mask的边缘模糊   
  18. addChild(s);   
  19. s.addEventListener(Event.CHANGE,change);   
  20. function change(e:Event):void  
  21. {   
  22.     loader.filters = [new BlurFilter(s.value,s.value,s.value)]   
  23. }   
  24.   
  25. //以下代码非必要......................................................................   
  26.   
  27. //把png复制一份显示出来   
  28. function complete(e:Event):void  
  29. {   
  30.     var bit:BitmapData = Bitmap(loader.content).bitmapData.clone();   
  31.     var bmp:Bitmap = new Bitmap(bit);   
  32.     bmp.x = 256;   
  33.     addChild(bmp);   
  34. }  
注意..以上效果不一定应用在png上..可以是自己在mc上画的造型..等等,也可以在png在先做好模糊效果..
更多