forked from Leeft/Star-Citizen-WebGL-Map
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·110 lines (106 loc) · 6.09 KB
/
index.html
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<title>Star Citizen 3D Persistent Universe Map</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link href="css/sc.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="map_ui">
<ul class="menubar">
<li class="info"><a title="Selected Item Information" href="#info"><i class="sprite-circle-question-mark"></i></a></li>
<li class="route"><a title="Route Mode" href="#route"><i class="sprite-map-marker2"></i></a></li>
<li class="editor"><a title="Map Editor" href="#editor"><i class="sprite-pencil"></i></a></li>
<li class="config"><a title="Configuration" href="#config"><i class="sprite-setting"></i></a></li>
<li class="debug" style="display: inline-block;"><a title="Debug Information" href="#debug"><i class="sprite-bullet-list"></i></a></li>
<li class="about"><a title="About this map" href="#about"><i class="sprite-circle-info"></i></a></li>
</ul>
<div class="info" id="info">
<h1 id="systemname"></h1>
<div id="systemblurb"><strong>No system selected</strong></div>
</div>
<div class="route" id="route" style="display: none;">
<h1>Route Mode</h1>
<p><em>Not yet fully implemented. For now just click a
system, then shift click to show the shortest route to another.</em></p>
<p id="routelist"></p>
</div>
<div class="editor" id="editor" style="display: none;">
<h1>Editor Mode</h1>
<p>The map editor is a feature for the future, when I get around to it :)</p>
</div>
<div class="config" id="config" style="display: none;">
<h1>Configuration</h1>
<p><a href="#" onclick="$('#stats').toggle();">Toggle framerate statistics display</a></p>
</div>
<div class="debug" id="debug" style="display: none;">
<h1>Debug Info</h1>
<div id="debugstuff" class="debug">
<!-- doesn't work, TODO <p><a href="#" onclick="window.centerCross.visible = ( window.centerCross.visible ) ? false : true;">Toggle center crosshair</a></p> -->
<p id="debug-angle"></p>
<p id="debug-target"></p>
<p id="debug-axis"></p>
<p id="debug-state"></p>
</div>
</div>
<div class="about" id="about" style="display: none;">
<h1>About this 3D map</h1>
<p>
A 3D interactive galaxy map of the crowd-funded and currently being developed game
<a href="https://robertsspaceindustries.com/about-the-game">Star Citizen</a>.
<strong>The map and its data are still in early alpha stage!</strong>
</p>
<p>
Created by <a href="https://forums.robertsspaceindustries.com/profile/51803/Shiari"
title="My profile on the Roberts Space Industries forums" target="_blank">Daughter of Sol [Shiari]</a>
on the RSI forums using <a href="http://get.webgl.org/">WebGL</a>. This map was announced in
<a href="https://forums.robertsspaceindustries.com/discussion/54931/browser-based-3d-system-map-early-wip/p1"
target="_blank">this forum thread</a>.
</p>
<p>
The sourcecode and data that drives this map is available under the MIT license on its
<a href="https://github.com/Leeft/Star-Citizen-WebGL-Map" target="_blank">GitHub project page</a>,
and aside from my own code uses the also freely available
<a href="http://threejs.org/" target="_blank">three.js</a>,
<a href="http://jquery.com/" target="_blank">jQuery</a> and
<a href="http://jqueryui.com/" target="_blank">jQuery UI</a>.
</p>
<p>
Icons above from <a href="http://www.autreplanete.com/web-icons/our-offer.php"
target="_blank">Autre planète</a> and compiled into a sprite map with
<a href="http://spritegen.website-performance.org/" target="_blank">spritegen</a>.
</p>
</div>
</div>
<div id="sclogo"><a href="https://robertsspaceindustries.com/about-the-game" target="_blank" title="robersspaceindustries.com: About the game"><img src="images/sclogo.png" width="72" height="72" alt=""></a></div>
<!-- three.js and jQuery -->
<!-- script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script -->
<script src="js/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="js/three.min.js"></script>
<!-- <script src="js/libs/dat.gui.min.js"></script> -->
<!-- <script src="three.js/examples/js/shaders/ConvolutionShader.js"></script> -->
<script src="js/shaders/FXAAShader.js"></script>
<script src="js/shaders/CopyShader.js"></script>
<script src="js/postprocessing/EffectComposer.js"></script>
<script src="js/postprocessing/MaskPass.js"></script>
<script src="js/postprocessing/RenderPass.js"></script>
<script src="js/postprocessing/ShaderPass.js"></script>
<!-- <script src="three.js/examples/js/postprocessing/BloomPass.js"></script> -->
<script src="js/controls/OrbitControls.js"></script>
<script src="js/Detector.js"></script>
<script src="js/libs/stats.min.js"></script>
<!-- my own star citizen map and system data -->
<script src="js/data/map.js"></script><!-- the PU -->
<script src="js/data/systems.js"></script><!-- info about the systems in the PU -->
<!-- my own code -->
<script src="js/SCMAP.js"></script>
<script src="js/SCMAP/SelectedSystemGeometry.js"></script>
<script src="js/SCMAP/JumpPoint.js"></script>
<script src="js/SCMAP/System.js"></script>
<script src="js/SCMAP/Dijkstra.js"></script>
<script src="js/SCMAP/Map.js"></script>
<script src="js/main.js"></script>
</body>
</html>