当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash技巧:PNG非透明区域为mask

Flash动画制作
Flash 3d效果精彩实例(5)
贺新年 制作五彩缤纷焰火动画
FlashMX2004中的XML应用之原理篇
制作一个骄艳的鲜花情人Flash贺卡
有趣 用Flash制作互动的小人
Flash制作鸡年新春动画贺卡
Flash MX 2004 UI组件系列教程(3)
Flash加载外部文件(5)
Flash MX 2004 UI组件系列教程(4)
Flash加载外部文件(2)
Flash加载外部文件(3)
一个最简便的代码实现任意数字和0的来回跳转
让Flash课件中测试题信手拈来
MX中如何实现swf文件的完美跳转
三分钟理解Flash中的级别关系
flash与ASP通信的几种方法
flashMX2004视频插件的应用教程
如何做好一个多人配合的flash项目
AS计算方面的错误
如何防止SWF文件被反编译

Flash动画制作 中的 Flash技巧:PNG非透明区域为mask


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 263 ::
收藏到网摘: n/a

在Flash中我们可以画一个任意的图片为mask区域..有时候我们可能需要利用png中非透明区域为mask..如果直接使用a.mask = b(b为包含png图片的对象);出来的效果会这样:(右图为png原图)



而我们希望得到的效果其实是:


分析一下上面的效果的代码~~

  1. //随便加载一张图片,来用处为mask的目标   
  2. var image:Loader = new Loader();   
  3. image.cacheAsBitmap = true;//此步重要,把对象缓存为位图   
  4. addChild(image);   
  5. image.load(new URLRequest("/UploadTeach/200901/20090116173230248.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/20090116173231266.png"));   
  13.   
  14. //设置mask   
  15. image.mask = loader;   
  16.   
  17. //以下代码非必要...................................................................   
  18.   
  19. //把png复制一份显示出来   
  20. function complete(e:Event):void  
  21. {   
  22.     var bit:BitmapData = Bitmap(loader.content).bitmapData.clone();   
  23.     var bmp:Bitmap = new Bitmap(bit);   
  24.     bmp.x = 256;   
  25.     addChild(bmp);