40 lines
1.5 KiB
HTML
40 lines
1.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<title>multiplayer test</title>
|
||
|
|
<link href="/css/main.css" rel="stylesheet">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>multiplayer test</h1>
|
||
|
|
<canvas id="game" class="offline" tabindex="1"></canvas>
|
||
|
|
<script type="module" src="/js/main.js"></script>
|
||
|
|
<div id="controls">
|
||
|
|
<label for="fakeping">Fake Latency (ms): </label>
|
||
|
|
<input type="number" id="fakeping" value="0" min="0" max="1000" title="This feature is broken!" disabled>
|
||
|
|
<label for="interpolation">Interpolation: </label>
|
||
|
|
<input type="checkbox" id="interpolation">
|
||
|
|
</div>
|
||
|
|
<div id="chatbox"></div>
|
||
|
|
<div id="compose">
|
||
|
|
<input type="text" id="compose-msg" value="" placeholder="Chat with players...">
|
||
|
|
<button type="submit" id="compose-btn">Send</button>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<footer>
|
||
|
|
<p>
|
||
|
|
This is a test game I'm using to learn client/server interactions.
|
||
|
|
Expect a very minimal experience with little polish!
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Mobile devices are sadly not supported, but not off the table!
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
If you enjoy this little project, or have any neat ideas,
|
||
|
|
feel free to send them my way at
|
||
|
|
<a href="mailto:ari@arimelody.me">ari@arimelody.me</a>.
|
||
|
|
</p>
|
||
|
|
</footer>
|
||
|
|
</html>
|