怎么制作鼠標跟隨動畫

怎么制作鼠標跟隨動畫

　　所以很多人可能會認為，鼠標跟隨這種動畫很難制作!其實很簡單，一起跟著小編來制作吧。

　　其實不然，這種動畫很簡單，因為和普通的動畫沒啥區別，僅需要一行代碼用來控制元件位置的代碼即可，難度估計在于，很多人不知道將代碼放到哪個地方，在這里，我們會為你逐一講解。

　　下面，我們就來一起制作一個最簡單的元件跟隨鼠標的動畫吧。

　　方法/步驟

　　一、繪制一個元件

　　下面我們先在舞臺中畫一個元件，這個元件就是會跟隨鼠標移動的元件，你畫什么都行，比如畫一個圓、畫一個正方形等都可以，在這里，本例畫的是一個標準的六角星，此時畫出來的對象是形狀對象。

　　如上圖所示，在圖層1的第一幀中，畫一個標準的六角星，效果如上圖。

　　接著，還沒完，我們得將這個六角星轉換為元件，使用鼠標拖選的辦法選中六角星對象，然后按下　F8　鍵，彈出如下圖的對話框。

　　上圖中，我們選擇“影片剪輯”這種類型，上面的三種類型，你選擇哪種都行，都能實現效果。

　　為什么要轉換成為元件呢?原因就是元件可以取名字，而畫出來的形狀對象不可以取名字，在這里，我們需要對象有名字，所以就得進行轉換。

　　二、給元件添加跟隨代碼

　　如下圖，在舞臺中，選中“六角星”對象，找到該對象對應的屬性面板。

　　如上圖藍線圈住的那輸入框，就可以輸入名字，在這里，我們輸入　xin　這個名字。

　　接著，在圖層面板中，如下圖的藍線圈住的那按鈕，點擊一下，添加圖層2。

　　然后，選擇圖層2的第一幀，注意，這個幀是一個空的關鍵幀，用鼠標選擇這個幀。然后，按下鍵盤上的 F9 鍵，會彈出代碼輸入面板。

　　6如上圖的右下部分，這里就是輸入代碼的地方。我們按照上圖的代碼照著輸入即可。

　　xin.startDrag(true);

　　輸入代碼之后，我們就發現，圖層2的第一幀上面，多了一個a字母的圖標，看到沒，你看上圖就能看到了。說明已輸入代碼。

　　注意，xin指的是我們給六角星在屬性窗口中所取的名字。

　　后面的startDrag(true)的含義是允許拖動、跟隨鼠標移動的意思。

　　至此，整個動畫制作完成，你可以放心的測試你的動畫了，若看不到元件跟隨鼠標在移動，說明你沒學會本例子的內容。