flash最簡單的元件跟隨滑鼠的動畫

來源:酷知科普網 1.42W

lash動畫中,有一類經典的動畫,就是元件跟隨滑鼠的動畫,一提到這類動畫,大家都知道,效果相當可觀,所以很多人可能會認為,這種動畫很難製作!
其實不然,這種動畫很簡單,因為和普通的動畫沒啥區別,僅需要一行程式碼用來控制元件位置的程式碼即可,難度估計在於,很多人不知道將程式碼放到哪個地方,在這裡,我們會為你逐一講解。
下面,我們就來一起製作一個最簡單的元件跟隨滑鼠的動畫吧。

操作方法

(01)一、繪製一個元件下面我們先在舞臺中畫一個元件,這個元件就是會跟隨滑鼠移動的元件,你畫什麼都行,比如畫一個圓、畫一個正方形等都可以,在這裡,本例畫的是一個標準的六角星,此時畫出來的物件是形狀物件。

flash最簡單的元件跟隨滑鼠的動畫

(02)如上圖所示,在圖層1的第一幀中,畫一個標準的六角星,效果如上圖。接著,還沒完,我們得將這個六角星轉換為元件,使用滑鼠拖選的辦法選中六角星物件,然後按下 F8 鍵,彈出如下圖的對話方塊。

flash最簡單的元件跟隨滑鼠的動畫 第2張

(03)上圖中,我們選擇“影片剪輯”這種型別,上面的三種類型,你選擇哪種都行,都能實現效果。為什麼要轉換成為元件呢?原因就是元件可以取名字,而畫出來的形狀物件不可以取名字,在這裡,我們需要物件有名字,所以就得進行轉換。二、給元件新增跟隨程式碼如下圖,在舞臺中,選中“六角星”物件,找到該物件對應的屬性面板。

flash最簡單的元件跟隨滑鼠的動畫 第3張

(04)如上圖藍線圈住的那輸入框,就可以輸入名字,在這裡,我們輸入 xin 這個名字。接著,在圖層面板中,如下圖的藍線圈住的那按鈕,點選一下,新增圖層2。

flash最簡單的元件跟隨滑鼠的動畫 第4張

(05)然後,選擇圖層2的第一幀,注意,這個幀是一個空的關鍵幀,用滑鼠選擇這個幀。然後,按下鍵盤上的 F9 鍵,會彈出程式碼輸入面板。

flash最簡單的元件跟隨滑鼠的動畫 第5張

(06)如上圖的右下部分,這裡就是輸入程式碼的地方。我們按照上圖的程式碼照著輸入即可。tDrag(true);輸入程式碼之後,我們就發現,圖層2的第一幀上面,多了一個a字母的圖示,看到沒,你看上圖就能看到了。說明已輸入程式碼。注意,xin指的是我們給六角星在屬性視窗中所取的名字。後面的startDrag(true)的含義是允許拖動、跟隨滑鼠移動的意思。至此,整個動畫製作完成,你可以放心的測試你的動畫了,若看不到元件跟隨滑鼠在移動,說明你沒學會本例子的內容。

熱門標籤