1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. Flash
  6. »
  7. [AS3]實作半透明的漸層遮罩效果

[AS3]實作半透明的漸層遮罩效果

2008/12/02

  之前在~Milkmidi ~的部落格中,看到奶綠利用半透明漸層,製作半透明漸層的遮罩效果,用過Flash的朋友應該都知道,先前的Flash並沒有辦法作到半透明的遮罩效果,現在已支援半透明的遮罩效果了,真是令梅干桑大吃了好幾斤。


AS3.0 半透明漸層遮罩

//漸層遮罩1
var _wu_mc:MovieClip=new wu_mc();
this.addChild(_wu_mc);
_wu_mc.x=30;
_wu_mc.y=10;

var _mask_mc:MovieClip=new mask_mc();
this.addChild(_mask_mc);
_mask_mc.x=0;
_mask_mc.y=10;
//建立點陣
_wu_mc.cacheAsBitmap=_mask_mc.cacheAsBitmap=true
_wu_mc.mask=_mask_mc;

//漸層遮罩2
var _wu_mc2:MovieClip=new wu_mc();
this.addChild(_wu_mc2);
_wu_mc2.x=150;
_wu_mc2.y=120;

var _mask_mc2:MovieClip=new mask_mc2();
this.addChild(_mask_mc2);
_mask_mc2.x=150;
_mask_mc2.y=120;
//建立點陣
_wu_mc2.cacheAsBitmap=_mask_mc2.cacheAsBitmap=true
_wu_mc2.mask=_mask_mc2;


[範例預覽] [範例下載]