Animate核心應(yīng)用案例教程課件

本章簡(jiǎn)介：Animate2020動(dòng)畫具有交互性，可以通過(guò)對(duì)按鈕的控制來(lái)更改動(dòng)畫的播放形式。本章介紹控制動(dòng)畫播放、改變按鈕狀態(tài)、添加控制命令的方法。讀者通過(guò)學(xué)習(xí)能了解并掌握如何實(shí)現(xiàn)動(dòng)畫的交互功能，從而實(shí)現(xiàn)人機(jī)交互。第8章交互式動(dòng)畫學(xué)習(xí)目標(biāo)掌握播放和停止動(dòng)畫的方法掌握按鈕事件的應(yīng)用了解添加控制命令的方法8.1播放和停止動(dòng)畫課堂案例—制作祝福語(yǔ)動(dòng)態(tài)海報(bào)播放和停止動(dòng)畫按鈕事件使用“導(dǎo)入到庫(kù)”命令導(dǎo)入素材并制作按鈕元件，使用“創(chuàng)建補(bǔ)間形狀”命令和“遮罩層”命令制作文字動(dòng)畫效果；使用“動(dòng)作”面板添加腳本。效果圖8.1.1課堂案例—制作祝福語(yǔ)動(dòng)態(tài)海報(bào)

控制動(dòng)畫的播放和停止所使用的動(dòng)作腳本如下。（1）stop()：用于在此幀停止播放。（2）gotoAndStop()：用于轉(zhuǎn)到某幀并停止播放。（3）gotoAndPlay()：用于轉(zhuǎn)到某幀并開(kāi)始播放。（4）addEventListener()：用于添加事件監(jiān)聽(tīng)器。8.1.2播放和停止動(dòng)畫

選擇“文件>打開(kāi)”命令，在彈出的“打開(kāi)”對(duì)話框中選擇云盤中的文件，單擊“打開(kāi)”按鈕打開(kāi)文件。按Ctrl+L組合鍵，彈出“庫(kù)”面板，用鼠標(biāo)右鍵單擊按鈕元件“按鈕”，在彈出的快捷菜單中選擇“屬性”命令，彈出“元件屬性”對(duì)話框，勾選“為ActionScript導(dǎo)出”選項(xiàng)，在“類”文本框中輸入類名稱“playbutton”，單擊“確定”按鈕。在“時(shí)間軸”面板中創(chuàng)建新圖層并將其命名為“動(dòng)作腳本”。選擇“窗口>動(dòng)作”命令，彈出“動(dòng)作”面板（快捷鍵為F9）。在“動(dòng)作”面板中輸入腳本代碼。按Ctrl+Enter組合鍵查看效果。8.1.3按鈕事件

8.2按鈕事件及添加控制命令課堂案例—制作鼠標(biāo)跟隨效果添加控制命令使用“橢圓工具”、“漸變變形工具”、“變形”面板和“顏色”面板繪制星星圖形，使用“動(dòng)作”面板添加動(dòng)作腳本。效果圖8.2.1課堂案例—制作鼠標(biāo)跟隨效果

8.2.2添加控制命令

控制鼠標(biāo)跟隨效果所使用的腳本如下。root.addEventListener(Event.ENTER_FRAME,元件實(shí)例);function元件實(shí)例(e:Event){varh:元件=new元件();//添加一個(gè)元件實(shí)例h.x=root.mouseX;h.y=root.mouseY;//設(shè)置元件實(shí)例在x軸和y軸的坐標(biāo)位置

root.addChild(h);//將元件實(shí)例放入場(chǎng)景}

使用“創(chuàng)建新元件”對(duì)話框，創(chuàng)建圖形元件和按鈕元件，使用“文本工具”，輸入文字，使用“矩形工具”繪制矩形圖形。8.3課堂練習(xí)—制作女裝類動(dòng)畫

效果圖使用“橢圓工具”制作圓形裝飾圖形，使用“文本工具”輸入文本，使用“創(chuàng)建新元件”對(duì)話框