動(dòng)畫設(shè)計(jì)軟件應(yīng)用（Animate 2023） 教學(xué)課件 第10章ActionScript 3.0編程基礎(chǔ)

第10章ActionScript3.0編程基礎(chǔ)演講人2023-09-28學(xué)習(xí)目標(biāo)

ActionScript3.0是針對(duì)AnimatePlayer運(yùn)行時(shí)環(huán)境的編程語(yǔ)言，可以實(shí)現(xiàn)人機(jī)交互、數(shù)據(jù)交互等功能。本章主要結(jié)合Animate軟件中的“動(dòng)作”面板和“代碼片斷”面板，制作簡(jiǎn)單的時(shí)間軸控制動(dòng)畫。熟悉并掌握通過“代碼片斷”面板添加和修改簡(jiǎn)單的代碼。

熟悉并掌握常用的影片剪輯（MovieClip類）方法和屬性。

熟悉并掌握“動(dòng)作”面板的操作。重點(diǎn)難點(diǎn)通過編程改變實(shí)例對(duì)象的屬性05

控制影片停止播放和時(shí)間軸的跳轉(zhuǎn)。04

事件監(jiān)聽的語(yǔ)法和使用。03preFrame()、nextFrame()方法的使用。02gotoAndPlay()、play()、stop()方法的使用。0110.1時(shí)間軸導(dǎo)航學(xué)習(xí)內(nèi)容我的作品課堂實(shí)例實(shí)例分析本實(shí)例將前面章節(jié)制作的作品，制作為一個(gè)電子相冊(cè)，作為前一段時(shí)間學(xué)習(xí)的一個(gè)階段性總結(jié)。通過不斷地創(chuàng)作、積累作品，不僅可以提高自己的技能和知識(shí)，還有助于提升自身的創(chuàng)造力、表達(dá)能力和解決問題的能力。本實(shí)例主要通過“上一頁(yè)”、“下一頁(yè)”、“第一頁(yè)”、“最后一頁(yè)”按鈕來對(duì)導(dǎo)入的作品素材進(jìn)行播放，主要應(yīng)用到影片剪輯（MovieClip類）的gotoAndStop()、preFrame()和nextFrame()方法制作過程添加“第一頁(yè)”和“最后一頁(yè)”按鈕的控制代碼H幀停止操作G添加“上一頁(yè)”和“下一頁(yè)”按鈕的控制代碼I測(cè)試并發(fā)布影片J對(duì)按鈕進(jìn)行實(shí)例化命名F設(shè)置遮罩C導(dǎo)入圖像素材B創(chuàng)建按鈕D添加按鈕E新建文檔并保存A制作過程添加“第一頁(yè)”和“最后一頁(yè)”按鈕的控制代碼H幀停止操作G添加“上一頁(yè)”和“下一頁(yè)”按鈕的控制代碼I測(cè)試并發(fā)布影片J對(duì)按鈕進(jìn)行實(shí)例化命名F設(shè)置遮罩C導(dǎo)入圖像素材B創(chuàng)建按鈕D添加按鈕E新建文檔并保存A制作過程添加“第一頁(yè)”和“最后一頁(yè)”按鈕的控制代碼H幀停止操作G添加“上一頁(yè)”和“下一頁(yè)”按鈕的控制代碼I測(cè)試并發(fā)布影片J對(duì)按鈕進(jìn)行實(shí)例化命名F設(shè)置遮罩C導(dǎo)入圖像素材B創(chuàng)建按鈕D添加按鈕E新建文檔并保存A制作過程添加“第一頁(yè)”和“最后一頁(yè)”按鈕的控制代碼H幀停止操作G添加“上一頁(yè)”和“下一頁(yè)”按鈕的控制代碼I測(cè)試并發(fā)布影片J對(duì)按鈕進(jìn)行實(shí)例化命名F設(shè)置遮罩C導(dǎo)入圖像素材B創(chuàng)建按鈕D添加按鈕E新建文檔并保存A制作過程添加“第一頁(yè)”和“最后一頁(yè)”按鈕的控制代碼H幀停止操作G添加“上一頁(yè)”和“下一頁(yè)”按鈕的控制代碼I測(cè)試并發(fā)布影片J對(duì)按鈕進(jìn)行實(shí)例化命名F設(shè)置遮罩C導(dǎo)入圖像素材B創(chuàng)建按鈕D添加按鈕E新建文檔并保存A舉一反三“我的作品”實(shí)例中實(shí)現(xiàn)了圖片的導(dǎo)航切換，但圖片之間沒有過渡效果?？梢詫⒚繌垐D片轉(zhuǎn)換為影片剪輯元件，利用遮罩或者形狀補(bǔ)間動(dòng)畫來實(shí)現(xiàn)過渡效果.進(jìn)階訓(xùn)練本實(shí)例主要通過“播放”和“停止”按鈕來控制人物走路，主要應(yīng)用影片剪輯（MovieClip類）的stop()方法和play()方法來實(shí)現(xiàn).動(dòng)作面板知識(shí)講解10.1.2動(dòng)作面板ActionScript3.0的編程代碼可以寫在時(shí)間軸的關(guān)鍵幀上或者外部類中，本書只是對(duì)ActionScript3.0的初步介紹，代碼簡(jiǎn)單，都寫在關(guān)鍵幀上。代碼是在“動(dòng)作”面板中進(jìn)行編寫的，選擇“窗口”—“動(dòng)作”命令或者按F9鍵，可以打開“動(dòng)作”面板.10.1.3代碼片斷面板“代碼片斷”面板可以方便編程人員添加一些常見的功能代碼，為不熟悉ActionScript3.0的用戶提供制作簡(jiǎn)單交換動(dòng)畫的捷徑。選擇“窗口”—“代碼片斷”命令，即可打開“代碼片斷”面板?！按a片斷”面板提供了動(dòng)作、時(shí)間軸導(dǎo)航、動(dòng)畫、加載和卸載、音頻和視頻等代碼片斷。有的代碼片斷可以直接添加在時(shí)間軸的關(guān)鍵幀上，有的需要選擇一個(gè)實(shí)例對(duì)象后添加。10.1.4事件監(jiān)聽事件監(jiān)聽是指在某個(gè)對(duì)象上設(shè)置一個(gè)監(jiān)聽器，監(jiān)聽器內(nèi)部封裝了事件的處理程序。當(dāng)被監(jiān)聽對(duì)象發(fā)生某個(gè)事件時(shí)，事件監(jiān)聽器接收事件后進(jìn)行某種處理。完成整個(gè)事件監(jiān)聽的過程如下：bofang.addEventListener(MouseEvent.CLICK,clickbofang)functionclickbofang(event:MouseEvent):void{

play();}1．確定觸發(fā)事件的對(duì)象2．注冊(cè)事件監(jiān)聽3．執(zhí)行事件響應(yīng)函數(shù)10.1.5時(shí)間軸導(dǎo)航常用方法在ActionScript3.0的編程中，時(shí)間軸導(dǎo)航常用方法都是MovieClip類中的方法，主要包括以下幾種。（1）play()：表示在時(shí)間軸上向前移動(dòng)播放頭。（2）stop()：表示停止當(dāng)前正在播放的影片。此動(dòng)作最通常的用法是用按鈕控制影片剪輯。（3）gotoAndStop(n)：?jiǎn)螕粢赞D(zhuǎn)到幀并停止。（4）gotoAndPlay(n)：?jiǎn)螕粢赞D(zhuǎn)到幀并播放。（5）preFrame()：?jiǎn)螕粢赞D(zhuǎn)到前一幀并停止。（6）preFrame()：?jiǎn)螕粢赞D(zhuǎn)到下一幀并停止。10.2影片剪輯屬性設(shè)置學(xué)習(xí)內(nèi)容風(fēng)力發(fā)電課堂實(shí)例實(shí)例分析風(fēng)，依律而動(dòng)、來去無(wú)蹤，蘊(yùn)藏著難以想象的能量。風(fēng)力發(fā)電是指把風(fēng)的動(dòng)能轉(zhuǎn)為電能。風(fēng)是沒有公害的能源之一，而且它取之不盡，用之不竭。缺水、缺燃料和交通不便的沿海島嶼、草原牧區(qū)、山區(qū)和高原地帶，非常適合因地制宜地利用風(fēng)力發(fā)電。我國(guó)本著愛護(hù)地球環(huán)境的初心，竭力在清潔能源上謀求新的出路，先后在地域遼闊的大西北建立了多個(gè)風(fēng)力發(fā)電廠，目前已經(jīng)將風(fēng)力發(fā)電廠的陣地?cái)U(kuò)大到了風(fēng)力資源更為充沛的海上，相信在不久的將來，風(fēng)力資源會(huì)給我們帶來更多驚喜。制作過程制作葉片旋轉(zhuǎn)效果C導(dǎo)入背景素材B單擊鼠標(biāo)添加風(fēng)力發(fā)電機(jī)D保存并發(fā)布影片E新建文檔A制作過程制作葉片旋轉(zhuǎn)效果C導(dǎo)入背景素材B單擊鼠標(biāo)添加風(fēng)力發(fā)電機(jī)D保存并發(fā)布影片E新建文檔Astage.addEventListener(MouseEvent.CLICK,addfengche);functionaddfengche(e:MouseEvent){varmyfc:fengche=newfengche();myfc.x=mouseX;myfc.y=mouseY;myfc.scaleX=myfc.scaleY=Math.random()*0.5;addChild(myfc); }舉一反三利用上面實(shí)例的操作步驟制作“旋轉(zhuǎn)的摩天輪”實(shí)例效果。進(jìn)階訓(xùn)練本實(shí)例為影片剪輯實(shí)例制作多種場(chǎng)景切換效果。例如，淡入、淡出、水平移動(dòng)、垂直移動(dòng)等動(dòng)畫效果。10.2常用的動(dòng)畫效果知識(shí)講解10.2常用的動(dòng)畫效果

通過觸發(fā)鍵盤事件，實(shí)現(xiàn)用鍵盤方向鍵移動(dòng)指定的元件實(shí)例。要增加或減少移動(dòng)量，可用你希望每次按鍵時(shí)元件實(shí)例移動(dòng)的像素?cái)?shù)替換代碼中的數(shù)字5。用鍵盤方向鍵移動(dòng)10.2常用的動(dòng)畫效果通過將所指定元件實(shí)例的x屬性減少或增加指定的像素?cái)?shù)，將元件實(shí)例向左或右移動(dòng)。此代碼在默認(rèn)情況下會(huì)將元件實(shí)例移動(dòng)到右側(cè)100像素的位置，可以修改移動(dòng)的數(shù)值。當(dāng)設(shè)置數(shù)值為負(fù)值時(shí)，則元件實(shí)例會(huì)向左側(cè)移動(dòng)。代碼如下：水平移動(dòng)

mc.x+=100；10.2常用的動(dòng)畫效果

通過將元件實(shí)例的y屬性減少或增加指定的像素?cái)?shù)，將元件實(shí)例向上或向下移動(dòng)，數(shù)值為正值，向下移動(dòng)，數(shù)值為負(fù)值，向上移動(dòng)。代碼如下：

垂直移動(dòng)

mc.y+=100；10.2常用的動(dòng)畫效果

設(shè)置影片剪輯的rotation屬性，改變其數(shù)值可實(shí)現(xiàn)元件實(shí)例的旋轉(zhuǎn)?？尚薷男D(zhuǎn)的數(shù)值，數(shù)值為正值，旋轉(zhuǎn)方向?yàn)轫槙r(shí)針，數(shù)值為負(fù)值，旋轉(zhuǎn)方向?yàn)槟鏁r(shí)針。代碼如下：

旋轉(zhuǎn)一次

mc.rotation+=45；10.2常用的動(dòng)畫效果代碼說明。本實(shí)例觸發(fā)Enter_FRAME事件，表示進(jìn)入幀，當(dāng)程序進(jìn)入添加代碼的關(guān)鍵幀時(shí)觸發(fā)事件，執(zhí)行fl_RotateContinuously()函數(shù)。fl_RotateContinuously()函數(shù)主要執(zhí)行mc.rotation+=10;語(yǔ)句，表示將mc實(shí)例順時(shí)針旋轉(zhuǎn)10°。在上面的代碼中，事件觸發(fā)一次元件實(shí)例旋轉(zhuǎn)10°，而當(dāng)動(dòng)畫不斷觸發(fā)Enter_FRAME事件時(shí)，就形成了連續(xù)的旋轉(zhuǎn)動(dòng)畫。

不斷旋轉(zhuǎn)mc.addEventListener(Event.Enter_FRAME,fl_RotateContinuously)；functionfl_RotateContinuously(event:Event){mc.rotation+=10;}10.2常用的動(dòng)畫效果代碼說明：

默認(rèn)動(dòng)畫的x、y屬性值都為正數(shù)，元件實(shí)例向右或向下移動(dòng)。如果想實(shí)現(xiàn)元件實(shí)例向左或向上移動(dòng)，可以將數(shù)值改為負(fù)值。要更改元件實(shí)例的移動(dòng)速度，可更改每幀中移動(dòng)的像素?cái)?shù)，數(shù)字越大，移動(dòng)速度越快。當(dāng)動(dòng)畫不斷觸發(fā)Enter_FRAME事件時(shí)，就形成了連續(xù)的移動(dòng)動(dòng)畫。可以通過多個(gè)語(yǔ)句的結(jié)合，實(shí)現(xiàn)X軸、Y軸方向的同時(shí)移動(dòng)。

水平/垂直動(dòng)畫移動(dòng)mc.addEventListener(Event.Enter_FRAME,fl_AnimateHorizontally)；functionfl_AnimateHorizontally(event:Event){mc.x+=10；//水平移動(dòng)//或mc.y+=10；//垂直移動(dòng)}10.2常用的動(dòng)畫效果代碼說明：

mc.alpha=0;語(yǔ)句用于初始化實(shí)例對(duì)象的透明度，淡入時(shí)設(shè)置透明度為0。觸發(fā)一次Enter_FRAME事件，執(zhí)行mc.alpha+=0.01;語(yǔ)句，將透明度的值增大，逐漸實(shí)現(xiàn)淡入的效果。影片剪輯實(shí)例的Alpha值最大為1，使用if(mc.alpha>=1)判斷是否完成淡入，如果Alpha的值為1，則執(zhí)行mc.removeEventListener(Event.Enter_FRAME,fl_FadeSymbolIn);語(yǔ)句，移除事件監(jiān)聽，完成淡入效果。

淡入/淡出影片剪輯mc.addEventListener(Event.Enter_FRAME,fl_FadeSymbolIn)；mc.alpha=0；functionfl_FadeSymbolIn(event:Event){mc.alpha+=0.01；if(mc.alpha>=1){mc.removeEventListener(Event.Enter_FRAME,fl_FadeSymbolIn)；}}10.2常用的動(dòng)畫效果代碼說明：

淡出影片剪輯與淡入影片剪輯相反，初始設(shè)置Alpha值為1。通過在Enter_FRAME事件中減少元件實(shí)例的Alpha屬性值對(duì)其進(jìn)行淡出，直到它消失。所以通過事件觸發(fā)調(diào)用函數(shù)后，執(zhí)行mc.alpha-=0.01;語(yǔ)句來減少透明度。通過if語(yǔ)句判斷，如果Alpha的值為0，則移除事件監(jiān)聽。

淡入/淡出影片剪輯mc.addEventListener(Event.Enter_FRAME,fl_FadeSymbolOut)；mc.alpha=1；functionfl_FadeSymbolOut(event:Event){mc.alpha-=0.01；if(mc.alpha<=0){mc.removeEventListener(Event.Enter