-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (82 loc) · 3.91 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
<!--
***************************************************
* index.html *
* Interface web de la simulation *
* *
* Auteurs : *
* Loïc FAIZANT, Cyril GORRIERI, Maurice RAMBERT *
* *
* Ecole Polytech' Nice Sophia Antipolis *
* Sciences Informatiques - 4e année *
***************************************************
-->
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Lunar launder</title>
<link rel="stylesheet" type="text/css" href="design.css">
<!-- Inclure la librairie Quintus pour la modélisation 2D -->
<script src='lib/Quintus/quintus.js'></script>
<script src='lib/Quintus/quintus_sprites.js'></script>
<script src='lib/Quintus/quintus_scenes.js'></script>
<script src='lib/Quintus/quintus_touch.js'></script>
<script src='lib/Quintus/quintus_ui.js'></script>
<script src='lib/Quintus/quintus_input.js'></script>
<!-- Inclure la librairie Sylvester pour les calculs matriciels -->
<script src='lib/Sylvester/sylvester.js'></script>
<script src='lib/Sylvester/matrix.js'></script>
<script src='lib/Sylvester/vector.js'></script>
<!-- Inclure les objets de simulation -->
<script src='panel.js'></script>
<script src='target.js'></script>
<script src='lunar.js'></script>
<script src='jeu.js'></script>
<script src='observeur.js'></script>
<!-- Inclure la librairie de lecture de fichier pour la commande optimale -->
<script src="fileLoad.js"></script>
</head>
<body>
<h1>Lunar Launder</h1>
<canvas id="game" width='650' height='600'></canvas>
<div id="panel">
<h2>Contrôles</h2>
<p><label>Te (ms)</label><input type="text" id="te"/></p>
<p><label>Temps de vol</label><input type="text" id="temps"/></p>
<div id="commandOptimal">
<h2>Commande optimale</h2>
<input type="file" id="optimalCommandeFile" name="file" />
<div id="fileLoadResult">Aucun fichier chargé !</div>
<script type="text/javascript">
document.getElementById('optimalCommandeFile').addEventListener('change', handleFileSelect, false);
</script>
</div>
<div id="observer">
<h3>Etat réel du mobile</h3>
<p><label>x (m)</label><input type="text" id="reel_mobile_x_value"/></p>
<p><label>vx (m/s)</label><input type="text" id="reel_mobile_x_speed"/></p>
<p><label>y (m)</label><input type="text" id="reel_mobile_y_value"/></p>
<p><label>vy (m/s)</label><input type="text" id="reel_mobile_y_speed"/></p>
<h3>Etat calculé du mobile</h3>
<p><label>x (m)</label><input type="text" id="calc_mobile_x_value"/></p>
<p><label>vx (m/s)</label><input type="text" id="calc_mobile_x_speed"/></p>
<p><label>y (m)</label><input type="text" id="calc_mobile_y_value"/></p>
<p><label>vy (m/s)</label><input type="text" id="calc_mobile_y_speed"/></p>
</div>
<div id="state">
<h3>Vecteur d'état</h3>
<p><label>x (m)</label><input type="text" id="x_value"/></p>
<p><label>vx (m/s)</label><input type="text" id="x_point"/></p>
<p><label>y (m)</label><input type="text" id="y_value"/></p>
<p><label>vy (m/s)</label><input type="text" id="y_point"/></p>
<p><label>Fuel restant</label><input type="text" id="fuelRest"/></p>
</div>
<div id="valPropres">
<h2>Valeurs propres</h2>
<p><input type="text" id="11"/> <input type="text" id="12"/> <input type="text" id="13"/> <input type="text" id="14"/></p>
<p><input type="text" id="21"/> <input type="text" id="22"/> <input type="text" id="23"/> <input type="text" id="24"/></p>
<p><input type="submit" value="ok" onclick="Q.setValPropres();">
</div>
</div>
</body>
</html>