當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > Flash > 一個鼠標(biāo)控制背景的動畫特效

一個鼠標(biāo)控制背景的動畫特效

2021/9/11 15:22:35作者:佚名來源:網(wǎng)絡(luò)

移動端
Adobe Flash Builderv2021.0中文

大?。?24MB語言:

類型:編程軟件等級:

一個鼠標(biāo)控制背景的動畫特效
今天我們給大家講一個鼠標(biāo)控制背景的動畫特效的FLASH教程,使用功能:onClipEvent語句、鼠標(biāo)坐標(biāo)的應(yīng)用、遮罩層,我們還是先來看看完成的效果:

具體制作步驟及方法如下:

步驟一、新建一個FLASH文檔,按Ctrl+J設(shè)置寬度、高度為別人550*300,導(dǎo)入圖片素材按F8轉(zhuǎn)為影片剪輯,命名為imgmove,同時把圖層改名為“背景”層

步驟二、用下線工具畫出行為10,列為6的表格線框,按F8轉(zhuǎn)為影片剪輯,命名為“網(wǎng)格”

步驟三、用矩形工具畫一下長方形,填充為白色,大小為550*300,按F8轉(zhuǎn)為影片剪輯,命名為“mask”

頻繁三、新建一個圖層,放到剛才兩個圖層中間,命名為“mask”,選中該圖層的第一幀,把mask影片剪輯拖入到舞臺中。

步驟四、選中舞臺中的mask元件,打開“屬性”面板,設(shè)置顏色為Alpha,調(diào)為50%透明度,如圖:

透明度設(shè)置

步驟五、在“屬性”面板中設(shè)置mask影片剪輯的“實例名稱”為mask,如圖:

實例名稱

步驟六、在時間軸上選中mask圖層,單擊鼠標(biāo)右鍵在彈出的快捷菜單中執(zhí)行“遮罩層”命令,如圖:

遮罩層圖片

步驟七、選擇舞臺中的imgMove原件實例,鼠標(biāo)右鍵在彈出快捷菜單中執(zhí)行“動作”,打開“動作”面板,單擊面板右側(cè)的“腳本助手”按鈕,打開腳本助手,雙擊面板左側(cè)的“全局函數(shù)—影片剪輯控制—onClipEvent”語句,在腳本助手中默認(rèn)事件為“加載”,如圖:

動作圖片

步驟八、雙擊動作面板左側(cè)的“語句—變量—set variable”語句,在腳本助手部分設(shè)置“變量”為speed,設(shè)置“值”為0.1,如圖:

set variable語句

步驟九、雙擊“全局函數(shù)—影片剪輯—onClipEvent” 語句,在腳本助手中設(shè)置“事件”為“進(jìn)入幀”,如圖:

onClipEvent語句

步驟十、關(guān)閉腳本助手,輸入以下代碼:

this._x += speed*((_root._xmouse/(_root.mask._width/
(this._width-_root.mask._width))*-1)-this._x);
this._y += speed*((_root._ymouse/(_root.mask._height/
(this._height-_root.mask._height))*-1)-this._y);

最后,按下Ctrl+Enter快捷鍵測試動畫,就樣一個鼠標(biāo)控制背景的動畫特效就制作完成了。

如果你對這處動畫制作感興趣可以下載源碼進(jìn)行學(xué)習(xí)研究。

鼠標(biāo)控制背景的動畫下載

 

標(biāo)簽: 鼠標(biāo)  動畫  控制