blob: 4d8d65df18c39ffb85d4d2c769b32d4c7c3e0efa (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<html>
<head>
<script
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/90/three.min.js"></script>
<script src="./lib/OrbitControls.js"></script>
<script src="survive_viewer.js"></script>
</head>
<body>
<div id="ThreeJS" style="z-index: 1; position: absolute; left:0px; top:0px"></div>
<div id="cam-control" style="z-index: 2;border:1px solid white;position:absolute">
<input type="checkbox" id="trails" checked>Trails</input><br/>
<input type="checkbox" id="fpv" checked>FPV</input><br/>
<button id="toggleBtn">
Toggle 2D View
</button>
<div id="cam" style="display:none">
<canvas width=800 height=800 id="camcanvas"></canvas>
</div>
</div>
<div id="console" style="width: 500px;
height: 200px;
border: 1px solid white;
position: absolute;
bottom: 20px;
overflow: auto;
white-space: pre-wrap;
background-color: rgba(0,200,200, .25);
z-index: 3;">
</div>
</body>
</html>
|
