You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
2.9 KiB
107 lines
2.9 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="../css/style.css">
|
|
<script src="https://unpkg.com/konva@6.0.0/konva.min.js"></script>
|
|
<script src="../js/const.js"></script>
|
|
<script src="../js/func.js"></script>
|
|
<script src="../js/logique.js"></script>
|
|
<script src="../js/init.js"></script>
|
|
<script src="../js/createElement.js"></script>
|
|
<script src="../js/easytimer.min.js"></script>
|
|
<script src="../js/timer.js"></script>
|
|
<script src="../js/creator.js"></script>
|
|
<link href="https://use.fontawesome.com/releases/v5.0.4/css/all.css" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Bitter:wght@700&display=swap" rel="stylesheet">
|
|
<meta charset="utf-8" />
|
|
<title>Make It True</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- The Modal -->
|
|
<div id="myModal" class="modal">
|
|
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<div class="modal-header" align=center>
|
|
<br>
|
|
<h1>Game Over</h1>
|
|
<br>
|
|
</div>
|
|
<div class="modal-body" align=center>
|
|
<br>
|
|
<p>Temps total : 13 m 40 s</p>
|
|
<p>Temps moyen par niveau : 20.5s</p>
|
|
<p>Score moyen par niveau : 4.5</p>
|
|
<br>
|
|
<h2>Score total : 140</h2>
|
|
<br>
|
|
<input type="text" placeholder="Pseudo">
|
|
<button>Envoyer son score</button>
|
|
<br><br><br>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<br>
|
|
<button onclick="window.location.href='index.html'">Home</button>
|
|
<br>
|
|
<br>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="header-container">
|
|
<h1 align=center>Niveau <a id="niveau">0</a></h1>
|
|
<div align=center>
|
|
<a>Temps :</a>
|
|
<a id="timer">0 m 0 s</a>
|
|
<a id="timerend">20</a>
|
|
</div>
|
|
<div id="progressBar"></div>
|
|
</div>
|
|
<div id="play-container"></div>
|
|
<script>
|
|
var switchs = [], lineCount = [], logiques = [],lines = [], endLines = [],end, switchsInfo= [], switchsInfoCopy = [],lineRemove = [];
|
|
|
|
var niveauActuel = localStorage.getItem("niveau");
|
|
if(niveauActuel == null){
|
|
niveauActuel = 1;
|
|
}
|
|
let niveauhtml = document.getElementById('niveau');
|
|
niveauhtml.innerHTML = niveauActuel;
|
|
|
|
var layer = new Konva.Layer();
|
|
let container = document.getElementById('play-container');
|
|
container.style.height = innerHeight /100*80 + "px";
|
|
var width = container.offsetWidth;
|
|
|
|
|
|
|
|
var stage = new Konva.Stage({
|
|
container: 'play-container',
|
|
/*rotation: -90,
|
|
x: 20,
|
|
y: 1000,*/
|
|
width: width,
|
|
height: window.innerHeight,
|
|
});
|
|
stage.add(layer);
|
|
|
|
initLayer();
|
|
|
|
generatorGame();
|
|
|
|
checkAllSortieLogique();
|
|
</script>
|
|
<script>
|
|
var modal = document.getElementById("myModal");
|
|
window.onclick = function(event) {
|
|
if (event.target == modal) {
|
|
modal.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |