今天我们在之前的基本上..设置一下边缘模糊的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在先做好模糊效果..

评论 (0) All

登陆 还没注册？