網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好
當前位置:酷知知識幫 > 遊戲數碼 > 電腦

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

欄目: 電腦 / 發佈於: / 人氣:1.39W

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)的含義是允許拖動、跟隨鼠標移動的意思。至此,整個動畫製作完成,你可以放心的測試你的動畫了,若看不到元件跟隨鼠標在移動,説明你沒學會本例子的內容。