遮罩應用(1)：簡單遮罩效果

  說實在，遮罩在flash應用相當普遍，畢竟應用它能夠產生一些很不錯的效果。什麼是遮罩技術？具體的，我不能給以解析，簡單形容像井底之蛙看到世界一樣。姑且是一個很不恰當的形容。

好，我們來做一個探明的效果。

準備好一張圖片。

 

接下來，嘗試匯入到flash裡面去（下面是寫在時間軸上的），使用Loader類載入我們想要的圖片，然後載入完了，建立畫一個圓，這個圓就是用作我們遮罩上用的。loader.mask=sprite;//設定遮罩。然後進行拖動。簡單的效果就出來了

 

var loader:Loader=new Loader();<br />loader.load(new URLRequest("aa.jpg"));//載入對象<br />addChild(loader);</p><p>var sprite:Sprite=new Sprite();</p><p>stage.addEventListener(Event.ENTER_FRAME,Run);<br />function Run(event:Event):void<br />{<br />sprite.graphics.lineStyle(1,0,1);//設定線條樣式<br />sprite.graphics.beginFill(0xFFFFFF);<br />sprite.graphics.drawCircle(10,10,50);//畫圓<br />sprite.graphics.endFill();//結束填充<br />loader.mask=sprite;//設定遮罩對象<br />sprite.startDrag(true);//進行拖動</p><p>}

注意上面的代碼：並沒有進行監聽處理，以及最佳化，說明的問題，僅僅在於使用DisplayObject類下一個mask屬性，這個屬性是設定遮罩的層。對上面的代碼，使用了Api畫圖進行一些簡單的處理。建立一個遮罩層而已。我們看到是僅僅是我們建立的遮罩層。下面完全被隱藏了。

 

如果想像一下，這像不像在井底裡面看到的藍天呢？