基于純flash的動(dòng)畫網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)_畢業(yè)論文-wenkub
2022-09-11 17:23:06 本頁(yè)面
【正文】 僅吸引了廣大瀏覽者，更是吸引了眾多的網(wǎng)頁(yè)設(shè)計(jì)者。 Flash 是一種創(chuàng) 作工具，設(shè)計(jì)人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。 Flash 特別適用于創(chuàng)建通過 Inter 提供的內(nèi)容，因?yàn)樗奈募浅Ｐ ? Flash 包含了許多功能，如拖放用戶界面組件、給文檔添加動(dòng)作腳本從而添加行為，甚至可以添加到對(duì)象的特殊效果??這些功能令 Flash 成為功能強(qiáng)大且易于使用的一種工具軟件。 flash 網(wǎng)站開發(fā)的相關(guān)技術(shù) 在 Flash 基本動(dòng)畫制作中，主要有幀動(dòng)畫和遮罩動(dòng)畫的制作。 打個(gè)比方，一個(gè)圖層就像一張透明的紙張，透過上面的圖層可以清晰地看到下面的圖層。當(dāng)遮罩層作用于某個(gè)普通層時(shí)，普通層上內(nèi)容就會(huì)透過遮罩層上有內(nèi)容的部分顯示出來。 應(yīng)用 Flash 動(dòng)作腳本語言編寫動(dòng)作腳本，可以創(chuàng)建具有高度交互性的動(dòng)畫。用戶可以使用鍵盤、鼠標(biāo)或二者操作，中轉(zhuǎn)到動(dòng)畫的不同部分，移動(dòng)對(duì)象、輸入信息、單擊按鈕、以及執(zhí)行其它交互操作。 ActionScript 相關(guān)知識(shí) ActionScript 是 Flash 的腳本語言。例如，用戶可以單擊動(dòng)畫中的按鈕，然后使動(dòng)畫跳轉(zhuǎn)到不同部分繼續(xù)播放；可以移動(dòng)動(dòng)畫中的對(duì)象， 5 如移動(dòng)手中的槍，使射出的子彈準(zhǔn)確擊中目標(biāo)；可以在表單中輸入信息，反饋對(duì)公司的意見等等。觸發(fā)動(dòng)作的事件可以是播放頭到達(dá)某幀，或用戶單擊一個(gè)按鈕，或用戶按下鍵盤上的鍵。指令的形式可以是一個(gè)動(dòng)作（如指令動(dòng)畫停止播放），也可以是一系列動(dòng)作（如首先計(jì)算條件，然后執(zhí)行一個(gè)動(dòng)作）。每個(gè)影片剪輯實(shí)例均包含MovieClip 類的所有屬性（例如 _height、 _rotation、 _totalframes）和所有方法（如gotoAndPlay、 loadMovie、 startDrag）。一個(gè)類可以是子類，也可以是父類。運(yùn)用 flash 技術(shù)去做商品展示型的網(wǎng)站，可能讓用戶更直觀的了解產(chǎn)品， 并且給用戶一種視覺的享受，讓用戶可以和計(jì)算機(jī)之間有一個(gè)交互的過程。素材收集完后，再把圖片在 photoshop 的處理，做一些文字效果。 網(wǎng)站的布 局 及欄目 網(wǎng)站的布局：首先在上部放入網(wǎng)站的左邊 logo 和蘭蔻的標(biāo)志，中間放入導(dǎo)航，右邊放上背景音樂的播放動(dòng)畫。如圖 32 所示。 setProperty(bkuang,_alpha,90)。在這一頁(yè)面中，我彩用了緩動(dòng)的方法，分別將蘭蔻公司具有代表性的三個(gè)彩妝系列來做為二級(jí)頁(yè)面的主要內(nèi)容。 打開彩妝頁(yè)面和進(jìn)入三級(jí)頁(yè)面的圖片的進(jìn)入和退出用到的是緩動(dòng) 。 為了讓它們出現(xiàn)逐個(gè)進(jìn)入的效果，只需 將 它們的速度改變一個(gè)即可，也就是修改 的值，數(shù)值越大表示出現(xiàn)的越慢。本頁(yè)面中的按鈕為透明按鈕。 3) 新建一個(gè)影片剪輯，將做好的矩形圖形元件拖入，做一個(gè)從小到大且從透明度 0到 100的補(bǔ)間動(dòng)畫具體設(shè)置如圖所示（前 10幀）。 10 圖 42 圖片的顯示 本頁(yè)面中的圖片是單獨(dú)的一個(gè) swf 文件，當(dāng)點(diǎn)擊相應(yīng)的按鈕時(shí)就會(huì)用 loadMove來調(diào)用一個(gè) 相應(yīng)的 swf 文件。 2） 新建一層， 在第 5 幀處插入關(guān)鍵幀， 復(fù)制上面的幀 。 11 圖 44 3） 新建一個(gè)圖層 ，在第 3幀的位置插 入關(guān)鍵幀，復(fù)制第一層上的第 1幀， 將圖片縮小， 創(chuàng)建逐幀動(dòng)畫，如圖 43 所示，選中元件，在“屬性”面板中選擇“顏色”一欄中的“高級(jí)”，點(diǎn)擊“設(shè)置”，在彈出的對(duì)話框中設(shè)置如圖 45所示 。 12 圖 46 5）將第一層拖到最上方，將它設(shè)為遮罩層，將其它的三層都設(shè)為被遮罩層。 男士頁(yè)面的設(shè)計(jì) 男士頁(yè)面主要包含了清潔、防曬、護(hù)理三個(gè)系列的產(chǎn)品。選中影片剪輯，在它的“屬性”面板中，“顏色”一欄中選擇“高級(jí)”，點(diǎn)擊旁邊的“設(shè)置”按鈕，在打開的對(duì)話框中設(shè)置的數(shù)值 如圖 410 所示。將這兩個(gè)圖層選中復(fù)制多個(gè)按圖所示擺放， 直到擺放的高度超過圖片的高度。 這就需要用到 ActionScript 語句， 這里我主要用到了 。 路徑分為絕對(duì)路徑和相對(duì)路徑。 在 Flash Player 中打開的第一個(gè)文檔是加載到第 0 層。 15 要在不同層的文檔之間進(jìn)行通信，必須在目標(biāo)路徑中使用層名。例如，如果影片剪輯 southcarolina 和 florida 被加載到同一層上，從實(shí)例southcarolina 調(diào)用的動(dòng)作就可以使用以下 絕對(duì)路徑 來指向目標(biāo)實(shí)例 florida： 簡(jiǎn)單的說就是，絕對(duì)路徑是以主時(shí)間軸開始的，只要前面加入 _root 一 定是絕對(duì)路徑。 在相對(duì)路徑中，使用關(guān)鍵字 this 指示當(dāng)前層中的當(dāng)前時(shí)間軸；使用別名 _parent 指示當(dāng)前時(shí)間軸的父時(shí)間軸。 實(shí)例 charleston（較 southcarolina 低一層）時(shí)間軸上的動(dòng)作，可以使用以下目標(biāo)路徑將實(shí)例 southcarolina 作為目標(biāo)： _parent 要從 charleston 中的動(dòng)作指向?qū)嵗? eastCoast（上一層），可以使用以下相對(duì)路徑： 要從 charleston 的時(shí)間軸上的動(dòng)作指向?qū)嵗? atlanta，可以使用以下 相對(duì)路徑： 相對(duì)路徑在重復(fù)使用腳本時(shí)非常有用。這里我要說的就是， 如果動(dòng)作是寫到幀上的，那么當(dāng)前所在的影片剪輯中的所有元件都是 this。 (url [,location/target, variables])。 為了在 Flash 播放器中播放和在 Flash創(chuàng)作環(huán)境的測(cè)試電影模式下測(cè)試 , 所有 SWF 文件必須存放在相同的文件夾中 , 并且文件名不能包含文件夾和磁盤驅(qū)動(dòng)器 。 location： 可選項(xiàng) , 指定影 片 將被載入的層級(jí) 。 就把新影 片 載入到層級(jí) 0. 層級(jí) 0中的影 片 設(shè)置了所有其他載入影 片 的幀速率 , 背景色 , 和幀大小 。 GET 追加變量到 URL末尾 , 用于小的數(shù)值變量 。 如果你把新影 片 載入到層級(jí) 0, 所有的層級(jí)都會(huì)被卸載 , 層級(jí) 0 將被新文件替換 ?，F(xiàn)在我們要說的就是如何用 loadMovie 來調(diào)用下面的三個(gè)子頁(yè)。 由于 loadz 這個(gè)空影片剪輯是放在主場(chǎng)景中的，因此要用到 _parent，表示當(dāng)然所在影片剪輯的父對(duì)象。影片剪輯和前面所做的是一樣的，只是代碼有所改動(dòng)。 setProperty(bkuang+i, _alpha, 10010*i)。 setProperty(bkuang,_alpha,90)。最后把它們改為相對(duì)路徑，這個(gè)問題就解決了。 19 參考文獻(xiàn) [1]馮有材 . FLASH MX設(shè)計(jì)動(dòng)感介面 . 上海 ： 上 海交通大學(xué) ,20209:211. [2]張文京 . FLASH MX動(dòng)畫設(shè)計(jì)與應(yīng)用 . 北京： 首都師范大學(xué) ,20207:362. [3]陳冰 . FlashMX第一步 ActionScript編程篇 . 北京： 清華大學(xué)出版社 ,2020:425～ 448. [4]潘英偉 ,曾志編著 . 網(wǎng)站開發(fā)實(shí)用手冊(cè) . 北京：中國(guó)廣播電視出版社， 2020:85～ 90. [5]孫平，李浩， 劉志華 . 中文 FlashMX網(wǎng)頁(yè)設(shè)計(jì)實(shí)用教程 . 北京：冶金工業(yè)出版社， 2020:1～8.
研究報(bào)告相關(guān)推薦
鄂ICP備17016276號(hào)-1