怎麼製作滑鼠跟隨動畫
所以很多人可能會認為,滑鼠跟隨這種動畫很難製作!其實很簡單,一起跟著小編來製作吧。
其實不然,這種動畫很簡單,因為和普通的動畫沒啥區別,僅需要一行程式碼用來控制元件位置的程式碼即可,難度估計在於,很多人不知道將程式碼放到哪個地方,在這裡,我們會為你逐一講解。
下面,我們就來一起製作一個最簡單的元件跟隨滑鼠的動畫吧。
方法/步驟
一、繪製一個元件
下面我們先在舞臺中畫一個元件,這個元件就是會跟隨滑鼠移動的元件,你畫什麼都行,比如畫一個圓、畫一個正方形等都可以,在這裡,本例畫的是一個標準的六角星,此時畫出來的物件是形狀物件。
如上圖所示,在圖層1的第一幀中,畫一個標準的六角星,效果如上圖。
接著,還沒完,我們得將這個六角星轉換為元件,使用滑鼠拖選的辦法選中六角星物件,然後按下 F8 鍵,彈出如下圖的對話方塊。
上圖中,我們選擇“影片剪輯”這種型別,上面的三種類型,你選擇哪種都行,都能實現效果。
為什麼要轉換成為元件呢?原因就是元件可以取名字,而畫出來的形狀物件不可以取名字,在這裡,我們需要物件有名字,所以就得進行轉換。
二、給元件新增跟隨程式碼
如下圖,在舞臺中,選中“六角星”物件,找到該物件對應的屬性面板。
如上圖藍線圈住的那輸入框,就可以輸入名字,在這裡,我們輸入 xin 這個名字。
接著,在圖層面板中,如下圖的藍線圈住的那按鈕,點選一下,新增圖層2。
然後,選擇圖層2的第一幀,注意,這個幀是一個空的關鍵幀,用滑鼠選擇這個幀。然後,按下鍵盤上的 F9 鍵,會彈出程式碼輸入面板。
6如上圖的右下部分,這裡就是輸入程式碼的地方。我們按照上圖的程式碼照著輸入即可。
xin.startDrag***true***;
輸入程式碼之後,我們就發現,圖層2的第一幀上面,多了一個a字母的圖示,看到沒,你看上圖就能看到了。說明已輸入程式碼。
注意,xin指的是我們給六角星在屬性視窗中所取的名字。
後面的startDrag***true***的含義是允許拖動、跟隨滑鼠移動的意思。
至此,整個動畫製作完成,你可以放心的測試你的動畫了,若看不到元件跟隨滑鼠在移動,說明你沒學會本例子的內容。