跟隨鼠標移動flash教程,本例教朋友用Flash制作鼠標跟隨效果。用鼠標拖動蘿卜,兔兔眼睛總盯住蘿卜,很可愛噢...
效果演示:
制作方法:
(資料圖片)
一、做三個元件
1、插入新元件,行為電影剪輯,命名為兔子。畫出兔子的外形,也可以畫其他動物,只是眼珠不畫。如果要兔子耳朵、嘴巴、手動的話,要分層用逐幀改變形狀。如圖所示:
2、插入新元件,行為電影剪輯,命名為眼睛,確定,進入眼睛編輯窗口。在第一幀畫一個跟兔子眼眶一樣大小的、沒有填充色的圓(這里是30*30),并讓其全居中,在里面貼住圓的右邊線再畫一個沒有線條的紅色眼珠,然后把眼眶邊線的透明度設(shè)為0。
新建一個層,選中第一幀,打開“動作-幀”面板,輸入以下代碼:
this.onMouseMove=function(){
eyeX=_root._xmouse-this._x
eyeY=_root._ymouse-this._y
ang=Math.atan2(eyeY,eyeX)*180/Math.PI
this._rotation=ang
} 如圖所示:
3、插入一個新元件,行為電影剪輯,命名為蘿卜。畫出蘿卜,選中蘿卜,讓其居中。如圖所示:
二、布置主場景
新建三個層,由上到下命名為蘿卜、眼珠、兔子、背景。
1、選中背景層的第一幀導(dǎo)入一幅你喜歡的背景圖。
2、選中兔子層的第一幀,從庫拖出拖出兔子MC,放在合適位置。
3、選中眼睛層的第一幀,從庫里拖出兩個眼睛MC,分別放在兔子的眼眶里。注意也是放在眼眶的右側(cè)(兩圓相切)位置。
4、選中蘿卜層的第一幀,從庫里拖出蘿卜MC,放在樹下。選中蘿卜,并在電影剪輯屬性面板命名為“lb”。打開“動作-電影剪輯”面板,輸入如下代碼:
onClipEvent (mouseMove) {
mouse.hide();
startdrag("_root.lb", true);
} 如圖所示:
至此本實例完成,測試、存盤。
關(guān)鍵詞: 辦公軟件教程 跟隨鼠標移動flash的制作教程