2017-12-08 19:41:28 +00:00
|
|
|
<html>
|
2017-12-09 15:50:37 +00:00
|
|
|
|
2017-12-08 19:41:28 +00:00
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
2017-12-09 16:22:55 +00:00
|
|
|
<title>» DE_TANK «</title>
|
2017-12-09 16:25:46 +00:00
|
|
|
<link rel="icon" type="image/png" href="./assets/img/favicon.png" />
|
2017-12-08 19:41:28 +00:00
|
|
|
<link rel="stylesheet" href="./assets/css/style.css">
|
|
|
|
</head>
|
2017-12-08 23:44:51 +00:00
|
|
|
|
2017-12-08 19:41:28 +00:00
|
|
|
<body>
|
2017-12-08 23:44:51 +00:00
|
|
|
<section class="header">
|
|
|
|
<h1>de_tank</h1>
|
|
|
|
</section>
|
|
|
|
<div class="container">
|
|
|
|
<section class="map">
|
2017-12-09 15:50:37 +00:00
|
|
|
<div class="score">
|
|
|
|
<h3>SCORE</h3>
|
|
|
|
<h5><span class="textScore"></span></h5>
|
|
|
|
</div>
|
|
|
|
<div class="gameover">
|
|
|
|
<h1>GAME OVER</h1>
|
|
|
|
<h4>Votre score : <span class="textScore"></span></h4>
|
|
|
|
<a href="#" class="replay">Rejouer</a>
|
|
|
|
</div>
|
2017-12-09 04:54:00 +00:00
|
|
|
<div class="startmenu">
|
|
|
|
<h1>DE_TANK</h1>
|
2017-12-09 15:50:37 +00:00
|
|
|
<img class="tuto" src="assets/img/keyboard-de_tank.png" alt="tuto">
|
2017-12-09 04:54:00 +00:00
|
|
|
<h4>Vous devez détruire les cibles,<br><br> si plus de 3 cibles sont affichées c'est PERDU.</h4>
|
2017-12-09 05:10:14 +00:00
|
|
|
<a href="#" class="play easy">Facile</a>
|
2017-12-09 04:54:00 +00:00
|
|
|
<br><br>
|
2017-12-09 05:10:14 +00:00
|
|
|
<a href="#" class="play hard">Pas facile</a>
|
2017-12-09 15:50:37 +00:00
|
|
|
<img class="tank" src="assets/img/tank.png" alt="tank">
|
2017-12-09 04:54:00 +00:00
|
|
|
</div>
|
2017-12-09 05:28:16 +00:00
|
|
|
<div id="mute" class="mute"></div>
|
2017-12-09 15:50:37 +00:00
|
|
|
<div class="volume">
|
|
|
|
<input type="range" min="0" max="100" step="1" oninput="SetVolume(this.value)" onchange="SetVolume(this.value)"></input>
|
|
|
|
</div>
|
2017-12-08 23:44:51 +00:00
|
|
|
<div class="line line-1">
|
|
|
|
<div class="col col-1"></div>
|
|
|
|
<div class="col col-2"></div>
|
|
|
|
<div class="col col-3"></div>
|
|
|
|
<div class="col col-4"></div>
|
|
|
|
<div class="col col-5"></div>
|
|
|
|
<div class="col col-6"></div>
|
|
|
|
<div class="col col-7"></div>
|
|
|
|
<div class="col col-8"></div>
|
|
|
|
<div class="col col-9"></div>
|
|
|
|
<div class="col col-10"></div>
|
|
|
|
<div class="col col-11"></div>
|
|
|
|
<div class="col col-12"></div>
|
|
|
|
<div class="col col-13"></div>
|
|
|
|
<div class="col col-14"></div>
|
|
|
|
<div class="col col-15"></div>
|
|
|
|
<div class="col col-16"></div>
|
|
|
|
<div class="col col-17"></div>
|
|
|
|
<div class="col col-18"></div>
|
|
|
|
<div class="col col-19"></div>
|
|
|
|
<div class="col col-20"></div>
|
|
|
|
</div>
|
|
|
|
<div class="line line-2">
|
|
|
|
<div class="col col-1"></div>
|
|
|
|
<div class="col col-2"></div>
|
|
|
|
<div class="col col-3"></div>
|
|
|
|
<div class="col col-4"></div>
|
|
|
|
<div class="col col-5"></div>
|
|
|
|
<div class="col col-6"></div>
|
|
|
|
<div class="col col-7"></div>
|
|
|
|
<div class="col col-8"></div>
|
|
|
|
<div class="col col-9"></div>
|
|
|
|
<div class="col col-10"></div>
|
|
|
|
<div class="col col-11"></div>
|
|
|
|
<div class="col col-12"></div>
|
|
|
|
<div class="col col-13"></div>
|
|
|
|
<div class="col col-14"></div>
|
|
|
|
<div class="col col-15"></div>
|
|
|
|
<div class="col col-16"></div>
|
|
|
|
<div class="col col-17"></div>
|
|
|
|
<div class="col col-18"></div>
|
|
|
|
<div class="col col-19"></div>
|
|
|
|
<div class="col col-20"></div>
|
|
|
|
</div>
|
|
|
|
<div class="line line-3">
|
|
|
|
<div class="col col-1"></div>
|
|
|
|
<div class="col col-2"></div>
|
|
|
|
<div class="col col-3"></div>
|
|
|
|
<div class="col col-4"></div>
|
|
|
|
<div class="col col-5"></div>
|
|
|
|
<div class="col col-6"></div>
|
|
|
|
<div class="col col-7"></div>
|
|
|
|
<div class="col col-8"></div>
|
|
|
|
<div class="col col-9"></div>
|
|
|
|
<div class="col col-10"></div>
|
|
|
|
<div class="col col-11"></div>
|
|
|
|
<div class="col col-12"></div>
|
|
|
|
<div class="col col-13"></div>
|
|
|
|
<div class="col col-14"></div>
|
|
|
|
<div class="col col-15"></div>
|
|
|
|
<div class="col col-16"></div>
|
|
|
|
<div class="col col-17"></div>
|
|
|
|
<div class="col col-18"></div>
|
|
|
|
<div class="col col-19"></div>
|
|
|
|
<div class="col col-20"></div>
|
|
|
|
</div>
|
|
|
|
<div class="line line-4">
|
|
|
|
<div class="col col-1"></div>
|
|
|
|
<div class="col col-2"></div>
|
|
|
|
<div class="col col-3"></div>
|
|
|
|
<div class="col col-4"></div>
|
|
|
|
<div class="col col-5"></div>
|
|
|
|
<div class="col col-6"></div>
|
|
|
|
<div class="col col-7"></div>
|
|
|
|
<div class="col col-8"></div>
|
|
|
|
<div class="col col-9"></div>
|
|
|
|
<div class="col col-10"></div>
|
|
|
|
<div class="col col-11"></div>
|
|
|
|
<div class="col col-12"></div>
|
|
|
|
<div class="col col-13"></div>
|
|
|
|
<div class="col col-14"></div>
|
|
|
|
<div class="col col-15"></div>
|
|
|
|
<div class="col col-16"></div>
|
|
|
|
<div class="col col-17"></div>
|
|
|
|
<div class="col col-18"></div>
|
|
|
|
<div class="col col-19"></div>
|
|
|
|
<div class="col col-20"></div>
|
|
|
|
</div>
|
|
|
|
<div class="line line-5">
|
|
|
|
<div class="col col-1"></div>
|
|
|
|
<div class="col col-2"></div>
|
|
|
|
<div class="col col-3"></div>
|
|
|
|
<div class="col col-4"></div>
|
|
|
|
<div class="col col-5"></div>
|
|
|
|
<div class="col col-6"></div>
|
|
|
|
<div class="col col-7"></div>
|
|
|
|
<div class="col col-8"></div>
|
|
|
|
<div class="col col-9"></div>
|
|
|
|
<div class="col col-10"></div>
|
|
|
|
<div class="col col-11"></div>
|
|
|
|
<div class="col col-12"></div>
|
|
|
|
<div class="col col-13"></div>
|
|
|
|
<div class="col col-14"></div>
|
|
|
|
<div class="col col-15"></div>
|
|
|
|
<div class="col col-16"></div>
|
|
|
|
<div class="col col-17"></div>
|
|
|
|
<div class="col col-18"></div>
|
|
|
|
<div class="col col-19"></div>
|
|
|
|
<div class="col col-20"></div>
|
|
|
|
</div>
|
|
|
|
<div class="line line-6">
|
|
|
|
<div class="col col-1"></div>
|
|
|
|
<div class="col col-2"></div>
|
|
|
|
<div class="col col-3"></div>
|
|
|
|
<div class="col col-4"></div>
|
|
|
|
<div class="col col-5"></div>
|
|
|
|
<div class="col col-6"></div>
|
|
|
|
<div class="col col-7"></div>
|
|
|
|
<div class="col col-8"></div>
|
|
|
|
<div class="col col-9"></div>
|
|
|
|
<div class="col col-10"></div>
|
|
|
|
<div class="col col-11"></div>
|
|
|
|
<div class="col col-12"></div>
|
|
|
|
<div class="col col-13"></div>
|
|
|
|
<div class="col col-14"></div>
|
|
|
|
<div class="col col-15"></div>
|
|
|
|
<div class="col col-16"></div>
|
|
|
|
<div class="col col-17"></div>
|
|
|
|
<div class="col col-18"></div>
|
|
|
|
<div class="col col-19"></div>
|
|
|
|
<div class="col col-20"></div>
|
|
|
|
</div>
|
|
|
|
<div class="line line-7">
|
|
|
|
<div class="col col-1"></div>
|
|
|
|
<div class="col col-2"></div>
|
|
|
|
<div class="col col-3"></div>
|
|
|
|
<div class="col col-4"></div>
|
|
|
|
<div class="col col-5"></div>
|
|
|
|
<div class="col col-6"></div>
|
|
|
|
<div class="col col-7"></div>
|
|
|
|
<div class="col col-8"></div>
|
|
|
|
<div class="col col-9"></div>
|
|
|
|
<div class="col col-10"></div>
|
|
|
|
<div class="col col-11"></div>
|
|
|
|
<div class="col col-12"></div>
|
|
|
|
<div class="col col-13"></div>
|
|
|
|
<div class="col col-14"></div>
|
|
|
|
<div class="col col-15"></div>
|
|
|
|
<div class="col col-16"></div>
|
|
|
|
<div class="col col-17"></div>
|
|
|
|
<div class="col col-18"></div>
|
|
|
|
<div class="col col-19"></div>
|
|
|
|
<div class="col col-20"></div>
|
|
|
|
</div>
|
|
|
|
<div class="line line-8">
|
|
|
|
<div class="col col-1"></div>
|
|
|
|
<div class="col col-2"></div>
|
|
|
|
<div class="col col-3"></div>
|
|
|
|
<div class="col col-4"></div>
|
|
|
|
<div class="col col-5"></div>
|
|
|
|
<div class="col col-6"></div>
|
|
|
|
<div class="col col-7"></div>
|
|
|
|
<div class="col col-8"></div>
|
|
|
|
<div class="col col-9"></div>
|
|
|
|
<div class="col col-10"></div>
|
|
|
|
<div class="col col-11"></div>
|
|
|
|
<div class="col col-12"></div>
|
|
|
|
<div class="col col-13"></div>
|
|
|
|
<div class="col col-14"></div>
|
|
|
|
<div class="col col-15"></div>
|
|
|
|
<div class="col col-16"></div>
|
|
|
|
<div class="col col-17"></div>
|
|
|
|
<div class="col col-18"></div>
|
|
|
|
<div class="col col-19"></div>
|
|
|
|
<div class="col col-20"></div>
|
|
|
|
</div>
|
|
|
|
<div class="line line-9">
|
|
|
|
<div class="col col-1"></div>
|
|
|
|
<div class="col col-2"></div>
|
|
|
|
<div class="col col-3"></div>
|
|
|
|
<div class="col col-4"></div>
|
|
|
|
<div class="col col-5"></div>
|
|
|
|
<div class="col col-6"></div>
|
|
|
|
<div class="col col-7"></div>
|
|
|
|
<div class="col col-8"></div>
|
|
|
|
<div class="col col-9"></div>
|
2017-12-09 04:11:28 +00:00
|
|
|
<div class="col col-10"></div>
|
2017-12-08 23:44:51 +00:00
|
|
|
<div class="col col-11"></div>
|
|
|
|
<div class="col col-12"></div>
|
|
|
|
<div class="col col-13"></div>
|
|
|
|
<div class="col col-14"></div>
|
|
|
|
<div class="col col-15"></div>
|
|
|
|
<div class="col col-16"></div>
|
|
|
|
<div class="col col-17"></div>
|
|
|
|
<div class="col col-18"></div>
|
|
|
|
<div class="col col-19"></div>
|
|
|
|
<div class="col col-20"></div>
|
|
|
|
</div>
|
|
|
|
<div class="line line-10">
|
|
|
|
<div class="col col-1"></div>
|
|
|
|
<div class="col col-2"></div>
|
|
|
|
<div class="col col-3"></div>
|
|
|
|
<div class="col col-4"></div>
|
|
|
|
<div class="col col-5"></div>
|
|
|
|
<div class="col col-6"></div>
|
|
|
|
<div class="col col-7"></div>
|
|
|
|
<div class="col col-8"></div>
|
|
|
|
<div class="col col-9"></div>
|
|
|
|
<div class="col col-10"></div>
|
|
|
|
<div class="col col-11"></div>
|
|
|
|
<div class="col col-12"></div>
|
|
|
|
<div class="col col-13"></div>
|
|
|
|
<div class="col col-14"></div>
|
|
|
|
<div class="col col-15"></div>
|
|
|
|
<div class="col col-16"></div>
|
|
|
|
<div class="col col-17"></div>
|
|
|
|
<div class="col col-18"></div>
|
|
|
|
<div class="col col-19"></div>
|
|
|
|
<div class="col col-20"></div>
|
|
|
|
</div>
|
|
|
|
</section>
|
2017-12-09 15:50:37 +00:00
|
|
|
<div class="copyright">
|
|
|
|
Jeu réalisé en 12 heures pendant une nuit charette
|
|
|
|
<br>
|
|
|
|
<ul>
|
|
|
|
<li><a href="https://twitter.com/Orphevs" target="_blank" >@Orphevs</a></li>
|
|
|
|
<li><a href="https://twitter.com/NyroxCdejaPris" target="_blank">@NyroxCdejaPris</a></li>
|
|
|
|
<li><a href="https://twitter.com/SundownDEV" target="_blank">@SundownDEV</a></li>
|
|
|
|
<li><a href="https://twitter.com/idealistick8" target="_blank">@idealistick</a></li>
|
|
|
|
</ul>
|
2017-12-09 15:57:31 +00:00
|
|
|
v1.0.0
|
2017-12-09 15:50:37 +00:00
|
|
|
</div>
|
2017-12-08 22:21:05 +00:00
|
|
|
</div>
|
2017-12-09 04:54:00 +00:00
|
|
|
<div class="background"></div>
|
2017-12-09 05:10:14 +00:00
|
|
|
<script src="assets/js/script.js"></script>
|
2017-12-08 19:41:28 +00:00
|
|
|
</body>
|
2017-12-09 15:50:37 +00:00
|
|
|
|
2017-12-08 23:44:51 +00:00
|
|
|
</html>
|