twistedfour/index.html at master · tweakimp/twistedfour · GitHub

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
<!DOCTYPE html>
<html>

<head>
	<title>twistedfour</title>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="CSS/style.css">
	<link rel="shortcut icon" type="image/x-icon" href="IMG/twistedfouricon.png">
</head>

<body>
	<div class="container">
		<div class="turn">
			<div class="left">TURN LEFT</div>
			<div class="right">TURN RIGHT</div>
		</div>
		<div class="gameArea">
		</div>
		<div class="statusArea">Start the game!
		</div>
		<div class="scoreArea">0
		</div>
		<div class="interface">
			<div class="players">
				<fieldset>
					<div>Player 1
						<input type="radio" name="startPlayer1" value="human">Human<br>
						<input type="radio" name="startPlayer1" value="ai">AI<br>
						<input type="radio" name="startPlayer1" value="deepAi" checked>DeepAI<br>
						<input type="radio" name="startPlayer1" value="random">Random
					</div>
					<br>
					<div>Player 2
						<input type="radio" name="startPlayer2" value="human">Human<br>
						<input type="radio" name="startPlayer2" value="ai" checked>AI<br>
						<input type="radio" name="startPlayer2" value="deepAi" checked>DeepAI<br>
						<input type="radio" name="startPlayer2" value="random">Random
					</div>
					<br>
					<div>Time per move (in sec)
						<input name="timelimit" type="number" value="2"><br>
					</div>
					<button onclick="startGame()">START</button>
				</fieldset>

			</div>
		</div>
	</div>

	<script src="js/AI/ai.methods.deepMove.js"></script>
	<script src="js/AI/ai.methods.singleMove.js"></script>
	<script src="js/AI/ai.resc.winlist.js"></script>
	<script src="js/Score.js"></script>
	<script src="js/Score.js"></script>
	<script src="js/Player.js"></script>
	<script src="js/GameArea.js"></script>
	<script src="js/Game.js"></script>
	<script src="js/Main.js"></script>
</body>

</html>