107 lines
4.5 KiB
HTML
107 lines
4.5 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">Placeholder...</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="float:right; text-align:right;">
|
|
<strong><a href="/ui">Game Center</a>  </strong>
|
|
</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>
|
|
</div>
|
|
<div id="fetch-area">
|
|
<label for="fetch-url">Source URI:</label>
|
|
<div class="input-group">
|
|
<span class="input-group-addon">@</span>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
<pre id="editor" style="display: none;" 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>
|