【文章內(nèi)容簡介】 了許多令人嘆為觀止的動畫(電影)效果。而且在 的版本中已經(jīng)可以支持 MP3 的音樂格式，這使得加入音樂的動畫文件也能保持小巧的‘身材’ 。 (4) 強大的動畫編輯功能使得設計者可以隨心所欲地設計出高品質(zhì)的動畫，通過 ACTION 和 FS COMMAND 可以實現(xiàn)交互性，使 Flash 具有更大的設計自由度。 Flash 軟件界面主要由 Flash 工具、時間軸面板、工作區(qū)域、舞臺、工作面板、屬性面板組成。在創(chuàng)作中主要用到以下幾大類來完成課題的實踐。(1) 三大元件① 影片剪輯沈陽化工大學學士學位論文 第二章 文獻綜述4影片剪輯就是一個獨立的影片片斷。它的播放情況不會受主場景時間軸的影響，因為它擁有完全獨立的時間軸和影片特性?？梢园阉韧谥鲌鼍暗挠捌部梢园阉斪魇且粋€獨立成開的影片。② 圖形圖形元件就是一個靜態(tài)圖像或是一段動畫內(nèi)容。它不可以添加交互內(nèi)容和音樂。它的時間軸看起來和影片剪輯相同，但是它并不擁有自己獨立的時間軸，它的一切播放都要根據(jù)主影片的進度。③ 按鈕按鈕元件與上述兩者不太一樣，因為它并不擁有真正意義上的時間軸，按鈕的時間軸是與從不同的。在它的時間軸上總共只有 4 幀，彈起，指針經(jīng)過，按下，點擊。(2) 圖層① 引導線圖層引導線圖層是一種動畫形式，表示動畫的運動路線是有特殊軌跡的。② 遮罩層遮罩層就是物體并非是完全顯示，被遮罩層中的內(nèi)容只有與遮罩層中重疊的部分才會顯示出來。③ 普通層將每個角色或元件都放置在單獨的一個圖層中。(3)幀① 關(guān)鍵幀在時間軸上以一個灰色填充的小黑點來表示。關(guān)鍵幀是 Flash 創(chuàng)作的必需品，所有內(nèi)容都將添加在關(guān)鍵幀中。② 空白關(guān)鍵幀一個沒有內(nèi)容的關(guān)鍵幀。它可以添加交互內(nèi)容或載入聲音。③ 補間幀關(guān)鍵幀的順延幀，在補間幀中加入交互內(nèi)容，或改變補間幀中的內(nèi)容都會被理解為對前一個關(guān)鍵幀的操作。補間動畫分為動作，形狀。“動作”補間動畫是最為常用的一種類型，通常為元件從一個位置移動到沈陽化工大學學士學位論文 第二章 文獻綜述5另外一個位置，也可以是元件屬性的改變。如色彩改變，大小改變，坐標改變等。“形狀”補間動畫是指兩個圖形間的變化，它適用的對象是圖形對象，使用“形狀補間動畫”可以創(chuàng)建出圖形形體上不規(guī)則的變化。圖 21 幀形態(tài)示意圖 Action Script 介紹Flash 是一個交互多媒體的開發(fā)平臺，它的交互就是由 Action Script 程序來實現(xiàn)的。Action Script 是 Flash 獨有的一種腳本程序，屬于面向?qū)ο螅∣OP）的編程，類似于高級語言，但它不是高級語言。Action Script 經(jīng)歷 Flash 的 版本不支持 OOP 技術(shù)，F(xiàn)lash MX 的 版本支持 OOP 技術(shù)，到了 Flash MX 2022 的 版本與 Java 相差無幾。制作 Flash 網(wǎng)站常用到 Action Script 函數(shù)包括：gotoAndPlay():將播放頭轉(zhuǎn)到場景中指定的幀并從該幀開始播放。如果未指定場景，則播放頭將轉(zhuǎn)到當前場景中的指定幀。gotoAndStop():將播放頭轉(zhuǎn)到場景中指定的幀并停止播放。如果未指定場景，則播放頭將轉(zhuǎn)到當前場景中的幀。loadMovie():在播放原始 SWF 文件的同時將 SWF 文件或 JPEG 文件加載到 Flash Player 中。沈陽化工大學學士學位論文 第三章 方案設計與論證6三 方案設計與論證 計劃階段制作網(wǎng)站之前，首先需要明確建站的目的和網(wǎng)站的定位。需要收集相關(guān)的資料，對其進行整理，找到重點，如網(wǎng)站的主題、用什么樣元素、元素之間的聯(lián)系、元素如何運動、用什么風格音樂等。結(jié)合網(wǎng)站定位來決定網(wǎng)站的欄目需要有哪幾項。然后用同樣的方法，來討論二級欄目下的子欄目，對它進行歸類，并逐一確定每個二級欄目的主頁面需要有哪些具體的內(nèi)容，二級欄目下面的每個小欄目需要放置哪些內(nèi)容。 總體規(guī)劃該 Flash 網(wǎng)站屬于非盈利網(wǎng)站。用戶登錄網(wǎng)站后瀏覽站內(nèi)信息，讓用戶可以輕松了解現(xiàn)今數(shù)碼產(chǎn)品計算機硬件的流行趨勢及發(fā)展動態(tài)。這樣用戶得到參考價值資料，能更好的選擇所需產(chǎn)品。由于 Flash 網(wǎng)站基本以圖形和動畫為主，比較適合做文字內(nèi)容不太多，以平面、動畫效果為主的網(wǎng)站。所以該網(wǎng)站采用時尚優(yōu)雅氣息風格的設計理念，界面簡捷，舒適，給用戶一種輕松的感覺。擺脫那種死板的條條框框的網(wǎng)頁，讓網(wǎng)頁變得更加生動有趣。沈陽化工大學學士學位論文 第三章 方案設計與論證7 網(wǎng)站結(jié)構(gòu)分析圖 31 flash 網(wǎng)站結(jié)構(gòu)分布(1) 首頁首頁采用片頭動畫的制作理念，由若干線條動態(tài)移動，字體顏色交替及若隱若現(xiàn)效果，這樣在進入站點前展示的動態(tài)效果視覺感官非常強烈。(2) 導航菜單① 關(guān)于我們讓用戶通過字體的描述了解我們，把我們制作網(wǎng)站的初衷設計理念全部展示出來。② 今日商情其中包括商界動態(tài)、新品信息、優(yōu)惠促銷。標題醒目，讓用戶一目了然查找到自己所需版面。③ 數(shù)碼世界沈陽化工大學學士學位論文 第三章 方案設計與論證8采用幾組照片瀏覽的形式把當今數(shù)碼流行的產(chǎn)品展示出來。讓用戶更直觀的對產(chǎn)品形態(tài)有一定的了解。④ 電腦配件采用視頻播放方式，收集當今電腦方面新聞，用戶通過標題來選擇要觀看的新聞。⑤ 知識寶庫知識寶庫由趣味問答和尋找寶藏兩部分組成。趣味問答板塊主要是圍繞網(wǎng)站給出的信息通過測試讓用戶對瀏覽的產(chǎn)品有更值觀的印象；尋找寶藏板塊主要是列出產(chǎn)品使用中常遇見的問題，這樣用戶通過瀏覽相關(guān)信息找到所要答案。(3) LoadingLoading 的設計采用水波流動的動態(tài)效果并伴有載入時間的百分比，這樣用戶不會因為時間過長而放棄網(wǎng)站的瀏覽。 測試環(huán)境 安裝完 Windows 操作系統(tǒng)中的 IIS 后，創(chuàng)建站點目錄文件名為 flashweb。在“Inter 信息服務”對話框的“默認 Web 站點”項右擊，單擊“新建”→“站點”命令。創(chuàng)建名為“flashweb”沈陽化工大學學士學位論文 第四章 設計與實踐9四 設計與實踐 開發(fā)流程 本次課題實踐利用 Flash 軟件技術(shù)特點，制作具有動態(tài)效果的網(wǎng)站。本人使用的是 Flash MX 2022 軟件。開發(fā)流程見圖 41圖 41 整體設計流程 整體設計新建一個空的 Flash 文檔。設置舞臺尺寸：“寬”為 770px, “高”為410px, “背景”為黑色， “幀頻”為 30fps。選擇“窗口”/“設計面板”/“場景”命令。單擊“場景”面板的“添加場景”按鈕，分別創(chuàng)建名為“l(fā)oading” ， “首頁” ， “關(guān)于我們”場景。如圖 42：沈陽化工大學學士學位論文 第四章 設計與實踐10圖 42 場景 制作(1) 建立一個影片剪輯元件，選擇“插入”/“新建元件”/“影片剪輯” ，命名為：“showloading_mc” 。在 showloading_mc 中繪制一個無邊框矩形，填充顏色為白色，寬為 1，高為 10 轉(zhuǎn)換為 showloadingeft_mc 影片剪輯元件，在屬性面板實例名稱輸入 loadingeft_mc。進入 showloadingeft_mc 影片剪輯元件在第 345100 幀創(chuàng)建關(guān)鍵幀，并在 3455 幀制作補間動畫產(chǎn)生矩形長短不一的效果。 （影片剪輯建立方法如上所示，此后不再稱述）(2) 返回到 showloading_mc 的時間軸圖層 1 第 1 幀,在行為面板中輸入代碼使畫面產(chǎn)生水波的效果：var i:Number=0。=false。onEnterFrame=function(){(loadingeft_mc+i,ghestDepth())。this[loadingeft_mc+i]._x=this[loadingeft_mc+(i1)]._x+2。this[loadingeft_mc+i]._y=。this[loadingeft_mc+i].gotoAndPlay(random(10))。i++。if(i=100){沈陽化工大學學士學位論文 第四章 設計與實踐11i=0。delete onEnterFrame。}}(3) 在 showloading_mc 影片剪輯時間軸新建一層，在舞臺上輸入“_loading please wait_”轉(zhuǎn)換為影片剪輯命名：“showloadingtxt_mc” 。進入showloadingtxt_mc 影片在第 3 幀插入空白關(guān)鍵幀。使文字形成閃爍的動態(tài)的效果。(4) 在 Loading 場景“時間軸”面板中，插入新圖層，命名為：“進度百分比” 。選擇“文本工具”的動態(tài)文本，變量名為 downloadtime。(5) 插入新圖層，命名為：“script” ，在行為面板中輸入代碼來實現(xiàn)進度百分比。script 第 1 幀代碼(幀標簽命名 load)如下：a = getBytesLoaded()。b = getBytesTotal()。loaded = int(a/b*100)。downloadtime = loaded+%。(loaded)。script 第 2 幀代碼如下：if(a==b){gotoandplay(首頁,1)。}else{gotoandplay(load)。}loading 效果如圖 43：沈陽化工大學學士學位論文 第四章 設計與實踐12圖 43 loading片頭動畫整體效果如圖 44 所示：圖 44 首頁片頭動畫線條動態(tài)效果制作步驟：(1) 選擇“首頁”場景。建立名為“線條動畫 1”的影片剪輯元件，在屬性面沈陽化工大學學士學位論文 第四章 設計與實踐13板中觸筆樣式選擇實線制作一個寬為 102 藍色線條，設計線條上下移動的補間動畫。同理制作“線條動畫 2”（觸筆樣式選擇極細） 。(2) 建立名為“上半部動畫”的影片剪輯元件。雙擊進入影片剪輯元件，圖層1 命名“背景”設計為藍色。插入新圖層，命名為“動畫” 。將“線條動畫 1”， “線條動畫 2”拖拽到舞臺調(diào)整位置。同理制作“下半部動畫” ，只需將兩線條位置互換即可。字體效果制作步驟：(1) 在“首頁”場景中建立名為“片頭文字動畫”影片剪輯元件。分別在第50、100、150、200 幀中插入關(guān)鍵幀，利用補間動畫通過調(diào)整屬性面板值分別制作“商務網(wǎng)站” 、 “電腦之家” 、 “歡迎光臨”文字若隱若現(xiàn)效果，然后點擊時間軸 “添加引導層”將其引導。時間軸面板制作如圖45：圖 45 文字若隱若現(xiàn) (2) 新建一個影片剪輯元件命名“小小酥工作室” 。圖層 1 制作一個矩形進行由短到長的補間動畫，圖層 2 輸入文字“小小酥工作室” 。右擊“文字”圖層選擇“遮罩層” ，由此出現(xiàn)字體顏色變化效果。時間軸面板制作如圖 46：圖 46 文字若隱若現(xiàn) 主場景制作 主場景在“關(guān)于我們”場景中進行制作。時間軸面板制作及舞臺場景布局如