File size: 4,083 Bytes
1e40c2a |
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 |
<html>
<head>
<title>TwitchTetris</title>
<link href="//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="gameControls.js"></script>
<script src="jawsjs.js"></script>
<script src="Block.js"></script>
<script src="Shapes.js"></script>
<script src="WallKicks.js"></script>
<script src="ControlGroup.js"></script>
<script src="Background.js"></script>
<script src="RandomBag.js"></script>
<script src="PreviewGroup.js"></script>
<script src="ScoreTracker.js"></script>
<script src="TtyBlock.js"></script>
<script src="Game.js"></script>
<script src="Game_Logic.js"></script>
<script src="Button.js"></script>
<script src="tetris.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 TwitchTetris</div>
</a>
<br/>
<a href="controls.html" class="bareLink">
<div class="menuItem">Controls Options</div>
</a>
<br/>
<a href="highScores.html" class="bareLink">
<div class="menuItem">High Scores</div>
</a>
<br/>
<a href="about.html" class="bareLink">
<div class="menuItem">About TwitchTetris</div>
</a>
<br/>
<a href="http://www.leighpauls.com" class="bareLink">
<div class="menuItem">About the Developer</div>
</a>
<br/>
<div class="instructions">
<b> > TwitchTetris --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>
</div>
</td>
</tr>
</table>
</body>
</html> |