【文章內(nèi)容簡介】 5 3 系統(tǒng)總體方案設(shè)計(jì) 需求分析 功能 需求 及 登錄 新用戶登錄游戲 ，必須先注冊(cè)用戶，用戶名及 密碼必須 為 610個(gè) 字符，若注冊(cè)的用戶名已經(jīng)存在， 則 提示已經(jīng)存在 ， 注冊(cè)失敗 。 老 用戶 用自己的用戶名及密碼登錄成功后即可開始游戲。 需求 游戲時(shí)間是有 限制 的 ，在游戲中，用戶 通過移動(dòng) 小動(dòng)物 來實(shí)現(xiàn) 消除， 消除 動(dòng)物都會(huì)有相應(yīng)的分?jǐn)?shù)， 在游戲中 ，只要找到 3個(gè)相同的小動(dòng)物就能進(jìn)行消除，但是如果你能夠同時(shí)消除 4個(gè)甚至 5個(gè)相同的動(dòng)物，當(dāng)然就會(huì)相應(yīng)獲得更高的分?jǐn)?shù) 。 游戲 剛開始為 5*5 的 圖片，當(dāng)分?jǐn)?shù)達(dá)到一定 程度 的時(shí)候，就會(huì)變成 7*7 的 布局，當(dāng)游戲繼續(xù)，分?jǐn)?shù) 更高 時(shí) ， 會(huì)變成 9*9 的 布局，是游戲 更具吸引力 。 排名 游戲結(jié)束， 跳到游戲結(jié)束界面，用戶可以看到自己本次 游戲 得分， 同時(shí) ，還 可以 查看用戶排名。 性能 需求 要求 此 App可以 在 當(dāng)前 主流 的 Android終端上穩(wěn)定、流暢 的 運(yùn)行。 系統(tǒng)設(shè)計(jì)思想 整體 設(shè)計(jì)思想 此 游戲主要分為 三大 模塊設(shè)計(jì) ， 登陸注冊(cè)模塊 、 游戲模塊 和 查看排名模塊。整體 結(jié)構(gòu) 圖如下圖 31游戲 整體結(jié)構(gòu)圖 所示 ： 圖 31 游戲 整體結(jié)構(gòu)圖 6 登錄 注冊(cè)模塊 設(shè)計(jì) 登陸注冊(cè)模塊 主要 實(shí)現(xiàn)登錄以及 注冊(cè) 功能 。 注冊(cè) 的 時(shí)候增加了一些限制， 用戶名 和密碼都必須為 610個(gè) 字符。 注冊(cè) 時(shí)候的流程圖 如下圖 32注冊(cè) 流程圖所示 。 登錄 時(shí)， 字符 也有限制，必須在 610個(gè) 字符。 登錄 的時(shí)候， 如果 用戶名存在且密碼正確，則進(jìn)去游戲，如果用戶名不存在或者密碼錯(cuò)誤則不能進(jìn)去游戲。登錄 的 流程圖如下圖 33登錄流程圖 所示 。 圖 32 注冊(cè) 流程圖 圖 33 登錄流程圖 游戲 模塊設(shè)計(jì) 用戶 登錄成功 進(jìn)去游戲 后，首先 會(huì)有 加載游戲的動(dòng)畫 ， 然后 進(jìn)入到 游戲界面 。進(jìn)入游戲 后，會(huì)有時(shí)間限制， 用戶 可以通過滑動(dòng)游戲屏幕來操作游戲，如果用戶滑動(dòng)合法，則會(huì)觸發(fā)想用的游戲位置交換特效，然后動(dòng)物閃一閃消除，上面的 小動(dòng)物 下跌下來。 當(dāng)時(shí)間到了之后， 進(jìn)入 到游戲結(jié)束界面。 用戶 游戲的流程圖如下圖 34 用戶 游戲 流程圖 所示： 7 開始滑動(dòng)事件時(shí)間到否交換圖片可消除結(jié)束消除并加分下跌Y加載動(dòng)畫NNYNY 圖 34 用戶 游戲 流程圖 查看排名模塊 設(shè)計(jì) 游戲時(shí)間 結(jié)束， 進(jìn)去 游戲結(jié)束界面，游戲 結(jié)束 界面 有 本次游戲的得分 ， 還有查看排名按鈕， 點(diǎn)擊 查看排名按鈕后， 就 會(huì)看到所有用戶的排名信息。 查看 排名 的 流程圖如下圖 35 查看 排名流程圖所示： 35 查看 排名流程圖 8 數(shù)據(jù)庫設(shè)計(jì) 數(shù)據(jù)庫表的設(shè)計(jì) 本系統(tǒng)主要由兩張表構(gòu)成 ，分別是用戶信息表 users和 用戶排名表 myAllscores， 其中用戶信息表主要存儲(chǔ)用戶注冊(cè)信息， 當(dāng) 用戶 注冊(cè) 成功時(shí)， 在用戶信息表 中就會(huì)增加相應(yīng)的用戶信息。 用戶排名表主要存儲(chǔ)局域網(wǎng)內(nèi)的 所有 用戶 的 最高分 。 數(shù)據(jù)表如表 31所示： 表 31 數(shù)據(jù)表 用戶 信息表 中 一共有兩個(gè)屬性， 用戶名 userName和密碼 passwd， 長度 限制為 10個(gè) 字符。 其中 userName為主鍵。 由于 本游戲 只需存儲(chǔ) 用戶名和密碼， 并 以此來根據(jù)用戶名實(shí)現(xiàn)排名， 對(duì)于 此游戲查看用戶信息暫時(shí)是不 需要 的，主要的還是游戲設(shè)計(jì)方面 ， 所以 不需要再增加像性別 、 年齡等屬性。 又 由于用戶名 必須 有密碼， 所以 密碼屬性也不能為空， 且 用戶信息表 如下表 32所示 ： 表 32 用戶 信息 表 序號(hào) 字段名 字段說明 類型 長度 NULL 1 userName 用戶名 char 10 NOT 2 passwd 密碼 char 10 NOT 用戶排名 表 也是 包括兩個(gè)屬性， 一個(gè) 用戶名 userName和 一個(gè)得分 score， 兩者 都不能為空 。 這張表 中只存儲(chǔ)用戶的最高分，也就是說如果用戶 如果 之前最高分為 200， 用戶又玩了一次游戲，而且本次得分 160，比較本次 成績和服務(wù)器上 存儲(chǔ) 的最高分，發(fā)現(xiàn)低于服務(wù)器上的存儲(chǔ)的最高分，所以不去更新服務(wù)器上的分?jǐn)?shù)。如果 本次 成績 300分 ，則會(huì)去更新數(shù)據(jù)庫中的分?jǐn)?shù)。 用戶排名 表 如下表 33所示 ： 序號(hào) 名 稱 用途與約束 1 users 用戶信息表 2 myAllscores 用戶 排名表 9 表 33 用戶 信息 表 序號(hào) 字段名 字段說明 類型 長度 NULL 1 userName 用戶名 char 10 NOT 2 score 得分 int NOT 10 4 系統(tǒng)詳細(xì)設(shè)計(jì) 游戲界面設(shè)計(jì) 注冊(cè)與登錄界面 進(jìn)入到注冊(cè)界面的時(shí)候，輸入你想 注冊(cè)的 用戶 名 ，如果 不填，直接點(diǎn)擊提交 的 話，系統(tǒng) 就 會(huì)提示 你 信息 不全 ，請(qǐng)?zhí)顚懲暾?；如果 填入信息長度不在 610個(gè) 字符之內(nèi)，則會(huì)提示長度不對(duì)，請(qǐng)重新輸入，并且 清除 editView里面 的內(nèi)容 ；如果該 用戶名 已經(jīng)被 別人 注冊(cè)過了，系統(tǒng)會(huì)提示你用戶名 已經(jīng)存在， 并且清除 editView里面 的內(nèi)容 ，你需要重新輸入。當(dāng)填寫信息完成后，點(diǎn)擊提交 按鈕 ，用戶填寫 的 注冊(cè)信息就會(huì)發(fā)送 到 服務(wù)器 ，然后服務(wù)器把用戶信息 存到數(shù)據(jù)庫中。 用戶注冊(cè) 界面如 下 圖 41注冊(cè)界面、 42 注冊(cè) 字符長度 不對(duì)、 43用戶名 已存在、 44注冊(cè) 成功 所示。 圖 41 注冊(cè)界面 圖 42 注冊(cè) 字符長度 不對(duì) 圖 43 用戶名 已存在 圖 44 注冊(cè) 成功 在登錄界面下輸入 你的 用戶名和 對(duì)應(yīng) 的密碼，這 兩個(gè)信息 室登錄必備信息，若為空系統(tǒng) 會(huì)提示 信息 不全， 用戶名 和密碼填寫完整后點(diǎn)擊 “登錄 ”按鈕， 就 會(huì) 將 用戶提交的信息 11 發(fā)到服務(wù)器端，服務(wù)器再將用戶信息 和 數(shù)據(jù)庫中 存儲(chǔ) 的信息進(jìn)行對(duì)比， 若 存在相應(yīng)的用戶，且密碼輸入正確，則進(jìn)入游戲，若用戶名不存在，或者用戶名存在但密碼輸入不正確， 則 登錄不上游戲，且服務(wù)器會(huì)給出相應(yīng)的錯(cuò)誤提醒 ； 若用戶名或密碼字符長度不在 610字符 之內(nèi)，則系統(tǒng)提示字符長度不對(duì)，無法登陸游戲。 登錄界面 下 圖 45登陸界面、 46密碼 不正確所示： 圖 45 登陸界面 圖 46 密碼 不正確 游戲 界面 當(dāng)用戶 輸入正確用戶名和密碼之后，用戶 就會(huì) 進(jìn)入游戲界面。游戲界面 主要 分為 兩大 界面。第 一 個(gè)界面就是一個(gè)進(jìn)入游戲的動(dòng)畫，類似緩沖效果的界面；第二個(gè)界面就是正式開始游戲 的 界面，這個(gè)界面主要 有 兩 部分 構(gòu)成，第一部分 是計(jì)分 部分，隨著 用戶玩游戲，分?jǐn)?shù)會(huì)相應(yīng)的增加 。 第二部分 為 游戲的 主要 界面，也就是 有 7*7個(gè)小動(dòng)物的 界面，用戶可以滑動(dòng)每個(gè)小動(dòng)物，來 消除 小動(dòng)物。 進(jìn)入 游戲的 動(dòng)畫 如下圖 47加載游戲 界面 所示，游戲 主界面如下圖 48所示： 12 圖 47 加載 游戲 界面 圖 48 游戲 主界面 排名 界面 當(dāng)游戲 結(jié)束， 就會(huì) 跳至游戲結(jié)束界面， 并且 用戶可以看到本局游戲 的 得分 。游戲 結(jié)束界面 有 兩個(gè)按鈕，一個(gè)按鈕為再來一局，還有一個(gè)按鈕為查看排名 。 點(diǎn)擊再來一局，就會(huì) 再 開始一局游戲，而點(diǎn)擊查看排名按鈕，就會(huì) 看到 局域網(wǎng)內(nèi)所有玩這個(gè)游戲的用戶的排名 。游戲結(jié)束界面 如下圖 49所示， 查看排名界面如下圖 410所示 ： 49 游戲 結(jié)束界面 410 查看排名界面 客戶端游戲 詳細(xì) 設(shè)計(jì) 游戲框架 本游戲是 基于 OpenGL ES技術(shù)實(shí)現(xiàn) 的， 游戲 框架并不是 很難 ， 最主要部分 是 一個(gè)activity，一個(gè)渲染 視圖 和 若干個(gè) 渲染 類 對(duì)象。 游戲一共 有五個(gè)包，其中在 中存放的是登陸 、 注冊(cè) 、 排名界面 、渲染視圖、 渲染類 和 一個(gè) 常量 類 ；在 13 中 存放 的是 一些 控制類，如 交換控制類 、 游戲 加載控制類 等；在 的是一個(gè)控制中心類， 也就是核心控制類 ，將控制畫面的所有動(dòng)作 。除此之外 ，還存放 著 一個(gè) 分?jǐn)?shù) 控制類 ， 來控制分?jǐn)?shù)的多少；在 中，存放的是 畫圖 類，如畫動(dòng)物的類，畫交換 動(dòng)物 的類， 畫 分?jǐn)?shù)，畫加載動(dòng)畫等； 還有一個(gè) 包就是 ，在這個(gè)包中 ， 只有一個(gè)類，就是 用戶 與 游戲 的交互， 即一個(gè) 觸摸 滑動(dòng)事件 ，也就是 判斷 用戶 滑動(dòng) 動(dòng)物的行為。 加載 游戲 動(dòng)畫設(shè)計(jì) 實(shí)現(xiàn) 游戲 加載 動(dòng)畫的原理 還是 不難的 ， 由于 人眼總是會(huì)有視覺暫 留 效果，所以如果將 很多 幅相近并且連貫的圖片連續(xù) 并且快速 的播放 ，這樣 在人眼看來，就是一個(gè) 連續(xù) 的動(dòng)作，也就是 動(dòng)畫 。 在 Android中 ，如果 需要 實(shí)現(xiàn) 播放 動(dòng)畫效果 的 時(shí)候 ，可以 通過循環(huán)調(diào)用 系統(tǒng)方法， 也可以 通過調(diào)用 OpenGL ES中的 onDrawFrame方法。本 游戲采用的是 OpenGL ES方法。 想要 實(shí)現(xiàn)動(dòng)畫效果， 就是實(shí)現(xiàn) 的方法，最重要的 就是 onDrawFrame方法 ，這個(gè)方法大體的原理是 可以開起一個(gè)線程，在這個(gè)線程中 會(huì)一致 調(diào)用 一個(gè) onDrawFrame的方法 ， 這樣 就能 實(shí)現(xiàn)動(dòng)畫效果。因此onDrawFrame的主要作用就是將不同的圖片顯示出來就可以了。這里 我們用 十張 相近 的 圖片 來 顯示動(dòng)畫效果 。 當(dāng)用戶登錄成功 并 開始游戲后， 在 onSurfaceCreated()方法 中 ，通 initTexture(gl)初始化圖片素材，也就是 通過一個(gè) for循環(huán)，循環(huán) 10次 來加載 10張 圖片素材，這些圖片素材放在一個(gè)數(shù)組中 。 即 loadingTextureId[i] = initTexture(gl, + i)。還有CrazyLinkGLSurfaceView這個(gè)類會(huì) 開啟一個(gè)線程，在這個(gè) 線程中 ， 通過 ControlCenter中的畫圖對(duì)象的控制類來控制 所 畫圖的位置、 圖 片 等參數(shù)。在 onSurfaceCreated()方法 中， 通過=， (msg)，來啟動(dòng)畫加載 動(dòng)畫。 由于它 的控制類CtlLoading中 的 run方法中有一個(gè)語句 mPicId++， 由通過 getPicId()提供給 DrawLoading畫圖類 的 draw方法中 的 (,textureId[()])調(diào)用 ，由此來實(shí)現(xiàn)畫不同的圖片的 效果。實(shí)現(xiàn)加載 動(dòng)畫的 部分 圖片 如下圖 411 圖， 412圖 ： 14 圖 411 圖 412 游戲觸屏 滑動(dòng) 設(shè)計(jì) 對(duì)于 游戲中觸屏滑動(dòng)，我們 在 ScreenTouch 類 來 設(shè)計(jì) ， 如果 用戶是符合條件的觸摸 滑動(dòng) 事件 ， 就會(huì) 以 消息的 形式 通知 ControlCenter類 來 做出 相應(yīng)的 響應(yīng) 。 也就是 在 可以 寫一個(gè) onTouchEvent()方法，在 這個(gè) 方法中， 調(diào)用 ScreenTouch類 中的Touch(MotionEvent e)方法 ， 將 MotionEvent e參數(shù) 傳進(jìn)去。這樣游戲 的 觸屏 滑動(dòng)設(shè)計(jì)就是在 ScreenTouch類 中實(shí)現(xiàn)的了。 在 ScreenTouch類 中， 我 們通過一個(gè) switch語句，來獲取這個(gè) e的動(dòng)作，在 獲取 為 時(shí)候，也就是用戶按 下 屏幕的時(shí)候來獲取這個(gè)時(shí)候的坐標(biāo) ，然后 通過 獲取 用戶 的 滑動(dòng)