114 lines
5.0 KiB
HTML
114 lines
5.0 KiB
HTML
<!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">
|
|
<div class="container"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="float:right; text-align:right;">
|
|
<strong><a href="/ui">HackerBots</a>  </strong>
|
|
<br>{{ server.hostname }}  {{game}}  
|
|
</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>
|
|
<button id='watch' class="btn btn-success" style="width:100px;">Watch</button><br><br>
|
|
</div>
|
|
<br>
|
|
<div>
|
|
<select id="robot_picker" class="form-control" style='width:100px'>
|
|
{% for bot in bots %}
|
|
<option value="{{bot.id}}">{{bot.name}}</option>
|
|
{% endfor %}
|
|
</select><br>
|
|
<button class='btn bt-primary' id='save' style="width:100px;">Save Bot</button><br>
|
|
<span class='under-button' id='lastsave'></span><br><br>
|
|
<button class='btn bt-primary' id='new' style="width:100px;">New Bot</button><br><br>
|
|
<div id='rename-block' style='display:none;'>
|
|
<input type='text' id='newname' style="width:100px; "><br><br>
|
|
</div>
|
|
<button class='btn bt-primary' id='rename' style="width:100px;">Rename Bot</button><br><br>
|
|
<br><br>
|
|
</div>
|
|
</div>
|
|
<pre id="editor" class="center"></pre>
|
|
</div>
|
|
|
|
<div class="tab-pane" id="arena">
|
|
<p>
|
|
<div>
|
|
<pre id="players"></pre>
|
|
</div>
|
|
<div id="bf" class="center">
|
|
<canvas id="battlefield" width="1000px" height="800px"></canvas>
|
|
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>
|