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