3．MC應(yīng)用——鼠標(biāo)看圖

范例簡(jiǎn)介

圖4-5-10是本例的運(yùn)行效果，畫(huà)面的底圖是一個(gè)很漂亮的矢量風(fēng)景圖，起始狀態(tài)它被一層黑色罩擋著，看不到，你必需用鼠標(biāo)快速地劃動(dòng)，隨著劃動(dòng)的軌跡，漸漸露出風(fēng)景圖，而在一定時(shí)間后又漸漸閉合。

圖4-5-10 “鼠標(biāo)看圖”運(yùn)行效果

制作步驟

這個(gè)效果看起來(lái)還夠“酷”的，實(shí)際上卻是十分簡(jiǎn)單！

在本例的【場(chǎng)景】中僅有3個(gè)圖層，各一個(gè)幀，主要內(nèi)容就在“MC集”圖層中，“單擊”該圖層的“要害幀”，就能看到如圖4-5-11所示的情況。

圖4-5-11 MC集圖層效果

原來(lái)，風(fēng)景圖片是被一個(gè)個(gè)黑色對(duì)象遮擋著！它們就是排列整潔的名叫“功能MC”的實(shí)例對(duì)象。

打開(kāi)本范例的【庫(kù)】面板，如圖4-5-12所示，你可以看到，該范例僅4個(gè)元件，非凡簡(jiǎn)單。

圖4-5-12 【庫(kù)】面板

那么，這個(gè)MC怎么會(huì)產(chǎn)生這種鼠標(biāo)效果呢？下面我們就來(lái)看看實(shí)現(xiàn)這個(gè)效果的過(guò)程。

步驟1　創(chuàng)建實(shí)例元件

新建名為“圖形”的元件，在舞臺(tái)中繪制一個(gè)無(wú)邊框的黑色小矩形。

新建名為“跳轉(zhuǎn)按鈕”的元件，將“圖形”元件拖放到舞臺(tái)中心。

新建名為“功能MC”的元件，將“跳轉(zhuǎn)按鈕”放置在第1幀，在第2幀插入要害幀，單擊交換按鈕，將“跳轉(zhuǎn)按鈕”交換為“圖形”，并將屬性改為圖形，如圖4-5-13所示。

圖4-5-13　功能MC第2幀圖形元件屬性

在第22幀插入要害幀，將“圖形”實(shí)例的透明度修改為“0%”，并創(chuàng)建第2幀到第22幀的動(dòng)作補(bǔ)間動(dòng)畫(huà)。同樣在第112和第129幀插入要害幀，并將第129幀實(shí)例透明度修改為“100%”，創(chuàng)建這兩個(gè)要害幀之間的動(dòng)作補(bǔ)間動(dòng)畫(huà)。

步驟2　定義動(dòng)作腳本

單擊“功能MC”第1幀定義“stop”，使正常情況下，指針停止在這里。再單擊舞臺(tái)上的按鈕元件，定義動(dòng)作腳本為：

on (rollOut) {

gotoAndPlay(2);

}

這段代碼的意思是：當(dāng)發(fā)生鼠標(biāo)經(jīng)過(guò)這一事件時(shí)，讓播放指針跳到第2幀并繼續(xù)運(yùn)行。

這個(gè)功能MC僅一個(gè)圖層，第1幀中是個(gè)按鈕對(duì)象，第2幀至第22幀，是一段動(dòng)作補(bǔ)間動(dòng)畫(huà)，而第112幀至129幀又是一段動(dòng)作補(bǔ)間動(dòng)畫(huà)，本例效果就全部在這里了！

第2幀開(kāi)始的2段動(dòng)作補(bǔ)間動(dòng)畫(huà)，前段動(dòng)畫(huà)是“圖形”透明度由“100”降為“0”，后一段是由“0”恢復(fù)為“100”。

明白了，這就是“風(fēng)景畫(huà)”由看不到至逐漸顯示，再逐漸重新被罩沒(méi)的原因！改變補(bǔ)間動(dòng)畫(huà)中的過(guò)渡幀數(shù)量或者2段變形間的“距離”可以修改“風(fēng)景圖”顯示及隱去的時(shí)間。

步驟3　布局場(chǎng)景

回到“主舞臺(tái)”，將“功能MC”拖放到舞臺(tái)上，并復(fù)制排列，效果如圖4-5-11所示，完成后測(cè)便可看到本例的效果了。