-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (119 loc) · 3.39 KB
/
index.html
1
2
3
4
5
6
7
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>
<form id="myform" action="" onchange="jump()">
<div style="display: inline;">
<label for="botai">Bot AI:</label>
<select name="botai" id="botai">
<option value="1">random</option>
<option value="2">heuristic</option>
</select>
</div>
<div style="display: inline;">
<label for="type">Compete Type:</label>
<select name="type" id="type">
<option value="1">yourai</option>
<option value="2">machine learning - train</option>
<!-- <option value="3">machine learning - compete</option> -->
</select>
</div>
<br>
<div>
<span><span>x win:</span> <span class="xwin">0</span></span>
<br>
<span><span>o win:</span> <span class="owin">0</span></span>
<br>
<span><span>tie:</span> <span class="tie">0</span></span>
<br>
<span><span>x win ratio:</span> <span class="xratio">0</span>%</span>
<br>
<span><span>o win ratio:</span> <span class="oratio">0</span>%</span>
</div>
<br>
</form>
</div>
<canvas id="player" width="500" height="100"></canvas>
<canvas id="demoCanvas" width="500" height="500"></canvas>
</body>
<script src="js/createjs-2015.11.26.min.js"></script>
<script src="js/tweenjs-0.6.2.min.js"></script>
<script src="ttt.js"></script>
<script>
function jump() {
var kvpairs = [];
var frm = document.getElementById('myform');
for(var i=0; i< frm.elements.length; i++)
{
var ele = frm.elements[i];
kvpairs.push(encodeURIComponent(ele.name)+"="+encodeURIComponent(ele.value));
}
var queryString = kvpairs.join("&");
console.log(window.location.origin+"?"+queryString);
window.location.href = "?"+queryString;
}
// get url parameters
function getQueryString() {
// This function is anonymous, is executed immediately and
// the return value is assigned to QueryString!
var query_string = {};
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
// If first entry with this name
if (typeof query_string[pair[0]] === "undefined") {
query_string[pair[0]] = decodeURIComponent(pair[1]);
// If second entry with this name
} else if (typeof query_string[pair[0]] === "string") {
var arr = [ query_string[pair[0]],decodeURIComponent(pair[1]) ];
query_string[pair[0]] = arr;
// If third or later entry with this name
} else {
query_string[pair[0]].push(decodeURIComponent(pair[1]));
}
}
return query_string;
}
(function() {
// init form setting
var query_string = getQueryString();
if(query_string.botai) {
var elements = document.forms[0].elements;
for (var i = 0; i < elements.length; i++) {
switch(elements[i].name) {
case "botai":
elements[i].value = query_string.botai;
break;
case "type":
elements[i].value = query_string.type;
break;
}
}
}
})();
</script>
<script>
function chooseYourRole() {
// ***Demo Start***
board.chooseRole('o');
// ***Demo End***
}
function yourAI() {
//***** start your AI code inside ******//
console.log(board.getStatus());
// Random Demo
while(board.currPlayer == board.selectedPlayer)
{
var index = Math.floor(Math.random()*9)+1;
console.log()
move(index);
}
//***** end your code inside******//
}
</script>
</html>