投 稿 類 別 : 資 訊 類 篇 名 : 益 智 遊 戲 連 連 看 作 者 : 黃 心 慧 國 立 瑞 芳 高 級 工 業 職 業 學 校 資 訊 三 陳 啟 軒 國 立 瑞 芳 高 級 工 業 職 業 學 校 資 訊 三 指 導 老 師 : 陳 思 亮 老 師 林 陽 德 老 師 周 曉 玲 老 師
壹 前 言 一 研 究 動 機 人 自 幼 小 起 就 會 接 觸 到 不 同 類 型 的 遊 戲, 一 開 始 從 象 棋 五 子 棋 等 桌 上 遊 戲, 到 現 今 的 網 路 遊 戲 大 多 數 人 無 所 事 事 的 時 候 就 會 上 網 尋 樂, 我 們 也 在 一 次 意 外 中 發 現 連 連 看, 這 個 小 遊 戲 使 我 們 產 生 了 莫 大 的 興 趣, 所 以 成 了 此 次 專 題 研 究 的 重 心 益 智 遊 戲, 不 但 極 具 啟 發 性, 也 具 有 教 育 的 用 途 連 連 看 就 一 種 普 遍 常 見 的 益 智 遊 戲, 由 於 玩 法 簡 單, 也 常 作 教 育 兒 童 的 啟 蒙 遊 戲 二 研 究 目 的 我 們 撰 寫 這 篇 小 論 文 的 研 究 目 的, 為 了 將 之 前 在 校 所 學 的 Visual Basic 程 式 語 言 相 關 的 知 識 與 技 巧 做 整 理 及 運 用, 運 用 在 有 趣 又 好 玩 的 益 智 遊 戲 上, 進 而 達 成 自 我 學 習 及 成 長 的 目 標 三 研 究 方 法 認 識 益 智 遊 戲 連 連 看 規 則 構 思 程 式 的 設 計 法 則 進 行 程 式 與 介 面 開 發 驗 證 研 究 結 果 與 除 錯 論 文 報 告 的 撰 寫 圖 一 研 究 方 法 方 塊 圖
四 研 究 進 度 工 作 項 目 月 次 七 月 八 月 九 月 十 月 十 一 月 貳 正 文 組 隊 及 討 論 主 題 整 體 程 式 大 綱 蒐 集 資 料 及 彙 整 程 式 撰 寫 測 試 及 修 改 小 論 文 撰 寫 圖 二 研 究 進 度 甘 特 圖 一 認 識 益 智 遊 戲 與 連 連 看 ( 一 ) 何 謂 益 智 遊 戲 益 智 遊 戲 ( 又 稱 解 密 遊 戲 或 解 謎 遊 戲,Puzzle video game) 電 子 遊 戲 類 型 中 的 一 類, 主 要 指 注 重 解 謎 的 智 力 遊 戲 ( 註 一 ) 表 一 電 子 遊 戲 分 類 ( 註 二 ) 類 型 分 類 動 作 (ACT) 平 台 動 作 動 作 冒 險 格 鬥 (FTG) 射 擊 (STG) 冒 險 (AVG) 文 字 冒 險 戀 愛 冒 險 圖 形 冒 險 第 一 人 稱 冒 險 角 色 扮 演 (RPG) 動 作 角 色 扮 演 (ARPG) 探 索 遊 戲 戰 略 角 色 扮 演 (SRPG) 模 擬 (SLG) 建 造 與 經 營 模 擬 生 命 模 擬 寵 物 養 成 戀 愛 模 擬 養 成 戰 略 即 時 戰 略 (RTS) 回 合 制 策 略 戰 術 遊 戲 戰 爭 塔 防 駕 駛 模 擬 競 速 (RCG) 飛 行 模 擬 鐵 路 模 擬 太 空 模 擬 休 閒 益 智 (PZG) 文 字 遊 戲 傳 統 遊 戲 網 路 MUD 大 型 多 人 線 上 遊 戲 成 人 遊 戲 十 八 禁 (H-Game) 其 他 音 樂 (MUG) 角 色 教 育 推 理 博 奕 益 智 遊 戲 的 好 處 多 多, 對 於 小 孩 子 來 說, 能 夠 幫 助 智 力 成 長, 訓 練 他 們 判 斷 形 狀 顏 色 動 作 等 對 於 青 少 年 而 言, 能 夠 幫 助 他 們 訓 練 思 考 能 力
也 可 在 尋 求 答 案 的 過 程 中 挑 戰 自 己 對 於 老 年 人, 則 能 刺 激 腦 部 細 胞, 減 緩 及 降 低 老 年 痴 呆 的 機 率 ( 二 ) 連 連 看 簡 述 : 連 連 看, 又 稱 對 對 卡, 指 圖 案 配 對 的 一 種 益 智 遊 戲, 有 多 種 形 式, 如 卡 片 遊 戲 電 子 遊 戲 或 網 路 遊 戲 由 於 玩 法 簡 單, 常 用 作 兒 童 啟 蒙 教 育 遊 戲 起 源 : 最 初 由 台 灣 的 陳 一 進 先 生 和 簡 誠 志 先 生 從 四 川 麻 將 和 中 國 龍 這 兩 款 遊 戲 改 進 後 轉 到 PC 上, 而 現 在 有 了 各 種 不 同 的 版 本 3 遊 戲 規 則 : 在 同 一 縱 或 同 一 橫 找 到 兩 幅 相 同 圖 案 後, 分 別 點 一 下 兩 幅 圖 案, 即 可 消 除 圖 片 二 設 計 程 式 所 使 用 的 設 備 : 本 篇 小 論 文 所 設 計 的 程 式 及 實 驗 中 使 用 的 軟 硬 體 設 備 如 下 表 所 示 : 硬 體 設 備 表 二 軟 體 設 備 與 硬 體 設 備 中 央 處 裡 器 Intel Core Qual 記 憶 體 GB DD RAM 軟 體 設 備 作 業 系 統 設 計 程 式 語 言 Windows XP sp3 Visual Basic 6.0 sp6 三 研 究 過 程 ( 一 ) 遊 戲 介 紹 本 篇 小 論 文 首 先 使 用 了 x 0 的 二 維 陣 列, 以 及 5 張 圖 片, 去 達 成 所 要 設 計 的 版 面 3
遊 戲 開 始 時, 設 定 0 秒 的 時 間 去 完 成 消 除 圖 片 的 任 務 在 遊 戲 進 行 中, 時 間 以 秒 為 單 位 減 少 遊 戲 過 程 中, 如 果 消 除 了 一 組 圖 片, 時 間 就 會 增 加 秒 ; 但 當 時 間 為 0 時, 就 會 跳 出 視 窗, 顯 示 你 已 經 輸 了 這 場 遊 戲, 若 按 下 確 認 鍵, 就 可 以 重 新 開 始 另 一 場 遊 戲, 時 間 也 會 重 新 計 算 ( 二 ) 實 作 方 法 程 式 開 始 Command 按 下 初 值 設 定 載 入 圖 片 方 塊 並 放 入 圖 片 設 定 abcd 陣 列 的 內 容 遊 戲 開 始 第 一 次 按 下 的 按 鍵 與 第 二 次 相 同 互 換 陣 列 a,b 和 c,d 的 內 容 已 按 下 兩 張 圖 結 束 呼 叫 判 斷 程 式 圖 三 程 式 載 入 流 程 圖 達 成 連 線 把 陣 列 中 的 值 歸 0 把 方 塊 消 除 掉 WIN=WIN+ WIN =60 獲 勝 結 束 圖 四 圖 片 消 除 流 程 圖 4
判 斷 程 式 為 直 線 判 斷 式 初 值 設 定 達 成 連 線 為 L 型 判 斷 式 互 換 陣 列 a,b 和 c,d 的 內 容 為 ㄣ 型 判 斷 式 達 成 連 線 判 斷 結 束 第 一 張 圖 的 值 與 第 二 張 相 同 為 ㄇ 型 判 斷 式 沒 達 成 連 線 判 斷 結 束 圖 五 判 斷 程 式 流 程 圖 四 程 式 演 算 法 ( 一 ) 直 線 連 線 演 算 法 先 判 斷 第 一 張 圖 的 X 軸 座 標 或 Y 軸 座 標 與 第 二 張 圖 片 一 樣 如 果 一 樣 的 話, 再 判 斷 兩 張 圖 片 相 鄰 ; 如 果 相 鄰, 代 表 連 線 成 功 了 ; 反 之, 則 繼 續 判 斷 兩 張 圖 片 的 中 間 還 有 其 他 的 圖 片 存 在, 如 果 都 沒 有 圖 片 存 在, 那 麼 就 代 表 連 線 達 成 如 下 圖 六 所 示 ( 黑 色 方 塊 代 表 有 圖 片 存 在 ): n 連 線 成 功 n m 連 線 失 敗 圖 六 直 線 連 線 演 算 法 圖 七 直 線 連 線 實 體 圖 ( 二 )L 型 線 連 線 演 算 法 5
利 用 兩 張 圖 片 的 X 軸 與 Y 軸 做 交 換, 以 第 一 張 圖 片 的 X 軸 為 基 準, 交 換 兩 張 圖 片 的 Y 軸, 因 此 得 到 兩 張 轉 角 圖 片 的 X 軸 與 Y 軸 座 標 先 判 斷 第 一 張 圖 片 的 X 軸 與 第 二 張 圖 片 的 Y 軸, 所 得 到 的 轉 角 圖 片 方 塊 已 消 除 ; 如 果 沒 消 除, 再 判 斷 第 二 張 圖 片 的 X 軸 與 第 一 張 圖 片 的 Y 軸, 所 得 到 的 轉 角 圖 片 方 塊 已 消 除 如 果 得 知 L 型 的 轉 角 圖 片 已 消 除, 接 著 從 轉 角 圖 片 分 別 向 第 一 張 圖 片 與 第 二 張 圖 片 的 方 向 繼 續 判 斷, 並 檢 測 路 徑 上 有 圖 片 沒 被 消 除 ; 如 果 都 已 消 除, 代 表 連 線 達 成 如 下 圖 八 所 示 ( 以 綠 色 方 框 為 轉 角 圖 片 ): (c,b) 消 除 (a,b) (a,b) (c,b) (a,d) (c,d) (c,d) 圖 八 L 型 線 連 線 演 算 法 圖 九 L 型 線 連 線 實 體 圖 ( 三 )ㄣ 型 線 連 線 與 Z 型 連 線 演 算 法 在 ㄣ 型 的 判 斷 式 中, 其 中 又 分 為 ㄣ 樣 式 與 Z 樣 式, 兩 者 之 間 的 差 別 在 於 判 斷 方 向 的 不 同, 基 本 上 演 算 法 的 過 程 一 樣 的, 說 明 如 下 : ㄣ 樣 式 判 斷 : 判 斷 第 一 張 與 第 二 張 圖 片 的 X 軸 與 Y 軸 何 者 較 大, 若 X 軸 大 就 代 表 圖 片 在 右 邊, 反 之 則 在 左 邊 ; 若 Y 軸 大 就 代 表 圖 片 在 下 方, 反 之 則 在 上 方 接 著 以 第 一 張 圖 片 為 基 準, 往 第 二 張 圖 片 的 方 向 移 動 Y 軸 () 一 格, 並 判 斷 目 標 圖 片 已 消 除, 若 則 繼 續 判 斷 ; 如 果 已 消 除, 則 開 始 往 第 二 張 圖 片 的 方 向 移 動 X 軸 () 一 格, 並 判 斷 目 標 圖 片 已 消 除, 如 果 沒 有 消 除, 則 回 到 判 斷 Y 軸 () 的 部 分 繼 續 判 斷 ; 如 果 已 消 除 了, 則 繼 續 作 X 軸 () 的 判 斷 6
當 目 標 圖 片 的 X 軸 () 到 達 第 二 張 圖 片 的 X 軸 () 都 消 除 時, 則 再 次 判 斷 Y 軸 (3) 往 第 二 張 圖 片 的 方 向 移 動, 並 判 斷 圖 片 已 消 除 若 沒 消 除, 則 再 回 到 判 斷 Y 軸 () 的 部 分 繼 續 判 斷 ; 如 果 目 標 圖 片 的 Y 軸 (3) 到 達 第 二 張 圖 片 的 Y 軸 都 消 除 時, 代 表 連 線 達 成 如 下 圖 十 所 示 ( 橘 色 方 塊 為 目 標 圖 片 ): () () (3) 圖 十 ㄣ 型 線 連 線 演 算 法 圖 十 一 ㄣ 型 線 連 線 實 體 圖 Z 型 樣 式 判 斷 : 先 判 斷 X 軸 (), 再 判 斷 Y 軸 (), 最 後 再 判 斷 X 軸 (3) 如 下 圖 十 二 所 示 : () () (3) 圖 十 二 Z 型 線 連 線 演 算 法 圖 十 三 Z 型 線 連 線 實 體 圖 ( 四 )ㄇ 型 線 連 線 演 算 法 ㄇ 型 的 判 斷 方 式 也 分 為 兩 種 樣 式, 一 種 為 外 ㄇ 樣 式, 另 一 種 為 內 ㄇ 樣 式, 兩 種 樣 式 的 判 斷 方 式 截 然 不 同, 說 明 如 下 : 外 ㄇ 樣 式 : 先 判 斷 第 一 張 圖 片 往 上 下 左 右 四 個 方 向, 哪 一 方 向 延 伸 到 底 都 沒 有 存 在 圖 片 方 塊, 再 判 斷 第 二 張 圖 片 與 第 一 張 圖 片 同 方 向 延 伸 出 去 存 在 圖 片 方 塊, 如 果 都 沒 有, 代 表 連 線 達 成 如 下 圖 十 四 所 示 ( 黑 色 代 表 有 圖 片 方 塊 存 在 ): () () 圖 十 四 外 ㄇ 型 連 線 演 算 法 圖 十 五 外 ㄇ 型 連 線 實 體 圖 7
內 ㄇ 樣 式 : 內 ㄇ 樣 式 和 ㄣ 型 樣 式 的 判 斷 演 算 法 相 同, 而 將 它 們 分 別 出 來 為 了 方 便 偵 錯 時, 得 知 電 腦 用 哪 一 種 演 算 方 式 去 執 行 如 下 圖 十 六 所 示 : () () (3) (4) 圖 十 六 內 ㄇ 樣 式 連 線 演 算 法 圖 十 七 內 ㄇ 樣 式 連 線 實 體 圖 五 研 究 成 果 只 要 找 到 兩 張 符 合 上 述 判 斷 說 明 的 圖 片, 並 且 兩 張 圖 片 相 同, 分 別 點 選 即 可 消 除 遊 戲 最 上 面 的 紅 色 方 框 為 時 間, 從 右 往 左 遞 減, 當 紅 色 時 間 條 往 左 到 底 時, 則 遊 戲 結 束, 並 宣 告 失 敗 ; 如 果 在 限 制 時 間 內 把 方 塊 全 部 消 除 完 畢 則 獲 勝 中 間 下 方 的 按 鍵 用 來 暫 停 遊 戲, 在 暫 停 遊 戲 之 後, 遊 戲 中 所 有 的 機 制 都 會 暫 停, 以 便 再 次 啟 動 時, 之 前 的 紀 錄 不 會 被 打 斷 圖 十 八 連 連 看 成 果 圖 8
六 連 連 看 的 教 育 用 途 ( 一 ) 圖 對 圖 或 圖 對 文 式 配 合 題 ( 幼 童 的 連 連 看 ): 這 種 題 目 通 常 用 於 幼 稚 園 或 國 小 低 年 級 階 段, 這 個 時 期 的 學 生 還 不 識 字 或 才 剛 開 始 識 字, 所 以 使 用 圖 與 圖 的 配 合 來 教 導 生 活 常 識, 或 圖 與 單 字 的 配 合 來 訓 練 字 彙 能 力 ( 二 ) 配 對 遊 戲 : 此 遊 戲 利 用 兩 種 不 同 物 品 的 關 連 性, 來 加 強 兒 童 的 認 知 領 域 語 言 理 解 以 及 動 作 發 展 三 方 面 的 能 力 例 如 : 能 做 襪 子 與 鞋 子 的 配 對 能 做 鍋 子 與 鏟 子 的 配 對 ( 三 ) 數 學 連 連 看 : 此 教 材 的 目 的 在 於 讓 兒 童 透 過 圖 示, 將 圖 意 與 算 式 做 聯 結 因 此 在 這 個 階 段, 不 需 要 強 迫 兒 童 列 出 算 式, 而 只 需 要 找 到 合 理 算 式, 並 透 過 說 明, 了 解 題 意 與 算 式 之 間 的 關 係 參 結 論 : ( 一 ) 作 品 反 省 藉 由 這 篇 論 文, 我 們 試 著 運 用 Visual Basic 程 式 語 言 去 撰 寫 連 連 看 遊 戲, 在 過 程 中, 我 們 學 習 如 何 解 決 程 式 上 的 問 題 一 開 始 從 討 論 架 構 詢 問 老 師 蒐 集 資 料 實 際 操 作 偵 測 錯 誤, 歷 經 了 近 五 個 月 的 時 間 才 完 成 以 市 面 上 的 連 連 看 遊 戲 而 言, 本 作 品 尚 有 不 少 需 要 改 進 的 地 方, 例 如 : 關 卡 等 級 外 觀 美 化 救 援 次 數 或 演 算 法 簡 化 等, 希 望 未 來 能 夠 藉 著 持 續 的 研 究 討 論, 來 把 這 件 作 品 做 的 更 加 完 善 ( 二 ) 心 得 感 想 連 連 看 不 僅 一 個 適 合 各 年 齡 層 玩 的 益 智 遊 戲, 在 兒 童 教 育 上 運 用 的 相 當 廣 泛, 能 夠 幫 助 兒 童 在 幼 兒 時 期, 就 能 對 圖 片 配 對 以 及 線 路 規 劃, 做 初 步 的 學 習 及 發 展 也 可 以 在 遊 戲 中 學 習, 寓 教 於 樂, 讓 兒 童 能 在 小 時 候 養 成 良 好 的 學 習 習 慣, 把 學 習 當 作 一 種 樂 趣 期 許 未 來 長 大 後, 也 能 自 動 自 發 的 學 習 新 知 識 9
肆 引 註 資 料 : ( 註 一 ) 益 智 遊 戲 維 基 百 科,0 年 0 月, 取 自 http://zh.wikipedia.org/wiki/%e7%9b%8a%e6%99%ba%e6%b8%b8%e6%88% 8F ( 註 二 ) 益 智 遊 戲 維 基 百 科,0 年 0 月, 取 自 http://zh.wikipedia.org/wiki/%e7%9b%8a%e6%99%ba%e6%b8%b8%e6%88% 8F ( 註 三 ) 連 連 看 維 基 百 科,0 年 0 月, 取 自 http://zh.wikipedia.org/wiki/%e9%80%a3%e9%80%a3%e7%9c%8b ( 註 四 ) 賴 清 標 (003) 教 育 實 習 ( 二 版 ) 台 中 市 : 五 南 ( 註 五 ) 傅 秀 媚 (998) 特 殊 幼 兒 教 材 教 法 台 中 市 : 五 南 ( 註 六 ) 楊 坤 堂 (007) 數 學 學 習 障 礙 台 中 市 : 五 南 ( 註 七 ) 位 元 文 化 (00) Visual Basic 遊 戲 設 計 實 務 台 北 市 : 文 魁 資 訊 股 份 有 限 公 司 ( 註 八 ) 葉 榮 木 (999) 資 料 結 構 使 用 Visual Basic 台 北 市 : 松 崗 電 腦 圖 書 資 料 股 份 有 限 公 司 ( 註 九 ) 黃 世 陽 等 (00) Visual Basic 6.0 中 文 版 學 習 範 本 台 北 市 : 文 魁 資 訊 股 份 有 限 公 司 0