Flash 8.0動畫設(shè)計案例教程第6章 Flash 8.0綜合制作

第6章綜合制作制作者:伍福軍張家瑞知識點：編程基礎(chǔ)2.視頻播放控制3.選擇填空4.測試題目5.綜合試題測試6.系統(tǒng)登錄界面7.360°全景圖8.看圖識標題說明：本章主要結(jié)合前面五章的內(nèi)容，通過7個案例介紹了的綜合使用，在學習本章時要復習前面所學知識，以加快學習進度。教學建議課時數(shù)：一般情況下需14課時：理論4課時、實際操作10課時(根據(jù)特殊情況可做相應(yīng)調(diào)整)。編程基礎(chǔ)中的相關(guān)術(shù)語在前面我們介紹了中的一些常用基本功能，但還沒有深入介紹如何使用編寫腳本。下面將具體介紹使用進行程序編寫的基礎(chǔ)知識。使用創(chuàng)建程序腳本時，設(shè)計者可以根據(jù)需要來選擇其中的細節(jié)難度。如果只是編寫一些簡單的動作效果，可以像前面一樣在“標準模式”中使用“動作”面板，并且通過動作工具箱選擇所需的選項來編寫程序。但如果是要求比較高的情況，要使用編寫更加復雜的程序腳本，就要對其有一定的了解，知道編程語言是如何進行工作的。和其他的編程語言一樣，遵循自己的語法規(guī)則，有自己的術(shù)語、關(guān)鍵字和操作符，并且在程序中有變量存儲和程序控制的功能。下面針對一些常用的術(shù)語進行介紹。(1)動作(Action)：是腳本語言的靈魂和編程的核心，用于控制動畫播放過程中相應(yīng)的程序和播放狀態(tài)。所有的ActionScript程序最終都要在動畫中通過一定的動作體現(xiàn)出來，程序是通過動作與動畫直接發(fā)生聯(lián)系的。例如前面用到過的stop、play、gotoAndplay等都是動作，分別用于控制動畫過程中的停止、播放及跳轉(zhuǎn)到某幀并進行播放等。(2)事件(Event)：很多情況下，動作是不會獨立執(zhí)行的，而需要提供一定的條件。換句話說，就是要有一定的事情對該動作進行觸發(fā)，才能執(zhí)行這個動作，起觸發(fā)作用的事情在中稱為事件。例如，鼠標的移動、單擊、松開與按下，鍵盤上某鍵的敲擊及影片的下載等都可以作為事件。編程基礎(chǔ)看下面的代碼：On(release){GotoAndPLAY(15);}其中的release就是代表“單擊按鈕并且放開”這個事件，該事件觸發(fā)了“移動到第15幀并播放”這個動作。(3)常量(Constant)：與變量相對應(yīng)，在程序編寫過程中不能被改變，常用于數(shù)值的比較。(4)數(shù)據(jù)類型(Datatype)：在中可以被應(yīng)用并進行各種操作的數(shù)據(jù)有多種類型，包括字符串、數(shù)字、布爾運算值以及中的各種對象及影片等，這些都可以作為的數(shù)據(jù)類型。(5)類(Class)：一系列相互之間有關(guān)聯(lián)的數(shù)據(jù)的集合稱為一個類，可以使用類創(chuàng)建新的對象。如果要定義一個新的類，需要事先創(chuàng)建一個構(gòu)造器函數(shù)。(6)構(gòu)造器(Constructor)：用于定義一個類的相關(guān)特性和方法的函數(shù)。(7)表達式(Expressions)：任何能產(chǎn)生一個值的語句都可以稱為一個表達式。(8)函數(shù)(Function)：指可以多次使用的代碼段，和程序語言中普遍意義上的函數(shù)含義完全相同，用于傳遞某些參數(shù)并且返回一定的值。(9)標志符(Identifiers)：用于識別某個變量、特性、對象、函數(shù)或方法的名稱。這種名稱遵循一定的命名規(guī)則。(10)實例(Instance)：從一個類可以產(chǎn)生很多個屬于這個類的實例，一個類的每一個實例都包含這個類的所有特性和方法。例如：所有影片片段都是影片剪輯這個類的實例，它們都有如_alpha和_root這樣的特性和gotoAndstop和getURL這樣的方法。編程基礎(chǔ)(11)變量(Variable)：一種可以保留任何數(shù)據(jù)類型的標識符。變量可以被創(chuàng)建、改變和更新，它的存儲值可以在腳本中檢索。例如，下面的程序語句是給變量賦值，等號左邊的標識符就是變量。B=150;Hight=30;Shuname="Malie"(12)實例名：每個實例都是唯一的，通過使用這個唯一的實例名可以在腳本中瞄準所需要的影片剪輯。例如，下面的程序使用實例名將Button復制了3次。Do{Dupl.icateMovieClip("Button","Button"+i,i)i=i+1;}while(i<=3);(13)方法(Method)：是指被指派給某一個對象的函數(shù)。在一個函數(shù)被指派給一個對象時，它可以作為這個對象的一個方法被調(diào)用。(14)關(guān)鍵字(Keyword)：和其他的程序語言一樣，也有自己的保留關(guān)鍵字，這些關(guān)鍵字都有特別的意義，不能作為標識符使用。(15)對象(Object)：是特性的集合。每個對象都有自己的名稱和值，通過對象可以訪問某一類型的信息。編程基礎(chǔ)(16)操作符(Operator)：根據(jù)一個或多個值計算出一個新值。例如，加號(+)操作可以進行兩個值的加法運算。(17)目標路徑(TargetPath)：以逐級鎖定的形式指向動畫片中的一個影片片段實例名、變量或?qū)ο??？梢允褂靡粭l目標路徑指向一個影片片段中的動作，獲得或設(shè)置一個變量的值。例如，下面的程序語句指向影片片段niceClip中變量apple的目標路徑。

(18)特性(Property)：是對象具有的獨特屬性。例如：影片片段的_apple特性用來決定影片片段的透明度。編程基礎(chǔ)6.1.2變量

在中，變量是一個重要的概念。當定義一個變量時，就應(yīng)該分配給變量一個明確的值。變量的初始化經(jīng)常在動作的第1幀中進行。初始化變量可使動畫播放時對變量值進行跟蹤和比較。中的變量可以保存所有類型的數(shù)據(jù)，包括字符串型(string)、數(shù)值型(number)、布爾型(boolean)、對象(object)以及影片片段(MovieClip)。當某個變量在一個腳本中被賦值時，變量的數(shù)據(jù)類型將影響變量值的改變。1.變量的命名變量命令的要求如下。(1)應(yīng)是一個標識符號，并且滿足標識符的相應(yīng)要求。(2)不能是的關(guān)鍵字或者是代表布爾值的true或false。(3)在作用范圍內(nèi)，它的名稱必須是唯一的。2.變量的輸入在中，不需要明確地定義一個變量是數(shù)字類型還是字符串類型，或者是其他的數(shù)據(jù)類型。當變量被賦值時，會自動確定這個變量的數(shù)據(jù)類型。這是和其他專業(yè)程序語言的不同之處。

編程基礎(chǔ)程序可以對操作右邊的表達式進行求值，并且確定這個變量目前是一個Number數(shù)據(jù)類型，以后的賦值可能會改變變量的數(shù)據(jù)類型。例如：語句“X="dfdsfj"”會使當變量X的數(shù)據(jù)類型變成Strace動作時，trace動作自動將接收到的值轉(zhuǎn)換成字符串，可以使用這個動作來調(diào)試腳本、跟蹤變量的值以及跟蹤腳本的分支流向。還會根據(jù)表達式需要來變換數(shù)據(jù)類型。例如，當“+”操作符被用于一個字符串時，會自動將另一個數(shù)據(jù)的類型轉(zhuǎn)換為字符串(是指不是字符串的情況下)，例如，"Aamdeonline,number"+9，會自動將數(shù)字9轉(zhuǎn)換成字符串“9”，并將其加載到第一個字符串的后面形成一個更長的字符串："Aamdeonline,number9"。3.變量的作用域在中，變量分為全局變量和局部變量，變量在作用域中可以被引用。一個全局變量可以在所有的Timeline中共享，而一個局部變量只能在它所屬的代碼塊(大括號)內(nèi)起作用。使用局部變量可以很好地防止名稱的沖突，所以被大量使用，但在有些情況下必須使用全局變量。例如，要在某個代碼塊中應(yīng)用另一個代碼塊中的變量，或者在整個動畫中傳遞某個變量的值，在這種情況下，全局變量將發(fā)揮巨大的作用。局部變量在函數(shù)內(nèi)部使用，這將使函數(shù)成為可重復使用的獨立代碼段。編程基礎(chǔ)4.變量的聲明全局變量的聲明，可以通過使用setvariables動作或賦值操作符來實現(xiàn)；局部變量的聲明，可以通過在函數(shù)體內(nèi)部使用var語句來實現(xiàn)；局部變量的作用域被限定在所處代碼塊中，并在塊結(jié)束處終結(jié)。不是在塊的內(nèi)部被聲明的局部變量將在它們的腳本結(jié)束處終結(jié)。6.1.3操作符號在中，操作符用于指定表達式中的值將如何被聯(lián)合、比較或者改變。操作符的動作對象被稱為操作數(shù)?！緞幼鳌棵姘宓摹氨容^運算符”中包含了的各種操作符，如圖所示。圖6.1編程基礎(chǔ)1.操作符的優(yōu)先級當兩個或兩個以上的操作符在同一個表達式中被使用時，一些操作符與其他操作符相比有更高的優(yōu)先級。例如：“/”要在“+”之前被執(zhí)行，因為除法運算比加法運算具有更高的優(yōu)先級。就是通過嚴格遵循這個優(yōu)先級來決定哪個操作符優(yōu)先執(zhí)行，哪個操作符最后執(zhí)行。例如：在下面的程序中，先執(zhí)行括號里的內(nèi)容，運算結(jié)果是72。Number=(22+2)*3而在下面的程序中，先執(zhí)行乘法運算，運算結(jié)果是26。Number=22+2*22.操作符的結(jié)合性如果兩個或兩個以上的操作符擁有同樣的優(yōu)先級，此時決定它們執(zhí)行順序的就是操作符的結(jié)合性了。結(jié)合性可以是從左到右，也可以是從右到左。例如：乘法操作符的結(jié)合是從左向右，所以下面的兩個語句是等價的。number=5*8*9number=(5*8)*9編程基礎(chǔ)3.數(shù)字操作符數(shù)字操作符用于在程序中進行算術(shù)運算，表6-1列出了中所有的數(shù)字操作符及其含義。表6-1數(shù)字操作符執(zhí)行的操作+加*乘/除%求余-減++自加——自減編程基礎(chǔ)4.比較操作符比較操作符用于比較表達式中的值并返回一個布爾值，這些操作符常用于判斷循環(huán)是否結(jié)束或用于條件語句中。表6-2列出了中所有的比較操作符及其含義。比較操作符執(zhí)行的操作<小于>大于<=小于等于>=大于等于表6-25.邏輯操作符號邏輯操作符用于比較兩個布爾值(true或false)并返回第3個布爾值。表6-3列出了中的所有邏輯操作符及其含義。表6-3邏輯操作符執(zhí)行的操作&&邏輯與||邏輯或!邏輯非編程基礎(chǔ)6.位操作符位操作符可在內(nèi)部將浮點型數(shù)字轉(zhuǎn)換成32位的整型，所有的位操作符都會對一個浮點數(shù)的每一位進行計算并產(chǎn)生一個新值。表6-4列出了中的所有位操作符及其含義，可以根據(jù)程序編寫時的實際情況，選擇合適的位操作符。表6-4位操作符執(zhí)行的操作&按位與|按位或^按位異或～按位非，即求補碼<<按位左移>>按位右移>>>無符號按位右移，即左邊空位用0填充編程基礎(chǔ)7.相等或賦值操作符使用相等操作符(==)可以確定兩個操作數(shù)的值或身份是否相等，這種比較的結(jié)果是返回一個布爾值(true或false)。如果操作數(shù)是字符串、數(shù)字或布爾數(shù)，它們將通過值來進行比較；如果操作數(shù)是對象或數(shù)組，它們將通過引用來比較。可以用下面的形式并利用賦值操作符(=)給變量賦值。Name="ldsjfldsjl"也可以使用賦值操作符在一個表達式中為多個變量賦值。在下面的語句中，x的值被賦給a、c、h。a=c=h=x還可以通過使用混合賦值操作符聯(lián)合進行運算。混合賦值操作符對兩個操作數(shù)進行運算，并將結(jié)果賦給第一個操作數(shù)。例如：下面的兩個程序語句是等價的，都是將變量x擴大3倍。X*=3X=x*3表6-5列出了中所有的相等操作符和賦值操作符。編程基礎(chǔ)相等和賦值操作符執(zhí)行的操作==相等!=不相等=賦值操作符+=相加并賦值-=相減并賦值表6-5相等和賦值操作符執(zhí)行的操作*=相乘并賦值%=求余并賦值/=相除并賦值<<=按位左移并賦值>>>=無符號按位右移并賦值^=按位與或并賦值!=按位或并賦值&=按位與并賦值編程基礎(chǔ)上面介紹了幾種常用的操作符，這些操作符和常見的程序語言的形式相似，有編程基礎(chǔ)的設(shè)計者可以說早已掌握，初學者應(yīng)該通過練習領(lǐng)會每個操作符的功能和用法，以便在程序設(shè)計中靈活應(yīng)用。6.1.4程序控制的程序控制方法比較簡單，基本上和常用的一些程序語言的程序控制方法和習慣基本相同。1.目標路徑(TargetPath)動作的名稱和地址被指定了以后，才能使用它來控制一個影片片段或者下載一個動畫，這個名稱和地址就稱為目標路徑(TargetPath)。在中，下面的動作接收一個或一個以上的目標路徑，是程序運行時的控制參數(shù)。編程基礎(chǔ)(1)loadMovie;(2)unloadMovie;(3)setProperty;(4)setProperty;(5)startDrag;(6)duplicateMovieClip;(7)removeMovieClip;(8)print;(9)printAsBitmap;(10)tallTarget。例如，使用loadMovie動作需要提供3個參數(shù)。loadMovie(URL,Location,Variable);編程基礎(chǔ)其中：URL參數(shù)是想要載入的影片片段在Web上的定位。Location是影片片段的目標路徑，即確定影片片段下載到什么位置。Variables用于制定使用哪種方法發(fā)送與當前要下載的影片片段相關(guān)的變量，有GET和POST兩種方法。在中，通過影片片段的實例名來識別一個影片片段。例如，在下面的語句中，實例名為myAction的影片片段的透明度被定義為65%。myAction._alpha=65;2.條件語句條件語句，是一個以if開始的語句，用于檢查一個條件的值是true還是false。如果條件值為true，則順序執(zhí)行后面的語句；否則，將跳過這段代碼段，執(zhí)行下面的語句。If經(jīng)常與else結(jié)合使用，用于多重條件的判斷和跳轉(zhuǎn)執(zhí)行。例如，下面的程序語句就是用來測試條件和執(zhí)行相關(guān)的動作的。如果前面的條件返回值為false，則執(zhí)行else中的語句。If((password)=646465&&(address=gdlnsyj78)){gotoAndstop("reject");}Else{gotoAndPlay("myMovie");}編程基礎(chǔ)3.循環(huán)語句在中，可以按照一個指定的次數(shù)重復執(zhí)行一系列的動作，或者是在一個特定的條件下執(zhí)行某些動作。在使用編程時，可以使用while、do…while、for以及for…in動作來創(chuàng)建一個循環(huán)語句。1)條件循環(huán)語句在編程過程中，有時需要在滿足一個條件的情況下實現(xiàn)一個循環(huán)，這時需要用while語句或do…while語句。在中，循環(huán)語句while用于對一個表達式求值。如果表達式的值是true，那么循環(huán)體中的代碼被執(zhí)行，當循環(huán)體中的所有語句都被執(zhí)行之后，表達式按照程序要求再次進行求值，就這樣進行反復，直到表達式的值變?yōu)閒alse，就跳出本次循環(huán)，執(zhí)行循環(huán)后的語句。例如：在下面的程序中，動作被執(zhí)行了10次。I=10While(i>0){myMovieClip.dup;icateMomieClip("newMovieClip"+i,i);i--;}另外，也可以使用do…while語句創(chuàng)建同樣的循環(huán)，在一個do…while語句中，表達式是在代碼塊的底部被求值，因此，這個循環(huán)至少被執(zhí)行一次。編程基礎(chǔ)例如：將上面的那段語句用do…while編寫如下。I=10Do{myMovieClip.dup;icateMomieClip("newMovieClip"+i,i);i--;}while(i>0);2)按照指定的次數(shù)循環(huán)在中，可以使用for語句使程序按照指定的次數(shù)循環(huán)。在一些特殊的場合，這種功能具有很重要的意義。很多情況下，需要預設(shè)一個計數(shù)初值的次數(shù)。可以聲明一個變量，并編寫一條每當循環(huán)被執(zhí)行一次就對變量進行自增或自減運算的語句來實現(xiàn)一個循環(huán)控制。上面介紹了中常用的一些程序控制方法。程序控制對于動畫控制具有特別重要的意義，在動畫制作過程中靈活運用這些程序控制方法，可以為動畫設(shè)計出精彩的效果。編程基礎(chǔ)6.1.5對象的后綴在中有很多種對象，如圖形、按鈕、影片剪輯、文字等。每種對象在進行編輯時所要用到的屬性和方法都各有不同，而在使用編程的過程中，了解我們正在進行操作的對象的類型是很重要的，這關(guān)系到程序的順利編譯和代碼提示等多種功能的實現(xiàn)，所以要使用一定的方法，在給對象命名時體現(xiàn)出規(guī)則性，這種規(guī)則性就體現(xiàn)在每個類型的對象名稱后面的后綴上。在程序語句中，每一種后綴都代表一種對象的類型，表6-6所列為中一些常用的后綴。表6-6后綴名稱對象類型_mcMovieClip(影片剪輯)_arrayArray(數(shù)組)_strString(字符串)_txtTextField(文本框)_btnBotton(按鈕)_dateDate(日期)_soundSound(聲音)_xmlXML(XML對象)_videoVideo(視頻)在使用進行程序設(shè)計時，充分運用這些后綴可以帶來很多方便，使設(shè)計工作更加輕松。6.2案例演示6.2.1案例一：視頻播放控制制作一個類似播放器效果的視頻播放效果。本案例主要使用到的工具或命令有：選擇工具、橢圓工具、元件、線條工具、動作腳本、視頻文件處理、文字工具、填充浮動面板的設(shè)置等。6.2案例演示(1)運行，新建一個名為“視頻播放控制”的文件。(2)選擇[插入]→[新建元件]命令，彈出【創(chuàng)建新元件】對話框，設(shè)置為如圖所示，并單擊[確定]按鈕。(3)利用工具箱中的[線條]工具、[矩形]工具、[橢圓]工具繪制如圖所示的圖形。圖6.2圖6.3(4)利用工具箱中的顏料桶工具和【填充】浮動面板對繪制的圖形進行填充，效果如圖所示。6.2案例演示圖6.4(5)單擊時間軸左上角的按鈕，返回場景。(6)利用前面所學知識，制作如圖所示的5個按鈕。圖6.56.2案例演示(7)選擇[文件]→[導入]→[導入到庫]命令，彈出【導入到庫】對話框，在對話框中選擇所要導入的視頻文件，單擊[打開]按鈕，彈出對話框，具體設(shè)置如圖所示。單擊[下一個]按鈕，彈出對話框，設(shè)置如圖所示。單擊[下一個]按鈕，彈出對話框，設(shè)置如圖所示。單擊[下一個]按鈕，彈出對話框，設(shè)置如圖所示。單擊[下一個]按鈕，彈出對話框，設(shè)置如圖所示。單擊[完成]按鈕，彈出如圖所示的對話框，當進度條顯示完畢，視頻文件即被導入庫中。圖圖6.2案例演示圖6.8圖6.2案例演示圖圖6.2案例演示(8)在導入到“庫”中的視頻文件上單擊鼠標右鍵，在彈出的快捷菜單中選擇[屬性]命令，此時將彈出【視頻屬性】對話框，具體設(shè)置如圖所示，設(shè)置完成后單擊[確定]按鈕。圖(9)選擇[插入]→[新建元件]命令，彈出【創(chuàng)建新元件】對話框，設(shè)置如圖所示，單擊[確定]按鈕。(10)將“庫”中的視頻文件拖到工作區(qū)，在彈出的對話框中，設(shè)置如圖所示，單擊[是]按鈕。將視頻文件轉(zhuǎn)換為幀動畫。6.2案例演示圖6.13圖6.14(11)在第1幀處單擊鼠標右鍵，在彈出的快捷菜單中選擇[動作]命令，彈出【動作】腳本對話框，在“動作”腳本框中輸入“stop();”語句，單擊對話框右上角的按鈕，關(guān)閉對話框。(12)單擊時間軸左上角的[場景1]按鈕，返回場景。(13)利用前面所學知識插入兩個圖層。將“庫”中的“底板”圖形元件和按鈕拖到“圖層1”的第1幀上，位置及大小如圖所示。(14)將“庫”中的mclip影片剪輯元件拖到舞臺中，位置如圖所示。6.2案例演示圖6.15圖6.16(15)mclip影片剪輯元件的屬性面板設(shè)置如圖所示。(16)在“圖層3”的第1幀處，單擊鼠標右鍵，在快捷菜單中選擇[動作]命令，彈出【動作】腳本對話框，在對話框中輸入如圖所示的代碼。單擊對話框右上角的按鈕，關(guān)閉【動作】腳本對話框。6.2案例演示圖6.17圖6.18

(17)在舞臺中的左邊第一個按鈕上單擊鼠標右鍵，彈出快捷菜單，在快捷菜單中選擇[動作]

命令，彈出【動作】腳本對話框，在【動作】腳本對話框中輸入如圖所示的代碼。單擊對話框右上角的按鈕，關(guān)閉【動作】腳本對話框。(18)其他4個按鈕的操作方法同第17步，從左到右，代碼分別如圖～圖所示。圖6.19圖6.20圖6.216.2案例演示圖6.22圖6.23(19)最終效果如圖所示，完整動畫演示效果請觀看從網(wǎng)上下載的素材第5章的“視頻播放控制”Flash文件。6.2案例演示本案例主要介紹了使用按鈕控制視頻播放的動畫效果。在學習過程中，要求掌握視頻文件的處理方法。利用前面所學知識制作如下效果，完整動畫效果演示請觀看從網(wǎng)上下載的素材第6章的“視頻播放控制1”Flash文件。6.2案例演示6.2.2案例二：選擇填空制作一個選擇填空題效果。本案例主要