Flash : CardFlip 大家一起來 (2018.11.17 更新)

寫在前面 (2018年補充)

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

• 雄 : Flash : Flash Player projector

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

「大家一起來」是我小時候，中視的一個節目，裡面最重要的道具是一個可以翻牌顯示答案、分數、獎金......等資訊的機臺。兩、三年前，一位教自然的同事曾問過我是否能用 Flash 做出類似的翻牌小教具，那時卡在翻牌的動畫加文字效果並不好，加上同事沒有很迫切的需求，就這麼不了了之。2012.04.18 網友 deediao 提出了「大家一起來」小教具的發想，暑假比較有空了，在 08.10 提出了雛型，之後再依  deediao 和 glglace 意見，修改成現在的樣貌。


功能簡介

• 可自訂在畫面上方要顯示的提示(題幹)，及中間翻牌區每一張牌的內容和分數。
• 可自訂在下方記分板區要顯示的組數及組別名稱。

目錄結構

CardFlip.zip 中只有兩個檔案，其檔名及功能如下：

• CardFlip.swf： 主程式，可以用 Browser 來開啟，或是 Adobe Flash Player 來開啟。
• CardFlip_set.txt： 設定檔，可以用類似 Windows 中「記事本」這種文字編輯器來開啟並編修內容。

設定檔參數說明

CardFlip.swf 啟動以後，預設會試著載入同目錄中檔名為 CardFlip_set.txt 的設定檔，並依裡頭的設定來顯示內容，底下是目前可設定的參數 (請注意 CardFlip.swf 的版本是否為最新的)：

• title：標題，會出現在一進入程式的畫面，另外，當題目沒有設定題幹時，最上方就改顯示 title  設定的內容。
• show_by_list：是否依題庫的順序出題。1 為按順序出題，0 則以亂數抽題。
• question_font_size：上方題幹的字型大小，預設為 40。
• card_default_font_size：牌中文字預設的字型大小，預設為 38。此部份的字型大小也可以利用「question_answer_hint_score」中的第三個欄位來設定某一張牌的字型大小，如果沒有設定，則會採用「card_default_font_size」的設定。
• team_names：計分板上的組別名稱，不同組間用半形逗號分隔，最多可以有七組。如果不想出現計分板，這個參數就不做任何設定「& team_names=&」。
• question_answer_hint_score：題幹、答案、提示及分數。
  每一題組使用多行，每一行代表翻牌區中的一張牌，一行接一行，空白行代表該題結束。
  每一行可以有三個欄位，以半形逗號當欄位分隔。
  每一題組第一行的第一個欄位是出現在畫面最上方的「題幹」，第二個欄位則是翻牌區中的最後一張牌 (右下角) 的「答案」。
  每一題組由第二行起代表著一張牌及其分數，第一個欄位是牌的內容，第二個欄位則是分數。第三個欄位則是字型大小。
  例如底下為某一題組的設定：
  
  　猜猜看,腳踏車
  　節能省碳,10
  　摩門教,5
  　練習曲,3
  　輪子,2
  　鐵馬,1
  
  上面這個題組會呈現底下的畫面：

使用時，每一張牌如果按一下就會翻一次面。計分板的部份，按某一組的加號，該組的分數會加一，按減號會扣一分。如果題組超過一題，按右下角的「Next」就會進入下一題，如果已到最後一題，該按鈕就會無效。


鍵盤控制

2012.09.16 以後的版本加入了以鍵盤控制翻牌、上一題、下一題的功能，如果搭配可設定的對應鍵盤按鍵的遙控器，效果就更棒了。目前鍵盤按鍵對應的功能如下：

• 數字鍵 1～9 及字母 A, B, C：用來翻由左上角算起的第 1 張～第 12 張牌 ( A=10, B=11, C=12 )，數字 0 也可以用來翻第 12 張的「答案」。
• 空白鍵：顯示所有牌的內容 (相當於 Show 按鈕)。
• Enter 鍵：隱藏所有牌的內容 (相當於 Hide 按鈕)。
• → 右方向鍵：下一題。
• ← 左方向鍵：上一題。

檔案下載

• CardFlip.zip (2018.11.17 更新)

相關連結

• deediao 的發想噗： http://www.plurk.com/m/p/g5s38i  (2012.04.18)
• 雛型噗：  http://www.plurk.com/m/p/h1dnkz  (2012.08.10)
• 測試噗： http://www.plurk.com/m/p/h2iuhe  (2012.08.15)
• 雄 : HTML5 : card_flip 大家一起來

更新紀錄

• 2018.11.18 .v3 題目的分數欄可以使用「5~10」這格式，用此格式的分數，會出現彩蛋，讓學生可以抽分數。(江明勳老師建議)
• 2018.11.14 .v2 設定中加入 show_by_list 的參數，可以用來控制出題的順序。(江明勳老師建議)。
• 2014.02.26 加入自訂題幹字型大小及牌中文字字型大小的參數。
• 2012.09.16 加入以鍵盤控制的功能。
• 2012.09.11 讓 [Next] 按鈕在題目已至最後一題時可以按，並重回第一題。
• 2012.09.10 標題和題組中加入顯示直式注音的功能，可以利用語文高手題庫產生器「加注音」來產生需要的語法。
• 2012.09.01 更改設定檔中題庫的格式，改以一題多行，每行兩個欄位的格式，這樣在手動修改題庫時會較清楚。
• 2012.08.19 調整版面，將題幹改放到上方。
• 2012.08.16 加入題幹顯示區。
• 2012.08.15 加入計分板，下一題的按鈕。
• 2012.08.10 雛型