-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcylinderchess.html
54 lines (53 loc) · 1.84 KB
/
cylinderchess.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cylinder Chess</title>
<style>
body {
background-color: beige;
}
</style>
<script src="https://rawgit.com/huningxin/webglbook_examples/master/lib/webgl-utils.js"></script>
<script src="https://rawgit.com/huningxin/webglbook_examples/master/lib/webgl-debug.js"></script>
<script src="https://rawgit.com/huningxin/webglbook_examples/master/lib/cuon-utils.js"></script>
<script src="https://rawgit.com/huningxin/webglbook_examples/master/lib/cuon-matrix.js"></script>
<script src="./JSlib/dictionary.js"></script>
<script src="./JSlib/chesslogic.js"></script>
<script src="./JSlib/cylinderchess.js"></script>
</head>
<body onload="main()">
<table>
<tr>
<td style="height: 100%; width: 35%; vertical-align: top;">
<h1>Cylinder Chess</h1>
<h2 id="turndisplay">White's turn</h2>
<h3 id="matedisplay"></h3>
<br><br><br>
<h3>Last move:</h3>
<div id="lastmove">None</div>
<button onclick="UndoLastMove()">Undo last move</button>
<br><br><br><br><br>
<button onclick="ResetBoard()">Reset Board</button>
</td>
<td>
<div style="width: fit-content;">
<canvas id="webgl" width="600" height="600">
Please use a browser that supports "canvas"
</canvas>
<table style="width: 100%;">
<tr>
<td>
<button onclick="ScrollBoard('L')">Scroll Left</button>
</td>
<td style="float: right;">
<button onclick="ScrollBoard('R')">Scroll Right</button>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>