-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
102 lines (89 loc) · 13.3 KB
/
Copy pathindex.html
File metadata and controls
102 lines (89 loc) · 13.3 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>ASTEROID </title>
<link href="styleSheet.css" rel="stylesheet">
</head>
<body allow="autoplay">
<div id="overlay">
<img id="gauche" src="droite.png" alt="">
<img id="droite" src="gauche.png" alt="">
</div>
<script type="text/javascript">
function whichButton(buttonElement) {
var buttonClickedId = buttonElement.id;
if (buttonClickedId === 'btn1') {
init();
document.getElementById("myCanvas").style.display = "unset";
document.getElementById('btn1').style.display = 'none';
document.getElementById('btn2').style.display = 'none';
document.getElementById('supprLancement').style.display = 'none';
}
}
</script>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg" width="400" height="80"
viewBox="0, 0, 400,80">
<g id="svgg">
<path id="path0"
d="M29.091 10.909 L 29.091 14.545 25.455 14.545 L 21.818 14.545 21.818 21.818 L 21.818 29.091 18.182 29.091 L 14.545 29.091 14.545 36.364 L 14.545 43.636 10.909 43.636 L 7.273 43.636 7.273 58.182 L 7.273 72.727 10.909 72.727 L 14.545 72.727 14.545 69.091 L 14.545 65.455 18.182 65.455 L 21.818 65.455 21.818 61.818 L 21.818 58.182 25.455 58.182 L 29.091 58.182 29.091 54.545 L 29.091 50.909 32.727 50.909 L 36.364 50.909 36.364 54.545 L 36.364 58.182 40.000 58.182 L 43.636 58.182 43.636 61.818 L 43.636 65.455 47.273 65.455 L 50.909 65.455 50.909 69.091 L 50.909 72.727 54.545 72.727 L 58.182 72.727 58.182 58.182 L 58.182 43.636 54.545 43.636 L 50.909 43.636 50.909 36.364 L 50.909 29.091 47.273 29.091 L 43.636 29.091 43.636 21.818 L 43.636 14.545 40.000 14.545 L 36.364 14.545 36.364 10.909 L 36.364 7.273 32.727 7.273 L 29.091 7.273 29.091 10.909 M72.727 10.909 L 72.727 14.545 69.091 14.545 L 65.455 14.545 65.455 25.455 L 65.455 36.364 69.091 36.364 L 72.727 36.364 72.727 40.000 L 72.727 43.636 80.000 43.636 L 87.273 43.636 87.273 54.545 L 87.273 65.455 76.364 65.455 L 65.455 65.455 65.455 69.091 L 65.455 72.727 76.364 72.727 L 87.273 72.727 87.273 69.091 L 87.273 65.455 90.909 65.455 L 94.545 65.455 94.545 54.545 L 94.545 43.636 90.909 43.636 L 87.273 43.636 87.273 40.000 L 87.273 36.364 80.000 36.364 L 72.727 36.364 72.727 25.455 L 72.727 14.545 83.636 14.545 L 94.545 14.545 94.545 10.909 L 94.545 7.273 83.636 7.273 L 72.727 7.273 72.727 10.909 M101.818 10.909 L 101.818 14.545 109.091 14.545 L 116.364 14.545 116.364 43.636 L 116.364 72.727 120.000 72.727 L 123.636 72.727 123.636 43.636 L 123.636 14.545 130.909 14.545 L 138.182 14.545 138.182 10.909 L 138.182 7.273 130.909 7.273 L 123.636 7.273 123.636 10.909 L 123.636 14.545 120.000 14.545 L 116.364 14.545 116.364 10.909 L 116.364 7.273 109.091 7.273 L 101.818 7.273 101.818 10.909 M152.727 10.909 L 152.727 14.545 149.091 14.545 L 145.455 14.545 145.455 25.455 L 145.455 36.364 149.091 36.364 L 152.727 36.364 152.727 40.000 L 152.727 43.636 149.091 43.636 L 145.455 43.636 145.455 54.545 L 145.455 65.455 149.091 65.455 L 152.727 65.455 152.727 69.091 L 152.727 72.727 163.636 72.727 L 174.545 72.727 174.545 69.091 L 174.545 65.455 163.636 65.455 L 152.727 65.455 152.727 54.545 L 152.727 43.636 163.636 43.636 L 174.545 43.636 174.545 40.000 L 174.545 36.364 163.636 36.364 L 152.727 36.364 152.727 25.455 L 152.727 14.545 163.636 14.545 L 174.545 14.545 174.545 10.909 L 174.545 7.273 163.636 7.273 L 152.727 7.273 152.727 10.909 M189.091 10.909 L 189.091 14.545 185.455 14.545 L 181.818 14.545 181.818 25.455 L 181.818 36.364 185.455 36.364 L 189.091 36.364 189.091 40.000 L 189.091 43.636 185.455 43.636 L 181.818 43.636 181.818 58.182 L 181.818 72.727 185.455 72.727 L 189.091 72.727 189.091 58.182 L 189.091 43.636 196.364 43.636 L 203.636 43.636 203.636 50.909 L 203.636 58.182 207.273 58.182 L 210.909 58.182 210.909 65.455 L 210.909 72.727 214.545 72.727 L 218.182 72.727 218.182 65.455 L 218.182 58.182 214.545 58.182 L 210.909 58.182 210.909 50.909 L 210.909 43.636 207.273 43.636 L 203.636 43.636 203.636 40.000 L 203.636 36.364 207.273 36.364 L 210.909 36.364 210.909 32.727 L 210.909 29.091 214.545 29.091 L 218.182 29.091 218.182 21.818 L 218.182 14.545 214.545 14.545 L 210.909 14.545 210.909 10.909 L 210.909 7.273 200.000 7.273 L 189.091 7.273 189.091 10.909 M240.000 10.909 L 240.000 14.545 236.364 14.545 L 232.727 14.545 232.727 18.182 L 232.727 21.818 229.091 21.818 L 225.455 21.818 225.455 40.000 L 225.455 58.182 229.091 58.182 L 232.727 58.182 232.727 61.818 L 232.727 65.455 236.364 65.455 L 240.000 65.455 240.000 69.091 L 240.000 72.727 254.545 72.727 L 269.091 72.727 269.091 69.091 L 269.091 65.455 272.727 65.455 L 276.364 65.455 276.364 58.182 L 276.364 50.909 280.000 50.909 L 283.636 50.909 283.636 47.273 L 283.636 43.636 287.273 43.636 L 290.909 43.636 290.909 32.727 L 290.909 21.818 287.273 21.818 L 283.636 21.818 283.636 18.182 L 283.636 14.545 280.000 14.545 L 276.364 14.545 276.364 10.909 L 276.364 7.273 258.182 7.273 L 240.000 7.273 240.000 10.909 M290.909 10.909 L 290.909 14.545 294.545 14.545 L 298.182 14.545 298.182 40.000 L 298.182 65.455 294.545 65.455 L 290.909 65.455 290.909 69.091 L 290.909 72.727 294.545 72.727 L 298.182 72.727 298.182 69.091 L 298.182 65.455 301.818 65.455 L 305.455 65.455 305.455 69.091 L 305.455 72.727 309.091 72.727 L 312.727 72.727 312.727 69.091 L 312.727 65.455 309.091 65.455 L 305.455 65.455 305.455 40.000 L 305.455 14.545 309.091 14.545 L 312.727 14.545 312.727 10.909 L 312.727 7.273 309.091 7.273 L 305.455 7.273 305.455 10.909 L 305.455 14.545 301.818 14.545 L 298.182 14.545 298.182 10.909 L 298.182 7.273 294.545 7.273 L 290.909 7.273 290.909 10.909 M327.273 10.909 L 327.273 14.545 323.636 14.545 L 320.000 14.545 320.000 40.000 L 320.000 65.455 323.636 65.455 L 327.273 65.455 327.273 69.091 L 327.273 72.727 334.545 72.727 L 341.818 72.727 341.818 69.091 L 341.818 65.455 345.455 65.455 L 349.091 65.455 349.091 61.818 L 349.091 58.182 352.727 58.182 L 356.364 58.182 356.364 40.000 L 356.364 21.818 352.727 21.818 L 349.091 21.818 349.091 18.182 L 349.091 14.545 345.455 14.545 L 341.818 14.545 341.818 10.909 L 341.818 7.273 334.545 7.273 L 327.273 7.273 327.273 10.909 M370.909 10.909 L 370.909 14.545 367.273 14.545 L 363.636 14.545 363.636 25.455 L 363.636 36.364 367.273 36.364 L 370.909 36.364 370.909 40.000 L 370.909 43.636 378.182 43.636 L 385.455 43.636 385.455 54.545 L 385.455 65.455 374.545 65.455 L 363.636 65.455 363.636 69.091 L 363.636 72.727 374.545 72.727 L 385.455 72.727 385.455 69.091 L 385.455 65.455 389.091 65.455 L 392.727 65.455 392.727 54.545 L 392.727 43.636 389.091 43.636 L 385.455 43.636 385.455 40.000 L 385.455 36.364 378.182 36.364 L 370.909 36.364 370.909 25.455 L 370.909 14.545 381.818 14.545 L 392.727 14.545 392.727 10.909 L 392.727 7.273 381.818 7.273 L 370.909 7.273 370.909 10.909 M36.364 21.818 L 36.364 29.091 40.000 29.091 L 43.636 29.091 43.636 36.364 L 43.636 43.636 47.273 43.636 L 50.909 43.636 50.909 50.909 L 50.909 58.182 47.273 58.182 L 43.636 58.182 43.636 54.545 L 43.636 50.909 40.000 50.909 L 36.364 50.909 36.364 47.273 L 36.364 43.636 32.727 43.636 L 29.091 43.636 29.091 47.273 L 29.091 50.909 25.455 50.909 L 21.818 50.909 21.818 54.545 L 21.818 58.182 18.182 58.182 L 14.545 58.182 14.545 50.909 L 14.545 43.636 18.182 43.636 L 21.818 43.636 21.818 36.364 L 21.818 29.091 25.455 29.091 L 29.091 29.091 29.091 21.818 L 29.091 14.545 32.727 14.545 L 36.364 14.545 36.364 21.818 M210.909 21.818 L 210.909 29.091 207.273 29.091 L 203.636 29.091 203.636 32.727 L 203.636 36.364 196.364 36.364 L 189.091 36.364 189.091 25.455 L 189.091 14.545 200.000 14.545 L 210.909 14.545 210.909 21.818 M276.364 18.182 L 276.364 21.818 280.000 21.818 L 283.636 21.818 283.636 32.727 L 283.636 43.636 280.000 43.636 L 276.364 43.636 276.364 47.273 L 276.364 50.909 272.727 50.909 L 269.091 50.909 269.091 58.182 L 269.091 65.455 254.545 65.455 L 240.000 65.455 240.000 61.818 L 240.000 58.182 236.364 58.182 L 232.727 58.182 232.727 40.000 L 232.727 21.818 236.364 21.818 L 240.000 21.818 240.000 18.182 L 240.000 14.545 258.182 14.545 L 276.364 14.545 276.364 18.182 M341.818 18.182 L 341.818 21.818 345.455 21.818 L 349.091 21.818 349.091 40.000 L 349.091 58.182 345.455 58.182 L 341.818 58.182 341.818 61.818 L 341.818 65.455 334.545 65.455 L 327.273 65.455 327.273 40.000 L 327.273 14.545 334.545 14.545 L 341.818 14.545 341.818 18.182 M247.273 25.455 L 247.273 29.091 243.636 29.091 L 240.000 29.091 240.000 32.727 L 240.000 36.364 243.636 36.364 L 247.273 36.364 247.273 40.000 L 247.273 43.636 254.545 43.636 L 261.818 43.636 261.818 40.000 L 261.818 36.364 265.455 36.364 L 269.091 36.364 269.091 32.727 L 269.091 29.091 265.455 29.091 L 261.818 29.091 261.818 25.455 L 261.818 21.818 254.545 21.818 L 247.273 21.818 247.273 25.455 M261.818 32.727 L 261.818 36.364 254.545 36.364 L 247.273 36.364 247.273 32.727 L 247.273 29.091 254.545 29.091 L 261.818 29.091 261.818 32.727 "
stroke="none" fill="#000000" fill-rule="evenodd" />
</g>
</svg>
<div class="speakerContainer">
<img class="speakerIMG" onclick="setvolume()" src="Speaker1.png">
<img class="speakerIMG" onclick="setvolume0()" src="Speaker4.png">
<img id="restart" onclick="location.reload();" src="press+start+retro+gaming.gif">
</div>
<div id="supprLancement">
<p>Selectionne ton Mode de Jeu :</p>
<br/>
</div>
<div class="modeSelect" id="btn2">
<img class="modeIMG" onclick="setModeT()" src="starwars.png">
<img class="modeIMG" onclick="setModeF()" src="normal.png">
</div>
<div class="wrapper" href="#" id="btn1" onclick="whichButton(this)">
<a class="cta">
<span>START</span>
<span>
<svg width="66px" height="43px" viewBox="0 0 66 43" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="arrow" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path class="one"
d="M40.1543933,3.89485454 L43.9763149,0.139296592 C44.1708311,-0.0518420739 44.4826329,-0.0518571125 44.6771675,0.139262789 L65.6916134,20.7848311 C66.0855801,21.1718824 66.0911863,21.8050225 65.704135,22.1989893 C65.7000188,22.2031791 65.6958657,22.2073326 65.6916762,22.2114492 L44.677098,42.8607841 C44.4825957,43.0519059 44.1708242,43.0519358 43.9762853,42.8608513 L40.1545186,39.1069479 C39.9575152,38.9134427 39.9546793,38.5968729 40.1481845,38.3998695 C40.1502893,38.3977268 40.1524132,38.395603 40.1545562,38.3934985 L56.9937789,21.8567812 C57.1908028,21.6632968 57.193672,21.3467273 57.0001876,21.1497035 C56.9980647,21.1475418 56.9959223,21.1453995 56.9937605,21.1432767 L40.1545208,4.60825197 C39.9574869,4.41477773 39.9546013,4.09820839 40.1480756,3.90117456 C40.1501626,3.89904911 40.1522686,3.89694235 40.1543933,3.89485454 Z"
fill="#FFFFFF"></path>
<path class="two"
d="M20.1543933,3.89485454 L23.9763149,0.139296592 C24.1708311,-0.0518420739 24.4826329,-0.0518571125 24.6771675,0.139262789 L45.6916134,20.7848311 C46.0855801,21.1718824 46.0911863,21.8050225 45.704135,22.1989893 C45.7000188,22.2031791 45.6958657,22.2073326 45.6916762,22.2114492 L24.677098,42.8607841 C24.4825957,43.0519059 24.1708242,43.0519358 23.9762853,42.8608513 L20.1545186,39.1069479 C19.9575152,38.9134427 19.9546793,38.5968729 20.1481845,38.3998695 C20.1502893,38.3977268 20.1524132,38.395603 20.1545562,38.3934985 L36.9937789,21.8567812 C37.1908028,21.6632968 37.193672,21.3467273 37.0001876,21.1497035 C36.9980647,21.1475418 36.9959223,21.1453995 36.9937605,21.1432767 L20.1545208,4.60825197 C19.9574869,4.41477773 19.9546013,4.09820839 20.1480756,3.90117456 C20.1501626,3.89904911 20.1522686,3.89694235 20.1543933,3.89485454 Z"
fill="#FFFFFF"></path>
<path class="three"
d="M0.154393339,3.89485454 L3.97631488,0.139296592 C4.17083111,-0.0518420739 4.48263286,-0.0518571125 4.67716753,0.139262789 L25.6916134,20.7848311 C26.0855801,21.1718824 26.0911863,21.8050225 25.704135,22.1989893 C25.7000188,22.2031791 25.6958657,22.2073326 25.6916762,22.2114492 L4.67709797,42.8607841 C4.48259567,43.0519059 4.17082418,43.0519358 3.97628526,42.8608513 L0.154518591,39.1069479 C-0.0424848215,38.9134427 -0.0453206733,38.5968729 0.148184538,38.3998695 C0.150289256,38.3977268 0.152413239,38.395603 0.154556228,38.3934985 L16.9937789,21.8567812 C17.1908028,21.6632968 17.193672,21.3467273 17.0001876,21.1497035 C16.9980647,21.1475418 16.9959223,21.1453995 16.9937605,21.1432767 L0.15452076,4.60825197 C-0.0425130651,4.41477773 -0.0453986756,4.09820839 0.148075568,3.90117456 C0.150162624,3.89904911 0.152268631,3.89694235 0.154393339,3.89485454 Z"
fill="#FFFFFF"></path>
</g>
</svg>
<!--Source : https://codepen.io/ImranPardes/pen/YvmRpz -->
</span>
</a>
</div>
<div id="canvas-fit">
<canvas allow="autoplay" id="myCanvas" width="1200" height="800" style="border:1px solid #000000;">
</canvas>
</div>
<div id="credit">
<p>Tir avec ESPACE et déplace toi avec les fleches directionnelles</p>
<br />
<p> <br /> Léo, Guilhem et Raphael Groupe GFS</p>
</div>
<script src="howler.min.js"></script>
<script src="Vaisseau.js"></script>
<script src="Bullet.js"></script>
<script src="meteore.js"></script>
<script src="collisions.js"></script>
<script src="asteroid.js"></script>
<script src="particle.js"></script>
<script src="bonus.js"></script>
<script src="alien.js"></script>
<script src="BulletA.js"></script>
<script src="star.js"></script>
</body>
</html>