Flash : Match2 對對碰 (2012.02.01更新)

寫在前面 (2018年補充)

本工具以 Flash 開發，如果使用較新版的網頁瀏覽器開啟此小工具，出現類似「無法載入設定檔」的錯誤訊息而不能使用，請先參考底下的兩篇說明：

• 雄 : Flash : Flash Player projector

• 雄 : Flash : 開放瀏覽器讀取本機的設定檔

我的第一個對對碰是在五年前開始認真玩 Flash 寫的小遊戲，當時教三年級，因此花了不少時間研究如何在國字旁加上直式的注音，給學生玩語詞的對對碰、部首的對對碰，學生反應還不錯。不過，只能應用在國語較短的詞語，字數不能多，也無法以圖片當題目。最近學校的事忙完了，加上不必像去年暑假要整天當奶爸，總算有時間可以好好的研究東西。
這一次的目標要讓對對碰具有以下的特性：

• 可以用圖片當題目。
• 字數不拘，由程式自動調整字型大小。
• 可以在國字旁加注音，也可以使用純注音(直式)的題目。
• 可以使用單一設定檔放題庫，也可以不透過設定檔，直接 embed 在網頁中，用 flashvars 來存放題庫。
• 使用者設定好牌的張數以後，由程式自動調整每張牌的大小。
• 讓題庫中的所有題目會被使用到。

經過兩天的研究，上述的目標算是都逹成了，其中，怎樣讓不帶注音的文字可以自動調整字型大小，和讓它可以自動算位置，排好看一點的演算法想最久，試了好幾種方法，最後是讓程式用土法鍊鋼，以字型大小慢慢遞減的方式找出最合適的大小，以電腦的速度來換取較完美的外觀。


範例展示

下面製作了三個範例：

• 單機操作的範例：需要主程式 match.swf ＋ 設定檔 set.txt (or match2_set.txt)
• embed 範例一 ： 需要主程式 match.swf ＋網頁 index.html (設定寫在網頁中)
• embed 範例二 TPET 對對碰 ： 需要主程式 match.swf ＋網頁 tpet_match.htm (設定寫在網頁中)

選項設定

在這個新的碰碰中可以設定的選項有：

• title : 出現在遊戲畫面最上方大大的標題字。
• font : 字型(預設使用標楷體)。
• maxCol : 出題時，橫向最多可以擺幾張牌(愈多愈小張)。
• maxRow : 出題時，縱向最多可以擺幾張牌(愈多愈小張)。
• questionMax : 出題時，一次由題庫中抓幾題。程式會檢查，當 questionMax 乘以 2 如果大於 maxCol 乘以 maxRow 時(或是沒有設定上參數時)，會自動將 questionMax 設定為 (maxCol*maxRow)/2 (無條件捨去取整數)。
• questionsToAnswer：出幾題後結束一局，如果 questionsToAnswer 除以 questionMax 無法整除時，真正的出題數可能會大於 questionsToAnswer。(2011.05.21 新增)
• scoreAdd : 兩張牌配對成功，一次加多少分。
• scoreMinus : 答錯時，一次要扣多少分。
• cards : 題庫。每一題一行(按Enter)，同一題應配對的(問/答)，中間以半型逗號當分隔符號。

cards 可以用的題目格式有五大類型：

• 圖片：可接受的格式有 .jpg, .gif, .png, .swf, .jpeg(2010.12.03加入) ，程式如果發現題目字串中帶有前述的附檔名關鍵字，就會把它當作圖片檔的檔案路徑，並試著將它載入。
• 聲音：可接受的聲音檔格式為 MP3 ，程式如果發現題目為檔名而且檔案副檔名為 .mp3 結束，就會把它當作 MP3 檔案的路徑，載入成功後，會出現一個聲音的播放器。(2010.12.03加入)
• 完全沒有注音的國字或英文。
• 帶有注音的國字：採和語文高手相同的格式，一個國字加它的注音後空一格再接著下一個國字注音。可以利用語文高手題庫產生器來製作。
• 純注音：這種和前面的國字注音類似，以一個空白隔開不同的字的注音，只差沒有國字。可以利用語文高手題 庫產生器來製作，再把國字去掉即可。

前述的四大類型可以自由的在 cards 中搭配使用。下面這個設定檔範例中包括了這四大類型：

• set.txt (match2_set.txt)

另外，設定檔一定要叫做 set.txt (match2_set.txt) 嗎？
我們可以在呼叫 match2.swf 時加一個 datafilename 的參數，告訴它要使用哪一個設定檔，例如：

• http://mail.lsps.tp.edu.tw/~gsyan/works/flash/match2/match2.swf?datafilename=tpet.txt

上面這個例子，match2.swf 會使用 datafilename 指定的 tpet.txt 來當做設定檔檔案名稱，並將它載入使用。
利用 datafilename 來指定設定檔，程式只要一支就可以搭配不同的題庫，可以直接利用網頁超連結來製作各課(單元)的選單。


檔案下載

• 打包成 match2.zip 的檔案(最新版本 2013.10.09)

相關文章

• 雄 : HTML5 : 對對碰
• Teaching : 對對碰 Flash 小遊戲題庫解析
• Teaching : 語文高手題庫產生器
• http://www.plurk.com/p/69dla1
• http://www.plurk.com/p/69k9zj

更新紀錄

• 2013.10.09 將被選到的牌除了加上紅框外，顏色變深一點，以示區別。
• 2012.02.01 修改設定檔載入的方式，並增加可讀取名為 match2_set.txt 的部份，以免原來用的 set.txt 檔名會和其它程式發生混淆的情形。
  修改國字加注音的部份。
• 2011.05.22 在右上角加入計時器。
• 2011.05.21 加入一個 questionsToAnswer 的參數，可以讓遊戲不會回答完題庫中所有的題目即可結束一局。另外，修正原來如果沒有設定 maxCol, maxRow, questionMax 會讓程式卡住的問題。
• 2010.12.16 修正聲音題未正確的將播放器移除的問題。將 "Game Over!" 字樣換成 "恭喜你過關了！"(謝謝法國巴黎西郊中文學校王老師的建議)
• 2010.12.03 題庫加入聲音檔(.mp3)的支援；圖片副檔名支援 .jpeg；卡被選取時改加紅色框框在最外面；卡片裡的文字如果太多、太長，將文字縮小、垂直置中的部份重寫。
• 2010.09.09 修正調整純文字的題庫字型大小會陷入無窮迴圈問題。
• 2010.07.19 前一次處理好英文斷字的問題，中文忘了檢查，換中文出問題。不過，現在這個版本絕對不會有問題了啦！
  新的體驗：當我們利用 AS 去更動到 TextField 的字型大小時，一定要重新指定 TextField.text 的內容才能得到其它參數(ex. maxscroll, maxhscroll) 的正確值，為了這個試了好久。
• 2010.07.18 處理英文字斷字的問題，現在如果題目是純半型英數的，會以空格來切字(也就是一字一行)，調整了自動計算字大小和擺放位置的方式，應該可以更精準的垂直置中。
• 2010.07.15 GAME OVER 的判斷邏輯有誤，已修正。右下方的結束按鈕原來只適用於 stand alone 的 FlashPlayer, 在 Browser 中出現會造成誤會，現在將它 disable 並變透明。
• 2010.07.14 加入 font 的參數，可以設定字型。如果題庫中的題目都答完，會出現 GAME OVER 的訊息。
• 2010.07.09 解決 TextField 調整字型大小的問題。
• 2010.07.07 起草