You are on page 1of 47

測驗卷多媒體化及遊戲化

的設計與應用
初階
中階

2010年暑期橙縣數位學習
中心數位華語文師資培訓
初階

通常至少包括一個.swf檔案(或.exe檔
案)及一個.txt或.xml檔案
.swf檔案:遊戲主程式檔案
.txt或.xml檔案:要輸入的資料檔案
(例如:目錄、題目)
另外可能有data 或images/thumbnail
的文件夾
存放圖片檔或聲音的資料夾
By Sharon Chu
初階

http://blog.huayuworld.org/cindy2008/12161

1. Matching game
版本:有簡體及繁體等兩的版本。
內容:
兩個文件夾: data 及thumbnail
data內有兩個.xml檔案
thumbnail內為圖片檔。
一個.swf檔案

By Sharon Chu
初階

http://blog.huayuworld.org/cindy2008/12161

1. Matching game
遊戲樣本

By Sharon Chu
初階

http://blog.huayuworld.org/cindy2008/12161

1. Matching game 做法
前置作業:請先將要使用的圖片放置在
thumbnail文件夾內。圖片大小以
120*90左右。
做法:
以Notepad打開imges.xml檔
輸入題目
By Sharon Chu
初階

http://blog.huayuworld.org/cindy2008/12161

1. Matching game 做法 拼音圖片

圖片名稱
測驗題目

測驗名稱
題數
註:拼音建議用圖像,避免學生電腦內沒有字型時亂碼
By Sharon Chu
初階

http://blog.huayuworld.org/cindy2008/12161

1.拼字/拼圖
內容:
一個文件夾:
一個list.txt檔案
及一些圖片檔。
一個.swf檔案
遊戲樣本

By Sharon Chu
初階

http://blog.huayuworld.org/cindy2008/12161

2.拼字/拼圖做法 選擇喜歡的圖
利用PPT做字卡圖案 案做背景
選擇背景
字型尺寸設為500
用Jing或其他圖像
抓取工具抓下圖像
修改list.txt檔案
字型尺吋:500
By Sharon Chu
初階

http://blog.huayuworld.org/cindy2008/12161

2.拼字/拼圖做法
修改list.txt檔案
以Notepad打開list.txt檔
輸入題目(圖片名稱)
遊戲名稱 圖片名稱
測驗名稱

題數
By Sharon Chu
初階

http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

3.五子棋 (顏國雄老師)
內容:
一個 set.txt檔
一個.swf檔案
(gomoku.swf)

遊戲樣本
By Sharon Chu
初階

http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

3.五子棋 (顏國雄老師)
行數及列數可自定,每個空格以不超過
三個字為原則。
做法:
以Notepad打開set.txt檔
輸入題目(每個空格有兩個字以上時,
每個詞輸入完成後要換行。)

By Sharon Chu
初階

http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

3.五子棋 (顏國雄老師)
1.設定字型
2.設定字型尺寸
3.格子的寬度,預設為
40,如果格子數不多時,
建議改大一點,這樣字
也會跟著放大

By Sharon Chu
初階

http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

3.五子棋 (顏國雄老師)
4.「1」表示格子內的
字以亂數出現, 「0」
按輸入次序出現 6. 「1」表示格子
5.遊戲時間 上方出現編號,
「0」不出現編號
7. 行及列數

8. 格子內顯示的字
By Sharon Chu
初階

http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

4.戳戳樂(顏國雄老師)
內容:
一個 set.txt檔
一個data文件夾
兩個.swf檔案
pork.swf
Pork-bg-white,swf
(遊戲背景為白色) 遊戲樣本
By Sharon Chu
初階

http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

4.戳戳樂(顏國雄老師)
以Notepad打開set.txt檔
1.行及列數

2.題數
3.第一題顯示的字

By Sharon Chu
初階

http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

4.戳戳樂(顏國雄老師)
以Notepad打開set.txt檔
1.行及列數

2.題數
3.第一題顯示的字

By Sharon Chu
中階

Flash Template
http://blog.huayuworld.org/cindy2008/12161

5. Matching game (雙組記憶遊戲)


雙組遊戲,可以選擇生詞對拼音;生詞
對圖片、或是生詞對注音的配對遊戲。
含三個文件夾和一個.swf檔案
data:一個 .xml檔案
Thumbnail:圖片檔,圖片大小以
120*90左右
pics: 拼音或注音製程的圖片檔

By Sharon Chu
中階

Flash Template
http://blog.huayuworld.org/cindy2008/12161

5. Matching game (雙組記憶遊戲)


以Notepad打開imgesTpic.xml檔
修改後請存成Unicode 檔案。
(如果你想採直接輸入
拼音的方式,例第一
題,就把pinyin=
”pics/p1.png”引號內文
字改為” shuǐ guǒ ”)
遊戲樣本
By Sharon Chu
中階

Flash Template
http://blog.huayuworld.org/cindy2008/12161

5. Matching game (雙組記憶遊戲)

1.輸入圖
像名稱 2.拼音或注音 3.輸入生
的圖像名稱 詞或文

4.標題

5.題數
By Sharon Chu
中階

Flash Template
http://blog.huayuworld.org/cindy2008/12161

6. Word game

猜字遊戲,主要包括一個.xml檔
案和一個.swf檔案。
以Notepad打開wordgame.xml檔
每題最多輸入兩個字
修改後請存成Unicode 檔案。

By Sharon Chu
中階

Flash Template
http://blog.huayuworld.org/cindy2008/12161

6. Word game

遊戲樣本
By Sharon Chu
中階

Flash Template
http://blog.huayuworld.org/cindy2008/12161

6. Word game

1.輸入生詞 2.輸入拼音

3.輸入完成→File→Save
(請存成Unicode 檔案)
By Sharon Chu
中階

Flash Template
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

8.語文高手 (顏國雄老師)
可以用在「形近字」、「同音字」和
「多音字」三種題型
由一個 Flash 程式,一個選單設定檔,
一個題庫檔目錄和題庫檔案所組成。
baseketball.swf / football.swf (程式)
Set.txt (選單設定檔)
data (資料夾,題庫檔案存放目錄,
名稱可由 set.txt 中指定)
By Sharon Chu
中階

Flash Template
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

8.語文高手 (顏國雄老師)
set.txt 的最簡單範例:
&menuCount=1&datafolder=
data&title=語文高手&
&menu1=康軒三上01形近字
,c05-01-1.txt&
設定檔中以 & 符號將各項設
定隔開
By Sharon Chu
中階

Flash Template
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

8.語文高手 (顏國雄老師)
題庫檔存放在名為
有25個選單
data 的資料夾中
標題

對應到的題
選單第一個叫 庫檔案名稱
「IC1P2L11形近字」
By Sharon Chu
中階

Flash Template
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

8.語文高手 (顏國雄老師)
有兩題 以逗號隔開
答案組
題目類型

第一題
第二題 半形空白為字的分隔
語文高手題庫產生器
By Sharon Chu
中階

Flash Template
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

8.語文高手 (顏國雄老師)

遊戲樣本
By Sharon Chu
中階

Flash Template
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

9. TeamPlay (顏國雄老師)
分組搶答
可自訂題庫檔中各欄位的順序。
支援文字、圖形、聲音的題型,可以自行混
搭。
可自行定義操作時,鍵盤按鍵的對應。
題庫檔主要以 CVS 的格式,並用 UTF-8 的
編碼來儲存。所以可以利用文字編輯器或是
類似 MS Office 的 Excel、OpenOffice 的
Calc ...... 等試算表軟體來編寫題庫。

By Sharon Chu
中階

Flash Template
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

9. TeamPlay (顏國雄老師)
由一個 Flash 程式,一個選單設定檔,
題庫檔案,一個Excel檔和兩個文件
夾所組成。
Teamplayer.swf (程式)
Set.txt (選單設定檔)
image (資料夾,存放圖片)
Sound (資料夾,存放聲音檔)
Excel檔:CVS轉檔程式
By Sharon Chu
中階

Flash Template
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

9. TeamPlay (顏國雄老師)
題庫檔檔
案名稱 各欄位
的順序

出題時抓多少題
倒數計時 給使用者回答
定義多久為一秒
下一題對應的鍵盤按鍵
By Sharon Chu
中階

Flash Template
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

9. TeamPlay (顏國雄老師)
上一題對應的鍵盤按鍵

播放聲音題時對
應的鍵盤按鍵
Player1回答時對應的鍵
盤按鍵(選項 1 對應鍵盤的
1 ,選項 2 對應鍵盤的 2,
選項 3 對應鍵盤的 3, 選項
4 對應鍵盤的 4。)

Player2回答時對應的鍵盤按鍵
By Sharon Chu
中階

Flash Template
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

9. TeamPlay (顏國雄老師)
要存為 UTF-8 編碼
圖像用分號區隔
純文字逗號區隔

聲音用雙分號區隔
By Sharon Chu
中階

Flash Template
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

9. TeamPlay (顏國雄老師)

要存為
UTF-8 編碼

遊戲樣本
By Sharon Chu
中階

Flash Template
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

10.大富翁 (顏國雄老師)
可自訂要多少格讓使用者玩,程式會自
動產生遊戲 "棋盤”
可以設定每格的功能(機會、命運
......),及格子裡要填入的文字內容、
字型大小和可以前進、後退幾步。
支援文字、圖形、聲音的題型。
可以自己選擇要幾位玩家,目前最多可
以六位輪流玩。
By Sharon Chu
中階

Flash Template
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

10.大富翁 (顏國雄老師)
由一個 Flash 程式,一個選單設定檔,題
庫檔案,一個文件夾和一個HTML所組成。
index.html (呼叫主程式用的 HTML網頁檔)
monopoly.swf (主程式)
menu.xml (選單設定檔)
set.xml (自訂題庫設定範例檔 1 ,由
menu.xml 中指定)
PE-set.xml ( 自訂題庫設定範例檔 2 ,由
menu.xml 中指定)
By Sharon Chu
中階
10.大富翁 (顏國雄老師)
menu.xml 用來設定遊戲的主選單
標題
對應的遊戲設定
檔的檔案名稱

第二的遊戲設定檔的檔案名稱
By Sharon Chu
中階
10.大富翁 (顏國雄老師)
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

說明文字

可設定的水平及垂直
方向的格子數

總格子數
可設定的變數
By Sharon Chu
中階
10.大富翁 (顏國雄老師)
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

出現在格子
上的文字
問答的題庫名稱

設定是「棋盤」
中的第幾格

步數超過走到最後一格的步數
By Sharon Chu 時,超過的步數會變倒退走
中階
10.大富翁 (顏國雄老師)
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

圖片用分號區隔

By Sharon Chu
中階
10.大富翁 (顏國雄老師)
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

By Sharon Chu
中階
10.大富翁 (顏國雄老師)
http://mail.lsps.tp.edu.tw/~gsyan/works/flash/

正確答案 圖片名稱 可以走的步數

答案選項

圖像用分號分隔

問題
By Sharon Chu
中階
10.大富翁 (顏國雄老師)
menu.xml 用來設定遊戲的主選單

遊戲樣本

By Sharon Chu
中階

Flash Template
11.百萬大富翁
這個遊戲由四個檔案組成,說明如下
richman_special.swf→遊戲主程式
richman_special.exe →遊戲主程式
text_maker.xls →可以輸入題庫的
EXCEL檔
questions.txt→遊戲主程式抓取題目的
題庫檔
By Sharon Chu
中階

Flash Template
11.百萬大富翁
1.點選“選項”

2.勾選“啟用這的內容”

By Sharon Chu
中階

Flash Template
11.百萬大富翁

輸入題目 正確答案 答案選項

第一題是從EXCEL檔中的1-5
中的亂數選出一題來出一題。
依此類推,可每五題更新一
題。如能出滿75題則更有變
化性及趣味性。
By Sharon Chu
中階

Flash Template
11.百萬大富翁 2.巨集
1
file

5.存檔 3.選取 4.執行

By Sharon Chu
中階

Flash Template
11.百萬大富翁

遊戲樣本
By Sharon Chu

You might also like