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