FLASH動畫研究與撞球教學網站建置

中華醫事科技大學

101

學年度專題製作期末報告

FLASH 動畫研究與撞球教學網站建置

指導老師：林肇哲 學生：陳俊宇 蔡宗儒

楊上毅

日期：101 年 12 月 18 日

目錄

一、摘要 --- 3

二、前言 --- 4

三、研究動機 --- 6

四、研究目的 --- 7

五、研究方法 --- 8

六、成果呈現 --- 9

七、網站呈現 ---12

八、結論 ---18

九、心得 --- 19

十、甘特圖 --- 22

十一、工作分配 --- 23

十二、參考文獻 --- 25

十三、附錄 (比賽簡介)--- 26

摘要

本專題是用 FLASH 來製作的，以 FLASH 本身的許多功能，再以自己的創意跟自行繪圖來完成 製作 FLASH 規格的網頁動畫工具操作與設定彈性大，可以用來製作動畫，網頁與遊戲，

FLASH的動畫繪圖方式是採向量方式處理，這樣圖案在網頁中放大或縮小時，不會因此而 失真，而且可依顏色或區塊做部份的選擇來進行編輯，這是與其它繪圖軟體所不同的地方

將整個動畫要如何演出必須在你的腦中構思成形，並且排練過一遍，再藉由 Flash 驚人的技術 將之表現出來，因此要設計一個可看性高的動畫應將整個細節紀錄下來，將有助於動畫的製 作。

Flash 動畫影片與播放程式轉成獨立放映程式

Flash 介面設計工具：

 下拉式功能、圈選框和益智遊戲組合的程式

 建立文字和圖像捲軸、製作互動小程式

 躍式超連結、匯入外部視訊檔案

 RIA 和動態網頁的概念

 互動式向量繪圖動畫設計、音效

 3D 影像編輯、互動式按鈕設計

前言

Flash前身是 FutureSplash Animator，是由 FutureWave Software 公司所製作的產品。原先 該公司的目標是為了在網路上散播動畫，在那之前主要能夠散播動畫的方式只能依靠 Java 而已。當時 FutureSplash Animator 被幾個大型網站所使用，其中最重要的影響是被 Disney 使 用，而那個時候 Disney 同時也使用了 Macromedia 的 Shockwave，聽說這是讓 Macromedia 注意到 FutureSplash Animator 的原因～。後來 Macromedia 就收購了 FutureWave Software，

從此 FutureSplash Animator 變改名為 Flash 1.0。

Macromedia時代中最主要是在 Flash 3.0 的時候開始大紅大紫，Flash 5.0 的時候正式開始 使用 ActionScript 1.0，Flash MX 2004 時開始 ActionScript 2.0，而在 Flash 8 之後 Macromedia 被 Adobe 併購。現在 Flash 的最新版是 Adobe Flash 9，使用 ActionScript 3.0，同時 Adobe 也 正在進行著將 Flash 轉型的工程，包括大量結合 Adobe 其他的旗下產品以及創造全新的 Flash使用平台等等，從種種的動作看來猜測 Adobe 有可能想讓 Flash 跳脫「網路動畫」的印

象，變成一種全方位的設計平台。

flash它是專門用來設計網頁及多媒體動畫的軟體，它可以為你的網頁加入專業且漂亮 的互動式按鈕及向量式的動畫圖案特效，它是目前製作網頁動畫最熱門的軟體。

FLASH的動畫繪圖方式是採向量方式處理，這樣圖案在網頁中放大或縮小時，不會因此

而失真，而且可依顏色或區塊做部份的選擇來進行編輯，這是與其他繪圖軟體所不同的地 方且最新的版本可加入 MP3 格式的音樂，不但音質直逼音樂 CD，容量卻只有 CD 的十分之 一，非常適合應用於網路上，我們可以發現 FLASH 是您不可或缺的網頁多媒體製作工具。

研究動機

FLASH 本身是個非常好用的軟體學習動畫製作也容易入門，可以用來建立美好的視覺感 官、互動性和多媒體。製作動畫時可以加入音效與背景音樂，檔案小效果佳。而且FLASH 動畫 採串流傳輸模式，不用等完全下載，可以邊下載邊播放，避免漫長等待，並運用一些

FLASH 動畫去呈獻我們要表達的想法與概念，用文字或許沒有這麼生動但用動畫，可以使人 一目了然。

因為檔案體積小，視覺效果好、互動性強等優點 。 成為當今最流行的 Web 頁面動畫格式。

Flash 動畫可以更加形象生動的體現一個網站的性質和形象，一個好的 Flash 動畫具有很高

的藝術欣賞性，對於增強網站流覽者對網站的友好度非常有好處。

在網站中加入合適的音樂背景，加上一些動畫特效，更能生動新穎的想法。flash 動畫另外 一個作用就是在網站中突出顯示成果表達優勢，取的觀眾的專注與了解。

研究目的

FlASH 用途很廣！可以用來作網站、動畫、遊戲、媒體等等，目前 FLASH 都有提供 JavaScript 的程式語言設計，並且比一般的 HTML 的線上程式庫用途還廣泛，不僅只是提供 視覺上娛樂的工具，還可以用來作複雜性高的網站設計或遊戲製作，甚至線上資料庫後端處

理!都可以由 FLASH 來達成。

FLASH 大到一整個網站你都可以用來作，小到 LOGO 也可以。FLASH 在動態表現上非常 有效果，讓網頁方面表現有了一種新突破，讓網頁不再是一張平淡不會變化的圖。FLASH 的

多元化，對使用者的視覺刺激上帶來不少刺激性與娛樂性。

往往我們會去忽略 FLASH 的重要性，讓我們用 FLASH 的這些動態元素來說明他為什麼是 這樣呈現的。

研究方法

　　Flash 動畫具備了五樣重要的元素，那就是：劇本、場景(Scene)、圖層(Layer)、畫格 (Frame)、角色(Symbol)，當然更少不了你這位導演了。

劇本：整個動畫要如何演出必須在你的腦中構思成形，並且排練過一遍，再藉由Flash 驚人 的技術將之表現出來，因此要設計一個可看性高的動畫應將整個細節紀錄下來，將有助於動 畫的製作。

角色(Symbol)：動畫上各式各樣的圖片或文字。

畫格(Frame)：像卡通影片中每一個人物的各個分解動作，而每個分解動作畫面就是一個畫 格，在Flash 中是以時間軸來表示其畫格。

圖層(Layer)：由數個畫格所組成，它記錄著每一個角色所要進場演出的時間及出場時間。

場景(Scene)：場景包含了所有製作動畫的基本設定，例如動畫的尺寸、背景色。

成果呈現

1.傳祝福「卡」幸福-電子賀卡設計大賽(已參賽作品) 製作者：陳俊宇

作品名稱：香菇的生日

主題：生日賀卡

2.傳祝福「卡」幸福-電子賀卡設計大賽(已參賽作品) 製作者：蔡宗儒

作品名稱：藍天飛機送祝福

主題：生日賀卡

3.傳祝福「卡」幸福-電子賀卡設計大賽(已參賽作品) 製作者：楊上毅

作品名稱：生日快樂歌

主題：生日賀卡

網站呈現

結論

本研究以 FLASH 動畫製作跟網站製作這兩方面為主，主要是可以提升我們製作 FLASH 的 技術，跟網站製作，FLASH 也參加了比賽增加實作經驗，然而這次我們做這些專題，也是包 括我們本身也有興趣 ，把興趣呈現出來用flash 加上一些撞球知識，用網頁來表達在這一年 內我們得到的不是只有學術上的教導 ，還有一些我們相處上跟討論專題的經驗， 老師也親 自教導我們一些實用的撞球技巧。

從以前到現在我們製作 FLASH 動畫技術都有進步，也有了實作經驗。從未來發展方向，

可以結合網頁來做網頁設計，加上FLASH 動畫廣告來深入研究跟一些主題，例如:這次製作 的撞球教學網站…..等等。

心得

陳俊宇 :

我覺得撞球是種技術性運動，當然不是可以一朝一夕成就的把戲，從 技術入門學習到手感問題，都是一門很大的學問。

它和所有的運動精神都一樣，也讓我們在競技過程中有產生找回贏球的

企圖心和自信，加上我們要運用在 flash 上面談到網路多媒體，讓我想到

的第一個工具就是 FLASH，也謝謝老師教我們 FLASH 製作與撞球的指導，

讓我們更加印象深刻，也很感謝組員們的分工合作，讓進度跟了腳步，雖 然製作過程碰到許多得瓶頸，但是很感謝團隊與老師的幫忙

蔡宗儒:

這專題讓我學到了許多，FLASH 動畫越做越覺得不是移動圖片，其中 有太多技術，值得自己學習，雖然動畫跟網站常常遇到瓶頸，不斷的討論 研究。

因為我是執行者常常在作業上遇到一些困難然後也是會有意見不合的時

候，常常討論到三更半夜有時候一天下來收穫也不多，但過程中充滿一些

人際關係還有溝通上的經驗，然後謝謝老師的指導和組員們的幫忙，這種

互相幫忙互相學習的感覺很不錯。

楊上毅 :

^本來對 FLASH 的觀念非常基本而且覺得 flash 操作上面就有些不適 應，但是這一年來讓我學到了很多技巧發現作 FLASH 讓我體會到很多的 樂趣發揮想不到的創意可以用動畫的功效來讓大家知道我的想法。

我在這個團隊裡面是屬於創意行的但是運用的層面太廣!所以起先在理

想上跟作品有些落差，我們於是在表達上面加上了 flash 突破了我們的規

格，但是在討論過程中難免會有摩擦，辛苦了組員們的配合跟付出也謝謝

老師的指導跟撞球的教學跟大家的幫忙，團結力量大!!!!!

甘特圖

工作分配

一、書面報告

陳俊宇 蔡宗儒 楊上毅

目錄 ☆

摘要 ☆

前言 ☆

研究動機 ☆

研究目的 ☆

研究方法 ☆

成果呈現 ☆ ☆ ☆

網站呈現 ☆ ☆ ☆

結論 ☆

心得 ☆ ☆ ☆

甘特圖 ☆

工作分配 ☆

參考文獻 ☆

比賽簡介 (附錄) ☆

簡報製作 ☆

二、動畫比賽及網站

陳俊宇 蔡宗儒 楊上毅

傳祝福「卡」幸福比賽 ☆ ☆ ☆

網站 (首頁) ☆ ☆

網站(歷史與介紹) ☆ ☆

網站(撞球玩法) ☆ ☆

網站 (基礎桿法) ☆ ☆

網站 (進階桿法) ☆ ☆

網站(撞球解法) ☆ ☆

網站(其他作品) ☆ ☆

成果網站 ☆ ☆ ☆

參考文獻

1.賀卡城 card city

2.閃吧-音效網

http:// www.flash8.net/...

3.維基百科

http://zh.wikipedia.org/zh-tw/

4.飛肯設計學院

http://www.flycan.com.tw/board/

5.雅朵多媒體學習網

http://blog.yaduo-arts.com/

比賽簡介 -傳祝福「卡」幸福

傳祝福「卡」幸福-電子賀卡設計大賽

第一屆賀卡大賽作品：歡迎進入參賽區網路票選 主辦單位：大紀元網路科技股份有限公司

協辦單位：全球大紀元新聞網、世新大學傳播管理系、東南科技大學資管系、

方圓創意行銷股份有限公司、

活動宗旨

透過設計賀卡的寄發讓溫暖與祝福傳送到世界。改變世界從人與人之間的關懷做起。設計出溫暖人心的 賀卡，讓我們的社會多一分關懷、多一分希望。

1. 開放投稿：2012 年 01 月 01 日~05 月 15 日。

2. 收件截止：活動截止日展延至 2012 年 05 月 15 日。

3. 初審期間：2012 年 05 月 16 日～2012 年 05 月 23 日。

4. 入圍公布：2012 年 05 月 24 日選出 50 張賀卡進行投票。

5. 網友票選：2012 年 05 月 24 日~06 月 23 日。

6. 公布得獎名單：2012 年 06 月 25 日。

註：4/10 活動日程修正如上。

參賽內容需求

設計概念為「溫暖、祝福、正向、創意」的生日賀卡。內容應表現正統的道德觀念，不含有現代意 識。取材範圍不限，唯避免作品有政治、宗教或偏激主題。

評分辦法

依照以下規範標準，選出獲獎名單。

評審委員: 由本公司設計部各單位主管、世新大學教授及東南科技大學教授共 10 名擔任評審。

評分標準: 1.評審標準占總分數 90%

◎ 創意表現 30%

◎ 切題程度 30%

◎ 美感與整體感 30%

2網友投票占總分數 10%.

主辦單位得視案件數量調整評審次數，將不另行公告。

獎勵方式

 金 獎 一名：獎金新台幣 50,000 元、得獎組員獎狀各乙張

 銀 獎 一名：獎金新台幣 20,000 元、得獎組員獎狀各乙張

 銅 獎 一名：獎金新台幣 10,000 元、得獎組員獎狀各乙張

 優等獎三名：獎金新台幣 4,000 元、得獎組員獎狀各乙張

 人氣獎一名：獎金新台幣 2,000 元、得獎組員獎狀各乙張

 創意獎一名：獎金新台幣 2,000 元、得獎組員獎狀各乙張

 佳作二十名：7-11 禮券面額 200 元、得獎組員獎狀各乙張

 入圍五十名：得獎組員獎狀各乙張 參賽辦法與規則

1. 使用 Flash 做出之影像創作，以個人或組隊參與比賽。

2. 作品格式說明：

1. (1) 參賽作品需以 720(Wide) X 480(High)圖素大小 30 FPS 播放速率呈現之。

2. (2) 影片長度：20 秒～1 分鐘

3. (3) 檔案格式：fla 及 swf(swf 需小於 6M)

4. (4) 所採用之媒材與手法並無特殊限制，影音內容可以使用照片，(數位)手繪，

字型，數位素材，實拍影片等等。

5. (5) 如使用 AS 語法，播放流暢度列為評分考量，不可輸出錯誤訊息。

6. (6) 檔案內所有非內建字體一率打散為圖片。

3. 影片中之旁白、字幕以華語、華文為主，若為外語發音請另外製作中文字幕。

4. 參賽者自行配音、特效及配樂，如有版權之音樂，需自行取得合法授權。

5. 參賽作品應避免畫質不清、內容離題、違反善良風俗及侵害他人著作權等相關情事。若 涉及商業化、廣告行為、不宜大眾觀賞之暴力、色情、猥褻或抄襲等題材，主辦單位有權 退回違規作品。

6. 參賽作品因網路傳輸或不可抗力致生損害、主辦單位不負賠償責任。

7. 凡參賽者不得以夫妻、子女、朋友或任何關係，將參賽作品之著作權讓與、買賣以行冒 名頂替參賽之實；違者經查證屬實將依法除名，追回獎品或獎狀。

8. 參賽作品須為未曾公開發表及發行之作品。

9. 參選作品為參選人原始創作，參選作品如為已公開發表之作、仿冒或抄襲他人作品、著 作權不明者、不符合本徵選辦法者，如經查證屬實將取消參賽資格，且參選人應自負相 關之法律責任。

10.作品著作權：

o ◎音樂：得獎者在接到主辦單位得獎通知後，需備妥作品音樂版權授權書(須含 音樂「公播權認證書」)，寄回主辦單位，如未接獲授權書，主辦單位將撤銷其得 獎資格。

o ◎著作權約定：

1. (1) 參賽者同意作品於活動評選期間能無限次播放及使用於活動網頁上。

2. (2) 得獎者同意將得獎作品之著作財產權無條件讓與主辦單位。主辦單位 為推廣活動，得使用其得獎作品於國內外重製 、公開播送、公開上映、公 開演出、公開傳輸、散布、改作、編輯之權利，不另提供稿費。

3. (3) 參賽者稿件以原創之著作為限，作品經查屬抄襲或侵權者，取消其資 格，得獎者並予追回獎金，得獎者不得異議，獎項不予遞補，如涉司法 爭訟，得獎人應自行負責，如致主辦單位涉訟，應配合為訴訟參加或提 供一切必要協助，主辦單位並對因此所受損害保有求償之權利。

4. (4) 參賽作品若有牴觸任何有關著作權之法令，一切法律責任由參賽者承 擔，主辦單位概不負責。

2 本活動規則及注意事項載明於本活動網頁中，參選者於參加本活動同時，即同意接受本 簡章之各項規定。如有違反規定者，主辦單位得取消參選資格並保留法律追訴權。

3 依中華民國所得稅法規定，獎金或給與超過新台幣 2000 元者，依法按給付全額扣取稅額。

得獎價值超過新台幣 1000 元者依法須納入個人年度所得，得獎者須提供身分證正反面影本，

如無法提供視同放棄得獎資格。

4 投票鼓勵獎為確保活動公平性避免非法取得個人資料導致一人獲得多項獎勵，得獎者須 提供身分證正面影本或健保 IC 卡正面影本經查核身分後方可領取獎勵，如無法提供視同放棄 得獎資格。

5 收件方式

以掛號寄送方式報名：自 2012 年 1 月 1 日起至 2012 年 5 月 15 日止，至本次競賽網頁

（ﾵ http://ecard.epochtimes.com/competition/form.doc ﾵ）下載填寫報名表資料。

繳件內容：連同報名表(報名表務必詳實填寫)、參賽作品原始檔光碟彌封完整並善加包裝，以 郵戳為憑。郵寄地址：10042 台灣台北市中正區愛國西路 9 號 5 樓之 1。請於信封外及光碟上註 明參加 「傳關懷卡幸福- 第一屆電子賀卡設計大賽」。如於郵遞運送途中損壞或遺失，主、協辦 單位不負賠償責任。

本簡章未盡事宜，主辦單位得隨時解釋，修正之。