Flash : flashcard 快閃字卡小教具 (2013.10.01更新)

暑假只剩下一個星期即將結束，大朋友、小朋友都準備收心回學校了。
心心老師提到她上課經常使用 PowerPoint 做的字卡 (類似這樣的字中找趣.ppt，感謝克曼老師提供，原創：南加州林淑芳老師)，它是利用數個物件將字遮住再讓學生猜是什麼字詞，有時間可以將遮住的部份移開，慢慢玩，沒時間則又希望像傳統閃示牌，讓字可以「快閃」，直接問學生是什麼字。這個小教具功能不複雜，聽起來滿不錯的，但是如果用 PowerPoint 來做，即使用樣版可以套，應該也滿花時間的，而且要能達到她要求的「慢慢玩」和「快閃」兩種模式可隨時變換，甚至能亂數選字(詞)，應該較難。於是我用 Flash 幫忙做了一個 falshcard 的小教具。



以上背景取自 南老師的華語玩樂園


主要功能

底下先介紹一下 flashcard 的主要功能：

• 可讀取外部設定和題庫。
• 每一個字、詞可以設定字型大小和使用的字體。
• 可載入一張圖片當背景( .jpg, .gif, .png, .swf )。
• 使用時可切換為：沒有遮蔽（「快閃」）、以一個方塊遮蔽和以九個方塊遮蔽字三種模式。
• 問號的按鈕：將字以九個方塊遮蔽，但是由電腦隨選拿掉一塊當猜字的線索。
• 有計時器可設定倒數計時多久。

參數設定

這個小教具啟動時會先看看有沒有參數傳進來(應用在網頁或 blog中)，如果沒有接收到任何參數設定，就會試著載入同資料夾中的設定檔中的設定 (預設的檔名為 flashcard_set.txt ，應用在網頁中可以自訂檔名) 。
下面來看看可用的參數有哪些：

• font : 字型的名稱 (預設使用 "標楷體" )。
• color : 字的顏色。以 0xAABBCC 的格式表示 RGB 色碼，例如, 0xff0000 (紅色), 0x00ff00 (綠色) , 0x0000ff (藍色) , 0x000000 (黑色) , ......。
• sound_enabled : 設定預設是否打開音效，sound_enabled=1 時預設會使用音效。
• background_image : 背景圖片的檔名，技援圖片格式有 .jpg, .gif, .png, .swf ，副檔名請記得要用小寫的。
• countdown : 每次從多少開始倒數計時，沒有設定值或是設為 0 表示不使用計時器。
• message : 會出現在最下方的文字，可用來宣告圖片來源、版權宣告 ......。
• message_url : 超連結網址，如果有設定，可以幫 message 的文字加上超連結。
• cards : 題庫，
  每一行代表一張字卡，
  
  每一行可以用半型逗號「 ,」 當欄位分隔符號。
  
  第一欄可以是：
  
  字卡要出現的「字」，
  
  或是要顯示的「圖片」之檔案路徑 (2010.09.05 加入此功能, 支援 .jpg、.jpeg、.png、.gif、.swf)。例如輸入「images/gsyan.jpg」，程式會試著去載入「images」資料夾中檔名為「gsyan.jpg」的圖片，並顯示在畫面中。
  
  第二欄是數字，表示字的大小，100 為最大，如果沒有輸入時，預設是 100。

例如本網頁中 embed 的設定如下：

&font=標楷體&
&color=0x009900&
&sound_enabled=0&
&background_image=http://blog.huayuworld.org/gallery/10235/_DSC0567.jpg&
&message=背景取自南老師的華語玩樂園&
&message_url=http://blog.huayuworld.org/nanchris11/19297/2010/08/09/70048&
&countdown=30&
&cards=
大家,50
好
我,50
是
帥哥,100
雄,100
&

上面的題庫 cards 共有六行，所以可以產生六張 flash card：

• 「大家」、「我」設 50 ，會以一半(50%)的大小顯示。
• 「好」、「是」因為沒設定大小，所以會用最大的字顯示。
• 「帥哥」、「雄」設 100 ，所以會用最大的字顯示。

操作說明

要使用這個小工具，最簡單的方式是把我放在下載網址的壓縮檔下載回去，將它解開來以後，先利用類似 Windows notepad (記事本) 的文字編輯器將設定檔 flashcard_set.txt 打開來編輯，依自己的需求將設定及題庫修改後存檔。接著就可以直接執行 flashcard.swf 看看效果。如果在 Windows 中無法直接開啟 flashcad.swf 這種 .swf 的檔案，可以到 Adobe 的網站下載 flash player (projector)：

• http://www.adobe.com/support/flashplayer/downloads.html

以 Windows 來說，進入 Adobe 的下載網頁以後，找類似「Download the Windows Flash Player xx.x Projector (EXE, x.xx MB)」，下載以後可以直接執行 Flash Player ，再開啟 flashcard.swf 。這種方式的好處是可以全螢幕顯示，字更大。

使用 flashcard 時可以依需要點選左下角的工具選擇模式(自己玩玩看就知道了)，右下角的工具則提供直接顯示字(Show)或隱藏字(Hide)，按 Next 則會出現下一個字。每一個遮蔽字的方塊只要按一下，它就會逐漸消失。

 它使用很簡單，自己玩玩看就知道了，至於可以應用在哪裡呢？這當然得看老師的創意了！畢竟，工具是死的，人是活的。


程式下載

flashcard 的檔案很簡單

• flashcard.swf : 主程式。
• flashcard_set.txt : 設定檔。
• photo_from_nanchris11.jpg : 背景圖片(感謝依凡老師熱拔刀相助，雖然我們是先斬後奏啦)。

我將它們打包起來，有需要的請自行下載：

• flashcard.zip (2014.12.20 更新)

相關文章

• 喜新念舊‧超炫快閃字卡小教具
• http://www.plurk.com/p/71ifs3

 更新記錄

• 2014.12.20 修正設定檔找不到路徑的問題。
• 2013.10.01 修正設定了 font 指定字型卻沒作用的問題。
• 2010.09.06 題庫的圖片原來使用 300x300 ，現在會維持原比例來放大或縮小。
• 2010.09.05 題庫如果使用的是圖片的路徑(帶有 .jpg, .png, .gif, .swf) ，可以載入圖片檔。
• 2010.08.27 加入音效開關的按鈕，設定檔加入 sound_enabled 的參數，供設定音效預設是否開啟。將 Show & Hide 兩個按鈕合而為一，有 Show 就沒有 Hide, 有 Hide 就沒有 Show, 唉呀！本來就應該這樣設計才合理嘛！
• 2010.08.19 修正遮板方塊 fade out 不正常的問題。修正設定檔中參數名稱錯誤(background_image 打成 backround_image)，加入 message 及 message_url 的參數。
• 2010.08.18 修正在英文版 Windows 中，字較大，最底下會被切掉的問題。加入下方的工具列按鈕及可加背景圖的功能。
• 2010.08.17 動工。