在之前的文章中，我們已經(jīng)講解了如何使用影片剪輯作為按鈕?，F(xiàn)在，我們將使用相同的制作方法來(lái)創(chuàng)建一個(gè)點(diǎn)擊小程序。 步驟一：打開(kāi)Animate CC軟件并新建AS3文檔 首先，打開(kāi)Animate CC軟

在之前的文章中，我們已經(jīng)講解了如何使用影片剪輯作為按鈕。現(xiàn)在，我們將使用相同的制作方法來(lái)創(chuàng)建一個(gè)點(diǎn)擊小程序。

步驟一：打開(kāi)Animate CC軟件并新建AS3文檔

首先，打開(kāi)Animate CC軟件，并創(chuàng)建一個(gè)新的AS3文檔。請(qǐng)注意，一定要選擇AS3文檔，其他版本也支持AS3腳本的Flash同樣可以使用。

步驟二：繪制矩形

在工具欄中找到矩形工具，并在舞臺(tái)上繪制一個(gè)矩形，如圖所示。

步驟三：轉(zhuǎn)換為影片剪輯元件

選擇矩形，右鍵點(diǎn)擊選擇“轉(zhuǎn)換為元件”，或者使用快捷方式F8，將矩形轉(zhuǎn)換為影片剪輯元件。

步驟四：編輯影片剪輯

雙擊元件進(jìn)入編輯狀態(tài)，在時(shí)間軸的第10幀插入一個(gè)關(guān)鍵幀，并調(diào)整矩形的顏色。

步驟五：創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)

在中間幀上創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)，以實(shí)現(xiàn)想要的效果。

步驟六：創(chuàng)建重置按鈕

新建一個(gè)圖層，在第1幀和最后1幀插入關(guān)鍵幀，并在每個(gè)關(guān)鍵幀上輸入代碼“stop();”。這將用于停止動(dòng)畫(huà)播放。

步驟七：設(shè)置實(shí)例名

回到主場(chǎng)景，復(fù)制24個(gè)影片剪輯，并按照?qǐng)D示排列它們。然后依次設(shè)置每個(gè)影片剪輯的實(shí)例名為m0-m24。

步驟八：創(chuàng)建重置按鈕

繼續(xù)制作一個(gè)按鈕，用于重置效果。根據(jù)需要設(shè)計(jì)按鈕的外觀，并為其設(shè)置實(shí)例名為btn_reset。

步驟九：添加代碼

在時(shí)間軸的幀上加入如下代碼：

    btn_(, resetAnimation);
    function resetAnimation(event:MouseEvent):void {
        gotoAndStop(1);
    }

這段代碼將在點(diǎn)擊重置按鈕后將動(dòng)畫(huà)回到初始狀態(tài)。

現(xiàn)在，運(yùn)行程序，當(dāng)你點(diǎn)擊某個(gè)影片剪輯時(shí)，就會(huì)播放動(dòng)畫(huà)效果。而點(diǎn)擊重置按鈕后，動(dòng)畫(huà)將回到開(kāi)始狀態(tài)。