Flash MX 2004動(dòng)畫搖頭玩：經(jīng)典范例

Design 01 延伸做法（一）垂直方向的運(yùn)動(dòng)
   前面我們已經(jīng)完成了水平方向的周而復(fù)始的運(yùn)動(dòng)代碼了，那么要怎樣才可以讓小金魚改變成垂直方向的運(yùn)動(dòng)呢？
Design 01 延伸做法（二）往返運(yùn)動(dòng)
   往返動(dòng)畫是另外一種常被使用的動(dòng)畫方法，它的想法與代碼寫法與前兩上練習(xí)是相當(dāng)類似的，最大的差異就是在這個(gè)例子里我們要開始介紹變量的使用方法，通過變量我們可以給予代碼比較大的彈性。
Design 02 旋轉(zhuǎn)動(dòng)畫與單鍵ON-OFF動(dòng)作腳本代碼
   在體驗(yàn)過簡(jiǎn)單的移動(dòng)動(dòng)畫之后，是不是讓你對(duì)Flash的ActionScript有了基礎(chǔ)的認(rèn)識(shí)了呢？考慮一般的動(dòng)畫狀況下，最經(jīng)常被使用到的除了移動(dòng)以外，大約就是旋轉(zhuǎn)了，讓一個(gè)物體繞軸心旋轉(zhuǎn)是經(jīng)常被遇到的；因此這一個(gè)單元我們就來學(xué)習(xí)始何使用ActionScript代碼來制作旋轉(zhuǎn)的動(dòng)畫效果吧！此外通過這個(gè)例子我們還要介紹代碼控制中最經(jīng)常使用的單鍵ON-OFF的代碼寫法。
Design 03 鼠標(biāo)控制的移動(dòng)代碼（一）移動(dòng)直升機(jī)
   我們利用了直升機(jī)來制作移動(dòng)動(dòng)畫的練習(xí)，一開始我們要先讓直升機(jī)飛起來，這包含了旋轉(zhuǎn)以及移動(dòng)的ActionScript代碼動(dòng)畫方法，此外鼠標(biāo)坐標(biāo)的取得也是這個(gè)范例的重點(diǎn)。
Design 04 鼠標(biāo)控制的移動(dòng)代碼（二）移動(dòng)汽車
   這是另外一個(gè)以鼠標(biāo)控制對(duì)象的例子，我們借助鼠標(biāo)與元素之間距離與角度，來迫使元素移動(dòng)與轉(zhuǎn)向，這是在Flash游戲中經(jīng)常會(huì)被使用到的手法，是很實(shí)用的喔！
Design 05 寫真籃球：物件屬性綜合練習(xí)
   在這個(gè)范例中，我們將模擬完成一顆籃球的運(yùn)動(dòng)，通過這樣的過程，我們希望可以完成三個(gè)目的：第一、教你如何由簡(jiǎn)入繁地編寫ActionScript代碼；第二、進(jìn)一步控討事件的使用原則、場(chǎng)合及方法；第三、練習(xí)元素的各項(xiàng)屬性
Design 06 網(wǎng)頁菜單（一）活頁夾伸縮菜單
   制作網(wǎng)頁應(yīng)該是很多人使用Flash的目的，F(xiàn)lash千變?nèi)f化的聲光效果與平淡無奇的HTML相比，相去何止千里，因此在設(shè)計(jì)Flash網(wǎng)頁的過程中，我們經(jīng)常都會(huì)將動(dòng)畫與ActionScript搭配使用，在這個(gè)例子中我們就打算做一個(gè)像這樣的練習(xí)，來制作所謂的平滑按鈕效果。
Design 07 網(wǎng)頁菜單（二）按鈕浮起菜單
   畫面上有許多菜單，當(dāng)鼠標(biāo)碰觸到按鈕時(shí)按鈕就會(huì)慢慢地浮起來，當(dāng)鼠標(biāo)離開按鈕時(shí)按鈕又會(huì)慢慢地沉下去。這個(gè)范例是前一個(gè)范例的延伸，也是Goto菜單的制作方法。
Design 08 網(wǎng)頁菜單（三）彈力按鈕
   就如我們?cè)诒緯把詫?dǎo)讀中提過的，在這本書中我們希望提供給利用Flash設(shè)計(jì)網(wǎng)頁的朋友們更多更特殊的網(wǎng)頁表達(dá)方式，在這個(gè)例子中我們希望表現(xiàn)出一種活潑的彈性按鈕效果，這是一個(gè)很有趣的例子喔！我們將利用影片剪輯(Movie Clip)組件來取代按鈕(Button)組件經(jīng)過(Rollover)、按下(Down)時(shí)所會(huì)出現(xiàn)的各種動(dòng)畫效果。因?yàn)檫@個(gè)范例比較長(zhǎng)，就讓我們一起慢慢地來完成它吧！
Design 09 滑動(dòng)式網(wǎng)頁
  這是一個(gè)很特別的網(wǎng)頁表示方式，很適合用在當(dāng)內(nèi)容不多而又需要具有活潑表現(xiàn)的網(wǎng)頁上，這里我們反4張網(wǎng)頁擺在一起變成一個(gè)尺寸很大的網(wǎng)頁，由于網(wǎng)頁尺寸比畫面大，因此我們要編寫ActionScript代碼讓網(wǎng)頁可以在需要的時(shí)候出現(xiàn)。另外在ActionScript教室中我們要討論的是元素的層次問題，這可是寫代碼的一大魔障喔！
Design 10 火箭發(fā)射
   10、9、……3、2、1，“發(fā)射”，這大概是我們每個(gè)人從小到大常常都會(huì)從電視、電影上不斷看到的畫面吧！那么該如何利用Flash的ActionScript代碼，來做出這個(gè)火箭發(fā)射的畫面效果呢？
Design 11 彩色泡泡菜單
   用Flash制作網(wǎng)頁早已經(jīng)成為一股網(wǎng)頁設(shè)計(jì)的主流了，不管是什么類型的網(wǎng)站我們都可以發(fā)現(xiàn)Flash的蹤跡，其主要原因就在于Flash可以輕松地創(chuàng)造出變化繽紛的神奇效果。只要你有想法、有創(chuàng)意、加上一些設(shè)計(jì)素養(yǎng)后搭配Flash的神奇ActionScript代碼，你就可以將你的想法落實(shí)。在這個(gè)例子中我們希望創(chuàng)造出一個(gè)會(huì)自動(dòng)噴出的彩色泡泡的網(wǎng)頁菜單，五彩繽紛的視覺效果，保證讓你的網(wǎng)站可以贏在第一印象上喔！
Design 12 可愛小精靈
   這個(gè)范例我們要表現(xiàn)的是鼠標(biāo)拖曳時(shí)產(chǎn)生的美麗鼠標(biāo)效果，在角色造型方面我們很取巧地使用了一個(gè)可愛的小精靈，如果你在小時(shí)候看過“花仙子”這部卡通的話，相信對(duì)它應(yīng)該不陌生吧！大大的眼睛以及半透明的翅膀，保證人見人愛喔！我們要讓鼠標(biāo)移動(dòng)時(shí)可以讓畫面上的小精靈隨鼠標(biāo)移動(dòng)，而小精靈手上的仙女棒則會(huì)隨著小仙女的移動(dòng)而拖曳出一長(zhǎng)串漸漸消失的七彩星星效果。
Design 13 馬吉板擦
   屏蔽的應(yīng)用是這個(gè)范例主要介紹給大家的部分，其次我們也會(huì)用到前面介紹過的復(fù)制(duplicate)指令與動(dòng)畫控制以及if判斷語句或者for循環(huán)語句的復(fù)合運(yùn)用。總而言之，我很得意這個(gè)范例，相信它也可以帶給你對(duì)Flash更新的體悟喔！
Design 14 背景制作代碼
   在這個(gè)例子里，我們打算運(yùn)用ActionScript代碼描述在深邃幽暗的宇宙里宇宙飛船前進(jìn)的感覺，主要使用的指令是attachMovie。貼上元素是經(jīng)常使用的指令之一，我們希望通過這個(gè)范例能讓讀者熟習(xí)這個(gè)指令的使用方法。此外我們還要利用上、下、左、右鍵來控制宇宙飛船的運(yùn)動(dòng)。
Design 15 從天而降的億萬顆祝福
   轉(zhuǎn)眼一年過去了，新的圣誕節(jié)又要到了，經(jīng)過了充滿不幸的災(zāi)難、戰(zhàn)爭(zhēng)與疾病的一年以后，你的朋友們當(dāng)然也更加需要來自于你的支持與鼓勵(lì)，因此，當(dāng)然了，你總不能把去年的賀卡再寄一次吧！你的朋友們會(huì)懷疑你的誠(chéng)意的，所以，來吧，讓我們來傳授給你一個(gè)全新的圣誕卡做法吧！和前一個(gè)范例一樣精彩，保證可以表達(dá)你對(duì)你的朋友們的億萬份誠(chéng)意的祝福喔！
Design 16 色彩控制代碼
   如何在Flash中控制色彩呢？在Flash中，她將色彩當(dāng)成是一種元素，我們只要通過ActionScript代碼的儐帽就可以輕易的變換元素的色彩了，這個(gè)范例中，我們就要來學(xué)習(xí)如何利用ActionScript中的色彩元素來調(diào)整動(dòng)畫中元素的顏色。此外我們還要學(xué)習(xí)如何制作控制滑桿，并將其與色彩元素搭配使用，也就是說你可以通過拖拉滑桿的方法來調(diào)整元素的顏色，這是在網(wǎng)頁或動(dòng)畫制作過程中經(jīng)常用來控制色彩、聲音、尺寸等常用的技巧。
Design 17 立體環(huán)繞動(dòng)畫
   我們都知道，F(xiàn)lash騍一套所謂的2D動(dòng)畫軟件，嗯，那么用Flash做3D？行得通嗎？不知道你有否想過這樣的問題？該如何使用一套原本2D概念的軟件來模擬出立體的效果呢？這就是這一個(gè)單元的目的了！使用ActionScript代碼來運(yùn)算出立體的效果，讓一個(gè)人造衛(wèi)星可以用類似3D立體運(yùn)行的方法來運(yùn)行喔！
Design 17 延伸做法 立體環(huán)繞動(dòng)畫（二）
   在完成了前一個(gè)例子的練習(xí)之后你是不是對(duì)所謂的Flash 3D感覺很簡(jiǎn)單呢？延續(xù)前面的做法我們來對(duì)這個(gè)文件進(jìn)行再次地加工，只是這一次的效果更炫了喔！環(huán)繞地球旋轉(zhuǎn)不再是單獨(dú)的一個(gè)衛(wèi)星了，而是一整排的文字了！這樣子的效果很適合用在影像活動(dòng)?。」久Q……的設(shè)計(jì)情況下，這可是作者壓箱底的絕活喔！根據(jù)我們的經(jīng)驗(yàn)，沒有客戶能夠抗拒得了的喔！
Design 18 光暈掃射文字
   這個(gè)例子中我們要制作的是一種文字變幻的效果，文字的光暈將會(huì)從文字上透射出來，并且左右來回地轉(zhuǎn)動(dòng)，這是很適合使用在網(wǎng)頁的標(biāo)題畫面上，在這個(gè)例子中主要采取的是對(duì)象復(fù)制的概念以及利用不同元素之間動(dòng)畫的關(guān)連來創(chuàng)造范例的畫面效果。
Design 19 隨鼠標(biāo)飄移的文字
   這個(gè)范例非常有用，也很有趣，因?yàn)槭且环N很有趣的文字效果，文字可以隨鼠標(biāo)的軌跡而飄移、轉(zhuǎn)動(dòng)，所以我們將其收納進(jìn)來，并且修改了代碼的寫法。這一次我們不再使用數(shù)組的方式，而改使用動(dòng)態(tài)(Dynamic)的方法來達(dá)成相販目的，此外我們還加入了一些修改，給予文字不同的變化。
Design 19 延伸做法（一）直排文字表現(xiàn)
   前面完成的文字的排列是橫排的，那么該如何修改使之成為直排的文字呢？這在中文的動(dòng)畫或者網(wǎng)頁設(shè)計(jì)情況中該是可以派上用場(chǎng)的吧！
Design 19 延伸做法（二）集合文字表現(xiàn)
   再一次地修改我們的代碼，讓文字在在開始與結(jié)束的時(shí)候都會(huì)集合在一起。同樣，我們需要將前一個(gè)文件的ActionScript代碼再做一些小修改。
Design 20 下拉式菜單
   你可以使用Flash MX來制作各式各樣的網(wǎng)頁，菜單可是很重的一部分。在這個(gè)單元中我們要介紹的就是下拉式菜單的做法喔！