基于純flash的動(dòng)畫(huà)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)畢業(yè)論文(編輯修改稿)
2025-07-20 22:18 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 中的按鈕，然后使動(dòng)畫(huà)跳轉(zhuǎn)到不同部分繼續(xù)播放；可以移動(dòng)動(dòng)畫(huà)中的對(duì)象，如移動(dòng)手中的槍?zhuān)股涑龅淖訌棞?zhǔn)確擊中目標(biāo)；可以在表單中輸入信息，反饋對(duì)公司的意見(jiàn)等等?？傊褂?ActionScript可以控制 Flash動(dòng)畫(huà)中的對(duì)象，創(chuàng)建導(dǎo)航元素和交互元素，擴(kuò)展 Flash交互動(dòng)畫(huà)和網(wǎng)絡(luò)應(yīng)用的能力 [3]。有了 ActionScript，就可以通過(guò)設(shè)置動(dòng)作來(lái)創(chuàng)建交互動(dòng)畫(huà)。動(dòng)作就是指用ActionScript（動(dòng)作腳本）編寫(xiě)的、當(dāng)特定事件發(fā)生時(shí)執(zhí)行的一組指令。觸發(fā)動(dòng)作的事件可以是播放頭到達(dá)某幀，或用戶(hù)單擊一個(gè)按鈕，或用戶(hù)按下鍵盤(pán)上的鍵。在 Flash中，在動(dòng)作面板中可以編寫(xiě)的有幀動(dòng)作、按鈕動(dòng)用和影片剪輯動(dòng)作。使用 Normal Mode(標(biāo)準(zhǔn)模式)動(dòng)作面板上的控件，無(wú)需編寫(xiě)任何動(dòng)作腳本就可以插入動(dòng)作。如果已經(jīng)熟悉 ActionScript，也可以使用 Export Mode(專(zhuān)家模式)動(dòng)作面板編寫(xiě)自己的腳本。指令的形式可以是一個(gè)動(dòng)作（如指令動(dòng)畫(huà)停止播放） ，也可以是一系列動(dòng)作（如首先計(jì)算條件，然后執(zhí)行一個(gè)動(dòng)作） 。很多動(dòng)作的設(shè)置只要求讀者具有少量的編程經(jīng)驗(yàn)，而其他一些動(dòng)作的應(yīng)用則要求比較熟悉編程語(yǔ)言，用于高級(jí)開(kāi)發(fā)。ActionScript中的對(duì)象可以包含數(shù)據(jù)或作為影片剪輯以圖像形式出現(xiàn)的編輯區(qū)中。所有的影片剪輯都是預(yù)定義類(lèi) MovieClip的實(shí)例。每個(gè)影片剪輯實(shí)例均包含MovieClip類(lèi)的所有屬性（例如_height、_rotation、_totalframes）和所有方法（如 gotoAndPlay、loadMovie、startDrag） 。在面向?qū)ο蟮哪_本編寫(xiě)中，依據(jù)指定的順序，類(lèi)可以相互接收屬性和方法，這稱(chēng)為繼承。利用繼承可以擴(kuò)展或重定義一個(gè)類(lèi)的屬性和方法。從其他類(lèi)繼承而來(lái)的類(lèi)稱(chēng)為子類(lèi)，傳遞屬性和方法到另一個(gè)類(lèi)的類(lèi)稱(chēng)為父類(lèi)。一個(gè)類(lèi)可以是子類(lèi)，也可以是父類(lèi)。 3．網(wǎng)站設(shè)計(jì)的前期規(guī)劃 網(wǎng)站的名稱(chēng)Lane蘭蔻。本網(wǎng)站是一個(gè)商業(yè)型的網(wǎng)站，做網(wǎng)站的目的就是為了提高公司的知名度，讓公司的產(chǎn)品推廣出去，讓更多的消費(fèi)人郡知道這個(gè)公司的存在。蘭蔻主要是推出化妝品。運(yùn)用 flash技術(shù)去做商品展示型的網(wǎng)站，可能讓用戶(hù)更直觀(guān)的了解產(chǎn)品，并且6給用戶(hù)一種視覺(jué)的享受，讓用戶(hù)可以和計(jì)算機(jī)之間有一個(gè)交互的過(guò)程。 網(wǎng)站素材收集蘭蔻是法國(guó)的一個(gè)知名品牌，在全國(guó)各地都有銷(xiāo)售，蘭蔻也有自己的網(wǎng)站。因此網(wǎng)絡(luò)成為了獲取信息的一個(gè)最佳路徑。通過(guò)在網(wǎng)上查找一些蘭蔻產(chǎn)品的圖片和文字信息，同時(shí)根據(jù)設(shè)計(jì)的需求，做一些相應(yīng)的背景和小動(dòng)畫(huà)為網(wǎng)頁(yè)做陪襯。素材收集完后，再把圖片在 photoshop的處理，做一些文字效果。最后進(jìn)行設(shè)計(jì)，將圖片加上文字解說(shuō)放入網(wǎng)站中，運(yùn)用 flash技術(shù)做出動(dòng)態(tài)的效果。 網(wǎng)站的色調(diào)及風(fēng)格化妝品主要是針對(duì)的廣大女性，因此選用了紫色和白色相結(jié)合的色調(diào)，給人一種高貴優(yōu)雅的感覺(jué)。 網(wǎng)站的風(fēng)格簡(jiǎn)單大方，運(yùn)用漸變的色塊將網(wǎng)站分為了三大塊，分別是 logo導(dǎo)航、內(nèi)容和版權(quán)信息。 網(wǎng)站的布局及欄目網(wǎng)站的布局：首先在上部放入網(wǎng)站的左邊 logo和蘭蔻的標(biāo)志，中間放入導(dǎo)航，右邊放上背景音樂(lè)的播放動(dòng)畫(huà)。網(wǎng)站中間的部分為網(wǎng)站的主要內(nèi)容部分，點(diǎn)擊導(dǎo)航中的菜單，相應(yīng)的內(nèi)容就會(huì)也現(xiàn)在中間的版塊中。最后是頁(yè)面下部分為網(wǎng)站的版權(quán)信息。如圖 31所示：圖 31本網(wǎng)站的欄目主要分為首頁(yè)、推薦、彩妝、護(hù)膚、香水、男士、論壇七個(gè)欄目。7如圖 32所示。圖 32 網(wǎng)站的框架網(wǎng)站具體框架如圖 23所示圖 334．flash 網(wǎng)站的頁(yè)面設(shè)計(jì)開(kāi)場(chǎng)動(dòng)畫(huà)中的圖片切換用了逐幀動(dòng)畫(huà)，每隔一幀放一張圖片。而線(xiàn)的殘影效果的實(shí)現(xiàn)的實(shí)現(xiàn)過(guò)程如下：1) 新建一個(gè)影片剪輯，畫(huà)一個(gè)矩形將它的四分之三的部分去掉，將其轉(zhuǎn)換為片剪輯，命名為 bk,新建一層，復(fù)制粘貼幀，點(diǎn)擊“修改”——“變形”——“水平翻轉(zhuǎn)” ，將圖層 2中的圖形翻轉(zhuǎn)過(guò)來(lái)和圖層 1中的圖形相對(duì)，將兩個(gè)圖形移到中間剛好是個(gè)矩形，在第 10幀的位置插入關(guān)鍵幀，將兩個(gè)圖形分別向外移動(dòng)，移到剛好容下一張變換的圖片為止，為它們創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)2) 新建一個(gè)影片剪輯，將影片剪輯 bk拖入，新那一層，復(fù)制粘貼幀，點(diǎn)擊“修改”——“變形”——“水平翻轉(zhuǎn)” ，將圖層 2中的圖形翻轉(zhuǎn)過(guò)來(lái)和圖層 1中的主頁(yè)推薦產(chǎn)品 彩妝產(chǎn)品 論壇護(hù)膚產(chǎn)品 香水 男仕新品口碑產(chǎn)品暢銷(xiāo)排行眼部 保濕系列 璀璨香水 清潔系列膚色唇部抗皺系列美白系列珍愛(ài)香水奇跡香水夢(mèng)魅香水防曬系列修復(fù)系列防曬系列護(hù)理系列8圖形相對(duì)，將它們移動(dòng)到中間的位置剛好放下切換的圖形，在第 5幀的位置插入關(guān)鍵幀，將圖形分別縮小，再 20幀的位置插入關(guān)鍵幀，將圖形分別向外移動(dòng)并將它們的透明度變?yōu)?0。3) 新建一個(gè)影片剪輯，將 1）中建的影片剪輯拖入，將其實(shí)例化為 bkuang延長(zhǎng)到第 10幀，新建一個(gè)動(dòng)作層，1——10 幀都插入關(guān)鍵幀，如圖 41所示圖 41在第 2幀上都寫(xiě)入如下代碼：duplicateMovieClip(bkuang,bkuang1,1)。setProperty(bkuang,_alpha,90)。其中第 2幀上的 alpha的值相對(duì)于上一幀都要低，而且復(fù)制的新影片剪輯的名字依次為 bkuang1——bkuangN，名字不可以一樣。透明度也要相對(duì)應(yīng)它的前一幀要降低。 二級(jí)面頁(yè)的設(shè)計(jì)彩妝頁(yè)面主要分為了眼部彩妝、唇部彩妝和膚色。在這一頁(yè)面中，我彩用了緩動(dòng)的方法，分別將蘭蔻公司具有代表性的三個(gè)彩妝系列來(lái)做為二級(jí)頁(yè)面的主要內(nèi)容。并且蘭蔻全球創(chuàng)意總監(jiān) Aaron De Mey作為該欄目的一部分進(jìn)行介紹。彩妝頁(yè)面每一個(gè)圖片上都有一上透明的按鈕，而文字的顯示則是用了按鈕事件onRollOver和 onRollOut來(lái)進(jìn)行調(diào)用。到于點(diǎn)擊圖片就會(huì)進(jìn)入相應(yīng)的三級(jí)頁(yè)面，是在該場(chǎng)景中放入了一個(gè)空的影片剪輯，并將其實(shí)例化，通過(guò) loadMovie來(lái)調(diào)用外部文檔。打開(kāi)彩妝頁(yè)面和進(jìn)入三級(jí)頁(yè)面的圖片的進(jìn)入和退出用到的是緩動(dòng)。進(jìn)入時(shí)的主9要代碼如下：import 。import .*。myTween = new Tween(mc1, _y, , 600, 10, , true)。為了讓它們出現(xiàn)逐個(gè)進(jìn)入的效果，只需將它們的速度改變一個(gè)即可，也就是修改 ，數(shù)值越大表示出現(xiàn)的越慢。退出時(shí)是設(shè)計(jì)了一個(gè)函數(shù)，代碼如下：function down(mc, time) {myTween = new Tween(mc, _y, , 30, 500, time, true)。}用是只需調(diào)用并改變它們的影片剪輯的名字和速度就可以為了，也就是 mc和time的值。 三級(jí)頁(yè)面的設(shè)計(jì) 按鈕的設(shè)計(jì)三級(jí)頁(yè)中的按鈕用的是補(bǔ)間動(dòng)畫(huà)。本頁(yè)面中的按鈕為透明按鈕。主要用到了按鈕事件中的 onRollOvert和 onRollOut，當(dāng)鼠標(biāo)移到按鈕上時(shí)影片剪
規(guī)章制度相關(guān)推薦
鄂ICP備17016276號(hào)-1