Flash實例教程——魚戲蓮葉間 1 - 中國WEB開發者網絡 (http://www.webasp.net) -- 技術教程 (http://www.webasp.net/article/) --- Flash實例教程——魚戲蓮葉間 1 (http://www.webasp.net/article/22/21262.htm) |
| -- 作者:閃靈兇猛 -- 發佈日期: 2005-04-30 |
魚戲蓮葉間(如圖1所示)是一個將鼠標跟隨效果應用得非常巧妙的例子。該動畫中,一條可愛的魚兒在蓮葉間暢遊。最吸引人的是,這條魚兒會緊緊跟隨著您的鼠標,並且在轉身回頭之間,魚頭、魚身以及魚尾之間的運動顯得非常連貫。一般的鼠標跟隨效果往往只應用了簡單的跟隨,實際上就是ActionScript的簡單調用。本例將告訴您如何在腳本程序的基礎上加入一些技巧,使做出來的效果更富情趣,更惹人眼球。本例在幀上下的功夫並不多,關鍵的地方在影片剪輯元件的調用和安排上。學完本實例,不但可以掌握如何製作鼠標跟隨效果,而且對動畫創作的技巧會有一個新的認識。
圖1 「魚戲蓮葉間」效果圖: 軟件知識點: 影片剪輯元件的鏈接: attachMovie 語句: with 語句: duplicateMovieClip 語句: startDrag 語句
實例分析 在製作「魚戲蓮葉間」之前,讓我們來對實例進行一些分析,以便理清思路,對全局有一個系統的把握。 製作特點 本任務主要有以下特點: (1)要做的魚其實只有魚頭、帶鰭的魚身和不再鰭的魚身3個元件,整條魚是通過腳本程序組合起來的。在魚和蓮葉的佈置上都要用到深度級別(level)的概念。 (2)鼠標跟隨效果實際上是使對像位置隨鼠標的運動而不斷變化,這樣的效果很容易就做出來了。但是要將鼠標跟隨效果做到出神入化,往往需要進行一些技巧性的計算。本例的技巧重點在於對魚的各部分的運動速度和方向的控制。 創意分析 鼠標跟隨屬於交互式動畫的一種。在Flash裡,用鼠標可以控制您想控制的任何東西。但是要使這種人為的操縱不那麼生硬,就得照顧到所操縱對象的每一個細節。 本例將一條魚拆分成若干節,首先從頭至尾對每一節的大小和透明度作一個遞減,這樣,一條頭粗尾細真實感很強的魚就做出來了。在控制魚的運動時,每一節的速度也有一個從快到慢的變化,使游動的魚有一定的伸縮度,這樣才能體現出魚的靈活性。另一個環節是隨著鼠標的運動,魚的游動方向會產生劇烈的變化。如果不對每一節的旋轉方向作一個比較精確的調整,魚身的錯位就會非常驚人。本例使用的方法是使魚在游動時身體的每一節都旋轉到前面一節在上一時刻的方向,這樣魚不再完全受鼠標的指使,而會跟隨自身的角度產生漸變。另外,在做魚鰭時讓它附帶一段改變透明度的漸變動畫,使魚更具真實感。 向場景中添加蓮葉有3種方法: 【方法1】 直接將其拖到場景中,這樣會使游動的魚浮於它的上層,顯然不是我們所要的效果。 【方法2】 將其拖到場景中,並用duplicateMovieClip方法調整其層級,使其浮於魚的上層。這是本例用到的方法。 【方法3】 不將其拖到場景中,而在庫中為其添加鏈接,使用attachMovie方法將其調用到場景中,但需要為其設置位置參數,否則它將出現在播放窗口的左上角,也就是窗口坐標中的原點位置。 |
| webasp.net |