pascal.lafourcade
/
onthedots
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modes de jeux par points + page de score

Browse Source
inclusion-bdd
adplantade 5 years ago
parent 6d37153da9
commit b0fdee0319
6 changed files with 61 additions and 22 deletions
Show Stats Download Patch File Download Diff File

14
code/chrono.js
Unescape View File

@ -23,13 +23,15 @@ function chrono(){
else if(msec < 100){ else if(msec < 100){
msec = "0" +msec msec = "0" +msec
} }
document.getElementById("chronotime").innerHTML = hr + ":" + min + ":" + sec + ":" + msec document.getElementById("chronotime").innerHTML = hr + ":" + min + ":" + sec
timerID = setTimeout("chrono()", 10) timerID = setTimeout("chrono()", 10)
} }
function chronoStart(){ function chronoStart(){
/*
document.chronoForm.startstop.value = "stop!" document.chronoForm.startstop.value = "stop!"
document.chronoForm.startstop.onclick = chronoStop document.chronoForm.startstop.onclick = chronoStop
document.chronoForm.reset.onclick = chronoReset document.chronoForm.reset.onclick = chronoReset
*/
start = new Date() start = new Date()
chrono() chrono()
} }
@ -42,16 +44,18 @@ function chronoContinue(){
chrono() chrono()
} }
function chronoReset(){ function chronoReset(){
document.getElementById("chronotime").innerHTML = "0:00:00:000" document.getElementById("chronotime").innerHTML = "0:00:00"
start = new Date() start = new Date()
} }
function chronoStopReset(){ function chronoStopReset(){
document.getElementById("chronotime").innerHTML = "0:00:00:000" document.getElementById("chronotime").innerHTML = "0:00:00"
document.chronoForm.startstop.onclick = chronoStart document.chronoForm.startstop.onclick = chronoStart
} }
function chronoStop(){ function chronoStop(){
/*
document.chronoForm.startstop.value = "start!" document.chronoForm.startstop.value = "start!"
document.chronoForm.startstop.onclick = chronoContinue document.chronoForm.startstop.onclick = chronoContinue
document.chronoForm.reset.onclick = chronoStopReset document.chronoForm.reset.onclick = chronoStopReset
*/
clearTimeout(timerID) clearTimeout(timerID)
} }

18
code/game.html
Unescape View File

@ -10,19 +10,15 @@
<ul class="stats"> <ul class="stats">
<p id="temps"></p> <p id="temps"></p>
<span id="chronotime" class="stats">0:00:00:00</span> <span id="chronotime" class="stats">0:00:00</span>
<form name="chronoForm">
<input type="button" name="startstop" value="start!" onClick="chronoStart()" />
<input type="button" name="reset" value="reset!" onClick="chronoReset()" />
</form>
<p id="stats" class="stats"></p> <p id="stats" class="stats"></p>
</ul> </ul>
<ul id="obj-container" class="obj-container"> <ul id="obj-container" class="vitraux">
<h1>Objectif</h1>
<canvas id="canvasObj" class="vitrail-plein"></canvas> <canvas id="canvasObj" class="vitrail-plein"></canvas>
<h1>R&eacute;sultat</h1> <h1>Objectif</h1>
<canvas id="canvasTotal" class="vitrail-plein"></canvas> <canvas id="canvasTotal" class="vitrail-plein"></canvas>
<h1>R&eacute;sultat</h1>
</ul> </ul>
<ul id="vitraux" class="vitraux"> <ul id="vitraux" class="vitraux">
<canvas id="canvas1" class="vitrail-plein"></canvas> <canvas id="canvas1" class="vitrail-plein"></canvas>
@ -34,7 +30,9 @@
<canvas id="canvas4" class="vitrail-plein"></canvas> <canvas id="canvas4" class="vitrail-plein"></canvas>
</ul> </ul>
<ul id="canvasR" class="flex-container"> <ul id="canvasR" class="flex-container">
<h1>R&eacute;serve</h1> <div id="reserveText">
<h1>R&eacute;serve</h1>
</div>
<canvas id="canvasR1" class="vitrail-vide"></canvas> <canvas id="canvasR1" class="vitrail-vide"></canvas>
<canvas id="canvasR2" class="vitrail-vide"></canvas> <canvas id="canvasR2" class="vitrail-vide"></canvas>
<canvas id="canvasR3" class="vitrail-vide"></canvas> <canvas id="canvasR3" class="vitrail-vide"></canvas>
@ -43,9 +41,9 @@
</ul> </ul>
</ul> </ul>
<script src="selecteur.js"></script>
<script src="chrono.js"></script> <script src="chrono.js"></script>
<script src="vitraux.js"></script> <script src="vitraux.js"></script>
<script src="selecteur.js"></script>
</body> </body>
</html> </html>

13
code/index.html
Unescape View File

@ -4,8 +4,19 @@
</head> </head>
<body> <body>
<form action="./game.html" method="GET"> <form action="./game.html" method="GET">
<input type="radio" id="no-res" name="mode" value="no-res"> <input type="radio" id="no-res" name="diff" value="no-res">
<label for="no-res">Sans r&eacute;serve</label><br> <label for="no-res">Sans r&eacute;serve</label><br>
<input type="radio" id="5pts" name="mode" value="5">
<label for="5pts">5 points</label><br>
<input type="radio" id="10pts" name="mode" value="10">
<label for="5pts">10 points</label><br>
<input type="radio" id="15pts" name="mode" value="15">
<label for="5pts">15 points</label><br>
<input type="radio" id="20pts" name="mode" value="20">
<label for="5pts">20 points</label><br>
<div class="button"> <div class="button">
<button type="submit">JOUER !</button> <button type="submit">JOUER !</button>
</div> </div>

13
code/score.html
Unescape View File

@ -0,0 +1,13 @@
<html>
<head>
</head>
<body>
<script src="selecteur.js"></script>
Votre score est : <h1 id="points"></h1>
<script>
document.getElementById("points").innerHTML = get['pts'];
</script>
</body>
</html>

4
code/selecteur.js
Unescape View File

@ -15,7 +15,9 @@ function $_GET(param) {
var get=$_GET(); var get=$_GET();
if(get['mode']=="no-res") if(get['diff']=="no-res")
{ {
document.getElementById("canvasR").style.display="none"; document.getElementById("canvasR").style.display="none";
document.getElementById("reserveText").style.display="none";
} }
objPts=get['mode'];

17
code/vitraux.js
Unescape View File

@ -402,13 +402,23 @@ var canvasT = document.getElementById('canvasTotal');
{ {
var audio = new Audio('ress/Jewel4.mp3'); var audio = new Audio('ress/Jewel4.mp3');
audio.play(); audio.play();
points++; handleScore(1);
document.getElementById("stats").innerHTML = points+" points";
chronoStop();
generateEasy(); generateEasy();
} }
} }
function handleScore(modif)
{
points+=modif;
document.getElementById("stats").innerHTML = points+" points";
if(points==objPts)
{
chronoStop();
window.location.replace("./score.html?pts="+document.getElementById("chronotime").innerHTML);
}
}
function changeOrder(from, to) function changeOrder(from, to)
{ {
if(from.includes("R")) if(from.includes("R"))
@ -515,3 +525,4 @@ var canvasT = document.getElementById('canvasTotal');
events(); events();
generateEasy(); generateEasy();
chronoStart();
Write Preview
Loading…
Cancel
Save