神魂顛倒論壇logo

icon
首頁Adobe Animate CCFlash CC 新功能專區 → Flash8實例教學:應用濾鏡打造運動模糊

雷射溶脂 | 瘦小腹 | 植髮 | 眼袋 | 玻尿酸 | 電波拉皮 | Flash | 購物車 | Flash Player 11.2 | 豐胸 |

下一主題 上一主題


Flash8實例教學:應用濾鏡打造運動模糊


Flash8實例教學:應用濾鏡打造運動模糊 簡版






Flash8實例教學:應用濾鏡打造運動模糊

出處:PConline[ 2007-03-23 15:53:22 ]  作者:egoldy

  製作思路:建立我們必須的一個影片剪輯, 對其進行不斷的複製, 控制它的移動,最後加入模糊效果.

操作方法

1、新建一個Flash文檔,將其命名為motionblur.fla.儲.檔案的大小為500*300。 
2、在主場影中繪製一個二維圖像,它所添充的顏色有你自已來定,以及的他的形狀,如果你喜歡,你可以製作成任意的形狀.在本例中,我們繪製的是一個添了色的同心園.如下圖所示:

        

在新視窗檢視

  注意一點,目前的圖像是放大後的效果,在主場景中繪製完成後,將它的長寬大小設為25最好,不要過大。因我們在程式碼中還要對其進行縮放操作。


  3、選中場景中的園環,按下F8,將其轉換為影片剪輯,注意一點在轉換為影片剪輯時要將的它的注意點置於中心位置,如下圖所示:

        

在新視窗檢視

  4、刪掉主場景中已建立的園環,我們一旦建立了影片剪輯,這個影片剪輯就會存在於庫中,在後面的程式碼中我們將使用attachMovie方法從庫中貼上影片剪輯到場景中.ok.按下ctrl+l打開庫面板,選中我們剛建立的影片剪輯,然後右擊選擇連結屬性如下圖所示:

        

在新視窗檢視

  完成後會彈出一個視窗,在連結視窗中,我們輸入連結名稱,這本例中輸入ball.並鉤選」為actionscript匯出」確定,如下圖所示:

        

在新視窗檢視


  4、返回到主場景中,選中層上的第一影格,按下F9打開Actionscript面板,我們準備輸入程式碼.按照我們的思路,我們先來看複製並控制園環的移動.在其中加入如下程式碼:

  程式碼:

在新視窗檢視

  5、此時你就可以測試你的影片,你就會發現現在我們的滑鼠游標已經能夠控制多個影片剪輯移動了,並且有一個特點,大的移動的慢,小的移動的快.

   解釋程式碼:

   這段程式碼基本上分為兩段,前面一段是我們是進行複製,複製出我們需要的30個影片剪輯,後半
段是控制這30個影片剪輯的移動。我們先看前半段

   程式碼:

在新視窗檢視

        

  如果你單獨將這段程式碼粘到flash中,你會發現我們已經成功的複製出30個的影片剪輯,並且在這30個影片剪輯的大小,透明度均是不同的.這也是前面這段程式碼的作用,這裡我們使用了attachMovie的方法,將之前我們建立好的影片剪輯ball通過連結id將其不斷的貼上到場景中以達到不斷複製的目的.有一點在這段程式碼中我們指定的一個引用名為var temp_mc = attachMovie("ball", "ball"+i, i);
如果你最後一個大括號之前trace(temp_mc),你會得到下面的結果:

        

在新視窗檢視



  通過循環,我們得到了我們需要的所有複製後的影片剪輯實例.通俗的說,temp_mc是所有我們複製出的影片剪輯的引用名稱.這樣我們在後面使用程式碼如:

  程式碼:

     

在新視窗檢視

  你所指定給的temp_mc的屬性並不單獨代表某一個,而是全部的影片剪輯,而每個我們指定的屬性都是隨機值,所以你在測試時看到的結果便是大小不同,alpha不同的園環.
接下來我們看後半段

  程式碼:

在新視窗檢視

  這半段的程式碼目的在於使用onEnterFrame影格循環通過_xmouse,_ymouse來控制園環的移動,我們在哪裡體現的是光標移動的呢.如下:

  程式碼:

在新視窗檢視

  在這兩行程式碼中,分別定義為x,y方向上的速度, 以螢幕為中心開始,計算滑鼠游標與中心的距離,當光標與中心的位置越遠時, Stage.height/2-_ymouse計算的值就越大,反之則越小,這樣Xspeed和Yspeed的值就會有一個大小的和方向的變化,因為_xmouse,和_ymouse是有正負之分的,同時我們還發現在緩動設定緩動係數時,我們使用this._xscale和this._yscale做被除數,因為這兩個值是隨機的,同樣會反映出如出Xspeed和Yspeed的大小之分,這也意味著,如果園環被縮放的很小,那麼它的移動速度也是很快的.反之移動速度就會較慢.ok.如果你理解了這兩句,其它的程式碼,除了this._x+=Xspeed和this._y+=Yspeed是用來移動園環外,其它均為限制園環的邊界的.

  6.現在我們已經成功的複製和控制了園環的移動.接下來我們要加入flash8的模糊濾鏡以達到運動模糊的效果.打開actionscript面板,在原有程式碼的基礎上修改.
我們在最前端新增兩行.
先導入flash8的濾鏡類

  程式碼:

在新視窗檢視

  然後我們建立模糊濾鏡的實例

  程式碼:

        

在新視窗檢視

  ok.建立完成後,我們注意到,在建立實例時並沒有指定blurX,blurY的實際值的大小,因為它是變化,我們並不在這裡指定.
  接下來我們在Xspeed和Yspeed兩行程式碼的後端加入三行程式碼:如下

  程式碼:

在新視窗檢視

  前兩行我們分別設定blur.blurX和blur.blurY的大小,第三行是針對temp_mc應用濾鏡,其中的this便是指temp_mc.另外一點,因為Xspeed和Yspeed的是大小變化的,所以這也正是我們想要的,它也會使blur.blurX和blur.blurY隨著速度的變化而變化,因為blurFilter的濾鏡的blurX,blurY最小值不能小於1.而Xspeed和Yspeed是有正負之分的,所以我們要為它們新增Math.abs取他們的絕對值,以保證blurFilter的有效.
  Ok. 下面是全部的程式碼:

  程式碼:

   在新視窗檢視

  7.現在就可以測試你的影片了.你就可看到你想要的效果了.motionblur.需要注意的是我們在建立blur:BlurFilter = new BlurFilter(blurX,blurY,1)時,其中最後的參數1,是blur的質量,這裡的建議最佳值是1,當設為2或3時,運動會有不流暢的感覺.它會吃掉你大量的cpu.

  ps by egoldy:我們學習使用attachMoive複製影片剪輯,以及如何使用滑鼠游標控制影片剪輯的移動,以及將模糊濾鏡應用到actionscript 運動的影片剪輯上.以實現你要的效果.通過以上的範例,你可以舉一反三,只要掌握了應用濾鏡和如何變化它們的參數,可以製作出各種各樣的模糊效果.在應用其它濾鏡時思路上也基本上是大同小異的。

       Flash8:應用濾鏡打造運動模糊 源程式下載





瘦小腹 | 回到頂部
Icon
網路的事情,讓網路解決

[ 逛網路就像是在探險 ]

    神 魂 顛 倒 T W G

http://bbs.flash2u.com.tw

http://tw.myblog.yahoo.com/flash2u-twg

http://flash-silverlight.blogspot.com/

http://flash2u.spaces.live.com/?_c02_owner=1

簡版






非常受用~感謝大大無私的付出分享



瘦小腹 | 回到頂部

簡版






非常受用~感謝大大無私的付出分享



自體脂肪隆乳 | 回到頂部

簡版






感謝分享 敝人將受用不盡...



瘦小腹 | 回到頂部

簡版






感謝分享 敝人將受用不盡...



自體脂肪隆乳 | 回到頂部

簡版






 很好用的範例,感謝了~




自體脂肪隆乳 | 回到頂部

簡版






 很好用的範例,感謝了~




瘦小腹 | 回到頂部

簡版






 這個效果很實用喔!



自體脂肪隆乳 | 回到頂部

簡版






 這個效果很實用喔!



自體脂肪隆乳 | 回到頂部
下一主題 上一主題