ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
取用代碼遊戲設定
2
match-test<script charset="utf-8" id="settingJS" type="text/javascript">
//=======================================================
// HTML5 對對碰 題庫設定檔
//=======================================================

//------------------------------
//遊戲標題
//------------------------------
title = '對對碰';

//------------------------------
//卡片上文字的字體名稱
//------------------------------
font = 'EngTRESS A';

//------------------------------
//是否顯示格子的編號
// true :顯示編號 false :無編號
//------------------------------
showNumber = false;

//------------------------------
//編號大小(相對於格子的比例)
//------------------------------
numberLabelFontSizeScale = 0.4;

//------------------------------
//答對時加多少分
//------------------------------
scoreAdd = 100;

//------------------------------
//答錯時扣多少分
//------------------------------
scoreMinus = 150;

//------------------------------
//是否覆蓋牌
// true :蓋牌 false :不蓋牌
//------------------------------
memoryMode = false;

//------------------------------
//等幾秒才蓋牌
//------------------------------
momorySeconds = 10;

//------------------------------
//牌被選取時的邊框顏色
//------------------------------
card_selected_border_color = '#ff0000';

//------------------------------
//文字的顏色
//------------------------------
card_text_color = '#ff6600';

//------------------------------
//蓋牌時背面的圖案或文字
//------------------------------
card_back = 'assets/smile.png';

//------------------------------
//牌未選取時的背景顏色(可以設多個,用逗號分隔)
//------------------------------
card_back_color = '#006666';

//------------------------------
//牌未選取時文字的顏色
//------------------------------
card_back_text_color = '#ffffff';

//------------------------------
//Google TTS 文字轉語音的設定
//語言代碼: 'en-US' 'zh-TW'
//------------------------------
tts_language = 'en-US';

//語音的速度 0 ~ 1 (可用小數)
tts_speed = 0.75;

//---------------------------------------------------
// [題庫設定]
//---------------------------------------------------

//------------------------------
//題庫欄位分隔符號
//------------------------------
fields_seperator = '##';

//------------------------------
//一張卡片多個內容的分隔符號
//------------------------------
fields_seperator2 = '~~';

//
// [題目設定]
//
// 每一行即是一個問題(一對牌組)
// 每一個問題中以題庫欄位分隔符號分為兩欄(兩張牌)
// 牌卡目前支援的素材有：文字、圖片、聲音
//
// 一張卡片可以指定多個內容
// 多內容用 fields_seperator2(~~) 分隔，會用亂數取用其中一個
//
questionLines = function(){/*--這一行請勿更改--
CHICKEN##chicken.tts
MONKEY##monkey.tts
HORSE##horse.tts
COW##https://gsyan888.github.io/html5_fun/html5_match/samples/cow.png
DOG##https://gsyan888.github.io/html5_fun/html5_match/samples/dog.png
CAT##https://gsyan888.github.io/html5_fun/html5_match/samples/cat.png

-----*/}.toString().replace(/\r/g,"").slice("function(){/*--這一行請勿更改--".length+1,-9);

//
//
//
//=======================================================
//以下為執行程式,不需要修改
//=======================================================
//將題庫先進行 HTML 解碼, 標點符號才不會變 &#???;
decodeHTML = function(html) {
var txt = document.createElement("textarea");
txt.innerHTML = html;
return txt.value;
};
//將指定清單中的變都先進行 HTML 解碼(文字型態的才需要)
var decodeList = ['title', 'font', 'tts_language', 'scoreAdd', 'scoreMinus', 'memoryMode', 'momorySeconds', 'showNumber', 'numberLabelFontSizeScale', 'card_selected_border_color', 'card_text_color', 'card_back', 'card_back_color', 'card_back_text_color', 'questionLines'];
for(var nIndex=0; nIndex<decodeList.length; nIndex++) {
var varName = decodeList[nIndex];
if(typeof(window[varName])=='string') {
window[varName] = decodeHTML(window[varName]);
}
}
/*
<meta name="referrer" content="no-referrer" />
*/
var metaReferrer = null;
var meta = document.getElementsByTagName('meta');
for(var nIndex=0; nIndex<meta.length; nIndex++) {
if(meta[nIndex].name=="referrer") {
metaReferrer = meta[nIndex];
break;
};
}
if(metaReferrer==null) {
metaReferrer = document.createElement('meta');
metaReferrer.name = "referrer";
document.getElementsByTagName('head')[0].appendChild(metaReferrer);
}
metaReferrer.content = "no-referrer";
</script>
<script type="text/javascript" charset="utf-8" id="injectionJS" src="https://gsyan888.github.io/html5_fun/html5_fun_embeded.js" autostart="false" modulename="match"></script>

3
bopomofo-testPHNjcmlwdCBjaGFyc2V0PSJ1dGYtOCIgaWQ9InNldHRpbmdKUyIgdHlwZT0idGV4dC9qYXZhc2NyaXB0Ij4KLy89PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ci8vIEhUTUw1IOazqOmfs+mrmOaJiyDpoYzluqvoqK3lrprmqpQKLy89PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09CgovLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLQovL+S4iuaWueeahOaomemhjAovLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLQp0aXRsZSA9ICfms6jpn7Ppq5jmiYsnOwoKCi8vLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tCi8v5Ye66aGM5pmC5piv5ZCm6KaB5Lul5LqC5pW45L6G6YG46aGMCi8vICB0cnVlIDrkuoLmlbjlh7rpoYwgIGZhbHNlIDrmjInpoYzluqvpoIbluo8KLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0Kb3JkZXJfYnlfcmFuZG9tID0gdHJ1ZTsKCi8vLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tCi8v6Jmb5pOs6Y2155uk5piv5ZCm6KaB6YG45ZyL5a2XCi8vICB0cnVlIDrpnIDoh6rlt7HpgbjlnIvlrZcgIGZhbHNlIDroh6rli5XpgbjlrZcKLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0KY2hhcmFjdGVyX3NlbGVjdF9lbmFibGVkID0gZmFsc2U7ICAvL2ZhbHNlIOaJk+WujOazqOmfs+S4jeeUqOmBuOWci+WtlwoKLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0KLy/poYznm67kuK3mmK/lkKbpoa/npLrlnIvlrZcKLy8gIHRydWUgOumhr+ekuuWci+WtlyAgZmFsc2UgOuWci+Wtl+iuiuaIkOahhuahhgovLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLQpzaG93X2NoYXJhY3RlciA9IGZhbHNlOwkgLy9mYWxzZSDlnIvlrZfpg73orormoYbmoYYo5Y+q6IO96IG9LOWlvemboyEpCgovLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLQovL+ioreWumuavj+S4gOWbnuimgeWHuuWkmuWwkemhjOe1puS9v+eUqOiAheWBmuetlAovLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLQpxdWVzdGlvbnNfdG9fYW5zd2VyID0gMTA7CgoKLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0KLy/mjqXmlLbkvZznrZToqJjpjITnmoTnqIvlvI/ntrLlnYAKLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0KbG9nZ2VyX3VybCA9ICcnOwoKLy8KLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0KLy/jgJDpoYzluqvoqK3lrprjgJEKLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0KLy8KLy/mrITkvY3liIbpmpTnrKbomZ/ngrrlhanlgIvkupXlrZfomZ8oIyMpCnNlcGVyYXRvciA9ICcjIyc7CgovLwovL+OAkOmhjOebruioreWumuOAkQovLyAg5LiA6KGM5LiA6aGMLCAKLy8gIOashOS9jeW3pui1twovLyAgICDnrKzkuIDmrITngrrlnIvlrZcKLy8gICAg56ys5LqM5qyE54K65ZyW54mH5qqU55qE6Lev5b6RKOWPr+S4jeS9v+eUqCkKLy8gICAg56ys5LiJ5qyE54K66IGy6Z+z5qqU55qE6Lev5b6RKOaykuacieaMh+WumuiBsumfs++8jOacg+eUqOWQiOaIkOiqnumfsykKLy8gICAg56ys5Zub5qyE6Ieq6KiC562U5qGI55qE5rOo6Z+zKOWPr+S4jeS9v+eUqO+8jOavj+S4gOWWruWtl+mWk+eUqOepuuagvOmalOmWi++8jOS+i+Wmgjog44SJ44Say4sgIOOEkuOEqeOEpcuKKQovLwpxdWVzdGlvbkxpbmVzID0gZnVuY3Rpb24oKXsvKi0t6YCZ5LiA6KGM6KuL5Yu/5pu05pS5LS0K5bCP54uXCuW4veWtkArmna/lrZAK6LKT5ZKqCgotLS0tLSovfS50b1N0cmluZygpLnJlcGxhY2UoL1xyL2csIiIpLnNsaWNlKCJmdW5jdGlvbigpey8qLS3pgJnkuIDooYzoq4vli7/mm7TmlLktLSIubGVuZ3RoKzEsLTkpOwoKLy8KLy8KLy8KLy89PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ci8v5Lul5LiL54K65Z+36KGM56iL5byPLOS4jemcgOimgeS/ruaUuQovLz09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0KLy/lsIfpoYzluqvlhYjpgLLooYwgSFRNTCDop6PnorwsIOaomem7nuespuiZn+aJjeS4jeacg+iuiiAmIz8/PzsKZGVjb2RlSFRNTCA9IGZ1bmN0aW9uKGh0bWwpIHsKICAgIHZhciB0eHQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCJ0ZXh0YXJlYSIpOwogICAgdHh0LmlubmVySFRNTCA9IGh0bWw7CiAgICByZXR1cm4gdHh0LnZhbHVlOwp9OwovL+Wwh+aMh+Wumua4heWWruS4reeahOiuiumDveWFiOmAsuihjCBIVE1MIOino+eivCjmloflrZflnovmhYvnmoTmiY3pnIDopoEpCnZhciBkZWNvZGVMaXN0ID0gWydxdWVzdGlvbnNfdG9fYW5zd2VyJywgJ29yZGVyX2J5X3JhbmRvbScsICdjaGFyYWN0ZXJfc2VsZWN0X2VuYWJsZWQnLCAnc2hvd19jaGFyYWN0ZXInLCAnbG9nZ2VyX3VybCcsICdxdWVzdGlvbkxpbmVzJ107CmZvcih2YXIgbkluZGV4PTA7IG5JbmRleDxkZWNvZGVMaXN0Lmxlbmd0aDsgbkluZGV4KyspIHsKICB2YXIgdmFyTmFtZSA9IGRlY29kZUxpc3RbbkluZGV4XTsKICBpZih0eXBlb2Yod2luZG93W3Zhck5hbWVdKT09J3N0cmluZycpIHsKICAgIHdpbmRvd1t2YXJOYW1lXSA9IGRlY29kZUhUTUwod2luZG93W3Zhck5hbWVdKTsKICB9Cn0gIAovKiAKIDxtZXRhIG5hbWU9InJlZmVycmVyIiBjb250ZW50PSJuby1yZWZlcnJlciIgLz4gCiovCnZhciBtZXRhUmVmZXJyZXIgPSBudWxsOwp2YXIgbWV0YSA9IGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCdtZXRhJyk7CmZvcih2YXIgbkluZGV4PTA7IG5JbmRleDxtZXRhLmxlbmd0aDsgbkluZGV4KyspIHsgCiAgaWYobWV0YVtuSW5kZXhdLm5hbWU9PSJyZWZlcnJlciIpIHsKICAgIG1ldGFSZWZlcnJlciA9IG1ldGFbbkluZGV4XTsKICAgIGJyZWFrOwogIH07Cn0KaWYobWV0YVJlZmVycmVyPT1udWxsKSB7CiAgbWV0YVJlZmVycmVyID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnbWV0YScpOwogIG1ldGFSZWZlcnJlci5uYW1lID0gInJlZmVycmVyIjsKICBkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgnaGVhZCcpWzBdLmFwcGVuZENoaWxkKG1ldGFSZWZlcnJlcik7Cn0KbWV0YVJlZmVycmVyLmNvbnRlbnQgPSAibm8tcmVmZXJyZXIiOwo8L3NjcmlwdD4KPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiIGNoYXJzZXQ9InV0Zi04IiBpZD0iaW5qZWN0aW9uSlMiIHNyYz0iaHR0cHM6Ly9nc3lhbjg4OC5naXRodWIuaW8vaHRtbDVfZnVuL2h0bWw1X2Z1bl9lbWJlZGVkLmpzIiBhdXRvc3RhcnQ9ImZhbHNlIiBtb2R1bGVuYW1lPSJwaG9uZXRpY3NfcXVpeiI+PC9zY3JpcHQ+Cgo=
4
筆順選單測試https://docs.google.com/spreadsheets/d/1Nh0-MdkxtxMT-qnxAXQYASpojvQcV2foB6XqzLWmIw8/edit?gid=1082709514#gid=1082709514
5
注音高手測試https://docs.google.com/spreadsheets/d/1Nh0-MdkxtxMT-qnxAXQYASpojvQcV2foB6XqzLWmIw8/edit?gid=1967305853#gid=1967305853
6
形近-多音-同音測試https://docs.google.com/spreadsheets/d/1Nh0-MdkxtxMT-qnxAXQYASpojvQcV2foB6XqzLWmIw8/edit?gid=1377145202#gid=1377145202
7
Speakinghttps://docs.google.com/spreadsheets/d/1Nh0-MdkxtxMT-qnxAXQYASpojvQcV2foB6XqzLWmIw8/edit?gid=1205102530#gid=1205102530
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100