33 lines
844 B
HTML
Executable File
33 lines
844 B
HTML
Executable File
<html>
|
|
<head>
|
|
<script src="jquery-1.7.1.js"></script>
|
|
<script src="utils.js"></script>
|
|
<script src="tetris-canvas.js"></script>
|
|
<script src="tetris.js"></script>
|
|
<script src="tetris-control.js"></script>
|
|
|
|
<style>
|
|
#tetris-board, #next-bricks {
|
|
background-color:black;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div style="position:relative;"><canvas id="tetris-board" height="720px" width="480px" /></div>
|
|
<div id="infobox" style="position:absolute;top:20px;left:520px;width:200px;">
|
|
<ul>Controls:
|
|
<li>a,d - left/right</li>
|
|
<li>w - rotate</li>
|
|
<li>s - down</li>
|
|
<li>space - hard drop</li>
|
|
</ul>
|
|
<hr />
|
|
<p style="text-align:center;">Lines: <span id="lines">0</span></p>
|
|
<hr />
|
|
<p>Next bricks:</p>
|
|
<div><canvas id="next-bricks" height="500px" width="100px" /></div>
|
|
</div>
|
|
</body>
|
|
</html>
|