AS3[1]0基礎(chǔ)教程.ppt

1、2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,1,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,2,Flash簡(jiǎn)介,Flash 是Macromedia 公司的一個(gè)非常受歡迎的多媒體產(chǎn)品。 它是一種用于制作和編輯動(dòng)畫(huà)和電影的軟件。 它可以在使用很少字節(jié)量的情況下，實(shí)現(xiàn)高質(zhì)量的矢量圖形和交互式動(dòng)畫(huà)的制作。 它的動(dòng)畫(huà)文件擴(kuò)展名為.swf，可以插入html語(yǔ)言中，也可以單獨(dú)成為網(wǎng)頁(yè)。 Flash 不但能夠制作一般的動(dòng)畫(huà)，而且可以制作出帶有背景聲音，具有較強(qiáng)的交互性能的電影。 2006年底Adobe公司收購(gòu)Macromedia 公司，于07年推

2、出Flash CS版本，在ActionScript方面做了較大改動(dòng)。,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,3,Flash動(dòng)畫(huà)特點(diǎn),用Flash制作出來(lái)的動(dòng)畫(huà)是矢量的，動(dòng)畫(huà)放大后，不會(huì)引起失真，所形成動(dòng)畫(huà)文件占用的存儲(chǔ)空間很小，特別適合在網(wǎng)絡(luò)上使用。 Flash使用插件方式進(jìn)行工作，用戶只要安裝一次插件，就可以在瀏覽器中觀看Flash動(dòng)畫(huà)。此外Flash支持多種格式圖片，支持聲音，支持漸變色，支持A1pha透明、蒙扳等功能。 Flash動(dòng)畫(huà)電影是一種“流”形式文件，動(dòng)畫(huà)是一邊下載一邊播放的，幾乎感覺(jué)不到文件下載過(guò)程下來(lái)。,2020年9月11日11時(shí)18分,Flash 動(dòng)

3、畫(huà)設(shè)計(jì)與制作,4,Flash的應(yīng)用,網(wǎng)站建設(shè) 網(wǎng)上 教學(xué)課件 影視片頭 游戲制作 手機(jī)服務(wù) 動(dòng)畫(huà)片 MTV 廣告 ,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,5,Flash cs3新增功能介紹,界面操作 面板折疊開(kāi)關(guān) 矩形工具 橢圓工具 導(dǎo)入外部資源 動(dòng)作面板,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,6,ActionScript的新特性,ActionScript 3中的新特性： 1.運(yùn)行時(shí)排錯(cuò)：錯(cuò)誤會(huì)運(yùn)行時(shí)拋出以幫助你調(diào)試你的影片。 2.運(yùn)行時(shí)變量類型檢測(cè)：在回放時(shí)會(huì)檢測(cè)變量的類型是否合法。 3.類封裝：靜態(tài)定義的類以增強(qiáng)性能。 4.方法封裝：方法現(xiàn)在

4、與它們相關(guān)的類實(shí)例綁定因此在方法中的this將不會(huì)改變。 5.E4X ：一個(gè)新的，更易于操作的xml 6.正則表達(dá)式：支持本地化正規(guī)表達(dá)式。 7.命名空間：不但在xml中支持命名空間而且在類的定義中也同樣支持。 8.int和uint數(shù)據(jù)類型：新的數(shù)據(jù)變量類型允許ActionScript使用更快的整型數(shù)據(jù)來(lái)進(jìn)行計(jì)算。 9.新的顯示列表模式：一個(gè)新的，自由度較大的管理屏幕上顯示對(duì)象的方法。 10.新的事件類型模式：一個(gè)新的基于偵聽(tīng)器事件的模式。,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,7,在哪里輸入Flash CS3代碼,時(shí)間線上（幀） 外部文件 Hello,world 對(duì)動(dòng)

5、畫(huà)的控制,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,8,體會(huì)一下AS3,下雪效果 在AS3中怎樣把庫(kù)中的元件加載舞臺(tái) AS3的事件偵聽(tīng)機(jī)制 在AS3中改變對(duì)象的位置和縮放對(duì)象,先在庫(kù)中右擊該元件，打開(kāi)連接面板，在類的文本框中給這個(gè)類取一個(gè)名字，比如myl 在場(chǎng)景的幀中輸入： var mymc:myl = new myl(); addChild(mymc); mymc.x = 100; mymc.y = 100;,function 函數(shù)名稱(事件對(duì)象:事件類型):void / 此處是為響應(yīng)事件而執(zhí)行的動(dòng)作。 觸發(fā)事件的對(duì)象.addEventListener(事件類型.事件名稱

6、, 函數(shù)名稱);,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,9,思考,如何修改（實(shí)現(xiàn)）以前的對(duì)影片剪輯的控制？,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,10,ActionScript 3語(yǔ)言基本元素,1、數(shù)據(jù)的本質(zhì)及其重要性質(zhì) 數(shù)據(jù)是一切編程語(yǔ)言的基石 ActionScript 3中所有數(shù)據(jù)都是對(duì)象 數(shù)據(jù)類型：,基元數(shù)據(jù)類型,復(fù)雜數(shù)據(jù)類型,Boolean int Number uint String,處理數(shù)字,處理文字,標(biāo)識(shí)真假,Array,Date,Error,Function,RegExp,XML,XMLList, 自己定義的類,2020年9月11

7、日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,11,ActionScript 3語(yǔ)言基本元素,2、變量的聲明和使用 變量必須先聲明再使用 聲明變量的語(yǔ)法,變量命名規(guī)則 盡量使用有含義的英文單詞作為變量名 變量名采用駱駝式命名法 盡量避免變量名中出現(xiàn)數(shù)字編號(hào),var 變量名：數(shù)據(jù)類型； var 變量名：數(shù)據(jù)類型 = 值,如果要賦值，值的數(shù)據(jù)類型必須和變量的數(shù)據(jù)類型一致,i i=3 var j = “String Value”,var i:int i=100 var k:int = 100,i:int=200 var j:String = “String Value”,2020年9月11日11時(shí)18

8、分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,12,ActionScript 3語(yǔ)言基本元素,3、使用const聲明常量 AS3中新增的關(guān)鍵字 語(yǔ)法,const foo:int = 100,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,13,ActionScript 3語(yǔ)言基本元素,4、基礎(chǔ)數(shù)據(jù)類型 所有的基元數(shù)據(jù)類型 兩種復(fù)雜數(shù)據(jù)類型,布爾值：Boolean 表示真假 兩個(gè)值：true,false 聲明一個(gè)布爾型變量時(shí)忘記賦值，默認(rèn)值為false,Boolean，int，Number，unit，String,Array，Object,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與

9、制作,14,ActionScript 3語(yǔ)言基本元素,4、基礎(chǔ)數(shù)據(jù)類型 所有的基元數(shù)據(jù)類型 兩種復(fù)雜數(shù)據(jù)類型,數(shù)字：int,uint,Number int:有符號(hào)的32位整數(shù)型，數(shù)值范圍：-231+(231-1) uint:沒(méi)有符號(hào)的32位整數(shù)型，數(shù)值范圍：0 232-1 Number：64位浮點(diǎn)值，數(shù)值范圍1.79769313486231e+308 4.960656458412467e-324,Boolean，int，Number，uint，String,Array，Object,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,15,ActionScript 3語(yǔ)言基本元素,4

10、、基礎(chǔ)數(shù)據(jù)類型 所有的基元數(shù)據(jù)類型 兩種復(fù)雜數(shù)據(jù)類型,數(shù)字：int,uint,Number int:有符號(hào)的32位整數(shù)型，數(shù)值范圍：-231+(231-1) uint:沒(méi)有符號(hào)的32位整數(shù)型，數(shù)值范圍：0 232-1 Number：64位浮點(diǎn)值，數(shù)值范圍1.79769313486231e+308 4.960656458412467e-324,Boolean，int，Number，uint，String,Array，Object,使用int,uint,Number應(yīng)當(dāng)注意的事項(xiàng)： 能用整數(shù)值時(shí)優(yōu)先使用int和uint 整數(shù)值有正負(fù)之分時(shí)，使用int 只處理正整數(shù)，優(yōu)先使用uint 處理和顏色相關(guān)

11、的數(shù)值時(shí)，使用uint 碰到或可能碰到小數(shù)點(diǎn)時(shí)使用Number 整數(shù)數(shù)值運(yùn)算涉及到除法，建議使用浮點(diǎn)值,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,16,ActionScript 3語(yǔ)言基本元素,4、基礎(chǔ)數(shù)據(jù)類型 所有的基元數(shù)據(jù)類型 兩種復(fù)雜數(shù)據(jù)類型,字符串：String 如何聲明字符串？ 如何知道字符串的長(zhǎng)度？,Boolean，int，Number，uint，String,Array，Object,var stringSample1:String; var stringSample2:String=“”; var stringSample3:String=new Strin

12、g() var stringSample4:String=“abc” var stringSample5:String=new String(“abc”) var stringSample6:String=abc,var stringSample:String=“this is an apple”; var stringLength:Number=stringSample.length; trace(stringLength),2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,17,ActionScript 3語(yǔ)言基本元素,4、基礎(chǔ)數(shù)據(jù)類型 所有的基元數(shù)據(jù)類型 兩種復(fù)雜數(shù)據(jù)類型,數(shù)

13、組：Array 數(shù)組最多容納232-1個(gè)元素 默認(rèn)值為空值：null 數(shù)組的聲明方式 數(shù)組元素的訪問(wèn),Boolean，int，Number，uint，String,Array，Object,var a:Array= var b:Array=new Array() var c:Array=1,2,3,4 var d:Array=new Array(1,2,3,4),根據(jù)元素的位置，使用數(shù)組運(yùn)算符 d0,d1,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,18,ActionScript 3語(yǔ)言基本元素,4、基礎(chǔ)數(shù)據(jù)類型 所有的基元數(shù)據(jù)類型 兩種復(fù)雜數(shù)據(jù)類型,Object及關(guān)聯(lián)數(shù)組

14、Object的成員 聲明新Object方法,Boolean，int，Number，uint，String,Array，Object,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,19,ActionScript 3語(yǔ)言基本元素,4、基礎(chǔ)數(shù)據(jù)類型 所有的基元數(shù)據(jù)類型 兩種復(fù)雜數(shù)據(jù)類型,變量的默認(rèn)值 int,uint的默認(rèn)值為0 Number的默認(rèn)值為NaN Boolean的默認(rèn)值為false String的默認(rèn)值為null,Boolean，int，Number，uint，String,Array，Object,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,20,Ac

15、tionScript 3語(yǔ)言基本元素,5、運(yùn)算符、表達(dá)式及運(yùn)用 要有運(yùn)算對(duì)象才可以進(jìn)行運(yùn)算 運(yùn)算對(duì)象和運(yùn)算符的組合稱為表達(dá)式 最常用的運(yùn)算符：賦值運(yùn)算符（=） 將等號(hào)右邊的值（右值）復(fù)制給等號(hào)左邊的變量。 等號(hào)左邊必須是一個(gè)變量，不能是基元數(shù)據(jù)類型，也不能是沒(méi)有聲明的對(duì)象的引用。 常見(jiàn)合法形式： 非法形式：,常見(jiàn)合法形式 var a : int=3 var b:String b=“new” a=3+4-5 var c:Object=new Object() var d:Object=c,非法形式 var a 4 =5 “I am a string”=a new Object()=5,2020年

16、9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,21,ActionScript 3語(yǔ)言基本元素,5、運(yùn)算符、表達(dá)式及運(yùn)用 算數(shù)運(yùn)算符：+，-，*，/，%，求反 算數(shù)賦值運(yùn)算符：+=，-=，*=，/=，%= 關(guān)系運(yùn)算符（判斷相等關(guān)系）：=，!=，=，!= 關(guān)系運(yùn)算符（判斷大小關(guān)系）：=, 邏輯運(yùn)算符： var bar:int=5; if(foobar) trace(“Foo is winner!”) else trace(“Bar is winner!”) ,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,25,ActionScript 3 流程控制,三種格式 格式3：if(條

17、件表達(dá)式1) 流程1； /如果條件表達(dá)式1成立則執(zhí)行流程1 else if(條件表達(dá)式2) 流程2； /如果條件表達(dá)式2成立則執(zhí)行流程2 else if(條件表達(dá)式3) 流程3; /如果條件表達(dá)式3成立則執(zhí)行流程3 else if /else if語(yǔ)句可以一直寫(xiě)下去，用以判斷多種情況。,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,26,ActionScript 3 流程控制,var foo:int = 500; if(foo 0) trace(“foo 是一個(gè)正整數(shù)”) else if(foo 100) trace(“foo 是一個(gè)大于100的正整數(shù)”) else trace

18、(“foo 小于0”) ,輸出：,foo 是一個(gè)正整數(shù),var foo:int = 500; if(foo 100) trace(“foo 是一個(gè)大于100的正整數(shù)”) else if(foo 0) trace(“foo 是一個(gè)正整數(shù)”) else trace(“foo 小于0”) ,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,27,ActionScript 3 流程控制,范例：重復(fù)左右移動(dòng)的飛鳥(niǎo) X方向位置不斷改變 到達(dá)邊緣后反向 小鳥(niǎo)影片剪輯添加監(jiān)聽(tīng)事件,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,28,ActionScript 3 流程控制,循環(huán) 語(yǔ)句

19、： while,do-while,for, forin, for eachin,設(shè)計(jì)步驟： 確定循環(huán)內(nèi)容（循環(huán)體） 確定循環(huán)變量 循環(huán)三要素： 循環(huán)初始化 循環(huán)條件表達(dá)式 循環(huán)體中必須有改變循環(huán)變量值的語(yǔ)句,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,29,ActionScript 3 流程控制,while循環(huán)控制語(yǔ)句 功能：當(dāng)滿足條件表達(dá)式的時(shí)候，再執(zhí)行循環(huán)體。 while(循環(huán)條件) 循環(huán)體; ,do 循環(huán)體； while(循環(huán)條件) 不管“條件”成立與否、循環(huán)與否，循環(huán)體至少都要執(zhí)行1次。,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,30,Action

20、Script 3 流程控制,范例（while）： 在舞臺(tái)復(fù)制出10個(gè)小鳥(niǎo)，而且水平位置、垂直位置、水平縮放比例、垂直縮放比例和透明度都是隨機(jī)變化的。 范例（dowhile）: 根據(jù)用戶指定的數(shù)量加入對(duì)象,隨機(jī)數(shù)的使用,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,31,ActionScript 3 流程控制,循環(huán)語(yǔ)句 For循環(huán)控制語(yǔ)句 功能：讓指定程序代碼塊執(zhí)行一定次數(shù)的循環(huán)。 格式： for (初始化；循環(huán)條件；步進(jìn)) 循環(huán)體; ,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,32,ActionScript 3 流程控制,范例：復(fù)制小鳥(niǎo) 范例：數(shù)的累加,va

21、r sum = 0; for (var i=1; i=100; i+) sum = sum + i; trace(sum),2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,33,ActionScript 3 流程控制,for in和for each in 循環(huán)條件是對(duì)象的某一組屬性或某一數(shù)組的元素集合 基本語(yǔ)法格式：,循環(huán)次數(shù)由引用對(duì)象的屬性個(gè)數(shù)或者數(shù)組元素的個(gè)數(shù)決定 該循環(huán)實(shí)際上需要窮舉該對(duì)象或數(shù)組中的所有內(nèi)容。,for （變量 in 對(duì)象或數(shù)組名） /運(yùn)行腳本 ,for each（變量 in 對(duì)象或數(shù)組名） /運(yùn)行腳本 ,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)

22、與制作,34,ActionScript 3 流程控制,范例,var myBooks:Object= cookbook:”ActionScript 3.0 Cookbook 中文版” ， asbook:”ActionScript 3.0殿堂之路”， mxbook:”Flash MX 2004 ActionScript動(dòng)畫(huà)設(shè)計(jì)” ,for (var k in myBooks) trace(“成員名字（鍵）：”+k+”t成員（值）：”+myBooksk) ,for each(var k in myBooks) trace(“成員：”+k) ,成員名字（鍵）：mxbook成員（值）：Flash MX

23、2004 ActionScript動(dòng)畫(huà)設(shè)計(jì) 成員名字（鍵）：asbook成員（值）：ActionScript 3.0殿堂之路 成員名字（鍵）：cookbook成員（值）：ActionScript 3.0 Cookbook 中文版,成員：ActionScript 3.0殿堂之路 成員：ActionScript 3.0 Cookbook 中文版 成員：Flash MX 2004 ActionScript動(dòng)畫(huà)設(shè)計(jì),2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,35,ActionScript 3 流程控制,with語(yǔ)句 如果有一系列語(yǔ)句都作用于同一對(duì)象上，則可以使用with語(yǔ)句一次指定

24、全部語(yǔ)句對(duì)該對(duì)象的參考 使用with語(yǔ)句可以提高程序的執(zhí)行速度，并且可以避免重復(fù)輸入對(duì)象名稱的問(wèn)題。,with(mymc) alpha = 0.2 x= 200 y = 200 ,mymc.alpha=20 mymc.x = 200 mymc.y = 200,=,范例：等待目的地坐標(biāo)的獅子,思考：當(dāng)輸入值超出邊界，給出相應(yīng)提示,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,36,ActionScript 3 流程控制,break和continue語(yǔ)句 都在循環(huán)體內(nèi)使用； Break用來(lái)直接跳出循環(huán)，不再執(zhí)行循環(huán)體內(nèi)后面的語(yǔ)句。 continue語(yǔ)句只是終止當(dāng)前這一輪的循環(huán)，直接

25、跳到下一輪循環(huán)，而在這一輪循環(huán)中，循環(huán)體內(nèi)continue后面的語(yǔ)句也不會(huì)執(zhí)行。,for(var i:int=0;i5;i+) if(i=3)break; trace(當(dāng)前數(shù)字：+i); ,for(var i:int=0;i5;i+) if(i=3)continue; trace(當(dāng)前數(shù)字：+i); ,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,37,ActionScript 3 流程控制,選擇分支判斷switch,switch(值或表達(dá)式) case 值或表達(dá)式1:語(yǔ)句1；break; case 值或表達(dá)式2:語(yǔ)句2；break; case 值或表達(dá)式3:語(yǔ)句3；break

26、; defalt: 語(yǔ)句4； ,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,38,ActionScript 3 流程控制,var fruits:Array=apple,banana,grape,watermelon,mango; var currentFruit:String=fruitsMath.floor(Math.random()*fruits.length); trace(the fruit you selected is ：+currentFruit); switch (currentFruit) case apple : trace(apple,apple,ple

27、ase pay for apple!); break; case mango : trace(mango,mango,please pay for mango!); break; default : trace(0,you have a free chance to eat :+currentFruit); ,switch (currentFruit) case apple : trace(o ,o , its an apple!); case mango : trace(eat for free!); break; case banana : case grape : trace(pleas

28、e pay for it!); break; default : trace(o , I wont buy watermelon);,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,39,ActionScript 3中的函數(shù),函數(shù)：執(zhí)行特定任務(wù)并可以在程序中重用的代碼塊。 兩類：方法；函數(shù)閉包 兩種定義方式：函數(shù)語(yǔ)句聲明法；函數(shù)表達(dá)式聲明法,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,40,ActionScript 3中的函數(shù),參數(shù)： 按值傳入?yún)?shù)：參數(shù)對(duì)象會(huì)復(fù)制一個(gè)副本供函數(shù)內(nèi)部操作，參數(shù)對(duì)象本身不會(huì)受影響 按引用來(lái)傳入?yún)?shù)：不復(fù)制副本，函數(shù)內(nèi)操作參數(shù)對(duì)象的引

29、用會(huì)改變參數(shù)對(duì)象的狀態(tài)。 Action Script3中，所有的參數(shù)都是按引用傳入的。 基元數(shù)據(jù)類型是不變對(duì)象，傳引用和傳值的效果一樣。,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,41,ActionScript 3中的函數(shù),范例：,function test(valuePara:int,referencePara:Array):void valuePara=100; referencePara.Push(100); var a:int=5 var b:Array=1,2,3; test(a,b); trace(a); trace(b);,輸出：5， 輸出：1，2，3，100,2020年9月11日11時(shí)18分,Flash 動(dòng)畫(huà)設(shè)計(jì)與制作,42,ActionScript 3中的函數(shù),設(shè)置默認(rèn)參數(shù)：調(diào)用函數(shù)時(shí)，沒(méi)有寫(xiě)明參數(shù)，會(huì)調(diào)用該參數(shù)默認(rèn)值代替。 格式：fu