GRACE/simul.html at pages · smo-key/GRACE · GitHub

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
<!DOCTYPE html>
<html lang="en">

  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <title>GRACE Orbit Simulation</title>
    <meta name="author" content="Arthur Pachachura with Naoki Ellis">
    <meta name="ROBOTS" content="INDEX, FOLLOW">
    <meta name="Keywords" content="NASA, UTCSR, GRACE">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Gravity Recovery and Climate Experiment Orbit Simulation">

    <!--  Load External Javascript -->
    <script type="text/javascript" src="js/include/ThreeWebGL.js"></script>
    <script type="text/javascript" src="js/include/ThreeExtras.js"></script>
    <script type="text/javascript" src="js/include/RequestAnimationFrame.js"></script>
    <script type="text/javascript" src="js/include/Detector.js"></script>
    <script type="text/javascript" src="js/include/three.min.js"></script>
    <script type="text/javascript" src="js/include/dat.gui.min.js"></script>
  </head>

  <!--  Load CSS -->
  <link href="css/include/bootstrap.min.css" rel="stylesheet">
  <link href="fonts/fonts.css" rel="stylesheet">
  <link href="css/main.css" rel="stylesheet">

  <!--  BODY  -->
  <body>

    <!--  datGUI Container  -->
    <div id="gui-container"></div>

    <!--  2D GUI Items  -->
    <div id="title">Gravity Recovery and Climate Experiment</div>
    <div id="subtitle">Orbit and Groundtrack Simulation</div>
    <div id="copyright">Copyright (c) 2014 Arthur Pachachura and Naoki Ellis<br>In cooperation with NASA JSC and UT CSR</div>

    <div id="fsbutton" href="" onClick="fullscreen();"><span class="mega-octicon octicon-screen-full fadeicon"></span></div>
    <a id="togithub" href="https://github.com/smo-key/grace"><span class="mega-octicon octicon-mark-github fadeicon"></span></a>
    <div id="runbutton" href="" onClick="startSimul();"><span class="mega-octicon octicon-playback-pause fadeicon"></span></div>
    <div id="resetbutton" href="" onClick="resetSimul();"><span class="mega-octicon octicon-history fadeicon"></span></div>

    <div class="timerlabel" id="timer">T+ 00:00:00:00</div>
    <div class="timetype" id="timeutc" style="bottom: 3px; left: 113px;">UTC</div>
    <div class="timetype fadeicon" id="timesidereal" onClick="changeDateFormat();" style="bottom: 3px; left: 140px;">Solar Day (switch)</div>

    <!--  3D Rendering  -->
    <div id="container"></div>
    <canvas id="maincanvas" width="720" height="360" style="display: none; background-color: transparent"></canvas>
    <div class="satcircle" id="satcirclea" style="background-color: #0044ff;"></div>
    <div class="sattext" id="sattexta" style="color: #0044ff;">GRACE A</div>
    <div class="satcircle" id="satcircleb" style="background-color: #0aff00;"></div>
    <div class="sattext" id="sattextb" style="color: #0aff00;">GRACE B</div>
    <div class="satcircle" id="satcirclec" style="background-color: #f00;"></div>
    <div class="sattext" id="sattextc" style="color: #f00;">GRACE C</div>
    <div class="satcircle" id="satcircled" style="background-color: #ff00eb;"></div>
    <div class="sattext" id="sattextd" style="color: #ff00eb;">GRACE D</div>
    <div class="satcircle" id="satcirclee" style="background-color: #00ffeb;"></div>
    <div class="sattext" id="sattexte" style="color: #00ffeb;">GRACE E</div>
    <div class="satcircle" id="satcirclef" style="background-color: #f5ff00;"></div>
    <div class="sattext" id="sattextf" style="color: #f5ff00;">GRACE F</div>

<!--    <script type="text/javascript" src="js/include/globe.js"></script>-->

    <script type="text/javascript" src="js/include/jquery.min.js"></script>
    <script type="text/javascript" src="js/include/TinyTrackballControls.js"></script>
<!--    <script type="text/javascript" src="js/include/bootstrap.min.js"></script>-->
    <script type="text/javascript" src="js/bins.js"></script>
    <script type="text/javascript" src="js/planets.js"></script>
    <script type="text/javascript" src="js/orbit.js"></script>
    <script type="text/javascript" src="js/utils.js"></script>

  </body>

  <!-- DELAYED LOADING -->
  <script type="text/javascript" src="js/simul.js"></script>

</html>