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

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

步驟一：打開Animate CC軟件并新建AS3文檔

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

步驟二：繪制矩形

在工具欄中找到矩形工具，并在舞臺上繪制一個矩形，如圖所示。

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

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

步驟四：編輯影片剪輯

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

步驟五：創(chuàng)建補間形狀動畫

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

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

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

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

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

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

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

步驟九：添加代碼

在時間軸的幀上加入如下代碼：

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

這段代碼將在點擊重置按鈕后將動畫回到初始狀態(tài)。

現(xiàn)在，運行程序，當你點擊某個影片剪輯時，就會播放動畫效果。而點擊重置按鈕后，動畫將回到開始狀態(tài)。