-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (110 loc) · 5.41 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
124
125
126
127
<html>
<head>
<title>US Invasion</title>
<link rel="stylesheet" type="text/css" href="_css/style.css">
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<link rel="icon" href="_ressources/logo/logo.ico">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="_javascript/dragdrop.js"></script>
</head>
<body onload="displayScore();">
<div id="first">
<h2>INSTRUCTIONS</h2>
<p>Soyez le premier à distancer votre adversaire !</p>
<p>Mais ne vous perdez pas dans la galaxie (toucher le fond)</p>
<br><br>
<h2>CONTROLES</h2>
<div id="controle">
<div class="partControl">
<img class="logo" id="iconPlayer1" src="_ressources/logo/logoArrows/Interrogation3.png">
<img class="logo logoMovement" src="_ressources/logo/letters/w.png">
<h3 class="instuction">Sauter</h3>
</div>
<div class="partControl">
<img class="logo" src="_ressources/logo/logoArrows/Xlogo.png">
<img class="logo logoMovement" src="_ressources/logo/letters/a.png">
<h3 class="instuction">Gauche</h3>
</div>
<div class="partControl">
<img class="logo" src="_ressources/logo/logoArrows/Xlogo.png">
<img class="logo logoMovement" src="_ressources/logo/letters/d.png">
<h3 class="instuction">Droite</h3>
</div>
<div class="partControl">
<img class="logo" id="iconPlayer2" src="_ressources/logo/logoArrows/Interrogation3.png">
<img class="logo logoMovement" src="_ressources/logo/logoArrows/UpArrow.png">
<h3 class="instuction">Sauter</h3>
</div>
<div class="partControl">
<img class="logo" src="_ressources/logo/logoArrows/PlumeLogo.png">
<img class="logo logoMovement" src="_ressources/logo/logoArrows/LeftArrow.png">
<h3 class="instuction">Gauche</h3>
</div>
<div class="partControl">
<img class="logo" src="_ressources/logo/logoArrows/PlumeLogo.png">
<img class="logo logoMovement" src="_ressources/logo/logoArrows/RightArrow.png">
<h3 class="instuction">Droite</h3>
</div>
<div id="pauseArea">
<div id="space">space</div>
<h3 id="pauseStatement">Pause / Play</h3>
</div>
</div>
<br><br>
<div id="Company">
<h2>CHOISIS TA COMPAGNIE</h2>
<img class="company" draggable="true" ondragstart="drag(event)" src="_ressources/logo/logoArrows/Xlogo.png">
<img class="company" draggable="true" ondragstart="drag(event)" src="_ressources/logo/logoArrows/Rockocpoc.png">
<img class="company" draggable="true" ondragstart="drag(event)" src="_ressources/logo/logoArrows/PlumeLogo.png">
<img class="company" draggable="true" ondragstart="drag(event)" src="_ressources/logo/logoArrows/casa.png">
</div>
</div>
<div id="canvas-wrap">
<script src="_javascript/game.js"></script>
<div class="buttonLink" id="buttonSkip">
<a onclick="skipAnimation();" target="_blank">
<h2>SKIP THE INTRO</h2>
</a>
</div>
<div id="cadrePlacementStart" class="hiddenAfterClick">
<img id="logoAppStart" src="_ressources/logo/logo.ico">
<form id="startForm">
<div class="fieldFormStart">
<img id="imgPlayer1" class="imgPlayer1" ondrop="drop(event)" ondragover="allowDrop(event)" src="_ressources/logo/logoArrows/Interrogation3.png">
<input id="player1" type="text" class="inputPlayers" placeholder="Player 1" required minlength="3" maxlength="3">
</div>
<div class="fieldFormStart">
<img id="imgPlayer2" class="imgPlayer2" ondrop="drop(event)" ondragover="allowDrop(event)" src="_ressources/logo/logoArrows/Interrogation3.png">
<input id="player2" type="text" class="inputPlayers" placeholder="Player 2" required minlength="3" maxlength="3">
</div>
<input type="button" value="START" onclick="checkBeforeLaunch()">
</form>
</div>
<div id="cadrePlacement">
<img id="logoApp" src="_ressources/logo/logo.ico">
<h2 id="resultText">Player 2 wins !</h2>
<input type="button" value="RESTART" onclick="launchGame()">
</div>
<div id="cadrePause">
<img id="logoAppPause" src="_ressources/logo/logo.ico">
<h2 id="resultTextPause">Game<br>paused!</h2>
<input id="afterPausePlay" type="button" value="PLAY" onclick="pauseGame()">
</div>
<div id="cadreEndgame">
<img id="logoAppEndgame" src="_ressources/logo/logo.ico">
<h2 id="resultTextEndgame">Endgame !</h2>
<input id="afterEndgame" type="button" value="RESTART" onclick="window.location.reload()">
</div>
</div>
<div id="third">
<h2>PALMARES</h2>
<div id="palmares">
</div>
<div class="buttonLink">
<a href="../description_start.html">
<h2>EN SAVOIR PLUS</h2>
</a>
</div>
</div>
</body>
</html>