本教程是向大家介紹利用Flash AS3.0打造漂亮的水紋GIF動畫效果，教程很不錯，講解的也很詳細，很值得學習，喜歡的朋友可以過來學習一下!

　　在這個Flash AS3.0實例教程中，將用到置換圖濾鏡(DisplacementMapFilter)和BitmapData類的的雜點功能(perlinNoise)，這兩個家伙常常給我們帶一些令人興奮的效果，它們的合作為大家創造了一個漂亮的的水汶，看看下面的動畫，應該還不錯吧。

　　現在來構建這個漂亮的水紋：

　　既然是水紋，想首先要找一張含水的圖片吧，河道，湖泊，水池，喜歡就行。

　　1、新建一AS3.0文檔，將幀頻設為30，將圖片導入到庫中，點右鍵，在屬性面板中將“使用JPEG導入品質”前的鉤鉤去掉，這樣做圖片的體積就會大大地減小哦。

　　2、新建一個影片剪輯元件，將圖片拖到舞臺上，設置圖片的大小，你想設多大呢?反正我是按默認的550x400。圖片在大小與文檔大小一樣大。點擊對齊面板，相對于舞臺居中對齊。

　　3、回到主場景，將MC拖到舞臺上，居中放置，為它設置一個實例名稱，我用的是“pic”圖層上鎖。

　　4、新插入一圖層，將圖片(注意是圖片不是MC)，拖到舞臺上，打開對齊面板，寬高匹配，居中對齊。現在第1，2層的圖像是完全重合的，請確認是這樣的。選擇圖片，點擊 修改>分離，將水面部分選出，刪除。可以將第1層隱藏，看看刪除后的效果。

　　：　　

　　5、新建一層用來寫代碼，打開動作面板，輸入下列代碼：

　　復制代碼

　　代碼如下:

　　1. var bmp:BitmapData = new BitmapData(550，400);

　　2. var zh:DisplacementMapFilter = new DisplacementMapFilter(bmp，new Point(0，0)，1，2，10，600);

　　3. var p1:Point = new Point();

　　4. var p2:Point = new Point();

　　5. var zdxg:Array = [p1，p2];

　　6. addEventListener(Event.ENTER_FRAME ，ld);

　　7. function ld(e:Event):void {

　　8. zdxg[0].x += 0.2;

　　9. zdxg[1].y += 0.1;

　　10. bmp.perlinNoise(168，5，2，4，true，true，2，true，zdxg);

　　11. pic.filters = [zh];

　　12. }

　　OK，測試影片，一個漂亮的水汶效果立即出現在你的眼前。

　　代碼分析：

　　首先聲明了一個與圖片一樣大的BitmapData類實例bmp，用來作為置換圖濾鏡的參數。

　　var bmp:BitmapData = new BitmapData(550，400);

　　然后聲明一個置換圖濾鏡zh，將bmp作為參數。

　　var zh:DisplacementMapFilter = new DisplacementMapFilter(bmp，new Point(0，0)，1，2，10，600);

　　接下來聲明了兩個點，并將這兩個點放到到一個叫zdxg的數組中，這個數組將用于bmp產生雜點的參數。

　　var p1:Point = new Point();

　　var p2:Point = new Point();

　　var zdxg:Array = [p1，p2];

　　然后，在ENTER_FRAME事件中調用ld函數。

　　addEventListener(Event.ENTER_FRAME ，ld);

　　ld函數，動態改變兩個點的位置，然后使bmp應用雜點功能，在每一幀的間隔產生不同的雜點效果，使置換濾鏡效果產生變化，最后讓影片剪輯pic，應用濾鏡，實現水汶效果。

　　function ld(e:Event):void {

　　zdxg[0].x += 0.2;

　　zdxg[1].y += 0.1;

　　bmp.perlinNoise(168，5，2，4，true，true，2，true，zdxg);

　　pic.filters = [zh];

　　}

　　以上就是Flash AS3.0打造漂亮的水紋GIF動畫效果教程，希望大家喜歡!

總結

以上是生活随笔為你收集整理的Flash AS3.0如何打造漂亮的水纹动画效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。