tetris/index.html at master · mcgeld/tetris · 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
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE HTML>
<html lang = "en-US">
<head>
	<meta charset = "UTF-8">
	<title>Tetris</title>
	<!--<link rel="stylesheet" type = "text/css" href="bg.css">-->
	<script src = "scripts/modernizr.js"></script>
	<script src = "scripts/loader.js"></script>
    <!--Milestones
        1. Menus, Mouse & keyboard remapping
        2. Grid, drawing pieces, moving, rotation, placement
        3. Row detection, collapsing, scoring
    -->


</head>
<body>
    <div id="mainMenuScreen">
		<h1>Main Menu</h1>
		<button type="button" onclick="MyGame.toNewGame()">New Game</button>
		<button type="button" onclick="MyGame.toHighScores()">High Scores</button>
		<button type="button" onclick="MyGame.toControls()">Controls</button>
		<button type="button" onclick="MyGame.toCredits()">Credits</button>
	</div>
	<div id="newGameScreen" hidden="true">
		<h1>New Game</h1>
		<button type="button" onclick="MyGame.toMainMenu()">Main Menu</button>
		<canvas id = "canvas-main" width = "1000" height = "600" height: "100%" width: "100%"></canvas>
	</div>
	<div id="highScoreScreen" hidden="true">
		<h1>High Scores</h1>
		<button type="button" onclick="MyGame.toMainMenu()">Main Menu</button>
	</div>
	<div id="controlScreen" hidden="true">
		<h1>Controls</h1>
		<button type="button" onclick="MyGame.toMainMenu()">Main Menu</button>
		<table>
			<tr>
				<th>Action</th>
				<th>Key</th>
				<th></th>
			</tr>
			<tr>
				<td>Hard Drop</td>
				<td id="hardDropKey"></td>
				<td><button type="button" onclick="MyGame.readySetKey(1,'Hard Drop')">Change Key</button></td>
			</tr>
			<tr>
				<td>Soft Drop</td>
				<td id="softDropKey"></td>
				<td><button type="button" onclick="MyGame.readySetKey(2, 'Soft Drop')">Change Key</button></td>
			</tr>
			<tr>
				<td>Rotate Left</td>
				<td id="rotateLeftKey"></td>
				<td><button type="button" onclick="MyGame.readySetKey(3, 'Rotate Left')">Change Key</button></td>
			</tr>
			<tr>
				<td>Rotate Right</td>
				<td id="rotateRightKey"></td>
				<td><button type="button" onclick="MyGame.readySetKey(4, 'Rotate Right')">Change Key</button></td>
			</tr>
		</table>
	</div>
    <div id="waitingScreen" hidden="true">
        <h2 id="waitingScreenMessage"></h2>
    </div>
	<div id="creditScreen" hidden="true">
		<h1>Credits</h1>
		<button type="button" onclick="MyGame.toMainMenu()">Main Menu</button>
	</div>
</body>
</html>