• 沒有找到結果。

紙本測試與線上測試

第三章 五方連塊之拼圖遊戲設計

第三節 紙本測試與線上測試

一、紙本測試

研究者寫成遊戲學習單後(在第四章),利用數學遊戲社團實施。為了節省資 源,原來的學習單均以 A4 紙張為底,但實施時將它印成 B5 或 B4 使用。從創造 五方連塊遊戲、製作五方連塊遊戲,到過七關斬五方連塊遊戲、巧拼線對稱遊戲 (A 版、B 版)等等。讓學生認識多方連塊,自己畫出五方連塊,自己製作五方連 塊。過程中,有的學生反應看不懂製作五方連塊的參考流程圖,這個情形使研究 者想到國內教育可以加強這部分。生活中最常見的就是買回簡單的家具 DIY,消 費者照圖操作,要看懂組裝流程才能做出成品。有動腦思考的學生只是參考提供 的圖,不但做得好也做得精美。

學生利用自己做的五方連塊玩過七關斬五方連塊遊戲,如圖 3.8、圖 3.9。

39

圖 3.8:過七關斬五方連塊遊戲(初階版)

40

圖 3.9:過七關斬五方連塊遊戲(進階版)

學生利用自己做的五方連塊玩巧拼線對稱遊戲(A 版、B 版),提供每位學生 一張 B4 方格紙協助拼排圖形,圖 3.10、圖 3.11。

41

圖 3.10:巧拼線對稱遊戲 A 版

42

圖 3.11:巧拼線對稱遊戲 B 版

43

二、線上測試

(一)放到網路上供下載

製成 Flash 遊戲後,跟 Dropbox 申請空間,放在 Public 資料夾。接下來,建 立超連結到個人的部落格,作法如下:首先,登入部落格,準備撰寫日誌,包括 前言、遊戲介面、遊戲規則、超連結。前言由複製學習單的前言貼上,遊戲介面 則是先上網下載 ScreenHunter 6.0 Free 軟體,第一次開啟 ScreenHunter 6.0 Free 視窗按下中央上方的圓圈中的 Capture Now,試拍一張,出現十字形雙直線在左 上角按住滑鼠拖曳到右下角放手,按 Close 關閉視窗,照片就拍好放在桌面上。

再來利用 ScreenHunter 6.0 Free 在 Flash 遊戲版面上按下快速鍵 F6 後,出現十字 形雙直線在左上角按住滑鼠拖曳到右下角放手,按 Close 關閉視窗,照片就拍好 放在桌面上。上傳照片到部落格,介紹遊戲。接著,貼上滑鼠操作規則。最後,

建立超連結讓學生可以下載遊戲,以巧拼線對稱遊戲 A 版舉例說明,在撰寫日 誌的頁面上,點選 HTML 鈕(紅色圈圈處),如圖 3.12,

圖 3.12:撰寫日誌版面

開啟 HTML 碼編輯器視窗,在上面打上 Blog 連結語法”<a href=連結網址>

連結說明</a>”字樣,如圖 3.13,

44

圖 3.13: HTML 碼編輯器視窗

其中連結網址要到 Dropbox 上抓,在 Dropbox 的 Public 資料夾裡的巧拼線 對稱遊戲 A.exe 上按右鍵,點 Copy public link。在 Copy public link 視窗點選右上 角 Shorten link(縮短連結網址),如圖 3.14,

圖 3.14: Dropbox 之 Copy public link 視窗(縮短連結前)

45

圖 3.15: Dropbox 之 Copy public link 視窗(縮短連結後)

按 Copy to clipboard 鈕(複製到剪貼板),如圖 3.15,回到 HTML 碼編輯器視 窗,在”<a href=連結網址>連結說明</a>”中將連結網址改貼上超連結網址,如圖 3.16,

圖 3.16: HTML 碼編輯器視窗(貼上連結網址)

連結說明更換成巧拼線對稱遊戲 A 版,按下更新鈕完成,如圖 3.17。先自

46

己試玩一次,按下巧拼線對稱遊戲 A 版超連結,按執行鈕,出現”___A.exe 不常 被下載,而且可能會危害您的電腦”對話框,按動作鈕,點仍要執行(若沒有看到”

仍要執行”,請先點選項),試玩後,大功告成。

圖 3.17: HTML 碼編輯器視窗(左下角更新鈕) (二)五方連塊拼圖遊戲規則

1、每個關卡都有若干個五方連塊,擺放於要拼排的圖形外面。

2、每個五方連塊都可以各自旋轉、翻轉及拖曳移動。將滑鼠放在欲操縱的五方 連塊上,快速點擊滑鼠左鍵兩次,即可順時針旋轉該方塊90度;滾動滑鼠滾 輪即可對該方塊做翻轉;點選滑鼠左鍵一次並按住不放,就可拖曳該方塊到 要擺放的位置,放開滑鼠後就會自動貼合到格子點位置。

3、若成功將正確的五方連塊擺放於要求的圖形內,又沒有互相重疊的情況下,

面板上將會立即出現過關煙火圖案,並且在該關卡上打勾表示此關已經破關 成功。

47

相關文件