Fisher King

崑 山 科 技 大 學 電 腦 與 通 訊 系 四 技 部 專 題 製 作 計 畫 書 釣 魚 王 (Fisher King) 學 生 : 郭 岳 岷 (4970D025) 陳 冠 名 (4970D054) 楊 劼 縉 (4970D028) 謝 嘉 維 (4970D067) 指 導 老 師 : 劉 崇 汎 中 華 民 國 一 0 一 年 四 月

摘 要 現 在 的 遊 戲 玩 法 越 來 越 豐 富 多 元, 不 管 是 在 電 腦 主 機 上, 主 流 的 家 用 主 機 上, 或 者 是 最 近 異 軍 突 起 的 觸 控 式 手 機 上 面, 都 有 其 特 別 的 遊 戲 玩 法 和 喜 歡 的 玩 家 因 此, 本 專 題 透 過 Wi-Fi 的 資 料 傳 輸 方 式, 將 觸 控 式 手 機 與 電 腦 透 過 無 線 網 路 做 連 結 以 達 到 遊 戲 的 動 作, 在 此 連 接 的 方 式 下, 玩 家 將 不 再 因 為 硬 體 方 面 的 侷 限 抑 或 空 間 上 的 限 制 即 可 享 受 到 有 如 真 實 互 動 式 遊 戲 的 體 驗 i

誌 謝 在 剛 開 始 跟 老 師 討 論 要 製 作 這 個 專 題 的 時 候, 老 師 有 跟 我 們 提 到 過, 因 為 我 們 這 個 題 目 所 需 要 的 技 術 範 圍 有 些 大, 有 的 人 要 負 責 手 機 上 的 Android 部 分, 有 的 人 要 負 責 電 腦 上 的 XNA, 有 的 人 要 負 責 兩 邊 通 訊 的 Socket, 所 以 在 剛 開 始 系 上 的 專 題 報 告 中 很 多 老 師 也 很 擔 心 我 們 的 專 題 做 不 出 來, 尤 其 是 在 手 機 和 電 腦 之 間 資 料 的 資 料 通 訊 起 初 我 也 很 擔 心 我 們 的 組 員 會 因 為 這 樣 而 變 得 無 心 去 做 這 個 專 題, 但 在 製 作 的 過 程 中 我 發 現 到, 其 實 他 們 都 很 用 心 且 主 動 的 在 學 習 和 製 作 這 個 專 題, 讓 我 放 下 心 中 的 憂 慮 過 程 中 非 常 謝 謝 老 師 和 學 長 的 指 導, 每 個 禮 拜 的 meeting 都 花 了 很 多 時 間 在 解 答 我 們 不 懂 得 地 方 和 給 我 們 一 個 明 確 的 目 標, 也 要 謝 謝 班 上 的 同 學 在 我 們 遇 到 有 問 題 點 的 時 候 都 會 幫 我 們 一 起 想 辦 法 解 決 和 克 服, 最 後 最 要 謝 謝 的 是 我 們 組 別 的 每 個 組 員, 製 作 的 過 程 中 遇 到 了 很 多 困 難 和 問 題, 但 你 們 總 會 想 辦 法 去 解 決, 讓 我 感 到 非 常 的 放 心 和 欣 慰, 大 家 從 剛 開 始 什 麼 都 不 會, 到 現 在 專 題 終 於 製 作 出 來 了, 這 個 專 題 的 背 後 最 大 的 功 臣 非 你 們 莫 屬 了, 謝 謝! ii

目 錄 目 錄 摘 要...i 誌 謝... ii 第 一 章 緒 論... 1 1.1 前 言... 1 1.2 研 究 動 機 與 目 的... 2 第 二 章 相 關 研 究... 3 2.1 目 前 相 關 遊 戲 介 紹... 3 2.1.1 手 機 釣 魚 遊 戲... 3 2.1.2 桌 機 釣 魚 遊 戲... 13 2.2 開 發 程 式 介 紹... 16 2.2.1 XNA 介 紹... 16 2.2.2Android 介 紹... 18 第 三 章 遊 戲 系 統... 20 3.1 遊 戲 系 統 架 構 與 設 計... 20 3.2.1 硬 體 規 格 需 求 介 紹... 21 iii

3.3 遊 戲 操 作 方 法... 23 3.3.1 電 腦 魚 缸 互 動 介 面... 23 3.3.2 手 機 釣 竿 互 動 介 面... 24 3.3.3 魚 缸 與 魚 竿 之 間 訊 息 的 傳 遞... 29 3.4 遊 戲 特 色 介 紹... 31 3.4.1 互 動 式 的 遊 戲 玩 法... 31 3.4.2 擬 真 釣 魚 遊 戲 畫 面... 31 3.5 程 式 架 構... 32 3.5.1 手 機 端 程 式 架 構... 32 3.5.2 電 腦 端 程 式 架 構... 33 第 四 章 結 論 與 建 議... 36 第 五 章 心 得... 37 參 考 文 獻... 38 iv

圖 目 錄 圖 1 3D 大 型 釣 魚 運 動 - 遊 戲 風 景 畫... 4 圖 2 3D 大 型 釣 魚 運 動 (a) 甩 竿 出 去 的 畫 面 (b) 魚 上 鉤 後 收 線 的 畫 面... 4 圖 3 3D 大 型 釣 魚 運 動 - 可 供 玩 家 購 買 的 魚 餌... 5 圖 4 Big Fish- 遊 戲 登 入 畫 面... 6 圖 5 Big Fish- 地 圖 關 卡 選 擇... 7 圖 6 Big Fish- 遊 戲 下 竿 畫 面... 7 圖 7 Big Fish- 拉 竿 動 作... 8 圖 8 Big Fish(a) 向 左 翻 (b) 向 右 翻... 9 圖 9 Big Fish- 成 功 釣 上 魚 的 畫 面... 9 圖 10 Big Fish- 釣 上 魚 種 的 資 料... 10 圖 11 ifishing(a) 遊 戲 登 入 畫 面 (b) 遊 艇 遊 戲 畫 面... 11 圖 12 ifishing(a) 釣 魚 遊 戲 畫 面 (b) 釣 魚 畫 面... 12 圖 13 ifishing- 魚 種 記 錄... 13 圖 14 北 極 熊 釣 魚 - 遊 戲 畫 面... 14 圖 15 北 極 熊 釣 魚 - 魚 上 鉤 的 圖... 15 圖 16 北 極 熊 釣 魚 - 遊 戲 結 束 畫 面... 15 圖 17 一 個 XNA 遊 戲 的 生 命 週 期... 17 v

圖 18 釣 魚 王 - 魚 缸 遊 戲 畫 面... 23 圖 19 釣 魚 王 - 電 腦 魚 缸 系 統 流 程 圖... 24 圖 20 釣 魚 王 -(a) 遊 戲 登 入 畫 面 (b)ip 設 定 畫 面... 25 圖 21 釣 魚 王 - 遊 戲 操 作 界 面... 25 圖 22 釣 魚 王 (a) 黃 三 角 吊 圖 片 (b) 大 西 洋 紫 藍 圖 片... 26 圖 23 釣 魚 王 (a) 火 焰 吊 圖 片 (b) 黃 尾 小 丑 魚 圖 片... 27 圖 24 釣 魚 王 手 機 釣 竿 系 統 流 程 圖... 28 圖 25 釣 魚 王 - 魚 缸 與 魚 竿 之 間 訊 息 的 傳 遞 流 程 圖... 29 圖 26 電 腦 程 式 系 統 架 構 圖... 34 圖 27 手 機 程 式 系 統 架 構 圖... 35 vi

第 一 章 緒 論 1.1 前 言 自 從 電 腦 普 及 後, 遊 戲 產 業 的 競 爭 也 一 舉 從 家 用 主 機 橫 跨 到 家 用 電 腦 上 面, 各 家 遊 戲 公 司 的 遊 戲 內 容 更 猶 如 戰 國 時 代 般 百 家 爭 鳴 隨 著 2006 年, 日 本 任 天 堂 遊 戲 公 司 推 出 次 世 代 遊 戲 主 機 Wii 憑 藉 著 獨 特 的 多 重 感 應 器 以 及 網 路 功 能, 顛 覆 了 傳 統 的 遊 戲 玩 法, 更 讓 此 種 遊 戲 方 式 成 為 現 在 主 流 趨 勢 雖 然 Wii 的 出 現 帶 來 了 全 新 的 遊 戲 型 態, 不 過 遊 戲 主 機 本 身 不 管 是 在 價 位 上 實 用 性 抑 或 移 動 性 上 都 還 有 令 人 詬 病 的 地 方, 因 此 開 發 出 一 套 能 夠 兼 具 Wii 遊 戲 的 玩 法, 移 動 的 方 便, 實 用 度 的 提 升 以 及 價 錢 上 的 親 民, 成 為 我 們 這 次 專 題 主 要 目 的 1

1.2 研 究 動 機 與 目 的 自 從 Wii 遊 戲 主 機 問 世 後, 主 要 的 家 用 遊 戲 主 機 廠 商 紛 紛 推 出 自 家 的 次 世 代 遊 戲 主 機 來 因 應 潮 流, 各 家 的 主 機 廠 的 遊 戲 感 應 方 式 也 都 有 所 不 同, 遊 戲 內 容 也 不 盡 相 同, 不 過 各 家 遊 戲 主 機 的 共 通 點 就 是 主 機 價 格 昂 貴, 主 機 的 實 用 性 不 高, 無 法 隨 身 攜 帶 的 移 動 性, 因 此 我 們 想 利 用 這 次 的 專 題 來 改 善 這 些 的 問 題 電 腦 的 高 實 用 性 和 擴 充 的 方 便 性 讓 電 腦 早 已 成 為 不 可 或 缺 的 3C 產 品, 觸 控 式 智 慧 型 手 機 的 市 占 率 逐 年 提 升 且 不 需 要 昂 貴 的 價 格 就 能 擁 有, 無 線 網 路 的 普 及 帶 來 無 限 的 方 便 性, 不 論 走 到 哪 邊 都 能 夠 自 由 上 網 所 以 我 們 專 題 結 合 了 以 上 提 到 的 各 種 優 點, 將 電 腦 當 作 遊 戲 的 主 機, 手 機 當 作 遊 戲 的 手 把, 透 過 無 線 網 路 的 連 結 完 成 最 後 遊 戲 的 成 果 2

第 二 章 相 關 研 究 2.1 目 前 相 關 遊 戲 介 紹 市 面 上 的 釣 魚 遊 戲 玩 法 和 種 類 繁 多, 有 的 是 利 用 觸 控 式 手 機 的 觸 控 面 板 和 內 部 的 G Sensor 模 擬 真 實 釣 魚 情 境 的 遊 戲, 有 的 是 利 用 類 似 用 網 撈 魚 來 計 分 的 小 遊 戲 等 諸 如 此 類 的 遊 戲, 我 們 在 製 作 這 款 遊 戲 的 過 程 中 也 參 考 了 多 款 釣 魚 遊 戲 的 玩 法, 並 從 中 找 出 其 特 色 來 加 入 到 我 們 的 遊 戲 中, 以 下 一 一 介 紹 這 些 遊 戲 2.1.1 手 機 釣 魚 遊 戲 A.3D 大 型 釣 魚 運 動 精 簡 版 (Big Sport Fishing 3D Lite)[4] 這 款 Big Sport Fishing 3D Lite 是 一 款 標 準 的 利 用 觸 控 式 手 機 的 觸 控 面 板 和 手 機 的 G Sensor 做 結 合 達 到 模 擬 真 實 釣 魚 情 境 的 遊 戲 這 個 遊 戲 的 特 點 : 1. 遊 戲 的 風 景 畫 面 會 隨 著 手 機 的 左 右 移 動 而 有 不 同 的 景 象 產 生, 讓 玩 家 有 一 種 站 在 海 邊 觀 看 風 景 的 感 覺 ( 圖 1) 3

(a) (b) 圖 1 3D 大 型 釣 魚 運 動 - 遊 戲 風 景 畫 2. 甩 竿 的 方 式 是 利 用 手 機 上 G Sensor 的 感 應 將 手 機 往 外 甩 來 模 擬 拋 竿 的 動 作 ( 圖 2(a)) (a) (b) 圖 2 3D 大 型 釣 魚 運 動 (a) 甩 竿 出 去 的 畫 面 (b) 魚 上 鉤 後 收 線 的 畫 面 4

3. 當 魚 上 鉤 後 要 連 續 甩 動 手 機 直 到 上 面 的 計 量 表 變 成 綠 色 來 模 擬 釣 魚 的 時 候 魚 會 掙 扎 逃 走 的 動 作, 並 且 利 用 觸 控 面 板 來 轉 動 釣 竿 來 模 擬 收 線 時 候 的 動 作 ( 圖 2(b)) 4. 遊 戲 還 有 提 供 各 種 不 同 的 魚 餌 可 以 讓 玩 家 購 買, 當 玩 家 每 釣 上 一 隻 魚 後 都 會 有 獎 勵 的 金 錢, 這 些 金 錢 就 可 以 讓 玩 家 來 購 買 自 己 想 要 的 東 西 ( 圖 3) 圖 3 3D 大 型 釣 魚 運 動 - 可 供 玩 家 購 買 的 魚 餌 5

B.Big Big Fish [5] 這 款 Big Fish 是 一 款 在 Apple IOS 上 的 一 款 釣 魚 遊 戲, 這 款 遊 戲 一 開 始 可 以 選 擇 你 的 代 表 人 物, 人 物 設 定 完 成 後 接 著 玩 家 可 以 選 擇 雄 或 者 女 獵 人 來 擔 任 玩 家 在 遊 戲 裡 的 教 學 小 老 師 圖 4 Big Fish- 遊 戲 登 入 畫 面 接 著 進 入 遊 戲 後 玩 家 可 以 選 擇 自 己 想 要 開 始 的 釣 魚 地 圖, 而 遊 戲 也 很 貼 心 的 提 供 新 手 教 學 的 關 卡 ( 圖 5) 6

圖 5 Big Fish- 地 圖 關 卡 選 擇 選 擇 的 地 圖 完 後 就 可 以 進 入 遊 戲 畫 面, 玩 家 要 選 擇 想 要 下 竿 的 地 點 ( 圖 6), 並 且 把 手 機 往 前 面 晃 一 下, 魚 竿 才 會 被 拋 出 去 圖 6 Big Fish- 遊 戲 下 竿 畫 面 7

接 著 當 魚 咬 鉤 後 玩 家 需 要 再 把 手 機 往 自 己 方 向 甩 一 下 代 表 要 拉 竿 圖 7 Big Fish- 拉 竿 動 作 接 下 來 就 是 遊 戲 最 大 的 特 點, 此 時 咬 鉤 的 魚 並 不 會 乖 乖 的 讓 你 拉 上 來, 而 是 它 會 左 右 亂 竄 ( 如 圖 8(a)(b)), 這 時 候 玩 家 就 要 把 手 機 一 邊 隨 著 魚 的 游 動 發 向 跟 著 旋 轉, 一 邊 也 要 做 收 線 的 動 作, 收 線 時 也 不 能 太 大 力 一 直 轉, 要 不 然 魚 也 會 跑 掉 8

a b 圖 8 Big Fish(a) 向 左 翻 (b) 向 右 翻 順 利 釣 上 魚 後, 玩 家 的 角 色 會 顯 示 一 個 勝 利 姿 勢 ( 圖 9), 並 且 會 顯 示 釣 上 來 的 魚 種 資 料 ( 圖 10) 圖 9 Big Fish- 成 功 釣 上 魚 的 畫 面 9

圖 10 Big Fish- 釣 上 魚 種 的 資 料 C.iFishing [6] 這 款 ifinshing 是 一 款 在 Android 手 機 作 業 系 統 上 的 一 款 遊 戲 ( 圖 11(a)), 這 款 遊 戲 的 選 擇 釣 魚 魚 點 的 方 式 和 其 它 款 遊 戲 很 不 一 樣, 畫 面 上 的 表 現 也 屬 於 比 較 擬 真 10

a b 圖 11 ifishing(a) 遊 戲 登 入 畫 面 (b) 遊 艇 遊 戲 畫 面 這 款 遊 戲 選 擇 魚 點 和 其 他 遊 戲 最 大 的 不 同 地 方 就 是 你 可 以 開 著 遊 艇 到 你 想 要 的 地 點 釣 魚 ( 圖 11(b)), 另 外 你 可 以 參 考 遊 艇 上 面 的 魚 量 偵 測 機 所 提 供 的 資 料 來 作 為 魚 點 的 選 擇 參 考 另 外 這 款 遊 戲 的 釣 魚 畫 面 屬 於 真 實 的 風 格, 所 以 會 讓 玩 家 有 一 種 置 身 於 船 上 釣 魚 的 感 覺 ( 圖 12(a)) 11

a b 圖 12 ifishing(a) 釣 魚 遊 戲 畫 面 (b) 釣 魚 畫 面 這 款 遊 戲 另 一 個 特 別 的 地 方 是, 當 魚 上 鉤 後 有 收 線 的 方 式 有 別 於 其 它 款 遊 戲, 當 魚 咬 鉤 後 玩 家 首 先 要 把 手 機 往 自 己 方 向 甩 一 下, 接 著 要 按 位 在 下 方 的 魚 竿 量 表 收 線, 按 的 時 機 時 間 長 短 和 大 小 力 都 會 影 響 到 魚 能 不 能 順 利 釣 起 ( 圖 12(b)) 另 外 這 個 遊 戲 也 有 提 供 釣 魚 紀 錄, 可 以 記 錄 之 前 所 釣 過 的 魚 類 和 魚 種 資 料 ( 圖 13) 12

圖 13 ifishing- 魚 種 記 錄 2.1.2 桌 機 釣 魚 遊 戲 A. 北 極 熊 釣 魚 [7] 這 一 款 北 極 熊 釣 魚 遊 戲 是 一 款 很 簡 單 的 小 品 網 頁 遊 戲, 遊 戲 的 大 綱 是 在 說 有 一 隻 北 極 熊 的 肚 子 餓 了, 然 後 在 想 要 在 結 冰 的 河 面 上 釣 魚 來 吃, 於 是 玩 家 就 要 扮 演 這 隻 北 極 雄 在 冰 天 雪 地 的 冰 河 上 釣 魚 13

圖 14 北 極 熊 釣 魚 - 遊 戲 畫 面 這 款 遊 戲 的 玩 法 很 簡 單 基 本 上 是 使 用 滑 鼠 玩, 玩 的 時 候 玩 家 只 要 把 滑 鼠 按 著 魚 鉤 並 往 下 拉 就 可 以 讓 魚 鉤 進 到 水 裡 面, 魚 鉤 剛 進 入 水 裡 面 的 時 候 魚 都 會 被 嚇 跑, 不 過 只 要 等 待 魚 重 新 游 過 來 就 好, 魚 鉤 在 水 裡 的 移 動 速 度 也 不 能 夠 太 快, 要 不 然 會 嚇 走 魚, 所 以 鼠 標 滑 行 的 數 度 要 相 當 的 慢 才 行, 當 魚 上 鉤 的 時 候 要 馬 上 放 開 滑 鼠 的 左 鍵 讓 魚 被 被 釣 起 來, 要 不 然 魚 會 跑 走 魚 的 大 小 隻 也 會 攸 關 北 極 熊 的 飽 感 度, 魚 越 大 隻 飽 感 度 越 高, 積 分 的 分 數 也 會 越 高, 當 飽 感 度 降 到 0 的 時 候 遊 戲 就 會 結 束 14

圖 15 北 極 熊 釣 魚 - 魚 上 鉤 的 圖 圖 16 北 極 熊 釣 魚 - 遊 戲 結 束 畫 面 15

2.2 開 發 程 式 介 紹 2.2.1 XNA 介 紹 XNA Game Studio 是 一 個 整 合 式 的 遊 戲 開 發 環 境, 能 夠 支 援 程 式 設 計 師 使 用 C# 程 式 語 言, 搭 配 其 提 供 的 工 具 和 類 別 庫 設 計 遊 戲 程 式, Microsoft 推 出 的 XNA Game Studio 3.0 版 不 但 能 夠 與 包 括 Visual Studio 2008 Express 版 在 內 的 任 何 Visual Studio 2008 版 本 整 合, 以 進 行 設 計 遊 戲 的 工 作, 同 時 也 加 入 了 對 Microsoft Zune 數 位 播 放 器 的 支 援, 讓 程 式 設 計 師 設 計 好 的 遊 戲 程 式 可 以 部 署 到 Zune 裝 置 上 執 行 除 此 之 外,XNA Game Studio 3.0 版 是 第 一 個 提 供 Xbox Live 社 群 支 援 的 版 本, 也 是 第 一 個 支 援 C# 3.0 和 LINQ 語 法 的 版 本, 允 許 程 式 設 計 師 利 用 XNA Game Studio 3.0 為 所 開 發 的 遊 戲 程 式 加 入 試 用 版 的 功 能, 以 及 利 用 Xbox LIVE 服 務 開 發 多 人 線 上 遊 戲 16

圖 17 一 個 XNA 遊 戲 的 生 命 週 期 由 圖 17 顯 示 一 個 XNA 主 要 藉 由 Update 與 Draw 兩 種 方 法 來 完 整 的 形 成 一 個 遊 戲 迴 圈 Update 方 法 : 中 檢 查 與 調 整 遊 戲 變 化, 修 改 各 種 遊 戲 狀 態 更 新 遊 戲 裡 的 一 切 事 物 Draw 方 法 : 是 將 所 有 物 件 納 入 遊 戲 中, 使 這 些 物 件 運 用 圖 形 裝 置 繪 製 到 畫 面 上 17

2.2.2Android 介 紹 Android 是 一 個 以 Linux 為 基 礎 的 半 開 放 原 始 碼 作 業 系 統, 主 要 用 於 行 動 設 備 Android 的 內 核 基 於 Linux, 除 了 內 核 之 外, 則 是 中 介 層 資 料 庫 元 和 用 C/C++ 編 寫 的 API 以 及 應 用 程 式 框 架 Android 的 應 用 程 序 通 常 以 Java 資 料 庫 元 為 基 礎 編 寫,Java 是 一 種 電 腦 程 式 設 計 語 言, 擁 有 跨 平 台 物 件 導 向 泛 型 程 式 設 計 的 特 性 Java 程 式 語 言 的 風 格 十 分 接 近 C++ 語 言 繼 承 了 C++ 語 言 物 件 導 向 技 術 的 核 心,Java 捨 棄 了 C++ 語 言 中 容 易 引 起 錯 誤 的 指 標, 改 以 參 照 取 代, 同 時 移 除 原 C++ 與 原 來 運 算 子 多 载, 也 移 除 多 重 繼 承 特 性, 改 用 介 面 取 代, 增 加 垃 圾 回 收 器 功 能 Java 不 同 於 一 般 的 編 譯 語 言 和 直 譯 語 言 它 首 先 將 原 始 碼 編 譯 成 位 元 組 碼 (bytecode), 然 後 依 賴 各 種 不 同 平 台 上 的 虛 擬 機 來 解 釋 執 行 位 元 組 碼, 從 而 實 現 了 一 次 編 譯 到 處 執 行 的 跨 平 台 特 性 運 行 程 序 時, 應 用 程 式 的 代 碼 會 被 即 時 轉 變 為 Dalvik dex-code (Dalvik Executable), 然 後 Android 操 作 系 統 通 過 使 用 即 時 編 譯 的 Dalvik 虛 擬 機 來 將 其 運 行 Android 以 Linux 為 核 心 的 Android 行 動 平 台, 使 用 Java 作 為 程 式 語 言, 使 介 面 到 功 能, 都 有 層 出 不 窮 的 變 化, 其 中 Activity 等 同 於 J2ME 的 MIDlet, 一 個 Activity 類 別 負 責 建 18

立 視 窗, 一 個 活 動 中 的 Activity 就 是 在 foreground( 前 景 ) 模 式, 背 景 執 行 的 程 序 叫 做 Service 兩 者 之 間 透 過 由 ServiceConnection 和 AIDL 連 結, 達 到 複 數 程 序 同 時 執 行 的 效 果 如 果 執 行 中 的 Activity 全 部 畫 面 被 其 他 Activity 取 代 時, 該 Activity 便 被 停 止, 甚 至 被 系 統 清 除 由 於 Android 操 作 系 統 的 開 放 性 和 可 移 植 性, 它 可 以 被 用 在 大 部 分 電 子 產 品 上 包 括 : 手 機, 上 網 本, 平 板 電 腦, 個 人 電 腦, 筆 記 本 電 腦, 電 視, 機 頂 盒,MP3,MP4, 掌 上 遊 戲 機, 家 用 主 機, 電 子 手 錶, 電 子 收 音 機, 耳 機, 汽 車 設 備, 導 航 儀,CD 機,VCD 機,DVD 機, 機 頂 盒 以 及 其 他 設 備 19

第 三 章 遊 戲 系 統 3.1 遊 戲 系 統 架 構 與 設 計 本 遊 戲 架 構 主 要 利 用 Wi-Fi 網 路 連 接 電 腦 與 手 機 達 成 多 媒 體 互 動 式 的 遊 戲 本 專 題 是 採 用 Wi-Fi 無 線 網 路 作 為 手 電 腦 端 和 手 機 端 連 接 的 方 式 Wi-Fi 是 一 個 建 立 於 IEEE 802.11 標 準 的 無 線 區 域 網 路 (WLAN) 設 備 隨 Wi-Fi 無 線 網 路 成 為 主 流 上 網 方 式 後, 無 線 網 路 的 熱 點 也 越 來 越 普 及, 且 架 設 無 線 網 路 步 驟 簡 單, 一 般 家 庭 也 可 以 裝 設, 所 以 我 們 利 用 它 的 方 便 性 來 連 結 電 腦 與 手 機 Wi-Fi 功 能 的 設 備 : 如 個 人 電 腦, 遊 戲 機, 智 能 手 機 或 數 字 音 頻 播 放 器 可 以 從 範 圍 內 的 無 線 網 路 連 接 到 網 路 電 腦 方 面 考 量 到 微 軟 Window XP 作 業 系 統 方 便 取 得, 資 源 較 多 設 計 平 台 採 用 XNA, 它 是 微 軟 推 薦 的 免 費 設 計 軟 體, 開 發 快 速 容 易 學 習, 有 豐 富 的 教 學 和 範 例 該 平 台 利 用 C# 程 式 語 言 為 基 礎, 讓 使 用 者 可 以 實 作 出 3D 的 遊 戲 手 機 方 面 考 量 到 我 們 需 要 操 作 甩 竿, 收 放 線 等 動 作 所 以 使 用 配 有 觸 控 式 螢 幕 及 G-Senser 等 裝 置 的 智 慧 型 手 機 在 程 式 開 發 方 面 使 用 Android, 該 平 台 為 目 前 主 流 的 手 機 作 業 系 統, 加 上 Google 開 放 主 要 程 式 碼, 有 眾 多 的 使 用 者, 版 本 更 新 快 速, 擁 有 多 元 的 開 發 元 件 20

3.2 相 關 設 備 介 紹 3.2.1 硬 體 規 格 需 求 介 紹 A. 電 腦 端 本 遊 戲 在 電 腦 端 的 硬 體 需 求 方 面, 由 於 遊 戲 時 需 要 透 過 Wi-Fi 無 線 網 網 路 做 資 料 的 傳 送, 另 外 遊 戲 內 也 提 供 透 過 觸 控 螢 幕 點 擊 魚 來 獲 得 分 數 的 遊 戲 玩 法, 所 以 硬 體 方 面 需 要 有 提 供 能 夠 Wi-Fi 無 線 網 路 的 介 面 卡 外 還 需 要 有 能 夠 觸 控 的 觸 控 式 螢 幕 以 及 其 它 電 腦 基 本 需 求 設 備 ( 如 滑 鼠 鍵 盤 喇 叭 等 ) 21

B. 手 機 端 本 遊 戲 在 手 機 控 制 魚 鉤 移 動 時, 都 是 使 用 螢 幕 觸 控 來 操 作, 像 前 後 左 右 是 單 點 螢 幕 上 的 方 向 圖 樣, 拉 放 鉤 則 是 按 著 圓 圈 圖 案 旋 轉, 所 以 手 機 一 定 要 有 觸 控 螢 幕 的 功 能, 還 有 在 甩 竿 的 動 作 上, 為 了 讓 玩 家 更 有 正 在 釣 魚 的 實 感, 我 們 使 用 了 G-Sensor 功 能 做 加 速 度 的 感 測, 所 以 使 用 的 手 機 也 需 配 備 G-Sensor 感 測 功 能, 然 而 最 重 要 的, 這 是 一 款 與 電 腦 作 連 結 才 能 遊 玩 的 遊 戲, 所 以 連 結 網 路 的 方 面 我 們 使 用 的 是 較 為 廣 泛 WI-FI, 相 信 現 代 大 部 分 的 手 機 都 配 有 Wi-Fi 的 功 能, 而 我 們 在 測 試 上 使 用 的 手 機 是 指 導 老 師 提 供 的 智 慧 型 手 機 -SAMSUNG 的 GT-I9023, 主 屏 幕 是 WVGA Super Clear LCD 全 輕 觸 式 內 顯 示 屏 幕, 畫 面 的 解 析 度 為 480 x 800(WVGA), 作 業 系 統 為 Android 2.3.3, 有 G-Sensor 感 測 功 能, 並 有 Wi-Fi 藍 芽 等 網 路 連 結 功 能, 符 合 我 們 遊 戲 所 需 的 基 本 規 格 22

3.3 遊 戲 操 作 方 法 3.3.1 電 腦 魚 缸 互 動 介 面 圖 18 釣 魚 王 - 魚 缸 遊 戲 畫 面 電 腦 魚 缸 的 畫 面 是 顯 示 接 收 經 由 手 機 傳 送 拋 竿 左 右 前 後 方 向 鍵 收 竿 和 放 線 等 動 作 的 訊 息 後 所 產 生 的 相 對 應 畫 面, 當 魚 咬 鉤 後 魚 會 呈 現 頭 上 仰 並 且 身 體 會 隨 著 垂 直 360 度 隨 機 選 轉, 當 魚 拉 離 魚 缸 後, 魚 缸 會 利 用 Socket 傳 送 釣 上 魚 的 訊 息 以 及 魚 的 種 類 代 號, 並 且 在 魚 缸 裡 會 新 增 一 條 隨 機 產 生 的 魚, 另 外 魚 缸 也 有 提 供 一 個 計 分 方 式 的 遊 戲 玩 法, 玩 家 可 以 利 用 這 個 計 分 的 遊 戲 方 式 和 其 他 遊 戲 玩 家 做 積 分 賽 的 對 抗, 以 此 增 加 遊 戲 的 耐 玩 度 以 上 敘 述 之 流 程 如 圖 19 23

圖 19 釣 魚 王 - 電 腦 魚 缸 系 統 流 程 圖 3.3.2 手 機 釣 竿 互 動 介 面 當 開 啟 手 機 釣 竿 程 式 後 看 到 的 是 釣 魚 王 遊 戲 登 入 畫 面 ( 圖 20(a)), 首 先 先 選 擇 IP 設 定 設 定 要 連 接 的 電 腦 端 網 路 IP( 圖 20(b)), 之 後 選 擇 開 始 遊 戲 就 可 以 開 始 進 入 遊 戲 操 作 介 面 ( 圖 21) 24

a b 圖 20 釣 魚 王 -(a) 遊 戲 登 入 畫 面 (b)ip 設 定 畫 面 圖 21 釣 魚 王 - 遊 戲 操 作 界 面 25

操 作 界 面 分 為 方 向 部 分 以 及 收 放 線 部 分, 在 左 半 部 分 是 操 作 魚 鉤 的 左 右 前 後 等 移 動 方 向, 右 半 部 分 是 操 作 魚 鉤 的 收 線 放 線 等 動 作 當 遊 戲 開 始 時, 首 先 玩 家 必 須 先 甩 動 手 機, 手 機 會 有 震 動 以 及 拋 出 魚 鉤 的 音 效, 接 著 透 過 手 機 內 的 G-Sensor 感 應 會 傳 送 一 個 下 竿 的 訊 息 到 魚 缸 並 顯 示 一 個 魚 鉤 的 物 件, 之 後 玩 家 就 可 以 透 過 操 作 介 面 來 操 控 魚 鉤 在 魚 缸 裡 的 所 有 移 動 動 作, 當 魚 咬 鉤 的 時 候 手 機 會 收 到 由 魚 缸 所 傳 來 的 上 鉤 訊 息, 此 時 手 機 會 震 動 表 示 魚 上 鉤 了, 當 魚 成 功 拉 出 魚 缸 後 電 腦 端 會 傳 送 一 個 訊 息 讓 手 機 端 顯 示 祝 賀 的 音 效 以 及 成 功 釣 上 魚 的 魚 種 名 稱, 如 果 要 欲 返 回 上 一 頁 重 新 設 定 IP 位 置 則 可 按 返 回 鍵 即 可 回 到 上 頁 ( 圖 22(a)) 為 釣 上 黃 色 魚 時 會 在 手 機 上 顯 示 的 魚 種 圖 片, 按 返 回 即 可 繼 續 遊 戲 a b 圖 22 釣 魚 王 (a) 黃 三 角 吊 圖 片 (b) 大 西 洋 紫 藍 圖 片 26

( 圖 22(b)) 為 釣 上 藍 色 魚 時 會 在 手 機 上 顯 示 的 魚 種 圖 片, 按 返 回 即 可 繼 續 遊 戲 ( 圖 23(a)) 為 釣 上 紅 色 魚 時 會 在 手 機 上 顯 示 的 魚 種 圖 片, 按 返 回 即 可 繼 續 遊 戲 a b 圖 23 釣 魚 王 (a) 火 焰 吊 圖 片 (b) 黃 尾 小 丑 魚 圖 片 ( 圖 23(b)) 為 釣 上 黑 色 魚 時 會 在 手 機 上 顯 示 的 魚 種 圖 片, 按 返 回 即 可 繼 續 遊 戲 以 上 的 遊 戲 之 流 程 如 下 ( 圖 24) 27

- 圖 24 釣 魚 王 手 機 釣 竿 系 統 流 程 圖 28

3.3.3 魚 缸 與 魚 竿 之 間 訊 息 的 傳 遞 圖 25 釣 魚 王 - 魚 缸 與 魚 竿 之 間 訊 息 的 傳 遞 流 程 圖 29

雙 平 台 之 間 的 訊 息 傳 遞 流 程 如 上 圖, 當 魚 竿 甩 動 之 後 會 傳 送 遊 戲 下 竿 的 訊 息 到 魚 缸, 此 時 魚 缸 會 顯 示 魚 鉤 的 位 置, 接 著 當 魚 鉤 被 玩 家 操 控 移 動 的 時 候 魚 缸 會 一 直 偵 測 魚 是 否 有 碰 到 魚 鉤, 如 果 當 魚 碰 到 魚 鉤 時 魚 缸 回 傳 送 一 個 訊 息 讓 手 機 震 動 代 表 有 魚 上 鉤, 此 時 手 機 端 的 玩 家 會 做 一 個 收 線 的 動 作, 當 魚 被 魚 鉤 拉 到 魚 缸 最 頂 端 後, 魚 便 會 消 失 並 且 魚 缸 會 傳 送 一 個 訊 息 讓 手 機 端 顯 示 祝 賀 的 聲 音 以 及 讓 手 機 端 顯 示 釣 上 的 魚 種 圖 片 30

3.4 遊 戲 特 色 介 紹 3.4.1 互 動 式 的 遊 戲 玩 法 利 用 手 機 和 電 腦 做 結 合, 將 手 機 當 做 魚 竿 來 體 驗 釣 魚 樂 趣 魚 缸 裡 的 魚 不 會 讓 你 乖 乖 地 釣 上 來, 牠 會 死 命 地 往 下 拉, 拉 起 牠 還 是 需 要 花 點 力 氣 的 呢, 當 成 功 的 釣 上 魚 後 手 機 也 不 忘 給 你 的 辛 苦 來 點 鼓 勵, 它 會 給 你 樂 情 的 掌 聲 鼓 勵 和 顯 示 你 辛 苦 釣 上 來 的 魚 的 照 片, 讓 你 知 道 是 哪 隻 魚 敗 在 你 的 手 下 3.4.2 擬 真 釣 魚 遊 戲 畫 面 透 過 手 機 上 的 釣 竿 和 電 腦 端 的 魚 缸 體 驗 如 同 釣 魚 的 真 實 情 況, 讓 釣 魚 遊 戲 不 再 只 是 僅 限 於 單 純 的 網 頁 遊 戲, 手 機 上 的 小 遊 戲 等 這 些 傳 統 的 玩 法, 畫 面 也 不 再 僅 限 於 小 小 的 手 機 畫 面, 而 是 一 整 個 螢 幕 的 畫 面, 讓 你 可 以 看 清 楚 一 整 個 魚 缸 的 魚, 不 用 再 擔 心 魚 被 你 的 手 指 頭 擋 住 31

3.5 程 式 架 構 3.5.1 手 機 端 程 式 架 構 手 機 程 式 的 架 構 上 主 要 有 以 下 幾 個 Activity( 活 動 ) 在 做 切 換, "Fisherking" "Ipchange" "Sfish", 以 及 最 重 要 的 "Stargame", 當 然 他 們 都 擁 有 自 己 各 自 的 物 件 佈 局 一 開 始 進 入 遊 戲 時, 是 在 "Fisherking" 的 活 動 頁 面, 即 是 遊 戲 選 單, 這 個 Activity 主 要 就 是 用 來 切 換 進 "Ipchange" 與 "Stargame" 頁 面, 欲 完 全 的 結 束 掉 遊 戲 也 是 在 這 裡, 然 而 想 要 真 正 開 始 遊 戲 必 須 先 進 入 到 "Ipchange" 頁 面, 輸 入 將 要 連 結 的 Server 端 IP, 再 來 會 再 次 返 回 "Fisherking" 頁 面, 並 把 "Ipchange" 整 個 finish 掉, 此 時 "Fisherking" 已 經 存 有 從 "Ipchange" 帶 過 來 的 IP 資 料, 便 能 正 常 進 入 "Stargame" 頁 面, 也 就 是 魚 竿 操 作 的 主 畫 面 Server 端 的 IP 資 料 會 再 次 從 "Fisherking" 帶 入 到 "Stargame", 同 時 程 式 會 直 接 判 斷 該 IP 是 否 可 連 結, 若 IP 是 正 確 的,Socket 就 會 直 接 連 結 到 該 Server 端, 便 可 開 始 遊 戲 "Stargame" 裡 有 繼 承 一 個 名 為 "Dd" 的 View, 裡 面 編 寫 了 一 個 圓 形 的 畫 布, 它 佔 據 了 "Stargame" 下 半 部 的 畫 面, 主 要 是 用 來 做 捲 線 器 的 動 作, 即 是 拉 放 魚 鉤 當 成 功 釣 到 魚 之 後, 會 自 動 跳 入 "Sfish" 活 動 頁 面, 即 是 祝 賀 畫 面, 此 時 按 下 "Sfish" 頁 面 上 的 確 定 按 32

鈕, 便 可 直 接 finish 掉 "Sfish", 讓 "Stargame" 再 次 回 到 foreground ( 前 景 ) 模 式, 而 想 結 束 遊 戲, 便 按 畫 面 上 的 返 回 鈕, 便 可 回 到 "Fisherking" 頁 面, 並 會 完 全 finish 掉 "Stargame" 頁 面 與 Socket 連 結, 再 按 "Fisherking" 畫 面 上 的 結 束 遊 戲 鈕 便 可 關 掉 整 個 遊 戲 上 述 流 程 如 下 圖 3.5.2 電 腦 端 程 式 架 構 電 腦 端 程 式 中 有 幾 個 重 要 類 別, 每 個 類 別 都 有 負 責 的 工 作 和 任 務, 一 開 始 進 入 遊 戲 時 先 執 行 MainForn 類 別,MainForn 類 別 主 要 是 設 計 魚 缸 的 外 框, 裡 面 包 含 Socket 和 thread 多 執 行 緒 的 程 式 碼, Socket 在 程 式 打 開 以 後 和 手 機 進 行 連 線,thread 每 秒 鐘 去 等 待 手 機 傳 來 的 訊 息, 接 收 到 手 機 訊 息 以 後 通 知 電 腦 在 進 行 後 續 動 作, 像 是 接 收 到 1 的 訊 息 魚 鉤 往 上 移 動 一 格 等 等 再 來 則 是 FishManger 管 理 的 類 別, 這 個 類 別 負 責 管 理 所 有 的 魚, 更 新 魚 的 動 作 和 行 為, 像 是 魚 鉤 釣 到 魚 的 時 候, 呼 叫 pu() 執 行 緒 程 式 碼, 魚 會 開 始 掙 扎, 不 斷 的 把 魚 鉤 往 下 拉, 接 著 呼 叫 play() 方 法, 判 斷 有 沒 有 把 魚 拉 出 水 面, 再 把 種 類 的 訊 息 傳 給 手 機, 釣 上 去 的 魚 則 會 消 失 不 見, 並 再 魚 缸 隨 機 的 一 個 位 置 產 生 一 條 新 的 魚, 魚 的 數 量 將 永 遠 保 持 七 隻 不 會 減 少 33

接 著 是 Basic3DFish 類 別, 是 所 有 魚 的 初 始 類 別,Basic3DFish 類 別 底 下 還 有 四 個 子 類 別, 分 別 有 BlueTangFish ChevronTangFish YellowTangFish YellowTailClownFish, 四 種 子 類 別 繼 承 Basic3DFish 類 別, 得 到 一 部 分 的 屬 性, 又 各 自 增 加 或 改 變 不 同 的 屬 性, 像 是 BlueTangFish 繼 承 了 Basic3DFish, 魚 的 速 度 和 方 向 沒 有 改 變, 顏 色 則 改 變 為 藍 色,YellowTangFish 繼 承 了 Basic3DFish, 方 向 沒 有 改 變, 顏 色 則 改 變 為 黃 色.( 圖 26) 圖 26 電 腦 程 式 系 統 架 構 圖 Basic3DObject 和 Basic3DFish 一 樣 是 初 始 類 別, 只 是 一 個 是 魚, 一 個 是 所 有 的 物 件 例 如 Rock 是 Basic3DObject 的 子 類 別, 繼 承 了 Basic3DObject 的 初 始 屬 性, 改 變 了 位 置 和 角 度 34

圖 27 手 機 程 式 系 統 架 構 圖 從 打 開 程 式 開 始 ( 圖 27),FishManger 會 先 Initialize 初 始 化, 在 呼 叫 LoadContent 讀 取 想 要 的 模 型 或 物 件, 並 且 呼 叫 Update, 其 中 會 把 Basic3DFish 所 繼 承 的 子 類 別 一 直 更 新 它 的 動 作 行 為 或 狀 態, 再 把 Update 產 生 的 動 作 結 果 呼 叫 Draw 繪 製 出 來, 中 間 不 會 間 斷, 直 到 程 式 碼 被 關 掉 為 止 35

第 四 章 結 論 與 建 議 我 們 的 遊 戲 經 過 組 員 之 間 的 討 論 與 構 思, 參 考 了 很 多 不 同 的 釣 魚 類 型 的 遊 戲, 從 這 些 遊 戲 中 找 出 各 個 遊 戲 的 優 缺 點, 將 這 些 結 果 集 合 起 來 成 為 了 我 們 今 天 的 成 品, 透 過 手 機 和 電 腦 以 及 無 限 網 路 的 結 合 產 生 了 一 個 創 新 的 遊 戲 玩 法, 讓 大 家 能 夠 體 驗 到 更 有 趣 的 釣 魚 遊 戲 雖 然 我 們 的 釣 魚 遊 戲 已 經 屬 於 完 成 品, 不 過 我 們 希 望 未 來 能 夠 再 多 增 加 一 些 遊 戲 內 容, 例 如 說 可 以 跟 其 它 玩 家 一 起 透 過 網 路 連 線 的 方 式 一 起 參 與 釣 魚 的 遊 戲, 或 者 增 加 新 的 魚 種 讓 畫 面 可 以 更 樂 鬧, 也 可 以 加 入 養 魚 系 統, 讓 玩 家 也 可 以 體 驗 養 著 自 己 辛 苦 釣 到 的 魚 36

第 五 章 心 得 專 題 的 一 開 始 有 組 員 想 到 要 利 用 電 腦 和 手 機 製 作 出 一 款 能 夠 互 動 的 遊 戲, 但 大 家 都 沒 有 想 到 要 完 成 這 樣 的 專 題 卻 是 一 件 不 容 易 的 事 情, 於 是 大 家 在 製 作 專 題 的 這 段 期 間 花 費 大 量 的 時 間 閱 讀 相 關 書 籍 網 路 相 關 資 料, 詢 問 程 式 問 題, 過 程 中 大 家 也 總 會 把 一 些 概 念 搞 錯, 也 常 因 為 沒 有 靈 感 進 度 停 滯 不 前, 中 間 也 曾 進 度 落 後, 問 題 一 個 接 著 一 個 冒 出 來, 兩 個 程 式 語 言 之 間 的 相 互 配 合 總 是 差 臨 門 一 角, 途 中 甚 至 考 慮 過 放 棄 換 題 目, 不 過 在 大 家 的 努 力 下 總 算 完 成 了 一 件 原 本 以 為 不 可 能 完 成 的 專 題, 並 且 在 專 題 展 中 獲 得 不 錯 的 成 績, 這 是 大 家 努 力 的 成 果, 希 望 以 後 能 夠 再 把 這 個 遊 戲 做 到 更 完 美 的 境 界 37

參 考 文 獻 [1]Learning XNA 3.0 實 戰 手 冊 作 者 :Aaron Reed 譯 者 : 劉 非 予 蔡 瑞 彌 出 版 社 : 悅 知 文 化 [2]Visual C#2010 程 式 設 計 經 典 作 者 : 曹 祖 聖 蔡 文 龍 出 版 社 : 基 峯 資 訊 股 份 有 限 公 司 [3] 手 機 程 式 設 計 入 門 與 應 用 Android iphone Windows Mobile 作 者 : 陳 彥 文 彭 亦 暄 出 版 社 : 旗 標 出 版 股 份 有 限 公 司 [4]3D 大 型 釣 魚 運 動 精 簡 版 (Big Sport Fishing 3D Lite) 網 址 : https://play.google.com/store/apps/details?id=com.rocketmind.fishing&feature=s earch_result#?t=w251bgwsmswxldesimnvbs5yb2nrzxrtaw5klmzpc2hpbmci XQ.. [5]Big Fish 網 址 : http://itunes.apple.com/cn/app/big-fish-lite/id404714164?mt=8 38

[6]iFishing 網 址 : https://play.google.com/store/apps/details?id=com.rockingpocketgames.ifishing Lite&feature=search_result#?t=W251bGwsMSwxLDEsImNvbS5Sb2NraW5nUG9j a2v0r2ftzxmuauzpc2hpbmdmaxrlil0. [7] 北 極 熊 釣 魚 網 址 : http://gamexp.org/feed-fullmo 39