-
Notifications
You must be signed in to change notification settings - Fork 18
/
index.html
123 lines (112 loc) · 5.89 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>[Title]</title>
<link rel="stylesheet" href="css/codemirror.css">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div id="left-coln">
<div id="editor" class="bigErrorBox">
<form style="position: relative;">
<textarea id="CodeMirrorEditor" style="display: none;"></textarea>
</form>
</div>
<div id="errorsBox" class="bigErrorBox">
<p>
<button id="errorsBoxUpButton" type="button" class="btn btn-primary btn-xs" title="Larger"><span class="glyphicon glyphicon-chevron-up"> </span></button>
<button id="errorsBoxDownButton" type="button" class="btn btn-primary btn-xs" title="Smaller"><span class="glyphicon glyphicon-chevron-down"> </span></button>
Errors & Warnings
</p>
<pre></pre>
</div>
</div>
<div id="right-coln">
<div id="buttons">
<button id="varInfoShowButton" type="button" title="Show Variables"><span class="glyphicon glyphicon-info-sign"> </span></button>
<button id="varInfoHideButton" type="button" title="Hide Variables"><span class="glyphicon glyphicon-info-sign"> </span></button>
<button id="restartButton" type="button" title="Restart with code changes [Alt+Enter]"><span class="glyphicon glyphicon-repeat"> </span></button>
<button id="pauseButton" type="button" title="Pause [Alt+P]"><span class="glyphicon glyphicon-pause"> </span></button>
<button id="playButton" type="button" title="Play [Alt+P]"><span class="glyphicon glyphicon-play"> </span></button>
<button id="tipsButton" type="button" title="Tips"><span class="glyphicon glyphicon-question-sign"> </span></button>
<button id="boilerplateButton" type="button" title="Reset to boilerplate code"><span class="glyphicon glyphicon-remove"> </span></button>
<button id="solutionButton" type="button" title="Sample solution"><span class="glyphicon glyphicon-book"> </span></button>
<button id="levelmenuButton" type="button" title="Level menu"><span class="glyphicon glyphicon-th"> </span></button>
<pre id="variableInfo"></pre>
</div>
<canvas id="cas"></canvas>
</div>
<div id="levelStartPopup" class="popup">
<h1 id="levelTitle">[Title]</h1>
<p id="levelDescription">[Description]</p>
<p>Note: Your code for each level is saved in your browser.</p>
<div class="centered">
<button type="button" onclick="showPopup();CC.play();"><span class="glyphicon glyphicon-play"> </span> Start</button>
<button type="button" onclick="showPopup('#levelMenuPopup');"><span class="glyphicon glyphicon-th"> </span> Level menu</button>
</div>
</div>
<div id="levelCompletePopup" class="popup">
<h1>Level Complete!</h1>
<div class="centered">
<p>You solved the level in <span id="levelSolvedTime"></span> seconds.</p>
<button type="button" onclick="showPopup();">OK</button>
<button type="button" onclick="showPopup('#levelMenuPopup');"><span class="glyphicon glyphicon-th"> </span> Level menu</button>
</div>
</div>
<div id="levelMenuPopup" class="popup">
<h1>Select a Level</h1>
<div id="levelList" class="centered"></div>
</div>
<div id="tipsPopup" class="popup">
<p>You can view your own variables by calling:<pre>monitor('name',value);</pre></p>
<p>If you need persistent state, you can use global variables. You will have to declare them outside your function with the 'var' keyword.</p>
<p>Your code for each level is saved in your browser.</p>
</div>
<script src="js/jquery-1.11.2.js"></script>
<script src="js/numeric-1.2.6.js"></script>
<script src="js/codemirror/codemirror.js"></script>
<script src="js/codemirror/javascript.js"></script>
<script src="js/codemirror/matchbrackets.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/shortcut.js"></script>
<script id="userscript"></script>
<script src="js/models/RocketLanding.js"></script>
<script src="js/models/SinglePendulum.js"></script>
<script src="js/models/DoublePendulum.js"></script>
<script src="js/models/BlockOnSlope.js"></script>
<script src="js/models/Vehicle.js"></script>
<script src="js/models/Multirotor.js"></script>
<script src="js/models/CruiseControl.js"></script>
<script src="js/models/BouncingBallPlatform.js"></script>
<script src="js/models/Airplane.js"></script>
<script src="js/levels/RocketLandingNormal.js"></script>
<script src="js/levels/RocketLandingUpsideDown.js"></script>
<script src="js/levels/RocketLandingMulti.js"></script>
<script src="js/levels/RocketLandingHoverslam.js"></script>
<script src="js/levels/StabilizeSinglePendulum.js"></script>
<script src="js/levels/SwingUpSinglePendulum.js"></script>
<script src="js/levels/StabilizeDoublePendulum.js"></script>
<script src="js/levels/SwingUpDoublePendulum.js"></script>
<script src="js/levels/TutorialBlockWithFriction.js"></script>
<script src="js/levels/TutorialBlockWithoutFriction.js"></script>
<script src="js/levels/TutorialBlockOnSlope.js"></script>
<script src="js/levels/VehicleSteeringSimple.js"></script>
<script src="js/levels/VehicleRacing.js"></script>
<script src="js/levels/MultirotorIntro.js"></script>
<script src="js/levels/MultirotorObstacles.js"></script>
<script src="js/levels/MultirotorFlip.js"></script>
<script src="js/levels/CruiseControlIntro.js"></script>
<script src="js/levels/CruiseControl2.js"></script>
<script src="js/levels/BallOnPlatformBalance.js"></script>
<script src="js/levels/BallOnPlatformBounce.js"></script>
<script src="js/levels/BallOnPlatformEdgeBalance.js"></script>
<script src="js/levels/AirplaneIntro.js"></script>
<script src="js/levels/AirplaneLanding.js"></script>
<script src="js/ImageDataCache.js"></script>
<script src="js/utils.js"></script>
<script src="js/ui.js"></script>
</body>
</html>