用Flash制作交互型_第1頁(yè)
用Flash制作交互型_第2頁(yè)
用Flash制作交互型_第3頁(yè)
用Flash制作交互型_第4頁(yè)
用Flash制作交互型_第5頁(yè)
已閱讀5頁(yè),還剩189頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、第4章 用Flash制作交互型課件,Flash制作交互型課件,4.1 Flash 8.0 基礎(chǔ)知識(shí) 4.2 繪圖基礎(chǔ) 4.3 動(dòng)畫(huà)制作及技巧 4.4 元件、實(shí)例和庫(kù) 4.5 制作交互型課件 4.6 聲音和視頻的編輯 4.4 動(dòng)畫(huà)的輸出,4.1 Flash MX 2004基礎(chǔ)知識(shí),Macromedia Flash以便捷、完美、舒適的動(dòng)畫(huà)編輯環(huán)境,深受廣大動(dòng)畫(huà)制作愛(ài)好者的喜愛(ài),在制作動(dòng)畫(huà)之前,我們先對(duì)工作環(huán)境中的菜單、工具、面板等分別作詳細(xì)的介紹,包括一些基本的操作方法和工作環(huán)境的組織和安排,1. 初識(shí)Flash 2. 文檔選項(xiàng)卡 3. 時(shí)間軸 4. 工具箱 5. 舞 臺(tái),6. 常用面板 4. 設(shè)

2、計(jì)面板 8. 開(kāi)發(fā)面板 9. 其他面板 10.使用網(wǎng)格、輔助線(xiàn)和標(biāo)尺,返回,1. 初識(shí)Flash,返回,2. 文檔選項(xiàng)卡,新建或打開(kāi)一個(gè)文檔時(shí),在“時(shí)間軸”的上方會(huì)顯示出“文檔選項(xiàng)卡”。如果打開(kāi)或創(chuàng)建多個(gè)文檔,“文檔名稱(chēng)”將按文檔創(chuàng)建的先后順序顯示在“文檔選項(xiàng)卡”中,單擊文件名稱(chēng),可以在多個(gè)文檔之間進(jìn)行快速切換,文檔選項(xiàng)卡,返回,3.時(shí)間軸,時(shí)間軸”用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)?!皥D層”就像堆疊在一起的多張幻燈膠片一樣,每個(gè)層中都排放著自己的對(duì)象。提到動(dòng)畫(huà),第一個(gè)會(huì)聯(lián)想到的是小時(shí)候最喜歡看的卡通影片,這些卡通影片,都是事先繪制好一幀一幀的連續(xù)動(dòng)作的圖片,然后讓它們連續(xù)播

3、放,利用人的“視覺(jué)暫留”特性,在大腦中便形成了動(dòng)畫(huà)效果。 Flash動(dòng)畫(huà)的制作原理也一樣,它是把繪制出來(lái)的對(duì)象放到一格格的幀中,然后再來(lái)播放,返回,4. 工具箱,位于工作界面左邊長(zhǎng)條形狀的就是工具箱,工具箱是Flash最常用到的一個(gè)面板,用鼠標(biāo)單擊的方式選中其中的各種工具就可以直接使用,返回,5. 舞臺(tái),舞臺(tái)”位于工作界面的正中間部位,是放置動(dòng)畫(huà)內(nèi)容的區(qū)域。這些內(nèi)容包括矢量圖、文本框、按鈕、導(dǎo)入的位圖圖形或視頻剪輯等。可以在“屬性”面板中設(shè)置和改變“舞臺(tái)”的大小。默認(rèn)狀態(tài)下,“舞臺(tái)”的寬為550像素,高為400像素,返回,6. 常用面板,Flash MX 2004有很多面板,默認(rèn)狀態(tài)下,在“舞

4、臺(tái)”的正下方有三個(gè)比較常用的浮動(dòng)面板,分別是“幫助”面板、“動(dòng)作”面板和“屬性”面板,單擊面板的“標(biāo)題欄”,可以依次展開(kāi)它們,1)“幫助”面板,2)“動(dòng)作”面板,3)“屬性”面板,返回,4. 設(shè)計(jì)面板,打開(kāi)“窗口”中“設(shè)計(jì)面板”菜單,在菜單中可以看到所有的“設(shè)計(jì)面板”,單擊 面板的名稱(chēng),就可以打開(kāi)或關(guān)閉相應(yīng)的面板。默認(rèn)狀態(tài)下,打開(kāi)的“設(shè)計(jì)面板”分布 在舞臺(tái)右側(cè)的面板組中?!霸O(shè)計(jì)面板”包括“對(duì)齊”面板、“顏色樣本”面板、“混色器” 面板、“信息”面板、“場(chǎng)景”面板和“變形”六個(gè)面板,返回,8. 開(kāi)發(fā)面板,打開(kāi)“窗口”中“開(kāi)發(fā)面板”菜單,從菜單中可以看到所有的“開(kāi)發(fā)面板”,單擊面板的名稱(chēng)可以打開(kāi)或

5、關(guān)閉相應(yīng)面板。默認(rèn)狀態(tài)打開(kāi)的一些“開(kāi)發(fā)面板”分布在舞臺(tái)右側(cè)的面板組中?!伴_(kāi)發(fā)面板”包括“動(dòng)作”、“組件”、“組件檢查器”、“輸出”、“調(diào)試器”、“行為”和“Web服務(wù)”面板,返回,9. 其他面板,打開(kāi)“窗口”下的“其他面板”菜單,從菜單中可以查看到所有的其他面板,單擊面板名稱(chēng)可以打開(kāi)相應(yīng)的面板?!捌渌姘濉卑ā拜o助功能”、“影片瀏覽器”、“歷史紀(jì)錄”、“字符串”和“公用庫(kù)”面板,返回,10. 使用網(wǎng)格、輔助線(xiàn)和標(biāo)尺,網(wǎng)格、標(biāo)尺和輔助線(xiàn)可以幫助我們精確地勾畫(huà)和安排對(duì)象,返回,10.設(shè)置舞臺(tái)的背景和大小、場(chǎng)景的其他操作,4.2 繪圖基礎(chǔ),圖形和文字是動(dòng)畫(huà)的基礎(chǔ),所以掌握繪圖工具的使用對(duì)于制作好的

6、Flash作品是至關(guān)重要的,返回,下一頁(yè),4.2 繪圖基礎(chǔ)-Flash工具箱面板,繪圖工具,查看選項(xiàng),顏色選項(xiàng),選項(xiàng)部分,返回,下一頁(yè),4.2 繪圖基礎(chǔ)-應(yīng)用,4.2.1 繪圖和著色 4.2.2 著色與填充 4.2.3 選擇與編輯對(duì)象 4.2.4 文本編輯 4.2.5 圖形導(dǎo)入,返回,4.2.1繪圖和著色 - 1繪制直線(xiàn),直線(xiàn)“屬性”面板,線(xiàn)條樣式,提示:在繪制直線(xiàn)的過(guò)程中,如果按住Shift鍵不放,可以畫(huà)出角度是45倍數(shù)的直線(xiàn),如水平、垂直、45度、135度的直線(xiàn),返回,下一頁(yè),4.2.1繪圖和著色 - 2鉛筆工具,鉛筆模式,伸直模式 平滑模式 墨水瓶模式,返回,下一頁(yè),4.2.1繪圖和著色

7、 - 3鋼筆工具,能夠精確地繪制出直線(xiàn)和曲線(xiàn)路徑,并且在繪制完成后,可以進(jìn)一步調(diào)整直線(xiàn)段的角度、長(zhǎng)度以及曲線(xiàn)段的彎曲程度。使用“鋼筆工具”并配合“部分選取工具 ”的使用,可以精確地繪制出較為復(fù)雜的曲線(xiàn)圖形,用鋼筆工具繪制直線(xiàn),用鋼筆工具繪制曲線(xiàn),返回,下一頁(yè),4.2.1繪圖和著色 - 4橢圓工具 和矩形工具,提示:選擇“矩形工具”時(shí),在“繪圖”工具欄下方的“選項(xiàng)”區(qū)中,單擊“圓角矩形半徑”按鈕,在彈出的“矩形設(shè)置”對(duì)話(huà)框中設(shè)置“角半徑”值,然后在舞臺(tái)上按住鼠標(biāo)不放并拖動(dòng),就可以畫(huà)出圓角矩形,其中“角半徑”的值越大,則矩形圓角程度就越明顯,返回,下一頁(yè),4.2.1繪圖和著色 - 5刷子工具,刷子

8、的填充模式中各個(gè)選項(xiàng)的含義: 標(biāo)準(zhǔn)繪畫(huà):在所繪制的顏色區(qū)域中,刷子所到之處會(huì)覆蓋為刷子的顏色。 顏料填充:所繪制的顏色區(qū)域會(huì)影響對(duì)象的填色內(nèi)容,但不完全覆蓋對(duì)象的框線(xiàn)。 后面繪畫(huà):在現(xiàn)有填充及筆觸的后面進(jìn)行繪制,不影響對(duì)象的填色內(nèi)容。 顏料選擇:只會(huì)影響所選取的區(qū)域,如果沒(méi)有選擇任何對(duì)象,則該模式不影響對(duì)象的填色。 內(nèi)部繪畫(huà):把刷子的顏色填入封閉區(qū)域中,超出封閉區(qū)域的顏色會(huì)被自動(dòng)清除,返回,下一頁(yè),4.2.1繪圖和著色 - 6、橡皮擦工具,橡皮擦工具選項(xiàng),標(biāo)準(zhǔn)擦除:擦除同一層上的筆觸和填充。 擦除填色:只擦除填充,不影響筆觸。 擦除線(xiàn)條:只擦除筆觸,不影響填充。 擦除所選填充:只擦除當(dāng)前選定的

9、填充,并不影響筆 觸(不管筆觸是否被選中)。以這種模 式使用橡皮擦工具之前,請(qǐng)選擇要擦除 的填充。 內(nèi)部擦除: 只擦除橡皮擦筆觸開(kāi)始處的填充。如果從 空白點(diǎn)開(kāi)始擦除,則不會(huì)擦除任何內(nèi)容。 以這種模式使用橡皮擦并不影響筆觸,返回,4.2.2著色與填充 - 1.墨水瓶工具,墨水瓶工具用來(lái)對(duì)場(chǎng)景中的線(xiàn)條進(jìn)行修改,具體使用方法如下: 1)單擊工具箱中的墨水瓶工具按鈕。 2)利用“屬性”面板設(shè)定所需要的顏色,選擇合適的線(xiàn)形,然后單擊場(chǎng)景中需要修改的線(xiàn)條,此線(xiàn)條的線(xiàn)形及顏色會(huì)改變,墨水瓶工具的應(yīng)用,返回,下一頁(yè),4.2.2著色與填充 - 2.顏料桶工具,顏料桶工具能在一個(gè)封閉或不封閉的區(qū)域中填色。可以用純

10、色、漸變色或?qū)氲奈粓D圖像進(jìn)行填充,具體使用方法如下: 1)單擊工具箱中的顏料桶工具按鈕。 2)利用顏色樣本面板選定所需的填充色,然后單擊場(chǎng)景中所需要填充的 區(qū)域,此時(shí),該區(qū)域顏色會(huì)改變,顏料桶工具的應(yīng)用,提示:在Flash中,即使中大缺口,值也是很小的,所以要對(duì)大的不封閉區(qū)域填充 顏色,一般用筆刷,返回,下一頁(yè),4.2.2著色與填充 - 3 .填充效果,一個(gè)動(dòng)畫(huà)如果沒(méi)有適當(dāng)?shù)念伾蜔o(wú)法稱(chēng)之為優(yōu)秀的動(dòng)畫(huà),所以熟練、恰當(dāng)?shù)厥褂没焐髅姘迨亲龊肍lash 動(dòng)畫(huà)的前提。具體使用方法如下: 1)選擇“窗口”菜單中的“開(kāi)發(fā)面板”子菜單中的“混色器”命令或按快捷鍵Shift+F9 。 2)在填充類(lèi)型的下拉

11、列表框中有5個(gè)可選選項(xiàng):無(wú)色、純色、線(xiàn)形、放射狀和位圖,提示:使用位圖填充,在填充類(lèi)型下拉列表中選擇“位圖”。如果當(dāng)前尚未導(dǎo)入任何 位圖,系統(tǒng)將自動(dòng)打開(kāi)“導(dǎo)入到庫(kù)”對(duì)話(huà)框。選中一個(gè)或多個(gè)位圖文件后,該 文件將被自動(dòng)增加到“混色器”面板中,返回,下一頁(yè),4.2.2著色與填充 - 4.使用填充變形工具,填充變形工具用于對(duì)填充后的顏色進(jìn)行修改,利用該工具可以方便地對(duì)填充效果進(jìn)行旋轉(zhuǎn)、拉伸、傾斜、縮放等各種變換,具體使用方法如下: 1)單擊工具箱中的填充變形工具按鈕。 2)選擇所要編輯的對(duì)象,在填充區(qū)域單擊,此時(shí)將在圖形上出現(xiàn)兩條平行線(xiàn),這兩條平行線(xiàn)稱(chēng)為漸變控制線(xiàn),同時(shí),在漸變控制線(xiàn)上還顯示了漸變中心

12、控制點(diǎn)、漸變方向控制點(diǎn)及漸變線(xiàn)距離控制點(diǎn),如圖A所示。 3)在“混色器”面板中將填充類(lèi)型選為“放射狀”,然后再工具箱面板中單擊顏料桶工具按鈕,在所要編輯的對(duì)象上單擊填充顏色,再次單擊填充變形工具按鈕,在填充區(qū)域單擊,此時(shí)將在圖形上出現(xiàn)一個(gè)控制圓,單擊并拖動(dòng)各個(gè)控制點(diǎn),可調(diào)整放射狀填充效果如圖B所示,返回,下一頁(yè),4.2.2著色與填充 - 5、使用填充變形工具編輯修改位圖填充,填充位圖的控制點(diǎn),返回,下一頁(yè),4.2.2 著色與填充- 6、滴管工具,滴管工具用于拾取邊線(xiàn)顏色、填充色、位圖圖形等,然后將拾取的邊線(xiàn)和填充類(lèi)型用于其它圖形。在使用滴管工具拾取邊線(xiàn)和填充類(lèi)型時(shí),如果單擊的是線(xiàn)條,則滴管工具

13、自動(dòng)變成墨水瓶工具;如果單擊的是填充區(qū)域,則自動(dòng)變成顏料桶工具,以便于填充操作,返回,下一頁(yè),4.2.2著色與填充-4.繪圖實(shí)例,實(shí)例說(shuō)明本實(shí)例繪制“鄉(xiāng)村小屋”圖形。該實(shí)例充分運(yùn)用了工具箱中 的繪圖工具,例如:橢圓工具、矩形工具、線(xiàn)條工具等,并且使用合理的填充方式使“鄉(xiāng)村小屋”顯得更加逼真,返回,4.2.3選擇與編輯對(duì)象 1、箭頭工具,箭頭工具用來(lái)選擇場(chǎng)景中的編輯對(duì)象并對(duì)其進(jìn)行修改具體使用方法 如下,選擇填充區(qū)域 選擇線(xiàn)條 選擇某一區(qū)域內(nèi)的對(duì)象,選中區(qū)域被移動(dòng),區(qū)域選中,返回,下一頁(yè),4.2.3選擇與編輯對(duì)象 - 2用箭頭修改圖形,可用箭頭工具修改圖形,具體使用方法如下,提示:在箭頭工具中的“

14、選項(xiàng)”里有兩種編 輯模式,可以根據(jù)自己的需求,進(jìn)行選擇使用。 平滑工具: 利用它可以使曲線(xiàn)變得更加平滑。 伸直工具: 利用它可以使曲線(xiàn)趨于折線(xiàn),返回,下一頁(yè),4.2.3選擇與編輯對(duì)象 - 3 、套索工具,套索工具是一種選取工具,使用的時(shí)候不是很多,主要用在處理位圖時(shí)。選擇套索工具后,會(huì)在選項(xiàng)中出現(xiàn)魔術(shù)棒、魔術(shù)棒屬性和多邊形模式。 具體使用方法如下: 選擇“套索工具”,在“選項(xiàng)”里單擊“多邊形模式”, 根據(jù)需要單擊鼠標(biāo),當(dāng)?shù)玫侥阈枰倪x擇區(qū)域時(shí),雙擊鼠標(biāo)自動(dòng)封閉所選區(qū)域。此時(shí)我們可以對(duì)所選區(qū)域進(jìn)行修改,返回,下一頁(yè),4.2.3選擇與編輯對(duì)象-4移動(dòng)、復(fù)制和刪除對(duì)象,1、移動(dòng)對(duì)象 1)直接移動(dòng)對(duì)象

15、 2)移動(dòng)對(duì)象的一部分 2、復(fù)制對(duì)象 1)選定一個(gè)或多個(gè)需要復(fù)制的對(duì)象。 2)單擊鼠標(biāo)右鍵,彈出一個(gè)快捷菜單,選擇“拷貝”命令,將復(fù)制對(duì)象復(fù) 制到剪貼板中。 3)單擊鼠標(biāo)右鍵,彈出一個(gè)快捷菜單,選擇“粘貼”命令,即可完成復(fù)制對(duì)象。 3、刪除對(duì)象 在Flash 中制作動(dòng)畫(huà),常常需要?jiǎng)h除一些不需要的對(duì)象,具體操作方法如下: 1)選定一個(gè)或多個(gè)需要?jiǎng)h除的對(duì)象。 2)按下鍵盤(pán)上的Delete鍵即可刪除,返回,下一頁(yè),4.2.3選擇與編輯對(duì)象- 4. 組合與分離對(duì)象,在制作動(dòng)畫(huà)時(shí),場(chǎng)景中可能會(huì)同時(shí)存在大量的編輯對(duì)象,如圖形、元件、圖像等。對(duì)一個(gè)對(duì)象操作時(shí),可能會(huì)影響到其他對(duì)象。這時(shí),則可以考慮將其他暫時(shí)

16、不進(jìn)行編輯的對(duì)象組合。組合后的對(duì)象變成一個(gè)大的整體,對(duì)其他對(duì)象操作時(shí)不會(huì)影響到已組合的對(duì)象。 組合對(duì)象最大的特點(diǎn)是:組合后的對(duì)象可以作為一個(gè)大的整體進(jìn)行編輯,相當(dāng)于對(duì)單個(gè)對(duì)象的操作;組合后有利于對(duì)象的移動(dòng),在移動(dòng)過(guò)程中不會(huì)改變組合對(duì)象的相對(duì)位置,返回,下一頁(yè),4.2.3選擇與編輯對(duì)象 -5對(duì)齊對(duì)象,選擇“窗口” 菜單中的“排列”菜單命令或按快捷鍵Ctrl+K, 打開(kāi)對(duì)齊面板,對(duì)齊面板,提示:如果選中“對(duì)齊”面板中的“相對(duì)于舞臺(tái)”按鈕,則要對(duì)齊的對(duì)象將以場(chǎng)景為 參照進(jìn)行對(duì)齊排列,居底對(duì)齊的效果,返回,下一頁(yè),4.2.3選擇與編輯對(duì)象- 6. 變換對(duì)象,1)縮放、傾斜與旋轉(zhuǎn)對(duì)象 在工具箱中單擊任意

17、變形工具按鈕并選取后,在工具箱下面的選項(xiàng)中有4種選項(xiàng)供我們選擇,提示:選擇“修改”菜單中的“變形”菜單命令,同樣也可以實(shí)現(xiàn)對(duì)場(chǎng)景中的對(duì)象的相關(guān)操作。并且還可以對(duì)選擇的對(duì)象進(jìn)行各種角度的旋轉(zhuǎn)以及水平翻轉(zhuǎn)、垂直翻轉(zhuǎn)等,返回,下一頁(yè),4.2.3選擇與編輯對(duì)象 - 4.繪制花朵,實(shí)例說(shuō)明 本實(shí)例繪制“花朵”圖形。該實(shí)例充分運(yùn)用了工具箱中橢圓工具選擇工具、任意變形工具等,并且使用合理的填充方式使“花朵”顯得更加逼真。 制作步驟,返回,4.2.4 文本編輯,在Flash中,文本類(lèi)型有靜態(tài)文本、動(dòng)態(tài)文本和輸入文本三種,靜態(tài)文本:是在課件制作過(guò)程中創(chuàng)建,而在課件播放時(shí)不能改變的文本, 主要用于制作固定不變的文

18、字,動(dòng)態(tài)文本:可以制作需要隨時(shí)更新的文字,如動(dòng)態(tài)顯示時(shí)間、試題測(cè)試 結(jié)果等,輸入文本:主要用于實(shí)現(xiàn)各種交互功能,如輸入圓的半徑,則可以計(jì)算 出相應(yīng)圓的面積等等,返回,下一頁(yè),4.2.4 文本編輯-添加文本,1、添加靜態(tài)文本 2、添加動(dòng)態(tài)文本 3、添加輸入文本,返回,下一頁(yè),4.2.4 文本編輯- 設(shè)置文本屬性,返回,下一頁(yè),4.2.4 文本編輯 - 編輯文本,在文本編輯操作中,包括對(duì)文本框及文本框中文字的編輯操作。對(duì)文本框的操作常見(jiàn)的有選擇、復(fù)制、移動(dòng)、刪除等;對(duì)文本的操作,與其他文字處理軟件相同(如 Word),在這里只對(duì)文本的選擇進(jìn)行介紹,其他就不再敘述,返回,4.2.5 圖形導(dǎo)入,Fla

19、sh 兼容多種格式的位圖圖像,在某些情況下,用戶(hù)除了使用Flash 自身的繪圖工具繪制圖形,還需要外部的位圖圖像導(dǎo)入。外部的位圖導(dǎo)入到Flash軟件后,可以將其轉(zhuǎn)換為矢量圖,返回,下一頁(yè),4.2.5 圖形導(dǎo)入- 1導(dǎo)入位圖,具體操作方法如下,4)如果導(dǎo)入對(duì)象的文件名以數(shù)字結(jié)尾,并且此文件后面還有順序排列的文件,則會(huì)彈出如下圖所示的提示框,詢(xún)問(wèn)用戶(hù)是否將同一文件夾中一系列文件全部導(dǎo)入。單擊“是”按鈕,將導(dǎo)入一系列連續(xù)的文件;單擊“否”按鈕,將只導(dǎo)入當(dāng)前選擇的文件;單擊“取消”按鈕,將取消當(dāng)前導(dǎo)入操作,不導(dǎo)入任何文件,1)選擇“文件” 菜單中的“導(dǎo)入”菜單命令,選擇導(dǎo)入到舞臺(tái)。 2)在彈出的“導(dǎo)入

20、”對(duì)話(huà)框中選擇一幅圖像。 3)單擊“打開(kāi)”按鈕,即將選擇的圖像導(dǎo)入,提示:用戶(hù)也可以將其他編輯軟件中的圖像、文字等對(duì)象直接粘貼到Flash中。使用“轉(zhuǎn)換位圖為矢量圖”功能將位圖矢量化后,矢量圖形與“庫(kù)”面板中的源圖像將不存在鏈接關(guān)系,返回,下一頁(yè),4.2.5 圖形導(dǎo)入 2、將位圖轉(zhuǎn)換為矢量圖,在Flash中可以將導(dǎo)入的位圖轉(zhuǎn)換為矢量圖。位圖轉(zhuǎn)換為矢量圖后不僅可以方便地刪除圖像的多余部分,而且還可以壓縮文件的大小,1)單擊選擇一個(gè)位圖圖像。 2)選擇“修改”菜單中的“轉(zhuǎn)為位圖為矢量圖”菜單命令。 3)在彈出的如圖所示的“轉(zhuǎn)為位圖為矢量圖”對(duì)話(huà)框中可以進(jìn)行以下設(shè)置 4)設(shè)置完畢后,單擊“確定”按鈕

21、,即可將當(dāng)前位圖矢量化,將位圖轉(zhuǎn)換為矢量圖的方法如下,返回,下一頁(yè),4.2.5 圖形導(dǎo)入-設(shè)置位圖屬性,將位圖導(dǎo)入到Flash中,無(wú)論是否曾使用該位圖進(jìn)行操作,導(dǎo)入的圖像均被保存在庫(kù)文件中,如圖4-2-54所示。設(shè)置位圖屬性的具體方法如下: 1)用箭頭工具選擇位圖,此時(shí)注意觀(guān)察“屬性”面板,其中在“實(shí)例”后顯示出該位圖的名稱(chēng)。 2)調(diào)整高度和寬度。在“寬”文本框中顯示位圖的寬度,在“高”文本框中顯示位圖的高度,更改其中的數(shù)值可以精確控制位圖的大小。 3)控制位圖位置。在“X”和“Y”文本框中顯示位圖的水平和垂直坐標(biāo),更改其中的數(shù)值可以精確控制位圖的位置。 4)交換位圖。單擊“交換”按鈕,彈出如

22、圖的“交換”對(duì)話(huà)框,可以使用庫(kù)中的其他位圖交換場(chǎng)景中選擇的位圖。 5)編輯位圖。單擊“屬性”面板中的“編輯”按鈕,可以打開(kāi)Flash MX 2004默認(rèn)位圖編輯軟件,對(duì)位圖進(jìn)行編輯。 6)在“屬性”面板中對(duì)當(dāng)前選擇的位圖屬性重新定義后,更改后的效果立即反映在工作區(qū)域中,返回,4.4 元件、實(shí)例和庫(kù)-4.3.1元件,1.認(rèn)識(shí)元件 元件是一個(gè)圖形、按鈕或影片剪輯。當(dāng)元件被創(chuàng)建,它就被放入了該文件的“庫(kù)”面板中,在使用時(shí)只需將元件從“庫(kù)”面板中拖動(dòng)到舞臺(tái)上,就創(chuàng)建了該元件的一個(gè)實(shí)例。當(dāng)多次將一個(gè)元件從“庫(kù)”面板中拖動(dòng)到舞臺(tái)上,就創(chuàng)建了該元件的多個(gè)實(shí)例,即利用一個(gè)元件可以創(chuàng)建多個(gè)實(shí)例,當(dāng)修改一個(gè)元件后

23、,其對(duì)應(yīng)的實(shí)例也會(huì)隨之改變,不需要再逐一修改;但修改舞臺(tái)上的實(shí)例,如縮放、改變顏色效果、旋轉(zhuǎn)、變形等,都不會(huì)影響存到“庫(kù)”面板中的元件,返回,下一頁(yè),4.4.1元件 2、元件類(lèi)型,元件的類(lèi)型可以分為圖形、按鈕和影片剪輯三種 ,每一個(gè)元件都有自己獨(dú)立的時(shí)間軸、圖層和舞臺(tái),1)圖形元件 圖形元件用于創(chuàng)建圖片和動(dòng)畫(huà)片段。 2)按鈕元件 按鈕元件用于響應(yīng)鼠標(biāo)動(dòng)作(如鼠標(biāo)單擊、鼠標(biāo)滑過(guò)等)或按鍵動(dòng)作,實(shí)現(xiàn)各種交互功能。按鈕元件有 4個(gè)不同的狀態(tài),如包括“彈起”、“指針滑過(guò)”、“按下”和“點(diǎn)擊”,其中“彈起”表示按鈕未按下時(shí)的狀態(tài);“指針滑過(guò)”表示當(dāng)鼠標(biāo)指針移動(dòng)到按鈕上時(shí),按鈕所表現(xiàn)的狀態(tài);“按下”表示在

24、按鈕上按下鼠標(biāo)左鍵,按鈕所表現(xiàn)的狀態(tài);“點(diǎn)擊”表示按鈕可以被鼠標(biāo)單擊的有效范圍。 3)影片剪輯元件 影片剪輯元件用于創(chuàng)建可反復(fù)使用的動(dòng)畫(huà)片段,可獨(dú)立于主動(dòng)畫(huà)的時(shí)間軸進(jìn)行播放,下一頁(yè),返回,4.4.1元件 3、創(chuàng)建元件,一種是利用應(yīng)用菜單命令,另一種是直接將舞臺(tái)上的對(duì)象拖動(dòng)到“庫(kù)”面板中,下一頁(yè),返回,4.4.2 元件實(shí)例,實(shí)例來(lái)自于元件,當(dāng)元件改變時(shí),其對(duì)應(yīng)的實(shí)例也會(huì)隨之改變;而編輯實(shí)例,卻不會(huì)影響“庫(kù)”面板中的元件。每個(gè)元件可以有多個(gè)與之對(duì)應(yīng)的實(shí)例,每個(gè)實(shí)例都可以獨(dú)立編輯,互不影響,下一頁(yè),返回,4.4.3 庫(kù),庫(kù)”面板主要用于組織和管理元件,利用它可以對(duì)其中的元件重復(fù)使用,大大降低了文件的

25、尺寸;另外,還可以與他人共享存于“庫(kù)”面板中的元件,提高制作效率,豐富素材資源,在Flash中,“庫(kù)”面板存儲(chǔ)了創(chuàng)建的元件,如圖形、按鈕和影片剪輯等。另外,導(dǎo)入的視頻、聲音、位圖等素材文件,它們雖然不是元件,但Flash也把它們作為元件處理,可以被重復(fù)使用。在每一個(gè)Flash文件的“庫(kù)”面板中,包含了該文件中使用的元件,另外還可以調(diào)用其他文件“庫(kù)”面板中的元件,下一頁(yè),返回,4.4.3 庫(kù) - 1. 顯示“庫(kù)”面板,顯示“庫(kù)”面板的方法:選擇“窗口”菜單中的“庫(kù)”菜單命令(或按Fll鍵,新建元件,新建文件夾,寬庫(kù)視圖,窄庫(kù)視圖,下一頁(yè),返回,4.4.3 庫(kù) - 2. 管理元件,庫(kù)”面板是組織和

26、管理元件的場(chǎng)所,在該面板中可以創(chuàng)建新的元件、刪除元件、重命名元件、復(fù)制元件、建立用于元件分類(lèi)的文件夾等操作,新建元件,新建文件夾,屬性,刪除,返回,4.4.3 庫(kù) - 3. 公用庫(kù),公用庫(kù)存放了一些制作過(guò)程中常用的元件,為用戶(hù)提供各種素材,避免了重復(fù)制作,大大提高了制作效率。在Flash 8.0 提供了3個(gè)公用庫(kù):按鈕、類(lèi)和學(xué)習(xí)交互。另外還可以根據(jù)實(shí)際需要,收集一些常用素材,將其放入自建的公用庫(kù)(可以多建幾個(gè)),在制作過(guò)程中隨時(shí)調(diào)用,返回,4.4 動(dòng)畫(huà)制作及技巧(1,Flash 動(dòng)畫(huà)是基于幀構(gòu)成的,首先將不同的圖片放在不同的幀中,然后設(shè)置幀的動(dòng)作行為就可以制作出簡(jiǎn)單的動(dòng)畫(huà)來(lái)。Flash 動(dòng)畫(huà)一

27、般包括:逐幀動(dòng)畫(huà)、漸變動(dòng)畫(huà)、遮照層動(dòng)畫(huà)和引導(dǎo)層動(dòng)畫(huà)。每一種動(dòng)畫(huà)的特點(diǎn)都不同。只要熟練掌握各種動(dòng)畫(huà)的制作方法,再結(jié)合幀的操作和圖層操作就可以制作出各種形象生動(dòng)的動(dòng)畫(huà)作品,返回,下一頁(yè),4.3 動(dòng)畫(huà)制作及技巧(2,4.3.1 圖層 4.3.2 逐幀動(dòng)畫(huà) 4.3.3 形狀漸變動(dòng)畫(huà) 4.3.4 運(yùn)動(dòng)漸變動(dòng)畫(huà) 4.3.5 遮罩層動(dòng)畫(huà) 4.3.6 引導(dǎo)層動(dòng)畫(huà),返回,4.3.1 圖層 - 1、圖層的基本操作,1)新建圖層 2)重命名圖層 3)選擇圖層 4)復(fù)制圖層 5)改變圖層的順序 6)刪除圖層,返回,下一頁(yè),4.3.1 圖層 - 2、圖層的狀態(tài),返回,4.3.2 Flash 逐幀動(dòng)畫(huà),逐幀動(dòng)畫(huà)是動(dòng)畫(huà)的基

28、礎(chǔ)。逐幀動(dòng)畫(huà)就是將一個(gè)連續(xù)的動(dòng)畫(huà)分解成多個(gè)步驟,然后在各個(gè)關(guān)鍵幀中制作每一個(gè)步驟的動(dòng)畫(huà)內(nèi)容,返回,下一頁(yè),實(shí)例演示,實(shí)例制作,4.3.2 逐幀動(dòng)畫(huà) 1、幀的基本操作,1)定義關(guān)鍵幀 2)清除關(guān)鍵幀 3)插入幀 4)清除幀 5)復(fù)制幀 6)剪切幀,返回,下一頁(yè),4.3.2 逐幀動(dòng)畫(huà),動(dòng)畫(huà)原理 逐幀動(dòng)畫(huà)是指由許多連續(xù)的關(guān)鍵幀組成的動(dòng)畫(huà),制作者在動(dòng)畫(huà)的每個(gè)關(guān)鍵幀中創(chuàng)建不同的內(nèi)容,當(dāng)播放動(dòng)畫(huà)時(shí),F(xiàn)lash就會(huì)一幀一幀地顯示每一幀中的內(nèi)容。如圖所示就是一個(gè)逐幀動(dòng)畫(huà),動(dòng)畫(huà)中的每一幀都是關(guān)鍵幀,返回,實(shí)例演示,實(shí)例制作,如果不是特別需要,建議不采用逐幀動(dòng)畫(huà)的方式。因?yàn)橹饚瑒?dòng)畫(huà)的工作量非常大,而且如果技術(shù)不熟

29、練,還可能使動(dòng)畫(huà)不自然,效果不好,逐幀動(dòng)畫(huà)特點(diǎn),逐幀動(dòng)畫(huà)由許多關(guān)鍵幀組合而成,相鄰關(guān)鍵幀中的對(duì)象變化不大。 逐幀動(dòng)畫(huà)中的每一幀都是關(guān)鍵幀,需要用戶(hù)對(duì)每個(gè)關(guān)鍵幀中的畫(huà)面進(jìn)行控制,工作量很大。 相對(duì)于補(bǔ)間動(dòng)畫(huà)來(lái)說(shuō),逐幀動(dòng)畫(huà)的體態(tài)比較雍腫,文件很大,占用較大的內(nèi)存,4.3.3 Flash - 漸變動(dòng)畫(huà),漸變動(dòng)畫(huà)只是要設(shè)置動(dòng)畫(huà)的起點(diǎn)關(guān)鍵幀和終點(diǎn)關(guān)鍵幀,通過(guò)動(dòng)作屬性設(shè)置,F(xiàn)lash會(huì)自動(dòng)生成兩個(gè)關(guān)鍵幀中的過(guò)渡關(guān)鍵幀動(dòng)畫(huà)。 漸變動(dòng)畫(huà)分為兩種:一種是漸變動(dòng)畫(huà),另一種是形狀漸變動(dòng)畫(huà),返回,下一頁(yè),與逐幀動(dòng)畫(huà)相比,補(bǔ)間動(dòng)畫(huà)具有以下幾個(gè)特點(diǎn),制作方法簡(jiǎn)單方便。只需要為動(dòng)畫(huà)的第一個(gè)關(guān)鍵幀和最后一個(gè)關(guān)鍵幀創(chuàng)建內(nèi)容,兩

30、個(gè)關(guān)鍵幀之間幀的內(nèi)容由Flash自動(dòng)生成,不需要人為處理。 相對(duì)于逐幀動(dòng)畫(huà)來(lái)說(shuō),補(bǔ)間動(dòng)畫(huà)更為連貫自然。因?yàn)橹饚瑒?dòng)畫(huà)是由手工控制,幀與幀之間的過(guò)渡很可能會(huì)不自然、不連貫,而補(bǔ)間動(dòng)畫(huà)除了兩個(gè)關(guān)鍵幀由手工控制外,中間的幀都由Flash自動(dòng)生成,技術(shù)含量很高,因此過(guò)渡更為自然連貫。 相對(duì)于逐幀動(dòng)畫(huà)來(lái)說(shuō),補(bǔ)間動(dòng)畫(huà)的文件更小,占用內(nèi)存少,4.3.3 形狀漸變動(dòng)畫(huà),1)形狀補(bǔ)間動(dòng)畫(huà)的概念 在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀,然后在另一個(gè)關(guān)鍵幀中更改該形狀或繪制另一個(gè)形狀,F(xiàn)lash 根據(jù)二者之間的幀的值或形狀來(lái)創(chuàng)建的動(dòng)畫(huà)被稱(chēng)為“形狀補(bǔ)間動(dòng)畫(huà)”。(2)構(gòu)成形狀補(bǔ)間動(dòng)畫(huà)的元素 形狀補(bǔ)間動(dòng)畫(huà)可以實(shí)現(xiàn)兩個(gè)圖形之間顏色、形狀

31、、大小、位置的相互變化,其變形的靈活性介于逐幀動(dòng)畫(huà)和動(dòng)作補(bǔ)間動(dòng)畫(huà)二者之間,使用的元素多繪制出的形狀,如果使用圖形元件、按鈕、文字,則必先“打散”才能創(chuàng)建變形動(dòng)畫(huà),3)形狀補(bǔ)間動(dòng)畫(huà)在時(shí)間幀面板上的表現(xiàn)形狀補(bǔ)間動(dòng)畫(huà)建好后,時(shí)間幀面板的背景色變?yōu)榈G色,在起始幀和結(jié)束幀之間有一個(gè)長(zhǎng)長(zhǎng)的箭頭,如圖所示。 (4)創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)的方法 在時(shí)間軸面板上動(dòng)畫(huà)開(kāi)始播放的地方創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置要開(kāi)始變形的形狀,一般一幀中以一個(gè)對(duì)象為好,在動(dòng)畫(huà)結(jié)束處創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置要變成的形狀,再單擊開(kāi)始幀,在【屬性】面板上單擊【補(bǔ)間】旁邊的小三角,在彈出的菜單中選擇【形狀】,此時(shí),一個(gè)形狀補(bǔ)間動(dòng)畫(huà)就創(chuàng)建完畢,

32、4.3.3 形狀漸變動(dòng)畫(huà)實(shí)例1 - 變換的圖形,形狀漸變包括兩種類(lèi)型,一種是形狀的變化,一種是顏色的變化,通??梢詫⑦@兩種效果綜合在一個(gè)動(dòng)畫(huà)中,圖形與圖形漸變效果,提示:形狀漸變動(dòng)畫(huà)是一種非常靈活的動(dòng)畫(huà),利用形狀漸變,可以實(shí)現(xiàn)圖形導(dǎo) 圖形、圖形到文字、文字到文字等等之間的漸變,值得注意 的是利用文字漸變時(shí)要對(duì)文字進(jìn)行分離操作,否則不能實(shí)現(xiàn)漸變的效果,返回,實(shí)例演示,實(shí)例制作,4.3.4 Flash 運(yùn)動(dòng)漸變動(dòng)畫(huà),運(yùn)動(dòng)漸變動(dòng)畫(huà)是漸變動(dòng)畫(huà)的另一種類(lèi)型,它的主要功能是制作場(chǎng)景中元件位移和大小的變化。在Flash 動(dòng)畫(huà)中,運(yùn)動(dòng)漸變動(dòng)畫(huà)運(yùn)用得最為廣泛 動(dòng)作補(bǔ)間動(dòng)畫(huà)可以使對(duì)象發(fā)生位置移動(dòng)、縮放、旋轉(zhuǎn)、顏色

33、漸變等變化。這種動(dòng)畫(huà)只適用于文字、位圖和實(shí)例,被打散的對(duì)象不能產(chǎn)生動(dòng)作漸變,除非將它們轉(zhuǎn)換為元件或組合。 動(dòng)作補(bǔ)間動(dòng)畫(huà)只對(duì)某個(gè)圖層上單一的對(duì)象有效,如果想讓一個(gè)動(dòng)畫(huà)中的多個(gè)對(duì)象一起動(dòng),必須將它們分別放在不同的圖層上分別產(chǎn)生動(dòng)作漸變,返回,下一頁(yè),4.3.4 運(yùn)動(dòng)漸變動(dòng)畫(huà)類(lèi)型,1、位移動(dòng)畫(huà),2、大小變化動(dòng)畫(huà),3、旋轉(zhuǎn)變化動(dòng)畫(huà),返回,實(shí)例演示,實(shí)例制作,實(shí)例演示,實(shí)例制作,實(shí)例演示,實(shí)例制作,4.3.5 Flash 遮罩層動(dòng)畫(huà),遮罩層是Flash 圖層的一種類(lèi)型,可以通過(guò)遮罩層中的圖形,看到下層(被遮罩層)中的內(nèi)容,并且被遮罩層可以是多個(gè)。可以對(duì)遮罩層中的圖形建立動(dòng)畫(huà)(除了路徑運(yùn)動(dòng)動(dòng)畫(huà)),制作出奇

34、妙的動(dòng)畫(huà)效果,探照燈效果,1、遮罩層的基本操作,2、探照燈實(shí)例,返回,4.3.5 遮罩層動(dòng)畫(huà) 遮罩層的基本操作,A、新建一層,并制作一個(gè)填充圖形、文字或?qū)嵗?B、在需要轉(zhuǎn)化成遮罩層的名稱(chēng)上單擊鼠標(biāo)右鍵,將彈出快捷菜單,選擇 “遮罩層”命令,將它變成遮罩層,創(chuàng)建一個(gè)遮罩層,返回,4.3.5 遮罩層動(dòng)畫(huà)實(shí)例 -探照燈,實(shí)例說(shuō)明 探照燈效果是一種常用的動(dòng)畫(huà)特效,它是利用Flash中的遮罩層來(lái)制作的,探照燈在黑暗的背景上依次顯示文字。利用遮罩層,還可以制作多種特殊的動(dòng)畫(huà)效果。如放大鏡、滾動(dòng)字幕等。 制作步驟 在這個(gè)實(shí)例中,至少應(yīng)該制作三個(gè)層,一個(gè)是背景層,另一個(gè)是文字層,還有一個(gè)是遮罩層,返回,實(shí)例

35、演示,簡(jiǎn)而言之,引導(dǎo)層就是用來(lái)放置元件運(yùn)動(dòng)路徑的圖層。 例如:在某層里有一個(gè)小圓球,如果想讓這個(gè)小圓球沿著用戶(hù)定義的灰色曲線(xiàn)路徑運(yùn)動(dòng),就需要用到引導(dǎo)層。引導(dǎo)層中的引導(dǎo)線(xiàn)在輸出的SWF文件中是不可見(jiàn)的,即輸出后途中的灰線(xiàn)是不可見(jiàn)的,4.3.6 Flash 引導(dǎo)層動(dòng)畫(huà),1、引導(dǎo)層基本操作,2、引導(dǎo)層實(shí)例,返回,4.3.6 引導(dǎo)層動(dòng)畫(huà)-基本操作,1、創(chuàng)建一個(gè)引導(dǎo)層,1)新建一層“圖層1”,在該圖層中繪制圖形、文字。 2)為“圖層1”添加引導(dǎo)層,層的快捷菜單 插入引導(dǎo)層的菜單命令 插入引導(dǎo)層按鈕,2、取消引導(dǎo)層 方法一:用鼠標(biāo)右鍵單擊層的名稱(chēng),在彈出的菜單中選擇“引導(dǎo)層”命令。 方法二:雙擊層的名稱(chēng)左

36、端的圖標(biāo),進(jìn)入“圖層屬性”對(duì)話(huà)框,選擇“類(lèi)型”為“正常,返回,4.3.6 引導(dǎo)層動(dòng)畫(huà)實(shí)例地球公轉(zhuǎn),實(shí)例說(shuō)明 本實(shí)例利用Flash引導(dǎo)層來(lái)實(shí)現(xiàn)地球繞著橢圓軌道做曲線(xiàn)運(yùn)動(dòng)。利用引導(dǎo)層,可以制作各種沿曲線(xiàn)路徑運(yùn)動(dòng)的動(dòng)畫(huà)。 操作步驟 在這個(gè)實(shí)例中,至少需要制作三個(gè)層,一個(gè)背景層,一個(gè)引導(dǎo)層,一個(gè)被引導(dǎo)層,返回,實(shí)例演示,4.5交互型課件基礎(chǔ),在欣賞Flash動(dòng)畫(huà)時(shí),常??吹斤h落的雪花、淅瀝的小雨等場(chǎng)景,還有一些Flash小游戲讓人們玩得不亦樂(lè)乎,其實(shí)這些動(dòng)畫(huà)很大程度上是依賴(lài)Actions語(yǔ)句對(duì)動(dòng)畫(huà)進(jìn)行編程而實(shí)現(xiàn)的。有些動(dòng)畫(huà)甚至根本不需要制作任何動(dòng)畫(huà)就可以直接應(yīng)用Actions語(yǔ)句來(lái)實(shí)現(xiàn)。 Action

37、sScript實(shí)際是一種腳本語(yǔ)言,主要用來(lái)對(duì)動(dòng)畫(huà)進(jìn)行編程,使用它可以使動(dòng)畫(huà)具有交互性,在一些動(dòng)畫(huà)中起到畫(huà)龍點(diǎn)睛的效果。一些Flash初學(xué)者可能會(huì)問(wèn)“ActionScript在哪里呢,變量,變量名 變量的類(lèi)型 變量的作用范圍 設(shè)置變量,變量名可以是一個(gè)字母,也可以是由一個(gè)單詞或幾個(gè)單詞構(gòu)成的字符串,但最好取一個(gè)有意義又好記的名字。變量命名時(shí)必須遵循以下規(guī)則,變量名通常以小寫(xiě)字母或下劃線(xiàn)開(kāi)頭,當(dāng)出現(xiàn)一個(gè)新單詞時(shí),新單詞的第一個(gè)字母大寫(xiě),如myName就是一個(gè)變量名。 變量名中不能有空格和特殊符號(hào),但可以使用數(shù)字。 變量名不能是關(guān)鍵字或邏輯變量,如true和false都是邏輯變量。 變量名在它作用的

38、范圍中必須是惟一的。 使用變量時(shí)應(yīng)遵循“先定義后使用”的原則。即在使用變量之前必須先定義這個(gè)變量,變量的類(lèi)型,邏輯變量:用于判斷指定的條件是否成立,它包括true(真)和false(假)兩個(gè)值,true表示條件成立,false表示條件不成立。 數(shù)值型變量:用于存儲(chǔ)特定的數(shù)值,如high=300。 字符串變量:用于存儲(chǔ)特定的文本信息,如name=“豬八戒”。 對(duì)象型變量:用于存儲(chǔ)對(duì)象型的數(shù)據(jù),如myTime=newTime(,變量的作用范圍是指變量能夠被識(shí)別和應(yīng)用的區(qū)域。根據(jù)變量的作用范圍,可以將變量分為全局變量和局部變量。全局變量可以在整個(gè)Flash動(dòng)畫(huà)中所有位置引用,局部變量只能作用于它所在

39、的代碼塊中,在其他位置中將不能引用它,在A(yíng)ctionScript中設(shè)置變量的方法很簡(jiǎn)單。但全局變量和局部變量的定義方法不同。 定義全局變量可以使用等號(hào)“=”或set動(dòng)作來(lái)實(shí)現(xiàn),語(yǔ)法格式如下,變量名=表達(dá)式; set(變量名,表達(dá)式); 例如: mount=200; set(mount,200) 在這里,創(chuàng)建了一個(gè)名為mount的變量,并將其值設(shè)置為了200,在set命名中的變量名,必須用引號(hào)將其括起來(lái),如括號(hào)里的mount就是用引號(hào)括起來(lái)的,定義局部變量可以通過(guò)var語(yǔ)句來(lái)實(shí)現(xiàn),語(yǔ)法格式如下: var 變量名; var 變量名=表達(dá)式; 例如: var name; var name=sheep

40、; 為了幫助大家理解前面所講的概念,下面舉例說(shuō)明。如下所示的Actions語(yǔ)句的含義是:首先為一個(gè)局部變量xscale賦予數(shù)值“100”,再將該變量xscale減去數(shù)值20,并輸出到窗口,運(yùn)算結(jié)果為80。 var xscale=100; xscale=xscale-20; trace(xscale,函數(shù),定義函數(shù) 為函數(shù)傳遞參數(shù),任何一種編程語(yǔ)言都有函數(shù)。函數(shù)是指對(duì)常量和變量等進(jìn)行某種運(yùn)算的方法,它是Actions語(yǔ)句的基本組成部分。Flash中的函數(shù)分為系統(tǒng)函數(shù)和自定義函數(shù)。系統(tǒng)函數(shù)是Flash MX 2004自帶的函數(shù),可以直接在動(dòng)畫(huà)中調(diào)用;自定義函數(shù)由用戶(hù)根據(jù)需要自行定義,在自定義函數(shù)中

41、,用戶(hù)可以定義一系列的語(yǔ)句,對(duì)其進(jìn)行運(yùn)算,最后返回運(yùn)算結(jié)果,定義函數(shù),在使用函數(shù)之前,必須先對(duì)其進(jìn)行定義,只有定義函數(shù)后才能調(diào)用該函數(shù)。在Flash MX 2004中可使用Function語(yǔ)句進(jìn)行函數(shù)的定義。Function語(yǔ)句位于“類(lèi)型”選項(xiàng)中,大家可以展開(kāi)“動(dòng)作”面板看看。 定義函數(shù)時(shí)需要使用Function語(yǔ)句,后面跟一個(gè)函數(shù)名、傳遞給函數(shù)的參數(shù)和指定函數(shù)作用的Actions語(yǔ)句。參數(shù)是指?jìng)鬟f給命令或函數(shù)的一個(gè)值。如gotoAndPlay命令就是以幀編號(hào)或幀標(biāo)簽作為參數(shù),以確定跳轉(zhuǎn)并播放哪一幀。 定義函數(shù)的格式如下: function functionname (parameter0,

42、parameter1,.parameterN,statement(s); function (parameter(), parameter1,.parameterN) statement(s); 其中: functionname表示新函數(shù)的名稱(chēng); parameter是一個(gè)標(biāo)識(shí)符,表示要傳遞給函數(shù)的參數(shù),這些參數(shù)是可選的; statement(s)用來(lái)為function的函數(shù)體定義任何動(dòng)作腳本指令,statement(s)用來(lái)為function的函數(shù)體定義任何動(dòng)作腳本指令。 例如,下面定義一個(gè)名為“square”的對(duì)象,其中有一個(gè)參數(shù)long。 function square (long) th

43、is.long=long;,this是一個(gè)用于函數(shù)體內(nèi)的關(guān)鍵字,它主要用于對(duì)函數(shù)所屬的動(dòng)畫(huà)片段進(jìn)行引用,為函數(shù)傳遞參數(shù),要調(diào)用函數(shù),必須先將該函數(shù)所要求的參數(shù)傳遞給它,函數(shù)將使用通過(guò)傳遞所得到的值取代函數(shù)定義中的參數(shù)。例如: square (100); 該語(yǔ)句將使用100取代函數(shù)定義中所定義的參數(shù)“l(fā)ong,表達(dá)式和運(yùn)算符,數(shù)值表達(dá)式和運(yùn)算符 字符串表達(dá)式和運(yùn)算符 邏輯表達(dá)式和運(yùn)算符,表達(dá)式是用于為變量賦值的短語(yǔ)。在Flash 中包括數(shù)值表達(dá)式、字符串表達(dá)式以及邏輯表達(dá)式3種,數(shù)值表達(dá)式和運(yùn)算符,數(shù)值表達(dá)式用于為變量賦予數(shù)值,它由數(shù)字、數(shù)值型變量和算術(shù)運(yùn)算符組成。其算術(shù)運(yùn)算符包括+、*(乘)、

44、/(除)、=、=。數(shù)值表達(dá)式的運(yùn)算法則為先乘除后加減,括號(hào)中的內(nèi)容優(yōu)先計(jì)算,如(45+23)*34/3就是一個(gè)數(shù)值表達(dá)式。 在使用算術(shù)運(yùn)算符時(shí),如果表達(dá)式中含有字符串,系統(tǒng)會(huì)將字符串轉(zhuǎn)換為數(shù)值進(jìn)行計(jì)算,如30+20的值為50。如果該字符串不能轉(zhuǎn)換為數(shù)值,則系統(tǒng)會(huì)將其賦值為0后再進(jìn)行運(yùn)算。如yg+50的值為50,字符串表達(dá)式和運(yùn)算符,字符串表達(dá)式是對(duì)字符串進(jìn)行運(yùn)算的表達(dá)式,它由字符串、字符串運(yùn)算符和以字符串為結(jié)果的函數(shù)組成。在Flash MX 2004中所有雙引號(hào)括起來(lái)的字符都被視為字符串。 如電腦表示將影片剪輯photo的_alpha(透明度)屬性設(shè)置為50%。 點(diǎn)語(yǔ)法可以使用兩個(gè)特殊的別名:

45、_root和_parent,_root是指主時(shí)間軸,可以使用_root創(chuàng)建一個(gè)絕對(duì)路徑。 _parent用來(lái)引用嵌套在當(dāng)前影片剪輯中的影片剪輯,可以使用_parent來(lái)創(chuàng)建一個(gè)相對(duì)路徑,如前面在主時(shí)間軸中創(chuàng)建了一個(gè)變量bird,后面要在影片剪輯中使用這個(gè)變量,便可以使用語(yǔ)句:trace(_root.bird,如一個(gè)影片剪輯元件fish嵌套在影片剪輯元件bird中,那么在影片剪輯元件fish中添加_parent.play();語(yǔ)句表示告訴bird元件開(kāi)始播放,大括號(hào),Actions語(yǔ)句用大括號(hào)來(lái)分塊,如下面語(yǔ)句就有3對(duì)大括號(hào),第一對(duì)大括號(hào)單獨(dú)存在,后面的兩對(duì)大括號(hào)相互嵌套。 for (i=1;

46、iparts; i+) xi = xi+(xi-1-xi)/v1; yi = yi+(yi-1-yi)/v1; for (i=1; iparts; i+) with (_rootfish+i) _x = (xi-1+xi)/2; _y = (yi-1+yi)/2; _rotation = 90+(180/Math.PI)*Math.atan2(yi-yi-1), (xi-xi-1,分號(hào),Actions語(yǔ)句用分號(hào)來(lái)結(jié)束,但如果省略語(yǔ)句末尾的分號(hào),F(xiàn)lash MX 2004仍然可以成功地編譯用戶(hù)的腳本。建議養(yǎng)成用分號(hào)結(jié)束語(yǔ)句的好習(xí)慣,圓括號(hào),在定義函數(shù)和調(diào)用函數(shù)時(shí),應(yīng)將所有參數(shù)都放在括號(hào)()中,例

47、如: attachMovie(fin, fish+i, parts+1-i); setProperty(rain,_x,-10+ Math.random()*530,字母的大小寫(xiě),在Flash MX 2004的Actions語(yǔ)句中,只有關(guān)鍵字才區(qū)分大小寫(xiě),對(duì)于其他Actions元素,可以使用大寫(xiě)或小寫(xiě)字母。如下面的兩個(gè)語(yǔ)句的作用是相同的: _root.attachMovie(snow, snow+i, i); _root.attachMovie(SNOW, SNOW+i, i); 為了在閱讀Actions語(yǔ)句時(shí)更容易區(qū)分函數(shù)和變量的名稱(chēng),最好還是遵守一致的大小寫(xiě)約定,關(guān)鍵字,在A(yíng)ctionsS

48、cript中保留了一些具有特殊含義的單詞,供用戶(hù)編程時(shí)使用,這些被保留的單詞即稱(chēng)為“關(guān)鍵字”。在編輯Actions語(yǔ)句時(shí),系統(tǒng)不允許使用這些關(guān)鍵字作為變量、函數(shù)以及標(biāo)簽等的名字,以免發(fā)生腳本混亂。在A(yíng)ctionsScript中有如下一些關(guān)鍵字: breakfornewvarcontinuefunctionreturnvoiddeleteifthiswhileelseintypeofwith,注釋,在Flash中,編程者還可以在“動(dòng)作”面板中的語(yǔ)句后面添加注釋?zhuān)脕?lái)幫助別人理解某些代碼的作用,也可方便自己或其他人組織和編寫(xiě)腳本。注釋并不參與執(zhí)行命令,只起一個(gè)注釋語(yǔ)句的作用。 如果對(duì)某一行或一行的

49、某一部分進(jìn)行注釋?zhuān)恍柙谡Z(yǔ)句后面加兩根斜杠(/)即可,只要使用了/符號(hào),F(xiàn)lash會(huì)自動(dòng)忽略它后面的部分,并自動(dòng)將注釋部分用灰色標(biāo)示。注釋既可以放在一行代碼的后面,也可以放在代碼的下一行。如下面的語(yǔ)句就是一個(gè)添加了注釋的Actions語(yǔ)句,if (y0) setProperty(feiji,_y,0); /如果影片剪輯元件feiji的Y坐標(biāo)小于0,就將它的Y坐標(biāo)設(shè)置為0(這樣是為了保證元件始終在可見(jiàn)區(qū)域內(nèi)) setProperty(feiji,_y,getProperty(feiji,_y)-10); /將影片剪輯元件“feiji”的Y坐標(biāo)設(shè)置為它實(shí)際所在位置的下方10個(gè)單位 stop(,腳本

50、語(yǔ)言在動(dòng)畫(huà)中的應(yīng)用,通過(guò)幀來(lái)控制動(dòng)畫(huà)進(jìn)程 通過(guò)按鈕來(lái)控制動(dòng)畫(huà)進(jìn)程 控制影片剪輯和影片剪輯屬性的設(shè)置控制動(dòng)畫(huà),許多Flash動(dòng)畫(huà)都具有很強(qiáng)的交互性,需要人為地控制動(dòng)畫(huà)的進(jìn)程,交互行為實(shí)際都是通過(guò)Actions語(yǔ)句來(lái)實(shí)現(xiàn)的。在Flash 中控制動(dòng)畫(huà)進(jìn)程的方法有以下幾種,直接為幀添加Actions語(yǔ)句來(lái)控制動(dòng)畫(huà)進(jìn)程。 為按鈕添加Actions語(yǔ)句來(lái)控制動(dòng)畫(huà)進(jìn)程。 為影片剪輯添加Actions語(yǔ)句來(lái)控制動(dòng)畫(huà)進(jìn)程,通過(guò)幀來(lái)控制動(dòng)畫(huà)進(jìn)程,在Flash 的“動(dòng)作”面板中,“時(shí)間軸控制”、“瀏覽器/網(wǎng)絡(luò)”和“影片剪輯控制”類(lèi)中提供的命令就可完成對(duì)動(dòng)畫(huà)的基本控制。最常用的語(yǔ)句有以下一些,stop:使動(dòng)畫(huà)停止在當(dāng)

51、前時(shí)間軸的當(dāng)前幀中。 play:使動(dòng)畫(huà)從當(dāng)前幀開(kāi)始播放。 gotoAndPlay:跳轉(zhuǎn)到用幀標(biāo)簽或幀編號(hào)指定的某一特定幀并播放。 gotoAndStop:跳轉(zhuǎn)到用幀標(biāo)簽或幀編號(hào)指定的某一特定幀并停止播放,nextFrame:使動(dòng)畫(huà)跳轉(zhuǎn)到下一幀并停止播放。 prevFrame:使動(dòng)畫(huà)回到上一幀并停止播放。 on:主要用于控制按鈕的動(dòng)作。 duplicateMovieClip:復(fù)制影片剪輯。 getProperty:獲取影片剪輯屬性。 setProperty:設(shè)置影片剪輯屬性。 removeMovieClip:移除影片剪輯屬性。 startDrag:在影片剪輯上開(kāi)始拖放動(dòng)作。 stopDrag:停

52、止當(dāng)前正在進(jìn)行的拖放動(dòng)作,為幀添加Actions語(yǔ)句的方法如下:選中幀,然后打開(kāi)動(dòng)作面板添加Actions語(yǔ)句注意事項(xiàng):一定要選中相應(yīng)的關(guān)鍵幀才能添加代碼而延續(xù)幀和過(guò)渡幀上不能添加代碼,通過(guò)按鈕來(lái)控制動(dòng)畫(huà)進(jìn)程on (release) play(,為按鈕添加Actions語(yǔ)句的方法:選中要添加Actions語(yǔ)句的按鈕,然后打開(kāi)“動(dòng)作”面板。在其中輸入按鈕的Actions語(yǔ)句。 注意:為按鈕添加Actions語(yǔ)句必須以關(guān)鍵字on開(kāi)頭。首先雙擊“影片剪輯控制”類(lèi)下的,在右邊窗口中將自動(dòng)彈出如圖1-1所示的下拉列表,其中的各選項(xiàng)都是不同的按鈕事件,各個(gè)按鈕事件的含義如下所示,press:表示當(dāng)按下鼠標(biāo)

53、還未松開(kāi)時(shí)發(fā)生指定的事件。 release:表示在按鈕上單擊一次鼠標(biāo)后會(huì)發(fā)生指定的事件。它是按鈕最常用的事件。 releaseOutside:表示在按鈕上按下鼠標(biāo),在按鈕外松開(kāi)鼠標(biāo)時(shí)會(huì)發(fā)生指定的事件。 rollOver:表示當(dāng)鼠標(biāo)光標(biāo)移到按鈕所在熱區(qū)時(shí)會(huì)發(fā)生指定的事件。 rollOut:表示當(dāng)鼠標(biāo)從按鈕熱區(qū)移出時(shí)會(huì)發(fā)生指定的事件。 dragOver:表示在鼠標(biāo)光標(biāo)位于按鈕上方并已按下的情況下,滑出按鈕再滑回按鈕時(shí)會(huì)發(fā)生指定的事件。 dragOut:表示當(dāng)鼠標(biāo)光標(biāo)位于按鈕內(nèi)部,按下按鈕然后移出按鈕熱區(qū)時(shí)會(huì)發(fā)生指定的事件。 keyPress:它是指在鍵盤(pán)上按下某些鍵時(shí),按鈕將會(huì)響應(yīng)的事件,影片剪輯

54、控制和屬性的設(shè)置,影片剪輯控制 和按鈕元件一樣,為影片剪輯添加Actions語(yǔ)句也要使用事件處理函數(shù),只是使用的關(guān)鍵字不同,按鈕使用關(guān)鍵字on,而影片剪輯使用關(guān)鍵字onClipEvent。當(dāng)某種影片剪輯事件發(fā)生時(shí),就會(huì)觸發(fā)相應(yīng)的事件處理函數(shù)。 影片剪輯事件的使用方法如下: onClipEvent(movieEvent) / 要執(zhí)行的動(dòng)作 其中的movieEvent是一個(gè)事件的觸發(fā)器,當(dāng)它所代表的事件發(fā)生時(shí),F(xiàn)lash會(huì)執(zhí)行后面大括號(hào)中的語(yǔ)句。在“影片剪輯控制”類(lèi)中雙擊,在右邊的窗口中將出現(xiàn)下拉列表,注意: 影片剪輯上添加語(yǔ)句是控制影片剪輯本身的運(yùn)動(dòng)狀態(tài), 不能控制場(chǎng)景中對(duì)象的播放進(jìn)程,影片剪輯

55、屬性的設(shè)置,位置屬性_x和_y 大小屬性_width和_height 縮放屬性_xscale和_yscale 旋轉(zhuǎn)屬性_rotation 透明度屬性_alpha 鼠標(biāo)位置_xmouse和_ymouse 可見(jiàn)屬性_visible 設(shè)置屬性值setProperty 獲取屬性值getProperty,位置屬性_x和_y,創(chuàng)建舞臺(tái)中的每個(gè)對(duì)象都有它的坐標(biāo)值。坐標(biāo)原點(diǎn)在舞臺(tái)的左上角,其坐標(biāo)位置為(0,0)。水平向右為正,向左為負(fù),垂直向下為正,向上為負(fù)。Flash默認(rèn)的舞臺(tái)大小為550400像素,因此舞臺(tái)右下角的坐標(biāo)為(550,400),它表示距坐標(biāo)原點(diǎn)的水平距離為550,垂直距離為400。在Flash

56、中,分別用_x和_y表示對(duì)象的x坐標(biāo)值屬性和y坐標(biāo)值屬性。 例如,如果要在時(shí)間軸中表示影片剪輯“photo1”的位置屬性,可以使用下面的方法: photo1._x photo1._y,如果要在影片剪輯本身的腳本中表示它自己的坐標(biāo),可使用下面的方法: _x; _y; abc._x=50; abc._y=60; 或: this._x; this._y; 在A(yíng)ctions語(yǔ)句中更改_x和_y屬性可以改變影片剪輯的位置。如為影片剪輯編寫(xiě)如下語(yǔ)句: onClipEvent(enterFrame) _x-=5,_y+=6; 該語(yǔ)句表示影片剪輯在每次的enterFrame事件中向左移動(dòng)5個(gè)像素,同時(shí)向下移動(dòng)

57、6個(gè)像素的位置,圖14-2,在“屬性”面板和“信息”面板中都可以查看和更改對(duì)象的位置。選擇窗口設(shè)計(jì)面板信息菜單命令或按【Ctrl+I】鍵都可以打開(kāi)“信息”面板,如圖14-2所示,大小屬性_width和_height,_width和_height是影片剪輯的兩個(gè)重要屬性,它們分別代表影片剪輯的絕對(duì)寬度和高度。使用_width和_height語(yǔ)句可以調(diào)整影片剪輯的尺寸和大小,其表達(dá)方式如下: onClipEvent(enterFrame) _width=Math.abs(_root._xmouse-_x)/4; _height=Math.abs(_root._ymouse-_y)/4;,縮放屬性_

58、xscale和_yscale,_xscale和_yscale是影片剪輯的縮放屬性,它們代表影片剪輯實(shí)例相對(duì)于“庫(kù)”面板中的原影片剪輯元件的橫向尺寸width和縱向尺寸height的百分比,與影片剪輯實(shí)例的實(shí)際尺寸無(wú)關(guān)。例如,影片剪輯元件的橫向?qū)挾葹?0,將其拖動(dòng)到舞臺(tái)上作為實(shí)例時(shí)寬度被改為了80。如果在A(yíng)ctions語(yǔ)句中將其屬性_xscale設(shè)置為10,那么在播放動(dòng)畫(huà)時(shí)影片剪輯實(shí)例的橫向?qū)挾葘⑹?0的10%,即2,而不是80的10%。 由于_xscale和_yscale代表舞臺(tái)中的實(shí)例大小與原影片剪輯元件大小的百分比,因此當(dāng)_xscale和_yscale的取值大于100時(shí),表示將放大原影片剪

59、輯;當(dāng)它們的取值小于100大于0時(shí),表示縮小原影片剪輯;當(dāng)取值為負(fù)時(shí),將在縮放的基礎(chǔ)上水平或垂直翻轉(zhuǎn)影片剪輯,_xscale下面一段語(yǔ)句列出了它們的含義,大家仔細(xì)閱讀,并理解_xscale和_yscale的作用。 onClipEvent (load) ab = _width; /用變量ab獲取原影片剪輯的寬度 cd = _height; /用變量cd獲取原影片剪輯的高度 onClipEvent (enterFrame) _xscale = 100*(_root._xmouse-_x)/(ab/2); /計(jì)算鼠標(biāo)位置與原影片剪輯寬度的百分比,作為_(kāi)xscale的值 _yscale = 100*(

60、_root._ymouse-_y)/(cd/2); /計(jì)算鼠標(biāo)位置與原影片剪輯高度的百分比,作為_(kāi)yscale的值,旋轉(zhuǎn)屬性_rotation,_rotation表示影片剪輯的旋轉(zhuǎn)屬性,它是一個(gè)角度值,取值范圍為-180180。如果將它的值設(shè)置在這個(gè)范圍之外,系統(tǒng)會(huì)自動(dòng)將其轉(zhuǎn)換為這個(gè)范圍之間的值。 例如,語(yǔ)句: fish._rotation=120; 表示將影片剪輯fish旋轉(zhuǎn)120,透明度屬性_alpha,_alpha是影片剪輯的透明度屬性,其取值范圍在0100之間,0代表完全透明,100表示不透明。在前面章節(jié)中,已經(jīng)講過(guò)設(shè)置影片剪輯的_alpha值方法:選中要設(shè)置透明度的影片剪輯元件,在“

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論