1
0
Fork 0
lasertank-js/index.html

103 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>LaserTank.js</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="game" class="game opening">
<ul class="menu">
<li>
<a id="mnu_help" href="#help">Game</a>
<ul id="help">
<li>Nothing to see here</li>
</ul>
</li>
<li>
<a id="mnu_help" href="#help">Move</a>
<ul id="help">
<li>Nothing to see here</li>
</ul>
</li>
<li>
<a id="mnu_help" href="#help">Options</a>
<ul id="help">
<li>Nothing to see here</li>
</ul>
</li>
<li>
<a id="mnu_help" href="#help">Editor</a>
<ul id="help">
<li>Nothing to see here</li>
</ul>
</li>
<li>
<a id="mnu_help" href="#help">Help</a>
<ul id="help">
<li><a href="#todo">TODO List</a></li>
</ul>
</li>
</ul>
<img id="opening" class="opening" src="images/opening.gif" />
<canvas id="render" width="512" height="512">
Your web browser does not support the canvas element.
</canvas>
<div class="hud">
&nbsp;
</div>
<div class="control">
<button id="undo" class="gapl" disabled>Undo</button>
<button id="hint" class="gapr" disabled>Hint</button>
<button id="savepos" class="full" disabled>Save Position</button>
<button id="restpos" class="full" disabled>Restore Position</button>
<button id="new" class="gapl">New</button>
<button id="restart" class="gapr" disabled>Restart</button>
<button id="loadlvl" class="full">Load Level</button>
<button id="prevlvl" class="gapl">&lt;&lt; Lvl</button>
<button id="nextlvl" class="gapr">Lvl &gt;&gt;</button>
</div>
</a>
<div class="load">
<fieldset>
<legend>Load LTG and LVL</legend>
<p>This section is temporary and is used during development.</p>
<input type="file" id="ltg" />
<input type="file" id="lvl" />
</fieldset>
</div>
</div>
<div id="todo" class="dialog">
<div class="body">
<p>...quite a bit. </p>
<p>
This dialog will ultimately contain a useful TODO list. As it stands,
LTG and LVL file loading is complete, but no game logic has been
implemented.
</p>
<a href="#" class="close button">Close</a>
</div>
</div>
<!-- these will be concatenated and minified at some point -->
<script src="scripts/ease.min.js"></script>
<script src="scripts/main.js"></script>
<script src="lib/TileDfn.js"></script>
<script src="lib/ClassicTileDfn.js"></script>
<script src="lib/LtgLoader.js"></script>
<script src="lib/TileMasker.js"></script>
<script src="lib/MapSet.js"></script>
<script src="lib/Map.js"></script>
<script src="lib/ClassicMap.js"></script>
<script src="lib/MapRender.js"></script>
<script src="lib/FileLoader.js"></script>
<script src="scripts/game.js"></script>
</body>
</html>