2022-06-19 20:21:33 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title></title>
|
2022-06-19 21:54:34 +00:00
|
|
|
<script src="http://localhost:35729/livereload.js" charset="utf-8"></script>
|
2022-06-22 01:51:09 +00:00
|
|
|
<script type="text/javascript" src="socket.io.min.js"></script>
|
2022-06-19 20:21:33 +00:00
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<!-- Canvas used to generate individual sprites off one sprite atlas -->
|
2022-06-22 20:01:58 +00:00
|
|
|
<h4 id="status">Connection Status</h4>
|
2022-06-19 20:21:33 +00:00
|
|
|
<canvas class="hidden" id="spriteJank" width=24 height=24></canvas>
|
2022-06-22 20:01:58 +00:00
|
|
|
<span class="left" id="left"><p>left</p></span>
|
|
|
|
|
<div id="wrapwrap">
|
2022-06-19 20:21:33 +00:00
|
|
|
<div class="wrapper" id="wrapper">
|
|
|
|
|
<span class="canvasStack">
|
|
|
|
|
<canvas oncontextmenu="return false;" class="canvas1" id="canvas" width=0 height=0></canvas>
|
|
|
|
|
</span>
|
2022-06-22 20:01:58 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-06-19 20:21:33 +00:00
|
|
|
|
2022-06-22 20:01:58 +00:00
|
|
|
<div id="game">
|
|
|
|
|
<span id="leftBar">
|
2022-06-19 20:21:33 +00:00
|
|
|
|
2022-06-22 20:01:58 +00:00
|
|
|
</span>
|
|
|
|
|
<span id="rightBar">
|
|
|
|
|
<div id="canvas">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
2022-06-19 20:21:33 +00:00
|
|
|
</div>
|
|
|
|
|
|
2022-06-22 20:01:58 +00:00
|
|
|
<div class="menu" id="menu" style="display: none;">
|
2022-06-19 20:21:33 +00:00
|
|
|
<input type="text" id="room" value="room">
|
|
|
|
|
<input type="text" id="name" value="bob">
|
|
|
|
|
<input type="submit" id="submit" value="join">
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
2022-06-19 21:54:34 +00:00
|
|
|
<script src='scripts/script.js' type="module"></script>
|
2022-06-19 20:21:33 +00:00
|
|
|
</html>
|
