畢業(yè)論文——基于 Android 的謎題類角色扮演游戲的設(shè)計(jì)與開發(fā)

基于 Android 的謎題類角色扮演游戲的設(shè)計(jì)與開發(fā)摘要在 Android 手機(jī)、平板巨大的市場下，安卓應(yīng)用開發(fā)的需求量也非常巨大。另一方面 Flash 因?yàn)槠鋬?yōu)秀的圖形用戶界面和 ActionScript 的支持下良好的用戶交互，在傳統(tǒng)個(gè)人電腦平臺(tái)的動(dòng)畫、游戲開發(fā)領(lǐng)域一直保持優(yōu)勢，但是當(dāng)智能手機(jī)市場開始主鍵侵蝕 PC 平臺(tái)，大批用戶向移動(dòng)端轉(zhuǎn)移時(shí)，將 Flash 游戲技術(shù)移植到手機(jī)就成為必須解決的問題。本文首先對 Flash AIR 的 Android 平臺(tái)開發(fā)進(jìn)行調(diào)研，并對當(dāng)前游戲類型，用戶需求進(jìn)行分析，最后在設(shè)計(jì)、研發(fā)了解謎角色扮演游戲變喵記。實(shí)現(xiàn)了游戲的各項(xiàng)功能，制作了將益智、解謎、角色扮演融為一體的一種游戲。能讓玩家即收獲游戲的愉悅，又了解完整的故事，還能開動(dòng)腦筋鍛煉智力。同時(shí)因?yàn)橹i題設(shè)置上主要選擇了彼得堡七橋問題、八皇后問題、約瑟夫環(huán)問題等這類經(jīng)典而又有趣的計(jì)算機(jī)問題，涉及圖論、搜索、數(shù)論、動(dòng)態(tài)規(guī)劃等多個(gè)方面，所以可以作為計(jì)算機(jī)競賽興趣入門游戲。關(guān)鍵詞：AndroidFlash AIR解謎角色扮演游戲- 1 -Based on Android puzzle role-playing game design and developAbstractIn Android phone, tablet huge market demand for Android application development is also very large. Flash animations good hand because of its excellent support user interaction graphical user interface and ActionScript under the traditional PC platform game development has maintained the advantage , but when the primary key of the smart phone market began to erode PC platform , a large number of mobile users when the end of the shift , the Flash game technology to the mobile phone has become a problem that must be addressed .Firstly, the Android platform Flash AIR s research, and the current game type, the user needs analysis, and finally in the design , research and development to understand the mystery of role-playing games - Variable meow remember. Achieve the various functions of the game, made the puzzle, puzzle , role-play integration of a game. That game allows players to gain pleasure , but also to understand the full story , but also to exercise their brains while intelligence . And because the main choice of the puzzle set Petersburg Seven Bridges problems such classic eight queens problem , Josephus issues and interesting computer problems , involving many aspects of graph theory , search, number theory , dynamic programming , it can also use as computer contest entry game.Keywords: AndroidFlash AIRpuzzle role-playing game- 2 -目錄1. 引言 .- 9 -1.1前言 .- 9 -1.2設(shè)想及突破點(diǎn) .- 9 -1.3理論實(shí)踐意義 .- 10 -1.4本論文工作 .- 10 -1.5使用軟件 .- 10 -2. AIR For Flash 及 ActionScript3.0 .- 11 -2.1Flash .- 11 -2.2AIR .- 11 -2.3AIR Android 開發(fā)的可行性 .- 11 -2.4ActionScript3.0 .- 12 -3. 游戲設(shè)計(jì) .- 13 -3.1游戲整體框架 .- 13 -3.2故事梗概 .- 13 -3.3角色介紹 .- 13 -3.3.1主角 .- 13 -3.3.2七爺（貓神） .- 13 -3.3.3黑白兄弟 .- 14 -3.3.4博士貓 .- 14 -3.3.5斗篷貓 .- 14 -3.3.6觀天貓 .- 14 -3.3.7肌肉貓 .- 14-3.3.8小美貓 .- 14-3.3.9趴趴貓 .- 14- 3 -4. 美術(shù).- 15 -4.1美術(shù)整體 .- 15 -4.2背景美術(shù)設(shè)計(jì) .- 15 -4.2.1概述 .- 15 -4.2.2整體背景俯視圖 .- 15 -4.2.3小花園背景圖 .- 16 -4.2.4圖書館背景圖 .- 16 -4.2.5電子樓背景圖 .- 16 -4.2.6科技樓背景圖 .- 17 -4.2.7操場背景圖 .- 17 -4.2.8學(xué)術(shù)樓背景圖 .- 17 -4.2.9四合院背景圖 .- 17 -4.2.10主樓背景圖 .- 18 -4.3角色美術(shù)設(shè)計(jì) .- 18 -4.3.1手繪原稿圖 .- 18 -4.3.2主角角色圖 .- 20 -4.3.3黑白兄弟角色圖 .- 20 -4.3.4博士貓角色圖 .- 20 -4.3.5斗篷貓角色圖 .- 21 -4.3.6觀天貓角色圖 .- 21 -4.3.7肌肉貓角色圖 .- 21 -4.3.8小美貓角色圖 .- 21 -4.3.9趴趴貓角色圖 .- 22 -4.3.10七爺角色圖 .- 22 -4.4界面美術(shù)設(shè)計(jì) .- 22 - 4 -4.4.1開始界面 .- 22 -4.4.2游戲界面 .- 23 -4.4.3對話界面 .- 24 -4.4.4問題界面 .- 24 -5. 音樂.- 25 -5.1整體音樂概述 .- 25 -5.2引用音樂介紹 .- 25 -5.2.1背景音樂 .- 25 -5.2.2效果音 .- 25 -6. 謎題.- 26 -6.1謎題整體概述 .- 26 -6.2謎題 .- 26 -6.3題目分?jǐn)?shù)分配 .- 26 -6.4喵糧系統(tǒng) .- 26 -7. 程序.- 27 -7.1整體框架 .- 27 -7.2工程信息 .- 27 -7.3界面程序 .- 27 -7.3.1開始界面 .- 27 -7.3.2游戲界面 .- 27 -7.4問題程序 .- 28 -7.5其他程序 .- 28 -8. 成果與改進(jìn) .- 29 -8.1成果展現(xiàn)形式 .- 29 -8.2程序?qū)崣C(jī)測試 .- 29 - 5 -8.3網(wǎng)絡(luò)測試反饋 .- 30 -8.4改進(jìn)方向 .- 31 -9. 參考文獻(xiàn) .- 32 -10.致謝 .- 33 -附錄 I 謎題問題、提示及答案 .- 34 -謎題 1一筆畫 .- 34 -謎題 2病狗問題 .- 35 -謎題 3五貓站位 .- 36 -謎題 45=？ .- 37 -謎題 5早起事物順序 .- 38 -謎題 6七貓游戲 .- 39 -謎題 7方格取數(shù) .- 40 -附錄 II 主要程序 .- 41 -1.完整 XML 文檔 .- 41 -2.Miao.as 完整文檔 .- 41 -3.開始界面程序 .- 43 -4.界面程序 .- 45 -5.操作面板程序 .- 46 -6.狀態(tài)顯示程序 .- 47 -7.存儲(chǔ)退出詢問面板程序 .- 47 -8.問題 1 程序 .- 48 -9.問題 2 程序 .- 51 -10.問題 3 程序 .- 53 -11.問題 4 程序 .- 62 -12.問題 5 程序 .- 66 - 6 -13.問題 6 程序 .- 70 -14.問題 7 程序 .- 73-15.音樂開關(guān)程序 .- 74-16.答案顯示面板程序 .- 75-17.使用喵糧提示程序 .- 76- 7 - 8 -1. 引言1.1前言在 Android 手機(jī)、平板巨大的市場下，安卓應(yīng)用開發(fā)的需求量也非常巨大。不同于蘋果的 ios 系統(tǒng)和微軟的 windows phone 系統(tǒng)這類封閉式系統(tǒng)，Android 系統(tǒng)的開源性使得越來越多的程序員加入開發(fā)行列，而 Android 本身也提供了良好的軟件開發(fā)工具包1。具體來看 Android 的游戲開發(fā)。隨著社會(huì)節(jié)奏的加快，人們對能讓心靈得以一刻放松的游戲的需求也越來越大。而手機(jī)平板平臺(tái)的游戲具有龐大的市場用戶、移植性高及網(wǎng)絡(luò)支持等優(yōu)點(diǎn)，而且有想玩就玩的方便性、容易上手且不花費(fèi)時(shí)間，比起電視游戲或電視游戲更受現(xiàn)代人喜愛。另一方面 Flash 因?yàn)槠鋬?yōu)秀的圖形用戶界面和 ActionScript 的支持下良好的用戶交互，在傳統(tǒng)個(gè)人電腦平臺(tái)的動(dòng)畫、游戲開發(fā)領(lǐng)域一直保持優(yōu)勢，許多游戲如機(jī)械迷城等，還有 7K7K、4399 等網(wǎng)站提供的網(wǎng)頁小游戲都是利用 Flash 開發(fā)。但是當(dāng)智能手機(jī)市場開始主鍵侵蝕 PC 平臺(tái)，大批用戶向移動(dòng)端轉(zhuǎn)移時(shí)，將 Flash 游戲技術(shù)移植到手機(jī)就成為必須解決的問題。目前其他語言，主要包括 Java、CC+開發(fā)了許多 Android 平臺(tái)手機(jī)游戲，市面上已有不少成功案例，它們的缺陷在于，動(dòng)畫制作方面開發(fā)費(fèi)時(shí)費(fèi)力，效果卻不一定好。于此相比 Flash 的優(yōu)勢就在于動(dòng)畫制作既美觀又容易，繪制矢量圖，易于在不同規(guī)格屏幕上放大，不損失圖像清晰度，而又十分容易制作。因此，基于 Flash 的智能手機(jī)游戲開發(fā)具有良好的應(yīng)用前景。技術(shù)方面，Adobe Flash 提供多種方式進(jìn)行 Android 平臺(tái)游戲的開發(fā)Flash professional+AIR for android、Flex 或 FlashBuilder 等都可2。對于傳統(tǒng)的 Flash 開發(fā)人員，F(xiàn)lash professional+AIR for android 是最易于上手的一種 Android 手機(jī)游戲開發(fā)方式，本文所使用的就是這種方式。1.2設(shè)想及突破點(diǎn)在日常使用手機(jī)、平板玩游戲時(shí)，我發(fā)現(xiàn)現(xiàn)在的游戲主要以益智類、休閑類、反映類為主且最受歡迎，大型 3D 的角色扮演游戲也有不少人喜愛，而 2D 的小巧的角色扮演類游戲則由于劇情的拖沓和打怪練級(jí)模式的單一而略顯下風(fēng)3。另一類游戲解謎類，基本完全是“密室逃脫”這種“找東西”的風(fēng)格，數(shù)量和其他類游戲相差很多，單一模式也容易引起審美疲勞。因此，我想到開發(fā)一個(gè)謎題類角色扮演游戲玩家控制角色在劇情的指引下解決不同種類、不同風(fēng)格的謎題，在解開謎題后進(jìn)一步推動(dòng)劇情發(fā)展。既有一個(gè)完整的劇情，能讓玩家體會(huì)角色扮演代入感的愉快，又不是老舊的打怪模式，而是智慧的思考去解決問題。這樣玩家一來不會(huì)因單純的解謎而沒有持續(xù)性，二來不會(huì)因- 9 -長期的單一模式而失去興趣4?？梢哉f是將益智、解謎、角色扮演融為一體的一種游戲。作為計(jì)算機(jī)專業(yè)的學(xué)生，我也想開發(fā)與專業(yè)相關(guān)的游戲，因此在謎題設(shè)置上主要選擇了彼得堡七橋問題、八皇后問題、約瑟夫環(huán)問題等這類經(jīng)典而又有趣的計(jì)算機(jī)問題，涉及圖論、搜索、數(shù)論、動(dòng)態(tài)規(guī)劃等多個(gè)方面，可以作為計(jì)算機(jī)競賽興趣入門游戲。1.3理論實(shí)踐意義與研究類課題不同，應(yīng)用類的課題的實(shí)踐意義要高于理論意義。通過完成此畢業(yè)設(shè)計(jì)，從我個(gè)人角度來說，是綜合大學(xué)本科階段所學(xué)知識(shí)技能，將其真正應(yīng)用與實(shí)踐當(dāng)中，是檢驗(yàn)和證明我大學(xué)所學(xué)的重要方式。對于未來，不論是工作還是繼續(xù)學(xué)習(xí)從事科研，都是很好的實(shí)踐基礎(chǔ)。特別是在經(jīng)歷考研失敗、四處奔波找工作之后，我更加感覺這個(gè)畢業(yè)設(shè)計(jì)所制作的游戲?qū)ξ覀€(gè)人的巨大意義不僅歷練了我的實(shí)際工程能力，更實(shí)現(xiàn)了我一直一來做游戲程序員的夢想。我也將這些個(gè)人感受通過游戲展現(xiàn)了出來。從對社會(huì)的價(jià)值來看，謎題類角色扮演游戲是移動(dòng)平臺(tái)缺少的一種類型，希望能通過我的作品，讓更多人能體會(huì)這類游戲的樂趣，從中有所收獲。更希望能通過這個(gè)游戲，推動(dòng)這一類游戲的開發(fā)，推動(dòng)游戲開發(fā)上的創(chuàng)新。同時(shí)，由于謎題接近計(jì)算機(jī)程序設(shè)計(jì)大賽的問題風(fēng)格，本游戲用來作為計(jì)算機(jī)競賽（NOI、ACM 等）的入門興趣游戲也十分合適，填補(bǔ)了這個(gè)方向的空白。1.4本論文工作本論文是對畢業(yè)設(shè)計(jì)Android 游戲變喵記從設(shè)計(jì)到制作到測試的整體論述。詳細(xì)描述了畢業(yè)設(shè)計(jì)各個(gè)項(xiàng)目的制作過程。1.5使用軟件Adbode Flash Professional CS5.5 Version 11.5.1.349 Google SketchUp Pro Version 8.0.4811 Dev C+ Version 4.9.9.2Adobe Photoshop Version 12.0.4格式工廠 3.3.4- 10 -2. AIR For Flash 及 ActionScript3.02.1FlashFlash 是一種動(dòng)畫創(chuàng)作與應(yīng)用程序開發(fā)于一身的創(chuàng)作軟件，到 2013 年 9 月 2 日為止,最新的零售版本為 AdobeFlash ProfessionalCC(2013 年發(fā)布)。Adobe Flash ProfessionalCC 為創(chuàng)建數(shù)字動(dòng)畫、交互式 Web 站點(diǎn)、桌面應(yīng)用程序以及手機(jī)應(yīng)用程序開發(fā)提供了功能全面的創(chuàng)作和編輯環(huán)境。Flash 廣泛用于創(chuàng)建吸引人的應(yīng)用程序，它們包含豐富的視頻、聲音、圖形和動(dòng)畫?？梢栽?Flash 中創(chuàng)建原始內(nèi)容或者從其它 Adobe 應(yīng)用程序（如 Photoshop或 illustrator）導(dǎo)入它們，快速設(shè)計(jì)簡單的動(dòng)畫，以及使用 Adobe ActionScript 3.0 開發(fā)高級(jí)的交互式項(xiàng)目。設(shè)計(jì)人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash 可以包含簡單的動(dòng)畫、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。通常，使用 Flash 創(chuàng)作的各個(gè)內(nèi)容單元稱為應(yīng)用程序，即使它們可能只是很簡單的動(dòng)畫。您也可以通過添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的 Flash 應(yīng)用程序。2.2AIRAIR 是 Adobe Integrated Runtime 的簡稱，即“Adobe 集成運(yùn)行時(shí)”， 2010 年，Adobe公司成功地將 AIR 技術(shù)引入移動(dòng)平臺(tái)，從此，一舉打開了通往移動(dòng)領(lǐng)域的大門。而對于 Flash 開發(fā)者來說，該技術(shù)的出現(xiàn)為他們轉(zhuǎn)向移動(dòng)應(yīng)用開發(fā)提供了便利的條件。2010 年年底，AIR 已經(jīng)實(shí)現(xiàn)了對 Android、BlackBerry Tablet OS 和 iOS 三個(gè)移動(dòng)操作系統(tǒng)的支持。從目前的狀況看，AIR 在 Android 平臺(tái)上的表現(xiàn)最搶眼。一方面，AIR 程序在 Android 設(shè)備（手機(jī)和平板電腦）上的運(yùn)行性能得到了用戶的肯定；另一方面，當(dāng)前市面上絕大部分 Android 手機(jī)和平板電腦都支持 AIR 程序，而且電子市場上使用 AIR 開發(fā)的程序數(shù)量呈上升趨勢。2.3AIR Android 開發(fā)的可行性2010 年 10 月，AIR 正式登陸 Google 電子市場（2012 年 3 月更名為 Google Play 商店），在短短兩個(gè)月時(shí)間里，程序的累計(jì)下載量超過了 25 萬次。需要說明的是，并不是所有的 Android 設(shè)備都支持 AIR。Adobe 官方網(wǎng)站的信息顯示，設(shè)備必須滿足以下條件才能運(yùn)行 AIR：Android 2.2 或更高版本。ARM v7-A 或更高級(jí)的處理器。支持 OpenGL ES2.0。支持 H.264 & AAC H/W 解碼。至少有 256 MB 內(nèi)存。- 11 -一般情況下，安裝或升級(jí)到 Android 2.2 的設(shè)備都可以運(yùn)行 AIR，而市面上的 Android 設(shè)備很多都已經(jīng)安裝或升級(jí)到 2.2 或以上版本了5。2.4ActionScript3.0ActionScript 的老版本（ActionScript 1.0 和 2.0）提供了創(chuàng)建效果豐富的 Web 應(yīng)用程序所需的功能和靈活性。ActionScript 3.0 現(xiàn)在為基于 Web 的應(yīng)用程序提供了更多的可能性。它進(jìn)一步增強(qiáng)了這種語言，提供了出色的性能，簡化了開發(fā)的過程，因此更適合高度復(fù)雜的 Web 應(yīng)用程序和大數(shù)據(jù)集。ActionScript 3.0 可以為以 Flash Player 為目標(biāo)的內(nèi)容和應(yīng)用程序提供高性能和開發(fā)效率6。ActionScript 3.0 符合 ECMAScript Language Specification 第三版。它還包含基于 ECMAScript Edition 4 的功能，比如類、包和名稱空間；可選的靜態(tài)類型；生成器和迭代器；以及非結(jié)構(gòu)化賦值（destructuring assignments）。隨著 Web 應(yīng)用程序項(xiàng)目需求的增長，也要求 ActionScript 引擎有重大的突破。ActionScript 3.0 引入了一個(gè)新的高度優(yōu)化的 ActionScript Virtual Machine（AVM2），與 AVM1 相比，AVM2 的性能有了顯著的提高。這使 ActionScript 3.0 代碼的執(zhí)行速度幾乎比以前的 ActionScript 代碼快了 10 倍。Flash Player 9 及以上版本中包含 AVM2（ActionScript 3.0 的腳本語言引擎），設(shè)計(jì)它的目的是提供互聯(lián)網(wǎng)應(yīng)用程序開發(fā)人員所需的性能和特性。為了向后兼容現(xiàn)有的內(nèi)容，F(xiàn)lash Player 將繼續(xù)支持 AVM17。- 12 -3. 游戲設(shè)計(jì)3.1游戲整體框架開始引導(dǎo)對話答題七道題 循環(huán)后續(xù)對話結(jié)束場景3.2故事梗概故事的主角在對生活失去希望時(shí)，想到“還不如變成貓”，被貓神聽到愿望后，將主角變成了貓。變成貓的主角十分詫異，尋找變回人的方法。得知需要與這里所有的貓打招呼并回答問題，最后喚醒貓神“七爺”。隨著游戲的推進(jìn)，通過和貓們的交流對話，主角意識(shí)到了自己之前渾噩度日是不對的，要努力工作生活，要為父母盡孝。更是找到了自己真正想做的事做游戲。最后，在主角變回人類之前，決定變回去后就開始制作有關(guān)自己這一經(jīng)歷的游戲，名字就叫變喵記。3.3角色介紹游戲中一共出現(xiàn)了九個(gè)角色，分別介紹角色設(shè)定。3.3.1 主角一個(gè)普通的大學(xué)生，即將面臨畢業(yè)，但是一來成績不好，考研失??；二來家庭出身一般，又沒有找到好工作，沒有錢；三來不善于與女孩子交往，沒有女朋友；所以被成為“三無青年”（無成績、無錢、無女友）。在變成貓之后經(jīng)歷了一天的試煉之后，明白了做人的意義，變得積極向上，為了自己的目標(biāo)而努力。3.3.2 七爺（貓神）神秘的貓，通常在外界看來是睡覺的狀態(tài)。本體是管理貓界的貓神，身體處于假寐狀態(tài)，四處神游，遇到需要想要變成貓的人類會(huì)幫助他們。在把人類變成貓之后，會(huì)給與他- 13 -們一天的試煉時(shí)間，如果想要變回人，可以通過試煉，喚醒七爺。看起來十分嚴(yán)厲，但是實(shí)際上是個(gè)熱心的好貓。3.3.3 黑白兄弟之前是一對人類兄弟，從小無父無母，四處流浪。在七爺?shù)膸椭伦兂闪素?，吃得好，玩得好，過上了無憂無慮的生活。說話比較直白，喜歡逗新來貓的玩。3.3.4 博士貓人類形態(tài)時(shí)是一位大學(xué)教授，研究數(shù)論。由于十分醉心于學(xué)術(shù)研究，覺得其他事情都太麻煩，影響思考。于是在七爺?shù)膸椭伦兂闪素?，繼續(xù)專注于數(shù)論的研究。由于之前的經(jīng)歷，說話很有老師的感覺。3.3.5 斗篷貓是個(gè)極度的“宅男”，喜歡動(dòng)畫到了癡迷的程度，為了專注于 Cosplay 和自己的幻想世界變成了貓。變成了貓之后已然每天幻想這動(dòng)畫里的情節(jié)，十分脫線。覺得變成貓也是十分炫酷的事情，并自命為“調(diào)查喵團(tuán)”團(tuán)長。3.3.6 觀天貓喜歡觀測天象，并在此方面很有研究。變成貓是為了更好的觀測天象。對于迷茫的新來貓，會(huì)開導(dǎo)他們，是個(gè)可靠的大前輩。3.3.7 肌肉貓典型的肌肉男，覺得日常生活里各種瑣碎的事情太過于復(fù)雜，影響自己的肌肉修行。在七爺?shù)膸椭伦兂韶堉竺刻於伎鞓返腻憻捈∪狻Ｉ窠?jīng)大條，十分樂觀。3.3.8 小美貓本身就是一個(gè)大美女，在自己心愛的小白貓死了之后十分傷心，想變成小白貓。變成貓后感覺自己能替小白貓活下去，于是沒有參加試煉。但是之后看到了父母的尋人啟事，明白了自己變成貓之后給父母帶去了痛苦。拜托七爺幫自己給父母托夢，告訴父母自己很好，自己還在父母身邊。現(xiàn)在每天在學(xué)術(shù)樓門口守望著當(dāng)老師的父母，在托夢之后父母也常來看小美。3.3.9 趴趴貓趴趴在人類形態(tài)時(shí)是一個(gè)癱瘓?jiān)诖驳牟∪耍谄郀數(shù)膸椭伦兂闪素堉罂梢詠淼酵饷娴氖澜?。雖然身體還是不太好，不能做太劇烈的運(yùn)動(dòng)，但是就算是趴著看看來往的人也很開心了。- 14 -4. 美術(shù)4.1美術(shù)整體游戲的美術(shù)風(fēng)格直接影響到游戲的整體氛圍，手機(jī)游戲更是以第一眼來吸引用戶。本游戲的整體氛圍是輕松、明快、幽默的，所以考慮采用 Q 版風(fēng)格。由于美工工作也由我個(gè)人來完成，所以也要按照我個(gè)人的繪圖能力來設(shè)置美術(shù)風(fēng)格。在經(jīng)過整體考量和繪圖實(shí)驗(yàn)之后，決定采用手繪風(fēng)格來完成。因此整體的美術(shù)風(fēng)格是 Q 版手繪風(fēng)格。在工具使用方面，角色和部件繪制使用 Flash，與程序部分結(jié)合方便；背景的場景圖采用 SketchUp 進(jìn)行 3D 繪制，再使用手繪風(fēng)格渲染，導(dǎo)出 jpg 格式圖片。4.2背景美術(shù)設(shè)計(jì)4.2.1 概述場景圖采用 Google SketchUp 軟件繪制。Google Sketchup 是一套直接面向設(shè)計(jì)方案創(chuàng)作過程的設(shè)計(jì)工具，其創(chuàng)作過程不僅能夠充分表達(dá)設(shè)計(jì)師的思想而且完全滿足與客戶即時(shí)交流的需要，它使得設(shè)計(jì)師可以直接在電腦上進(jìn)行十分直觀的構(gòu)思，是三維建筑設(shè)計(jì)方案創(chuàng)作的優(yōu)秀工具。Sketchup 是一個(gè)極受歡迎并且易于使用的 3D 設(shè)計(jì)軟件，官方網(wǎng)站將它比喻作電子設(shè)計(jì)中的“鉛筆”。它的主是一個(gè)極受歡迎并且易于使用的 3D 設(shè)計(jì)軟件，官方網(wǎng)站將它比喻作電子設(shè)計(jì)中的“鉛筆”。它的主要賣點(diǎn)就是使用簡便，人人都可以快速上手。并且用戶可以將使用 SketchUp 創(chuàng)建的 3D 模型直接輸出至 Google Earth 里。選擇使用 SketchUp 繪制 3D 背景圖有兩方面考慮。首先，我個(gè)人并不是專業(yè)的美工，手工的大量的背景圖繪制很難達(dá)到需求標(biāo)準(zhǔn)，3D 繪圖后能很方便的找到與前景配合的合適角度，整體輸出，具有統(tǒng)一性；其次，SketchUp 中可以使用手繪風(fēng)格渲染，與我的 Q 版手繪整體風(fēng)格非常相符。整個(gè)背景參考北京師范大學(xué)校園的教學(xué)生活區(qū)布局設(shè)置，名稱也使用了小花園、圖書館、電子樓、科技樓、操場、學(xué)術(shù)樓、四合院、主樓這些十分親切熟悉的名字。4.2.2 整體背景俯視圖- 15 -4.2.3 小花園背景圖4.2.4 圖書館背景圖4.2.5 電子樓背景圖- 16 -4.2.6 科技樓背景圖4.2.7 操場背景圖4.2.8 學(xué)術(shù)樓背景圖4.2.9 四合院背景圖- 17 -4.2.10主樓背景圖4.3角色美術(shù)設(shè)計(jì)按照美術(shù)風(fēng)格設(shè)定繪制 Q 版角色圖。繪制方式是先在紙上手繪角色原稿圖，拍照后再用 Flash 按照原稿圖拉線繪制、上色。4.3.1 手繪原稿圖NPC 角色：- 18 -主角人形（初期、后期）：主角貓型（前期、后期、表情）：- 19 -4.3.2 主角角色圖主角前期、后期人形，前期貓型：主角后期貓型（表情：正常、高興、生氣、嘆氣、傷心、驚訝）：4.3.3 黑白兄弟角色圖4.3.4 博士貓角色圖- 20 -4.3.5 斗篷貓角色圖4.3.6 觀天貓角色圖4.3.7 肌肉貓角色圖4.3.8 小美貓角色圖- 21 -4.3.9 趴趴貓角色圖4.3.10七爺角色圖4.4界面美術(shù)設(shè)計(jì)4.4.1 開始界面開始界面簡單清新為主，游戲名稱在最顯著上方，中部為角色動(dòng)畫效果，下部為“開始游戲”和“繼續(xù)游戲”按鈕，背景處云彩動(dòng)態(tài)漂浮，增加活潑氣氛。左上角設(shè)置音樂開關(guān)按鈕（后期所有場景相同位置）。字體統(tǒng)一采用采用手寫體“SNOWREN 建剛體”。- 22 -4.4.2 游戲界面游戲界面上方為背景圖片和角色、喵糧區(qū)域，角色、喵糧閃動(dòng)提示。下方為控制面板，包含“查看幫助”、“當(dāng)前狀態(tài)”、“存儲(chǔ)退出”三個(gè)按鈕。點(diǎn)擊“查看幫助”后彈出幫助面板，手繪風(fēng)格，顯示簡單幫助信息。點(diǎn)擊“當(dāng)前狀態(tài)”后彈出狀態(tài)面板，顯示喵糧個(gè)數(shù)、分?jǐn)?shù)和位置信息。點(diǎn)擊“存儲(chǔ)退出”后彈出存儲(chǔ)對話框，包含確認(rèn)和取消兩個(gè)按鍵。- 23 -4.4.3 對話界面對話界面上部為加畫框的背景圖，下部為對話內(nèi)容按鈕，點(diǎn)擊可繼續(xù)對話，中間為當(dāng)前說話角色圖。4.4.4 問題界面問題界面分為三個(gè)面板，第一個(gè)是“問題” 面板，包含問題內(nèi)容和頁面切換按鈕。左下角為聲音開關(guān)按鈕，回答正確后左上角出現(xiàn)返回按鈕。第二個(gè)是“面板”，第三個(gè)是“答案”面板，可使用喵糧開啟或在回答正確后查看。- 24 -5. 音樂5.1整體音樂概述游戲采用 Q 版畫風(fēng)，整體基調(diào)是輕松明快、幽默的，因此音樂也采用輕松明快的曲目風(fēng)格。背景音樂采用兒歌風(fēng)格的簡單曲調(diào)循環(huán)播放，效果音簡單突出。由于手機(jī)游戲?qū)?nèi)存和游戲大小的限制，音樂使用數(shù)量和大小要盡量壓縮。背景音樂只使用一首，效果音控制在 5 個(gè)以內(nèi)，每個(gè)不超過 5 秒。由于個(gè)人能力有限，美工、劇情、程序都能由我個(gè)人原創(chuàng)完成，音樂方面只能在引用現(xiàn)有材料的基礎(chǔ)上加工處理。5.2引用音樂介紹5.2.1 背景音樂背景音樂使用日本動(dòng)畫片甜甜起司貓的主題曲的伴奏，原作者伊藤真澄。5.2.2 效果音效果音共使用 5 個(gè)，包括打雷聲、按鈕聲、正確聲、錯(cuò)誤聲、轉(zhuǎn)移聲。聲音來源與 Flash CS5.5 自帶聲音庫和網(wǎng)絡(luò)音效庫。- 25 -6. 謎題6.1謎題整體概述謎題設(shè)置為小學(xué)及以上學(xué)歷能力，經(jīng)過思考或看過提示后能在 5 分鐘內(nèi)作答難度。一共七道題，涉及到圖論、數(shù)論、搜索、動(dòng)態(tài)規(guī)劃等方法思想。意圖在于開闊思路、引發(fā)對計(jì)算機(jī)程序競賽興趣。6.2謎題謎題一共七道題，分別為：1. 一筆畫問題（歐拉回路）。2. 病狗問題（數(shù)學(xué)歸納推理）。3. 五貓站位（八皇后問題簡化版，遞歸回溯方法）。4. 5=？（邏輯推理題目）。5. 早起事物順序（拓?fù)渑判騿栴}）。6. 七貓游戲（約瑟夫環(huán)問題）。7. 方格取數(shù)（動(dòng)態(tài)規(guī)劃）。每道謎題有問題、提示、答案三個(gè)頁面，具體的內(nèi)容見附錄 I（問題 1-7）。6.3題目分?jǐn)?shù)分配根據(jù)題目不同的難度，七道題有不同的分?jǐn)?shù)分配，分別為：10 分,20 分,10 分,10 分,10分,20 分,20 分，總分為 100 分。回答問題時(shí)，正確加上相應(yīng)分?jǐn)?shù)，錯(cuò)誤一次扣除加分的 1/10，最低扣至 0 分。為了防止用戶暴力試答案，通關(guān)分?jǐn)?shù)要求 60 分以上，若低于 60 分則無法進(jìn)入結(jié)局，會(huì)清零重置游戲。6.4喵糧系統(tǒng)設(shè)置喵糧系統(tǒng)，用戶可以通過點(diǎn)擊藏在不同場景里的喵糧閃動(dòng)獲取喵糧。通過使用喵糧可以獲取提示或答案，每次獲取提示消耗 1 喵糧，獲取答案消耗 5 喵糧。- 26 -7. 程序7.1整體框架7.2工程信息項(xiàng)目名稱“Miao_Android”，項(xiàng)目信息保存在“Miao_Android-app.xml”當(dāng)中（附錄 II-1）。主函數(shù)保存在“Main.as”當(dāng)中，包含引用包、公共變量和公共函數(shù)（附錄 II-2）。其他函數(shù)寫在具體調(diào)用的幀上。7.3界面程序界面包含開始界面、游戲界面、答題界面和對話界面。7.3.1 開始界面開始界面作為引導(dǎo)界面，包含不同按鈕的監(jiān)聽和對應(yīng)函數(shù)，以及一些需要的公共函數(shù)。由于 ActionScript3.0 面向?qū)ο蟮睦^承機(jī)制，影片剪輯不能直接調(diào)用外部.as 文件內(nèi)函數(shù)和變量，需要使用父場景中的函數(shù)調(diào)用，因此會(huì)有一些調(diào)用函數(shù)（附錄 II-3）。7.3.2 游戲界面游戲界面程序包含各個(gè)按鈕的監(jiān)聽和響應(yīng)時(shí)間，不同場景的程序框架相同，內(nèi)容有變化（附錄 II-4）。- 27 -操作面板為影片剪輯，包含三個(gè)按鈕的監(jiān)聽和響應(yīng)函數(shù)（附錄 II-5）。操作面板中，幫助、狀態(tài)、存儲(chǔ)詢問分別為子影片剪輯（附錄 II-6、7）。7.4問題程序問題面板主要包含各個(gè)按鈕的監(jiān)聽和與響應(yīng)、答案正確性的判斷。一共七個(gè)問題（附錄 II-8、9、10、11、12、13、14）。7.5其他程序其他程序包括音樂開關(guān)影片剪輯內(nèi)程序（附錄 II-15）、答案顯示面板影片剪輯內(nèi)部程序（附錄 II-16）、使用喵糧提示影片剪輯內(nèi)部程序（附錄 II-17）。具體程序功能見附錄中注釋內(nèi)容。- 28 -8. 成果與改進(jìn)8.1成果展現(xiàn)形式本畢業(yè)設(shè)計(jì)為 Android 游戲，成果展現(xiàn)形式分為三部分。（1）完整工程，包含 Miao_Android.fla 文件、Miao_Android.xml 文件、Main.as文件等必要文檔。（2）Android 安裝包 Miao_Android.apk 文檔以及必須的 AIR 運(yùn)行時(shí)安裝包。安裝方法是： 將 Adobe AIR.apk 和 Miao_Android.apk 拷入 Android 系統(tǒng)機(jī)器 安裝 Adobe AIR.apk（如果沒有安裝過 AIR 運(yùn)行時(shí)） 安裝 Miao_Android.apk（3）本畢業(yè)論文和答辯時(shí)使用的演示文檔。8.2程序?qū)崣C(jī)測試完成程序后，使用平板電腦進(jìn)行測試。電腦型號(hào)：acer TD070VA1系統(tǒng)版本：Android 4.2.1 Ver1.2.4測試各項(xiàng)功能正常，聲音、圖像、交互、前后臺(tái)交換正常，截圖如下：