第7章ActionScript30編程基礎(chǔ)

1、.l了解ActionScript 3.0的基本語(yǔ)法。l掌握代碼的書(shū)寫(xiě)位置及方法。l掌握類(lèi)的使用及擴(kuò)展方法。本章學(xué)習(xí)要求本章學(xué)習(xí)要求 第第7章章 ActionScript 3.0編程基礎(chǔ)編程基礎(chǔ). 7.1 ActionScript 3.0簡(jiǎn)介 7.2 ActionScript 3.0的基本語(yǔ)法 7.3 ActionScript 3.0常用的內(nèi)置類(lèi) 7.3 綜合實(shí)例記憶游戲本章大綱本章大綱.7.1 ActionScript 3.0簡(jiǎn)介A c t i o n S c r i p t 3 . 0 是 最 新 且 最 具 創(chuàng) 新 性 的ActionScript版本，它是針對(duì)Adobe Flash Pla

2、yer運(yùn)行環(huán)境的編程語(yǔ)言，可以實(shí)現(xiàn)程序交互、數(shù)據(jù)處理以及其他許多功能。ActionScript 3.0相比于早期的ActionScript版本具有以下特點(diǎn)。使用全新的字節(jié)碼指令集，并使用全新的AVM2虛擬機(jī)執(zhí)行程序代碼，使性能顯著提高，其代碼的執(zhí)行速度可以比舊式ActionScript代碼快10倍。具有更為先進(jìn)的編譯器代碼庫(kù)，嚴(yán)格遵循ECMAScript（ECMA 262）標(biāo)準(zhǔn)，相對(duì)于早期的編譯器版本，可執(zhí)行更深入的優(yōu)化。使用面向?qū)ο蟮木幊趟枷?，可最大限度重用已有代碼，方便創(chuàng)建擁有大型數(shù)據(jù)集和高度復(fù)雜應(yīng)用程序。ActionScript 3.0的代碼只能寫(xiě)在關(guān)鍵幀上或由外部調(diào)入，而不能寫(xiě)在元件上

3、。.區(qū)分大小寫(xiě)點(diǎn)運(yùn)算符可通過(guò)點(diǎn)運(yùn)算符（）來(lái)訪(fǎng)問(wèn)對(duì)象的屬性和方法。字面值“字面值”是指直接出現(xiàn)在代碼中的值。分號(hào)可以使用分號(hào)字符（;）來(lái)終止語(yǔ)句。若省略分號(hào)字符，則編譯器將假設(shè)每一行代碼代表一條語(yǔ)句。使用分號(hào)終止語(yǔ)句，則代碼會(huì)更易于閱讀。使用分號(hào)還可在一行中放置多個(gè)語(yǔ)句，但會(huì)使代碼變得難以閱讀。注釋編譯器將忽略注釋中的文本。單行注釋以?xún)蓚€(gè)正斜杠字符（/）開(kāi)頭并持續(xù)到該行的末尾。多行注釋以一個(gè)正斜杠和一個(gè)星號(hào)（/*）開(kāi)頭，以一個(gè)星號(hào)和一個(gè)正斜杠（*/）結(jié)尾。7.2 ActionScript 3.0的基本語(yǔ)法.7.3 ActionScript 3.0常用的內(nèi)置類(lèi)獲取時(shí)間對(duì)時(shí)間的處理主要通過(guò)Date類(lèi)

4、來(lái)實(shí)現(xiàn):var now:Date = new Date();通過(guò)點(diǎn)運(yùn)算符調(diào)用對(duì)象now中包含的getHours()、getMinutes()、getSeconds()方法便可得到當(dāng)前時(shí)間的小時(shí)、分鐘和秒的數(shù)值。var hour:Number=now.getHours();var minute:Number=now.getMinutes();var second:Number=now.getSeconds();指針旋轉(zhuǎn)角度的換算var rad_s = second * 6;7.3.1 知識(shí)準(zhǔn)備.var rad_m = minute * 6 + int(second / 10);var rad_h

5、 = hour % 12 * 30 + int(minute / 2);元件動(dòng)畫(huà)設(shè)置 根據(jù)計(jì)算所得數(shù)值，通過(guò)點(diǎn)運(yùn)算符訪(fǎng)問(wèn)并設(shè)置實(shí)例的rotation屬性便可以形成旋轉(zhuǎn)動(dòng)畫(huà)。實(shí)例名.rotation = 計(jì)算所得數(shù)值;添加事件事件通過(guò)addEventListener()方法來(lái)添加，一般格式如下。接收事件對(duì)象.addEventListener(事件類(lèi)型.事件名稱(chēng)，事件響應(yīng)函數(shù)名稱(chēng));function 事件響應(yīng)函數(shù)名稱(chēng)(e:事件類(lèi)型) /此處是為響應(yīng)事件而執(zhí)行的動(dòng)作。若是對(duì)時(shí)間軸添加事件，則使用this代替接收事件對(duì)象或省略不寫(xiě)。.算法分析設(shè)一個(gè)變量index，要讓index在0n-1之間從小到大循

6、環(huán)變化，則可使用如下算法。index+; /“+”表示index = index+1，變量自加1index = index % n; /“%”表示取余數(shù)若要讓index在0n-1之間從大到小循環(huán)變化則：index += n-1; /“+=”是index = index + (n-1)的縮寫(xiě)index = index % n;.【設(shè)計(jì)思路】制作時(shí)鐘外殼和陰影。制作表盤(pán)元素。制作指針和轉(zhuǎn)軸。繪制玻璃罩。添加控制代碼?！驹O(shè)計(jì)效果】【操作步驟】創(chuàng)建圖層。制作時(shí)鐘外殼。7.3.2 硬件典型案例1精美時(shí)鐘最終設(shè)計(jì)效果設(shè)置填充顏色繪制矩形、半橢圓、橢圓.制作陰影效果。制作表盤(pán)元素。調(diào)整填充形狀和橢圓位置設(shè)置

7、填充顏色復(fù)制刻度線(xiàn)并繪制圓刪除多余線(xiàn)段并加入數(shù)字.制作指針和轉(zhuǎn)軸。繪制玻璃罩。完成指針制作并繪制轉(zhuǎn)軸轉(zhuǎn)換元件并設(shè)置注冊(cè)點(diǎn)設(shè)置元件實(shí)例名稱(chēng)設(shè)置填充顏色、調(diào)整色塊位置調(diào)整填充中心和大小.輸入控制代碼。（1）選擇圖層“AS3.0”第1幀，按F9快捷鍵打開(kāi)【動(dòng)作】面板，在此輸入控制代碼。（2）初始化變量并得到當(dāng)前時(shí)間。（3）計(jì)算各指針的旋轉(zhuǎn)角度。（4）設(shè)置各指針的旋轉(zhuǎn)屬性值。最后在所有圖層的第2幀插入幀，保存并測(cè)試影片，一個(gè)精美的時(shí)鐘制作完成?！景咐〗Y(jié)】通過(guò)本案例的學(xué)習(xí)，除了掌握一個(gè)時(shí)鐘的制作步驟，還可了解一些制作技巧，如陰影的繪制、表盤(pán)刻度線(xiàn)的制作、玻璃效果的制作等。通過(guò)控制代碼可以掌握對(duì)象的初始

8、化、方法的調(diào)用、實(shí)例屬性值的設(shè)置等。.【設(shè)計(jì)思路】設(shè)計(jì)外殼。制作倒影。設(shè)計(jì)按鈕及界面元素。添加控制代碼。【設(shè)計(jì)效果】【操作步驟】創(chuàng)建圖層。設(shè)計(jì)MP3外殼。7.3.3 典型案例2時(shí)尚MP3最終設(shè)計(jì)效果設(shè)置圓角參數(shù)設(shè)置填充顏色調(diào)整填充方向和位置.設(shè)計(jì)外殼光影效果。設(shè)計(jì)倒影效果。繪制矩形調(diào)整填充顏色填充效果調(diào)色器設(shè)置.設(shè)計(jì)屏幕和按鈕圓盤(pán)。設(shè)置內(nèi)徑參數(shù)調(diào)整填充顏色設(shè)計(jì)效果調(diào)整方向和位置.制作控制按鈕。“彈起”幀“指針經(jīng)過(guò)”幀“按下”幀“點(diǎn)擊”幀設(shè)置填充顏色調(diào)整中心位置并繪制按鈕加入按鈕后效果.設(shè)計(jì)屏幕元素。為元件添加實(shí)例名稱(chēng)。next_btnprev_btnjia_btnjian_btn“播放進(jìn)度”元

9、件jindutiao_mc“加載進(jìn)度”元件loaded_mcmusicname_txtvolume_txt各元件實(shí)例名稱(chēng)設(shè)置填充色、添加文本框【要點(diǎn)提示】設(shè)置實(shí)例名時(shí)，由于“播放進(jìn)度”元件和“加載進(jìn)度”元件重合在一起不便選擇，所以應(yīng)使用圖層的鎖定和隱藏功能選擇正確的元件進(jìn)行實(shí)例名的設(shè)置。.輸入控制代碼。（1）選擇圖層“AS3.0”第1幀，按F9快捷鍵，打開(kāi)【動(dòng)作】面板，在此輸入控制代碼。（2）首先定義將要用到的變量和類(lèi)的實(shí)例。（3）對(duì)各實(shí)例初始化，播放音樂(lè)數(shù)組中第1首音樂(lè)。（4）播放過(guò)程中設(shè)置“加載進(jìn)度”元件和“播放進(jìn)度”元件寬度。（5）添加“播放暫?！卑粹o、選擇播放上、下一首音樂(lè)、增加、降低

10、音量上的控制代碼。（6）保存并重命名為“music.mp3”，測(cè)試影片?！景咐〗Y(jié)】通過(guò)本案例的學(xué)習(xí)，不但可以學(xué)會(huì)一個(gè)時(shí)尚MP3播放器的制作，而且可以學(xué)到一些常見(jiàn)立體特效的制作方法，如邊緣光影效果、立體倒影效果等。通過(guò)控制代碼可以學(xué)到對(duì)聲音的控制方法，以及控制加載進(jìn)度、播放進(jìn)度等的方法。.7.4 綜合實(shí)例記憶游戲【設(shè)計(jì)思路】設(shè)計(jì)背景。設(shè)計(jì)界面元素。添加控制代碼。【設(shè)計(jì)效果】【操作步驟】創(chuàng)建圖層。制作背景。添加界面元素【要點(diǎn)提示】“Click.mp3”和“Match.mp3”分別為翻轉(zhuǎn)卡片和消除卡片時(shí)播放的聲音； “開(kāi)始”和“重來(lái)一次”分別用做開(kāi)始和結(jié)束。最終設(shè)計(jì)結(jié)果.添加幀標(biāo)簽。添加幀上的控制

11、代碼。（1）選中圖層“AS3.0”第1幀，打開(kāi)【動(dòng)作】面板，輸入開(kāi)始的控制代碼。（2）選中圖層“AS3.0”第3幀，在【動(dòng)作】面板中輸入結(jié)束時(shí)的控制代碼。添加“卡片”元件動(dòng)畫(huà)代碼。添加游戲主體控制代碼。添加幀標(biāo)簽設(shè)置鏈接屬性.最后保存代碼文件和Flash原文件并測(cè)試影片，就可以讓大腦開(kāi)動(dòng)起來(lái)，努力記住翻開(kāi)的卡片，爭(zhēng)取用最短的時(shí)間消除掉舞臺(tái)中所有的卡片?！景咐〗Y(jié)】該實(shí)例充分展示了ActionScript的功能和作用，其中大部分功能和游戲邏輯都是由代碼實(shí)現(xiàn)，而且使用了ActionScript 3.0面向?qū)ο蟮乃枷?，通過(guò)定義和擴(kuò)展類(lèi)的方法使得程序邏輯更加清晰。其中需要注意以下幾點(diǎn)：外部代碼文件中的

12、類(lèi)必須包含在包中。擴(kuò)展類(lèi)時(shí)，【鏈接屬性】中的類(lèi)名、外部文件名和代碼文件中的類(lèi)名三者必須一致。對(duì)于游戲邏輯的分析，應(yīng)盡量考慮到所有可能出現(xiàn)的情況。時(shí)間軸EnterFrame事件，第2次創(chuàng)建之前應(yīng)先對(duì)其進(jìn)行移除，否則可能同時(shí)有兩個(gè)響應(yīng)事件副本運(yùn)行。.l小結(jié)小結(jié) 通過(guò)本章內(nèi)容的學(xué)習(xí)，可以了解并掌握ActionScript 3.0的編程思路和代碼編寫(xiě)的方法，為開(kāi)發(fā)復(fù)雜的Flash應(yīng)用程序奠定了基礎(chǔ)。 在實(shí)例制作過(guò)程中，不但可以學(xué)會(huì)在Flash作品中常見(jiàn)特殊效果的制作方法，而且可以掌握以下常用的編程技巧和方法。時(shí)間的獲取及表示方法。聲音初始化、播放、停止、音量的控制等方法。數(shù)的循環(huán)、時(shí)間的換算、隨機(jī)分布一些數(shù)組元素等技巧。事件的添加和使用方法。類(lèi)的外部擴(kuò)展及使用方法。 ActionScript的功能遠(yuǎn)比本章所介紹的要強(qiáng)大，若想進(jìn)一步研究使用Actio