-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
60 lines (48 loc) · 1.84 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="icon" type="image/x-icon" href="/assets/box.png">
<title>Sokoban - Webg2</title>
<link rel="stylesheet" href="styles/main.css">
<script src="scripts/jquery.min.js"></script>
<script src="scripts/state.js"></script>
<script src="scripts/game.js"></script>
<script src="scripts/levels/levels.js"></script>
</head>
<body>
<h1>Sokoban</h1>
<div id="changerDeNiveau">
<span>
<label for="change">Changer de niveau (de 1 à 7)</label>
<input type="number" id="change" min="1" max="7">
</span>
<br>
<button id="changer">Changer de niveau</button>
</div>
<div id="world"></div>
<button id="help">Comment jouer?</button>
<output id='compteur'>0</output>
<button class='retour'>Retour</button>
<button id='restart'>Restart</button>
<div id='myModal' class='modal'>
<div class='modal-content'>
<span class='close'>×</span>
<p>Dans ce jeu vous devez mettre toutes les boites sur les cibles pour gagner.</p>
<img src='assets/help-level.png' height='120'><br><br>
<h3>Pour ce faire:</h3>
<p>vous pouvez pousser les boites</p>
<img src='assets/help-push.png' height='69'><br>
<p>Quand une boite est sur la cible elle change de couleur</p>
<img src='assets/help-win.png' height='120'><br><br>
<h3>Mais attention:</h3>
<p>Vous ne pouvez pas pousser deux boites (ou plus) en même temps.</p>
<img src='assets/help-double.png' height='69'><br>
<p>Vous ne pouvez pas tirer de boite.</p>
<img src='assets/help-pull.png' height='69'>
<p>Quand vous avez fini. Appuyer sur espace pour passer au niveau suivant.</p>
</div>
</div>
<footer>Florian Essomba - 58137</footer>
</body>
</html>