Microsoft Word - 專題正確版(最終)

Size: px

Start display at page:

Download "Microsoft Word - 專題正確版(最終)"

涯兢俄戚
7 years ago
Views:

1 崑山科技大學電腦與通訊系四技部專題製作報告 Android 手機應用軟體設計學生 : 陳僅翔 (4970D019) 蔡亞哲 (4970D020) 指導老師 : 曾昭雄中華民國一百零二年一月

3 中華民國一百零二年一月 I

4 摘要遊戲一直都是帶給許多人作為休閒娛樂的活動, 人們利用遊戲機電腦手機等產品來操作各種遊戲, 各類都有著相當多的愛好者, 隨著科技日新月異, 近年來發展出的新一代產物平板電腦, 可說是一種小型方便攜帶的個人電腦, 可利用觸控筆或手指觸碰螢幕進行操作書寫縮放畫面和圖案等功能, 直接在畫面中作業取代了以往的滑鼠鍵盤, 因此在 2002 年微軟公司開始大力推廣下, 便慢慢流行起來, 平板電腦蓬勃發展後, 除了在平板電腦的應用外, 遊戲也因平板電腦而更加豐富 Android 為 Google 公司於 2007 年發佈的基於 Linux 內核的移動平台, 由作業系統中介軟體使用者介面和應用軟體組成的, 因為是開放式的平台, 大量的開發人員因此投入了此系統開發, 為此接二連三產出眾多熱門的遊戲及應用程式, 各式各樣的資訊使得越來越豐富, 造就了這股 Android 風潮 ; 而現在使用者更能藉由 Android 平板電腦來操作, 還能使用三軸加速器移動, 所以在遊戲開發中, 常會有許多因平板電腦而產生的新玩法出現, 將有更不一樣的體驗 I

5 致謝這次的專題研究不只是光靠幾個人的努力而成功做出來的, 也要非常的感謝這次指導我們專題製作的老師曾昭雄老師, 曾老師不管是有多繁忙都會抽空來幫我們解決一些我們遇到的困難並且也鼓勵我們讓我們不會感到太大的壓力的在做專題, 還有在我們專題展的當天曾老師提供了我們一些平板電腦好讓我們把我們製作的專題成品匯入平板電腦裡給其他評鑑的老師們使用, 因為這樣我們在專題展的那天呈現出來的成品還算不錯, 要感謝曾老師的實在太多了, 如果還有機會的話真的很希望還能讓曾老師指導 II

6 目錄頁次摘要......I 致謝...II 目錄...III 圖目錄...V 第一章緒論 1.2 研究動機與目的傳統手機與智慧型手機功能及效能比較...2 第二章互動性遊戲介紹 2.1 介紹 Air Penguin 介紹 Bouncy Bill 介紹 Doodle Jump 介紹 Icare...6 第三章系統原理及介紹 3.1 FLASH 介紹 FLASH 概念 FLASH 概念觸控原理...9 III

7 3.4 電阻式觸控面板 G-sensor 介紹 G-sensor 介紹 G-sensor 介紹...13 第四章系統架構與設計 4.1 系統流程系統流程系統流程...16 第五章專題成果說明 5.1 遊戲成果遊戲成果畫面設計畫面設計...20 第六章結論...21 第七章參考文獻...22 IV

8 圖目錄圖 1.1 功能比較圖...3 圖 2.1 Air Penguin 遊戲參考圖...4 圖 2.2 Bouncy Bill 遊戲參考圖...5 圖 2.3 Doodle Jump 遊戲參考圖...6 圖 2.4 Icare 遊戲參考圖...7 圖 3.1 Flash 教學圖...9 圖 3.2 觸控原理圖...10 圖 3.3 電阻式觸控面板圖...11 圖 3.4 G-sensor 立體圖...12 圖 3.5 範例圖...13 圖 3.6 Pitch 圖...13 圖 3.7 Yaw 圖...14 圖 3.8 Roll 圖...14 圖 4.1 遊戲架構圖...17 圖 5.1 遊戲開始畫面圖...18 圖 5.2 遊戲執行畫面圖...19 圖 5.3 草稿圖 (1)...20 V

9 圖 5.4 草稿圖 (2)...21 圖 5.5 草稿圖 (3)...21 VI

10 第一章緒論 1.1 研究動機及目標我們對於遊戲在平板電腦上使用有相當的好奇與好感, 所以藉此產品來研究開發新的遊戲, 觀察市面上熱門的遊戲發現, 許多遊戲的構思與玩法並不複雜, 追求簡單輕易就能上手, 以畫面的風格美觀與操作簡單為重點 ; 我們開始尋找相關書籍以及範例練習, 比較之前預想開發遊戲的方法, 除了利用 Java 來撰寫程式部分以外, 我們選擇另一種方法, 使用了 ActionScript3.0 語法來撰寫, 此種語法使用在 Adobe Flash 軟體裡面, 用此軟體的主要好處是對於在遊戲畫面的處理部分, 不同於利用 Java 語法在 eclipse 軟體上能有更方便的製作, 所以才會以此改變方法 ; 在新的學習上, 程式語言的概念都是以邏輯上正確和在使用不同函數上有不同的方式為主, 所以在練習的過程並不會完全不清楚而無法上手, 主要學習是以畫面上美工的方面以及整體程式運作的方式, 還有最重要的是以熟悉的程式上來做變化觀看了市面上許多 Android 遊戲之後, 我們從熱門遊戲中探討了幾款遊戲, 例如 Doodle Jump 及 NinJump 這種以不斷前進得分為類型的遊戲, 輕鬆簡單的操作方法畫面主題性的多變, 遊戲中產生的視 1

11 覺特效, 即深受許多人喜愛, 我們也對此感到好奇, 所以誕生出以這類型遊戲來當出發點為概念, 而決定開始製作後來在製作場景上更融入了台南景點為特色, 使此款遊戲不只是帶來玩樂的感受 1.2 傳統手機與現代手機功能及效能比較對於傳統手機與現代手機不只在功能方面有進一步的研發更新, 現代手機更是加強了許多傳統手機所沒有的缺陷, 包括衛星定位, 及時上網以及記憶卡的擴充等新功能圖 1.1 功能比較圖 2

12 第二章互動式遊戲介紹 2.1 介紹 Air Penguin 多方向傾斜控制玩法, 控制 Air Penguin 向各個方向傾斜, 踩著冰層跳向終點前進有兩種不同模式分別為 : 上下傾斜跳躍以及左右移動前進模式中有 125 個關卡, 每個關卡都有不同特色如遇見海洋生物障礙需要躲避在海龜的背上搭順風車, 躲過憤怒的鯊魚並小心薄冰圖 2.1 Air Penguin 遊戲參考圖 3

13 2.2 介紹 Bouncy Bill 這款遊戲非常考驗技巧以最聰明的跳躍方式, 抵達終點以單點方式讓海龜向上跳動跳跳龜裡面綠色浮板會有規則的到處移動踩到不顏色踏板也有不同效果所以此遊戲可玩性很高圖 2.2 Bouncy Bill 遊戲參考圖 4

14 2.3 介紹 Doodle Jump 這款遊戲畫面以塗鴉的風格, 包括遊戲裡面的字體沒有很華麗的遊戲畫面和遊戲系統利用智慧型手機的觸摸屏及重力感應系統觸碰螢幕任何地方即可向上發射子彈重力感應使玩家得以控制方向當玩家左右晃動手機時, 即可對跳躍的左右進行圖 2.3 Doodle Jump 遊戲參考圖 5

15 2.4 介紹 Icare 為了製作如 Doodle Jump 這類型的遊戲, 我們參考了一款簡單的跳躍遊戲 Icare 來加以修改製作, Icare 為一款神話遊戲, 主角踩著雲不停往上跳躍前進, 隨著高度而分數不停累加, 若掉下去則遊戲結束 2.4 Icare 遊戲參考圖 6

16 第三章系統原理及介紹 3.1 FLASH 介紹專門用來設計網頁及多媒體動畫的軟體, 可以為你的網頁加入專業且漂亮的互動式按鈕及向量式的動畫圖案特效,FLASH 的動畫繪圖方式是採向量方式處理, 圖案在網頁中放大或縮小時, 不會因此而失真, 可依顏色或區塊做部份的選擇來進行, 也可加入 MP3 格式的音樂編輯 3.2 FLASH 概念 Flash 動畫具備了以下五樣重要的元素 : 劇本 : 整個動畫要如何演出必須在你的腦中構思成形, 並且排練過一遍, 再藉由 Flash 驚人的技術將之表現出來, 因此要設計一個可看性高的動畫應將整個細節紀錄下來, 將有助於動畫的製作角色 (Symbol): 動畫上各式各樣的圖片或文字 7

17 畫格 (Frame): 像卡通影片中每一個人物的各個分解動作, 而每個分解動作畫面就是一個畫格, 在 Flash 中是以時間軸來表示其畫格圖層 (Layer): 由數個畫格所組成, 它記錄著每一個角色所要進場演出的時間及出場時間場景 (Scene): 場景包含了所有製作動畫的基本設定, 例如動畫的尺寸背景色圖 3.1 Flash 教學圖 8

18 3.3 觸控原理當手指觸碰 Sensor 時, 會有一類比訊號輸出, 由控制器將類比訊號轉換為電腦可以接受的數位訊號, 再由電腦裡的觸控驅動程式整合各元件編譯, 最後顯示卡輸出螢幕訊號在螢幕上顯示出所觸碰的位置圖 3.2 觸控原理圖 9

19 3.4 電阻式觸控面板電阻式觸控面板由 ITO Film 和 ITO Glass 所組成, 中間由 DOT 所隔開, 在 ITO Film 和 ITO Glass 之間通入 5V 的電壓, 藉由手指或觸控筆去觸碰 ITO Film 形成凹陷然後下層的 ITO Glass 接觸而產生電壓的變化, 再經由 A/D 控制器轉為數位訊號讓電腦做運算處理取得 (X,Y) 軸位置, 進而達到定位的目地 3.3 電阻式觸控面板圖 10

20 3.5 G-sensor 介紹 G-sensor 又稱三軸重力感測儀, 現在許多智慧型手機開始搭載此一晶片, 支援此一特殊功能這改變了人們操作的習慣, 從鍵盤改為直覺性的用重力感測來達到體感的模擬效果圖 3.4 G-sensor 立體圖 11

21 基本上, 我們處於的空間, 是屬於一個三維的世界 G-sensor 的原理即是偵測這三維空間的變動, 而得到實際的數值加以應用圖 3.5 範例圖 G-sensor 的運用可分為以下三種 : 1. Pitch 乃是繞著圖上的 X 軸旋轉 ( 也就是 YZ 平面自轉 ) 圖 3.6 Pitch 圖 12

22 2. Yaw 乃是繞著圖上的 X 軸旋轉 ( 也就是 YZ 平面自轉 ) 圖 3.7 Yaw 圖 3. Roll 乃是繞著圖上的 Y 軸旋轉 ( 也就是 XZ 平面自轉 ) 圖 3.8 Roll 圖 13

23 第四章系統架構與設計 4.1 系統流程系統流程圖如圖 4.1 所示, 共分為開始初始化遊戲中遊戲結束及重新遊戲等五個子方塊, 分別敘述如下 : 1. 開始 : (1) 將有需要的套件類別加入 (2) 宣告會使用的相關變數名稱, 如 : 玩家三軸加速器速度分數等 2. 初始化 : (1) 因為使用到三軸加速器, 所以設定函數不停更新使用的狀態 (2) 得分數三軸加速器 x 軸歸零 (3) 定義遇到能使玩家加速的物件向量函數 3. 遊戲中 : (1) 移動速度的變數不斷累加 (2) 設定左右晃動時傾角與三軸加速器 x 軸的移動倍率, 並限制畫面邊界 (3) 使玩家移動產生變化的物件不斷出現 (4) 執行遊戲中的函數 ( 利用 if-else) 14

24 4. 遊戲結束 (1) 顯示結束畫面, 並顯示最終得分 (2) 隱藏遊戲畫面中進行的分數 (3) 將改變的變數值歸零 ( 速度加速值 ), 使遊戲不再繼續 (4) 滑鼠事件, 點擊時重新遊戲 5. 重新遊戲 (1) 設定玩家重新開始的位置 (2) 顯示遊戲畫面中進行的分數 (3) 將變數值改回設定初值 15

25 圖 4.1 遊戲架構圖 16

26 第五章專題成果說明 5.1 遊戲成果本系統的遊戲畫面都是我們自己繪製, 一開始進入遊戲的畫面如圖 5.1 所示, 是以遊戲人物在天空飛行往下看一些台南的觀光景點圖 5.1 遊戲開始畫面圖 17

27 這款遊戲是往下像飛行的方式, 要不停碰撞到橘色魔法球才能繼續往下飛行, 計分方式以碰撞到一個橘色魔法球為 10 分, 碰撞到越多橘色魔法球則速度會加快也會增加越多分數, 如果沒有繼續碰撞到橘色魔法球那人物將會向後飛行直到遊戲結束圖 5.2 遊戲執行畫面圖 18

28 5.2 畫面設計草稿圖 (1) 是我們這張設計圖是以台南的風景為底圖加以設計, 然後我們在慢慢的著色上去, 讓遊戲玩家感受到台南風景之美圖 5.3 草稿圖 (1) 19

29 草稿圖 (2) 這張手畫圖主要設計概念是想以人物在台南都市的天空上自由的飛行, 遠看這家鄉的風景草稿圖 (3) 的概念是以遊戲人物在飛行時遇到的挫折與困難會有橘色魔法球幫助人物勇敢的向前飛行我們就以這方面下去繪畫出這個遊戲人物與橘色魔法球圖 5.4 草稿圖 (2) 圖 5.5 草稿圖 (3) 20

30 第六章結論這些年我目睹了一個平台令開發者及用戶由陌生到熟悉的過程也沒有成功使用這些元素的遊戲案例可供借鑒看到憤怒的小鳥大獲成功, 我並不驚訝其簡單的觸碰機制會成為手機領域的主流設計畢竟是一個困難的過程, 而創新型的遊戲常常會受到開發者評論家和玩家的質疑成功的手機遊戲並不一定需要採用專門針對移動設備的機制我也懷疑用戶並不需要更複雜的手機遊戲機制人們需要一定時間來適應不同風格的遊戲玩法, 一次性呈現過多內容反而會給用戶造成困惑 21

31 第七章參考文獻 [1] 邱于瑋楊茵雯沈英謀 (2010),"Android 手機遊戲製作 ", 崑山科技大學資訊管理系, 台南市 [2] 侯語彤 (2011)," ACA 國際認證教戰手冊 :Adobe Flash CS5 完全攻略 ", 上奇資訊, 台北市 [3] 何世文葉怡君 (2008)," 玩透 Adobe Flash CS3 動畫設計實用教學寶典 ", 台北市 : 勁園圖書 [4] 黃新峰 (2011)," Flash Action Script 3.0 平台遊戲開發 ", 松崗資訊, 台北市 22

小儿疾病防治（四）.doc

小儿疾病防治（四）.doc ...1...3...6...10...12...13...14...15...17...20...21...22...23...23...24...25 B...28...31...32 I ...33...35...37...40...41...43 X...44...45...47...49...50...52...52...54...56...57...59...61...62...62...63...66