Actionscript3.0, Flash, 網頁設計

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

梅干2008/12/02
  之前在~Milkmidi ~的部落格中,看到奶綠利用半透明漸層,製作半透明漸層的遮罩效果,用過Flash的朋友應該都知道,先前的Flash並沒有辦法作到半透明的遮罩效果,現在已支援半透明的遮罩效果了,真是令梅干桑大吃了好幾斤。   興奮的將~Milkmidi ~的範例下載回來,經過一番研究發現,若元件是從元件庫中動態載入時,則會發現半透明效果卻失效了,好在有Ticore的提點,原來是少了cacheAsBitmap,現在就一起來看看如何利用動態載入元件,並實現半透明的漸層遮罩吧!

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;


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


UAG軍規iPhone防摔殼