forked from cgolden15/tetris
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
114 lines (103 loc) · 3.8 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
<html>
<head>
<title>Dashboard</title>
<link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css" />
<link href="styles.css" rel="stylesheet" type="text/css" />
<script src="cookie.js"></script>
<script src="tetris_main.js"></script>
<script>
function onClickEvent(event){
if (Tetris.currentInstance) {
Tetris.currentInstance.mouseClicked(event.layerX, event.layerY);
}
}
</script>
</head>
<body>
<table border="0" class="mainTable">
<tr>
<td class="menuCell">
<div class="menu">
<img class="menuLogo" src="media/background/logo.png"></img>
<br/><br/>
<a href="index.html" class="bareLink">
<div class="menuItem selectedMenuItem">Play Tetris</div>
</a>
<br/>
<a href="controls.html" class="bareLink">
<div class="menuItem">Controls Options</div>
</a>
<br/>
<a href="highScores.htm" class="bareLink">
<div class="menuItem selectedMenuItem">High Scores</div>
</a>
<br/>
</div>
</div>
<a href="about.htm" class="bareLink">
<div class="menuItem">About TwitchTetris</div>
</a>
<br/>
<a href="http://cgolden15.github.io" class="bareLink" target="_blank">
<div class="menuItem">About the Developer</div>
</a>
<br/>
<div class="instructions">
<b> > Tetris --help </b>
<p>Use the keyboard controls to rotate and move the blocks as they fall</p>
<p>Place the blocks to form horizontal lines, which will be removed and make all the blocks above fall down. If the blocks reach the top of the screen, the game is over!</p>
<p>Clear multiple lines at a time, or clear lines in consective moves to earn more points.</p>
</div>
</div>
</td>
<td class="contentCell">
<div class="gamePanel">
<div class="gameElements">
<div class="ttyOutput scoreOutput" id="scoreDiv"></div>
<div class="ttyOutput linesOutput" id="linesDiv"></div>
<div class="ttyOutput levelOutput" id="levelDiv"></div>
<div class="ttyOutput tickerOutput" id="tickerDiv"></div>
<div class="gameEndOutputHidden" id="gameEndContainer">
<div style="padding:5px;" id="gameEndDiv"></div>
</div>
<canvas class="gameCanvas" id="gameCanvas" width="600" height="500" onclick="onClickEvent(event)" class="gameCanvas">Your browser does not natively support Html5, or the Canvas Tag. Using this browser is slowing the progress of the web. Please get a modern browser, such as Google Chrome or Mozzila FireFox</canvas>
</div>
<div class="controlsTitle">
<br/>
<b>Controls:</b><br/>
<table border="1" cellpadding="3" class="controlsTable">
<tr class="controlsTableHeader">
<td width="80">Move Block</td>
<td width="80">Soft Drop</td>
<td width="80">Rotate</td>
<td width="80">Save Piece</td>
<td width="80">Hard Drop</td>
<td width="80">Pause</td>
</tr>
<tr>
<td><span id="shiftLeft">Left</span>, <span id="shiftRight">Right</span></td>
<td><span id="softDrop">Down</span></td>
<td><span id="rotateLeft">Z</span>, <span id="rotateRight">X, Up</span></td>
<td><span id="swap">C, Shift</span></td>
<td><span id="hardDrop">Space</span></td>
<td>Esc</td>
</tr>
</table>
</div>
<br/>
<a href="controls.html" class="bareLink">
<div class="menuItem">Controls Options</div>
</a>
<br/>
<a href="highScores.htm" class="bareLink">
<div class="menuItem">HighScores</div>
</a>
</div>
</td>
<td width="20"> </td>
</tr>
</table>
<script async src="//static.getclicky.com/101357250.js"></script>
<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/101357250ns.gif" /></p></noscript>
</body>
</html>