server/ui/arena/index.html

109 lines
4.7 KiB
HTML
Raw Permalink Normal View History

2015-08-27 22:19:53 -07:00
<!DOCTYPE html>
<html lang="en">
<head>
<title>Arena</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
<link href="/ui/bs/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="/ui/bs/css/bootstrap-theme.min.css" rel="stylesheet" media="screen">
<link href="/ui/css/hackerbots.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="container">
<div id="error" class="alert alert-danger">
2015-08-30 00:58:18 -07:00
<div class="container">Placeholder...</div>
2015-08-27 22:19:53 -07:00
</div>
</div>
<div style="float:right; text-align:right;">
2015-08-30 00:58:18 -07:00
<strong><a href="/ui">Game Center</a>&nbsp&nbsp</strong>
2015-08-27 22:19:53 -07:00
</div>
<ul class="nav nav-tabs" id='tabs'>
<li><a href="#code" data-toggle="tab" class='active'>Code</a></li>
<li><a href="#arena" data-toggle="tab">Arena</a></li>
<li><a href="#raw" data-toggle="tab">Raw Bot Data</a></li>
<li><a href="#json" data-toggle="tab">Bot Data</a></li>
<li><a href="#about" data-toggle="tab">About</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="code">
<div id="output" class="error"></div>
<div style="float:left; padding:20px">
<div id="starters">
<button id='starter' class="btn btn-primary" style="width:100px;">Play</button><br><br>
2015-08-30 00:58:18 -07:00
<button id='watch' class="btn btn-success" style="width:100px;">Watch</button><br><br>
2015-08-27 22:19:53 -07:00
</div>
2015-08-30 00:58:18 -07:00
</div>
<div id="fetch-area">
<label for="fetch-url">Source URI:</label>
<div class="input-group">
2015-08-30 23:16:59 -07:00
<span class="input-group-addon">
<span class="glyphicon glyphicon-cloud-download"></span>
</span>
2015-08-30 00:58:18 -07:00
<input type="url" class="form-control" id="fetch-url" placeholder="https://gist.github.com/...">
<span class="input-group-btn">
<button id="fetch-button" class="btn btn-default" type="button">fetch</button>
</span>
2015-08-27 22:19:53 -07:00
</div>
</div>
2015-08-30 00:58:18 -07:00
<pre id="editor" style="display: none;" class="center"></pre>
2015-08-27 22:19:53 -07:00
</div>
<div class="tab-pane" id="arena">
<p>
<div id="bf" class="center">
<canvas id="battlefield" width="1000px" height="800px"></canvas>
2016-07-13 20:26:30 -07:00
<div>
<pre id="players"></pre>
</div>
2015-08-27 22:19:53 -07:00
Use 'v' to cycle views<br>
Use 't' to cycle robot focus<br>
Use 'd' to toggle debug display<br>
Use '-' / '=' to zoom in/out<br>
</div>
</div>
<div class="tab-pane" id="raw">
<p>
<pre id="raw-debug" class="center debug"></pre>
<p>
<pre class='center debug'>Raw Data is exactly what the server send unprocessed. 'p' to pause</pre>
</div>
<div class="tab-pane" id="json">
<p>
<pre id="debug" class="center debug"></pre>
<p>
<pre class='center debug'>Bot Data is the JSON from the server after it's been processed by the gorobots javascript code to fill our the scanner fields with data from the bot list.
'p' to pause</pre>
</div>
<div class="tab-pane" id="about">
<h4> Hackerbots is Awesome </h4>
<p>
I would love to tell you more, but we're too busy writing the code.
You should follow @smcquay or @twisted_weasel.
</div>
</div>
<script src="/ui/jquery.js"></script>
<script src="/ui/bs/js/bootstrap.min.js"></script>
<script src="/ui/js/botui.js"></script>
<script src="/ui/js/arena.js"></script>
<script src="/ui/js/vec2d.js"></script>
<script src="/ui/bs/js/bootstrap.js" %}"></script>
<script src="/ui/js/stats.min.js"></script>
<script src="/ui/js/three.min.js"></script>
<script src="/ui/js/OBJLoader.js"></script>
<script src="/ui/js/TrackballControls.js"></script>
<script src="/ui/js/gorobots_render_webgl.js"></script>
<script src="/ui/js/gorobots.js"></script>
<script src="/ui/js/ace/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
</script>
</body>
</html>