怎麼製作滑鼠跟隨動畫

General 更新 2024年12月28日

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

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

  下面,我們就來一起製作一個最簡單的元件跟隨滑鼠的動畫吧。

  方法/步驟

  一、繪製一個元件

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

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

  接著,還沒完,我們得將這個六角星轉換為元件,使用滑鼠拖選的辦法選中六角星物件,然後按下 F8 鍵,彈出如下圖的對話方塊。

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

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

  二、給元件新增跟隨程式碼

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

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

  接著,在圖層面板中,如下圖的藍線圈住的那按鈕,點選一下,新增圖層2。

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

  6如上圖的右下部分,這裡就是輸入程式碼的地方。我們按照上圖的程式碼照著輸入即可。

  xin.startDrag***true***;

  輸入程式碼之後,我們就發現,圖層2的第一幀上面,多了一個a字母的圖示,看到沒,你看上圖就能看到了。說明已輸入程式碼。

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

  後面的startDrag***true***的含義是允許拖動、跟隨滑鼠移動的意思。

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

如何製作自定義滑鼠指標
如何做一張自己的滑鼠墊
相關知識
怎麼製作滑鼠跟隨動畫
怎麼設定滑鼠的移動速度
電腦滑鼠跟隨效果怎麼製作
滑鼠指標靜態怎麼製作
滑鼠指標怎麼製作
電腦滑鼠經過時圖片變化怎麼製作
鍵盤怎麼代替滑鼠操作電腦
電腦鍵盤壞了怎麼使用滑鼠操作
鍵盤怎麼模擬滑鼠操作
微笑眼鏡怎麼代替滑鼠操作