本書是一本入門級使用FlashMX2004製作Flash網頁動畫的指導書。 全書由20個用ActionScript實現的經典範例組成,提供了目前全球範圍內最新、最酷、最流行的網頁、動畫新奇的想法以及實現、使讀者在緊鑼密鼓的完整教學下,輕鬆學習FlashMX2004與ActionScript的完美組合,讓讀者體會一個全新的奇幻之旅。 全書結構清晰、實例經典、操作性強,適合所有對Flash動畫和網頁製作感興起的讀者。本書作者是中國台灣地區著名閃客,秉承了台灣作者一貫的操作性和實用性優勢。 本書光碟包含書中部分範例檔案和中間步驟檔案,無論你從何時開始學習,在光碟中都可以找到相應檔案。另外,光碟還包含本書姐妹篇《閃魂——FlashMX2004網站實例精粹》中講述的Flash網站素材和代碼以及多個完整Flash網站供讀者參考。
基本介紹
- 書名:FLASH MX 2004動畫搖頭玩
- 頁數:284頁
- 開本:16開
- 作者:葉翊隆
- 出版日期:2005年6月1日
- 語種:簡體中文
- ISBN:7801723910
出版社,內容簡介,圖書目錄,
出版社
兵器工業出版社,北京希望電子出版社
內容簡介
本書是一本入門級使用FlashMX2004製作Flash網頁動畫的指導書。
全書由20個用ActionScript實現的經典範例組成,提供了目前全球範圍內最新、最酷、最流行的網頁、動畫新奇的想法以及實現、使讀者在緊鑼密鼓的完整教學下,輕鬆學習FlashMX2004與ActionScript的完美組合,讓讀者體會一個全新的奇幻之旅。
全書結構清晰、實例經典、操作性強,適合所有對Flash動畫和網頁製作感興起的讀者。本書作者是中國台灣地區著名閃客,秉承了台灣作者一貫的操作性和實用性優勢。
本書光碟包含書中部分範例檔案和中間步驟檔案,無論你從何時開始學習,在光碟中都可以找到相應檔案。另外,光碟還包含本書姐妹篇《閃魂——FlashMX2004網站實例精粹》中講述的Flash網站素材和代碼以及多個完整Flash網站供讀者參考。
全書由20個用ActionScript實現的經典範例組成,提供了目前全球範圍內最新、最酷、最流行的網頁、動畫新奇的想法以及實現、使讀者在緊鑼密鼓的完整教學下,輕鬆學習FlashMX2004與ActionScript的完美組合,讓讀者體會一個全新的奇幻之旅。
全書結構清晰、實例經典、操作性強,適合所有對Flash動畫和網頁製作感興起的讀者。本書作者是中國台灣地區著名閃客,秉承了台灣作者一貫的操作性和實用性優勢。
本書光碟包含書中部分範例檔案和中間步驟檔案,無論你從何時開始學習,在光碟中都可以找到相應檔案。另外,光碟還包含本書姐妹篇《閃魂——FlashMX2004網站實例精粹》中講述的Flash網站素材和代碼以及多個完整Flash網站供讀者參考。
圖書目錄
Design01延伸做法(一)垂直方向的運動
前面我們已經完成了水平方向的周而復始的運動代碼了,那么要怎樣才可以讓小金魚改變成垂直方向的運動呢?
Design01延伸做法(二)往返運動
往返動畫是另外一種常被使用的動畫方法,它的想法與代碼寫法與前兩上練習是相當類似的,最大的差異就是在這個例子裡我們要開始介紹變數的使用方法,通過變數我們可以給予代碼比較大的彈性。
Design02旋轉動畫與單鍵ON-OFF動作腳本代碼
在體驗過簡單的移動動畫之後,是不是讓你對Flash的ActionScript有了基礎的認識了呢?考慮一般的動畫狀況下,最經常被使用到的除了移動以外,大約就是旋轉了,讓一個物體繞軸心旋轉是經常被遇到的;因此這一個單元我們就來學習始何使用ActionScript代碼來製作旋轉的動畫效果吧!此外通過這個例子我們還要介紹代碼控制中最經常使用的單鍵ON-OFF的代碼寫法。
Design03滑鼠控制的移動代碼(一)移動直升機
我們利用了直升機來製作移動動畫的練習,一開始我們要先讓直升機飛起來,這包含了旋轉以及移動的ActionScript代碼動畫方法,此外滑鼠坐標的取得也是這個範例的重點。
Design04滑鼠控制的移動代碼(二)移動汽車
這是另外一個以滑鼠控制對象的例子,我們藉助滑鼠與元素之間距離與角度,來迫使元素移動與轉向,這是在Flash遊戲中經常會被使用到的手法,是很實用的喔!
Design05寫真籃球:物件屬性綜合練習
在這個範例中,我們將模擬完成一顆籃球的運動,通過這樣的過程,我們希望可以完成三個目的:第一、教你如何由簡入繁地編寫ActionScript代碼;第二、進一步控討事件的使用原則、場合及方法;第三、練習元素的各項屬性
Design06網頁選單(一)活頁夾伸縮選單
製作網頁應該是很多人使用Flash的目的,Flash千變萬化的聲光效果與平淡無奇的HTML相比,相去何止千里,因此在設計Flash網頁的過程中,我們經常都會將動畫與ActionScript搭配使用,在這個例子中我們就打算做一個像這樣的練習,來製作所謂的平滑按鈕效果。
Design07網頁選單(二)按鈕浮起選單
畫面上有許多選單,當滑鼠碰觸到按鈕時按鈕就會慢慢地浮起來,當滑鼠離開按鈕時按鈕又會慢慢地沉下去。這個範例是前一個範例的延伸,也是Goto選單的製作方法。
Design08網頁選單(三)彈力按鈕
就如我們在本書前言導讀中提過的,在這本書中我們希望提供給利用Flash設計網頁的朋友們更多更特殊的網頁表達方式,在這個例子中我們希望表現出一種活潑的彈性按鈕效果,這是一個很有趣的例子喔!我們將利用影片剪輯(MovieClip)組件來取代按鈕(Button)組件經過(Rollover)、按下(Down)時所會出現的各種動畫效果。因為這個範例比較長,就讓我們一起慢慢地來完成它吧!
Design09滑動式網頁
這是一個很特別的網頁表示方式,很適合用在當內容不多而又需要具有活潑表現的網頁上,這裡我們反4張網頁擺在一起變成一個尺寸很大的網頁,由於網頁尺寸比畫面大,因此我們要編寫ActionScript代碼讓網頁可以在需要的時候出現。另外在ActionScript教室中我們要討論的是元素的層次問題,這可是寫代碼的一大魔障喔!
Design10火箭發射
10、9、……3、2、1,“發射”,這大概是我們每個人從小到大常常都會從電視、電影上不斷看到的畫面吧!那么該如何利用Flash的ActionScript代碼,來做出這個火箭發射的畫面效果呢?
Design11彩色泡泡選單
用Flash製作網頁早已經成為一股網頁設計的主流了,不管是什麼類型的網站我們都可以發現Flash的蹤跡,其主要原因就在於Flash可以輕鬆地創造出變化繽紛的神奇效果。只要你有想法、有創意、加上一些設計素養後搭配Flash的神奇ActionScript代碼,你就可以將你的想法落實。在這個例子中我們希望創造出一個會自動噴出的彩色泡泡的網頁選單,五彩繽紛的視覺效果,保證讓你的網站可以贏在第一印象上喔!
Design12可愛小精靈
這個範例我們要表現的是滑鼠拖曳時產生的美麗滑鼠效果,在角色造型方面我們很取巧地使用了一個可愛的小精靈,如果你在小時候看過“花仙子”這部卡通的話,相信對它應該不陌生吧!大大的眼睛以及半透明的翅膀,保證人見人愛喔!我們要讓滑鼠移動時可以讓畫面上的小精靈隨滑鼠移動,而小精靈手上的仙女棒則會隨著小仙女的移動而拖曳出一長串漸漸消失的七彩星星效果。
Design13馬吉板擦
禁止的套用是這個範例主要介紹給大家的部分,其次我們也會用到前面介紹過的複製(duplicate)指令與動畫控制以及if判斷語句或者for循環語句的複合運用。總而言之,我很得意這個範例,相信它也可以帶給你對Flash更新的體悟喔!
Design14背景製作代碼
在這個例子裡,我們打算運用ActionScript代碼描述在深邃幽暗的宇宙里宇宙飛船前進的感覺,主要使用的指令是attachMovie。貼上元素是經常使用的指令之一,我們希望通過這個範例能讓讀者熟習這個指令的使用方法。此外我們還要利用上、下、左、右鍵來控制宇宙飛船的運動。
Design15從天而降的億萬顆祝福
轉眼一年過去了,新的聖誕節又要到了,經過了充滿不幸的災難、戰爭與疾病的一年以後,你的朋友們當然也更加需要來自於你的支持與鼓勵,因此,當然了,你總不能把去年的賀卡再寄一次吧!你的朋友們會懷疑你的誠意的,所以,來吧,讓我們來傳授給你一個全新的聖誕卡做法吧!和前一個範例一樣精彩,保證可以表達你對你的朋友們的億萬份誠意的祝福喔!
Design16色彩控制代碼
如何在Flash中控制色彩呢?在Flash中,她將色彩當成是一種元素,我們只要通過ActionScript代碼的儐帽就可以輕易的變換元素的色彩了,這個範例中,我們就要來學習如何利用ActionScript中的色彩元素來調整動畫中元素的顏色。此外我們還要學習如何製作控制滑桿,並將其與色彩元素搭配使用,也就是說你可以通過拖拉滑桿的方法來調整元素的顏色,這是在網頁或動畫製作過程中經常用來控制色彩、聲音、尺寸等常用的技巧。
Design17立體環繞動畫
我們都知道,Flash騍一套所謂的2D動畫軟體,嗯,那么用Flash做3D?行得通嗎?不知道你有否想過這樣的問題?該如何使用一套原本2D概念的軟體來模擬出立體的效果呢?這就是這一個單元的目的了!使用ActionScript代碼來運算出立體的效果,讓一個人造衛星可以用類似3D立體運行的方法來運行喔!
Design17延伸做法立體環繞動畫(二)
在完成了前一個例子的練習之後你是不是對所謂的Flash3D感覺很簡單呢?延續前面的做法我們來對這個檔案進行再次地加工,只是這一次的效果更炫了喔!環繞地球旋轉不再是單獨的一個衛星了,而是一整排的文字了!這樣子的效果很適合用在影像活動啊!公司名稱……的設計情況下,這可是作者壓箱底的絕活喔!根據我們的經驗,沒有客戶能夠抗拒得了的喔!
Design18光暈掃射文字
這個例子中我們要製作的是一種文字變幻的效果,文字的光暈將會從文字上透射出來,並且左右來回地轉動,這是很適合使用在網頁的標題畫面上,在這個例子中主要採取的是對象複製的概念以及利用不同元素之間動畫的關連來創造範例的畫面效果。
Design19隨滑鼠飄移的文字
這個範例非常有用,也很有趣,因為是一種很有趣的文字效果,文字可以隨滑鼠的軌跡而飄移、轉動,所以我們將其收納進來,並且修改了代碼的寫法。這一次我們不再使用數組的方式,而改使用動態(Dynamic)的方法來達成相販目的,此外我們還加入了一些修改,給予文字不同的變化。
Design19延伸做法(一)直排文字表現
前面完成的文字的排列是橫排的,那么該如何修改使之成為直排的文字呢?這在中文的動畫或者網頁設計情況中該是可以派上用場的吧!
Design19延伸做法(二)集合文字表現
再一次地修改我們的代碼,讓文字在在開始與結束的時候都會集合在一起。同樣,我們需要將前一個檔案的ActionScript代碼再做一些小修改。
Design20下拉式選單
你可以使用FlashMX來製作各式各樣的網頁,選單可是很重的一部分。在這個單元中我們要介紹的就是下拉式選單的做法喔!
前面我們已經完成了水平方向的周而復始的運動代碼了,那么要怎樣才可以讓小金魚改變成垂直方向的運動呢?
Design01延伸做法(二)往返運動
往返動畫是另外一種常被使用的動畫方法,它的想法與代碼寫法與前兩上練習是相當類似的,最大的差異就是在這個例子裡我們要開始介紹變數的使用方法,通過變數我們可以給予代碼比較大的彈性。
Design02旋轉動畫與單鍵ON-OFF動作腳本代碼
在體驗過簡單的移動動畫之後,是不是讓你對Flash的ActionScript有了基礎的認識了呢?考慮一般的動畫狀況下,最經常被使用到的除了移動以外,大約就是旋轉了,讓一個物體繞軸心旋轉是經常被遇到的;因此這一個單元我們就來學習始何使用ActionScript代碼來製作旋轉的動畫效果吧!此外通過這個例子我們還要介紹代碼控制中最經常使用的單鍵ON-OFF的代碼寫法。
Design03滑鼠控制的移動代碼(一)移動直升機
我們利用了直升機來製作移動動畫的練習,一開始我們要先讓直升機飛起來,這包含了旋轉以及移動的ActionScript代碼動畫方法,此外滑鼠坐標的取得也是這個範例的重點。
Design04滑鼠控制的移動代碼(二)移動汽車
這是另外一個以滑鼠控制對象的例子,我們藉助滑鼠與元素之間距離與角度,來迫使元素移動與轉向,這是在Flash遊戲中經常會被使用到的手法,是很實用的喔!
Design05寫真籃球:物件屬性綜合練習
在這個範例中,我們將模擬完成一顆籃球的運動,通過這樣的過程,我們希望可以完成三個目的:第一、教你如何由簡入繁地編寫ActionScript代碼;第二、進一步控討事件的使用原則、場合及方法;第三、練習元素的各項屬性
Design06網頁選單(一)活頁夾伸縮選單
製作網頁應該是很多人使用Flash的目的,Flash千變萬化的聲光效果與平淡無奇的HTML相比,相去何止千里,因此在設計Flash網頁的過程中,我們經常都會將動畫與ActionScript搭配使用,在這個例子中我們就打算做一個像這樣的練習,來製作所謂的平滑按鈕效果。
Design07網頁選單(二)按鈕浮起選單
畫面上有許多選單,當滑鼠碰觸到按鈕時按鈕就會慢慢地浮起來,當滑鼠離開按鈕時按鈕又會慢慢地沉下去。這個範例是前一個範例的延伸,也是Goto選單的製作方法。
Design08網頁選單(三)彈力按鈕
就如我們在本書前言導讀中提過的,在這本書中我們希望提供給利用Flash設計網頁的朋友們更多更特殊的網頁表達方式,在這個例子中我們希望表現出一種活潑的彈性按鈕效果,這是一個很有趣的例子喔!我們將利用影片剪輯(MovieClip)組件來取代按鈕(Button)組件經過(Rollover)、按下(Down)時所會出現的各種動畫效果。因為這個範例比較長,就讓我們一起慢慢地來完成它吧!
Design09滑動式網頁
這是一個很特別的網頁表示方式,很適合用在當內容不多而又需要具有活潑表現的網頁上,這裡我們反4張網頁擺在一起變成一個尺寸很大的網頁,由於網頁尺寸比畫面大,因此我們要編寫ActionScript代碼讓網頁可以在需要的時候出現。另外在ActionScript教室中我們要討論的是元素的層次問題,這可是寫代碼的一大魔障喔!
Design10火箭發射
10、9、……3、2、1,“發射”,這大概是我們每個人從小到大常常都會從電視、電影上不斷看到的畫面吧!那么該如何利用Flash的ActionScript代碼,來做出這個火箭發射的畫面效果呢?
Design11彩色泡泡選單
用Flash製作網頁早已經成為一股網頁設計的主流了,不管是什麼類型的網站我們都可以發現Flash的蹤跡,其主要原因就在於Flash可以輕鬆地創造出變化繽紛的神奇效果。只要你有想法、有創意、加上一些設計素養後搭配Flash的神奇ActionScript代碼,你就可以將你的想法落實。在這個例子中我們希望創造出一個會自動噴出的彩色泡泡的網頁選單,五彩繽紛的視覺效果,保證讓你的網站可以贏在第一印象上喔!
Design12可愛小精靈
這個範例我們要表現的是滑鼠拖曳時產生的美麗滑鼠效果,在角色造型方面我們很取巧地使用了一個可愛的小精靈,如果你在小時候看過“花仙子”這部卡通的話,相信對它應該不陌生吧!大大的眼睛以及半透明的翅膀,保證人見人愛喔!我們要讓滑鼠移動時可以讓畫面上的小精靈隨滑鼠移動,而小精靈手上的仙女棒則會隨著小仙女的移動而拖曳出一長串漸漸消失的七彩星星效果。
Design13馬吉板擦
禁止的套用是這個範例主要介紹給大家的部分,其次我們也會用到前面介紹過的複製(duplicate)指令與動畫控制以及if判斷語句或者for循環語句的複合運用。總而言之,我很得意這個範例,相信它也可以帶給你對Flash更新的體悟喔!
Design14背景製作代碼
在這個例子裡,我們打算運用ActionScript代碼描述在深邃幽暗的宇宙里宇宙飛船前進的感覺,主要使用的指令是attachMovie。貼上元素是經常使用的指令之一,我們希望通過這個範例能讓讀者熟習這個指令的使用方法。此外我們還要利用上、下、左、右鍵來控制宇宙飛船的運動。
Design15從天而降的億萬顆祝福
轉眼一年過去了,新的聖誕節又要到了,經過了充滿不幸的災難、戰爭與疾病的一年以後,你的朋友們當然也更加需要來自於你的支持與鼓勵,因此,當然了,你總不能把去年的賀卡再寄一次吧!你的朋友們會懷疑你的誠意的,所以,來吧,讓我們來傳授給你一個全新的聖誕卡做法吧!和前一個範例一樣精彩,保證可以表達你對你的朋友們的億萬份誠意的祝福喔!
Design16色彩控制代碼
如何在Flash中控制色彩呢?在Flash中,她將色彩當成是一種元素,我們只要通過ActionScript代碼的儐帽就可以輕易的變換元素的色彩了,這個範例中,我們就要來學習如何利用ActionScript中的色彩元素來調整動畫中元素的顏色。此外我們還要學習如何製作控制滑桿,並將其與色彩元素搭配使用,也就是說你可以通過拖拉滑桿的方法來調整元素的顏色,這是在網頁或動畫製作過程中經常用來控制色彩、聲音、尺寸等常用的技巧。
Design17立體環繞動畫
我們都知道,Flash騍一套所謂的2D動畫軟體,嗯,那么用Flash做3D?行得通嗎?不知道你有否想過這樣的問題?該如何使用一套原本2D概念的軟體來模擬出立體的效果呢?這就是這一個單元的目的了!使用ActionScript代碼來運算出立體的效果,讓一個人造衛星可以用類似3D立體運行的方法來運行喔!
Design17延伸做法立體環繞動畫(二)
在完成了前一個例子的練習之後你是不是對所謂的Flash3D感覺很簡單呢?延續前面的做法我們來對這個檔案進行再次地加工,只是這一次的效果更炫了喔!環繞地球旋轉不再是單獨的一個衛星了,而是一整排的文字了!這樣子的效果很適合用在影像活動啊!公司名稱……的設計情況下,這可是作者壓箱底的絕活喔!根據我們的經驗,沒有客戶能夠抗拒得了的喔!
Design18光暈掃射文字
這個例子中我們要製作的是一種文字變幻的效果,文字的光暈將會從文字上透射出來,並且左右來回地轉動,這是很適合使用在網頁的標題畫面上,在這個例子中主要採取的是對象複製的概念以及利用不同元素之間動畫的關連來創造範例的畫面效果。
Design19隨滑鼠飄移的文字
這個範例非常有用,也很有趣,因為是一種很有趣的文字效果,文字可以隨滑鼠的軌跡而飄移、轉動,所以我們將其收納進來,並且修改了代碼的寫法。這一次我們不再使用數組的方式,而改使用動態(Dynamic)的方法來達成相販目的,此外我們還加入了一些修改,給予文字不同的變化。
Design19延伸做法(一)直排文字表現
前面完成的文字的排列是橫排的,那么該如何修改使之成為直排的文字呢?這在中文的動畫或者網頁設計情況中該是可以派上用場的吧!
Design19延伸做法(二)集合文字表現
再一次地修改我們的代碼,讓文字在在開始與結束的時候都會集合在一起。同樣,我們需要將前一個檔案的ActionScript代碼再做一些小修改。
Design20下拉式選單
你可以使用FlashMX來製作各式各樣的網頁,選單可是很重的一部分。在這個單元中我們要介紹的就是下拉式選單的做法喔!