|
|
|
@ -27,7 +27,6 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="selectModeSet" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<H1 class="colortext" >HyperSet</H1>
|
|
|
|
|
<h2 class="mode-title disable-select text" id="selectGame">Modes de jeu </h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtn" onclick="goBack()" src="vues/images/previous.png">
|
|
|
|
@ -43,14 +42,13 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="selectModeSet3x3" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<H1 class="colortext" >HyperSet</H1>
|
|
|
|
|
<h2 class="mode-title disable-select text" >Modes de jeu </h2>
|
|
|
|
|
<h2 class="mode-title disable-select text" >Set 3x3 </h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtn3x3" onclick="goSelect0()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="game-button-mode">
|
|
|
|
|
<button class="game-button text" id="playSimple3x3" onclick="showGameA();">SET! 3*3 TEMP</button>
|
|
|
|
|
<button class="game-button text" id="playSimple3x31" onclick="showGameA2();">SET! 3*3 SCORE</button>
|
|
|
|
|
<button class="game-button text" id="playSimple3x3" onclick="showGameA();">TEMPS</button>
|
|
|
|
|
<button class="game-button text" id="playSimple3x31" onclick="showGameA2();">SCORE</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@ -59,64 +57,59 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="selectModeSet3x4" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<H1 class="colortext" >HyperSet</H1>
|
|
|
|
|
<h2 class="mode-title disable-select text" >Modes de jeu </h2>
|
|
|
|
|
<h2 class="mode-title disable-select text" >Set 3x4 </h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtn3x4" onclick="goSelect()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="game-button-mode">
|
|
|
|
|
<button class="game-button text" id="playSimple3x4" onclick="showGameB();">SET! 3*4 TEMP</button>
|
|
|
|
|
<button class="game-button text" id="playSimple3x41" onclick="showGameB2();">SET! 3*4 SCORE</button>
|
|
|
|
|
<button class="game-button text" id="playSimple3x4" onclick="showGameB();">TEMPS</button>
|
|
|
|
|
<button class="game-button text" id="playSimple3x41" onclick="showGameB2();"> SCORE</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="selectModeSet3x5" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<H1 class="colortext" >HyperSet</H1>
|
|
|
|
|
<h2 class="mode-title disable-select text" >Modes de jeu </h2>
|
|
|
|
|
<h2 class="mode-title disable-select text" >Set 3x5 </h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtn3x5" onclick="goSelect1()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="game-button-mode">
|
|
|
|
|
<button class="game-button text" id="playSimple3x5" onclick="showGameC();">SET! 3*5 TEMP</button>
|
|
|
|
|
<button class="game-button text" id="playSimple3x51" onclick="showGameC2();">SET! 3*5 SCORE</button>
|
|
|
|
|
<button class="game-button text" id="playSimple3x5" onclick="showGameC();">TEMPS</button>
|
|
|
|
|
<button class="game-button text" id="playSimple3x51" onclick="showGameC2();"> SCORE</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="selectModeSet4x4" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<H1 class="colortext" >HyperSet</H1>
|
|
|
|
|
<h2 class="mode-title disable-select text" >Modes de jeu </h2>
|
|
|
|
|
<h2 class="mode-title disable-select text" >Set 4x4 </h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtn4x4" onclick="goSelect2()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="game-button-mode">
|
|
|
|
|
<button class="game-button text" id="playSimple4x4" onclick="showGameD();">SET! 4*4 TEMP</button>
|
|
|
|
|
<button class="game-button text" id="playSimple4x41" onclick="showGameD2();">SET! 4*4 SCORE</button>
|
|
|
|
|
<button class="game-button text" id="playSimple4x4" onclick="showGameD();">TEMPS</button>
|
|
|
|
|
<button class="game-button text" id="playSimple4x41" onclick="showGameD2();"> SCORE</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="selectModeSet4x5" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<H1 class="colortext" >HyperSet</H1>
|
|
|
|
|
<h2 class="mode-title disable-select text" >Modes de jeu </h2>
|
|
|
|
|
<h2 class="mode-title disable-select text" >Set 4x5 </h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtn4x5" onclick="goSelect3()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="game-button-mode">
|
|
|
|
|
<button class="game-button text" id="playSimple4x5" onclick="showGameE();">SET! 4*5 TEMP</button>
|
|
|
|
|
<button class="game-button text" id="playSimple4x51" onclick="showGameE2();">SET! 4*5 SCORE </button>
|
|
|
|
|
<button class="game-button text" id="playSimple4x5" onclick="showGameE();"> TEMPS</button>
|
|
|
|
|
<button class="game-button text" id="playSimple4x51" onclick="showGameE2();"> SCORE </button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="selectModeSet5x5" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<H1 class="colortext" >HyperSet</H1>
|
|
|
|
|
<h2 class="mode-title disable-select text">Modes de jeu </h2>
|
|
|
|
|
<h2 class="mode-title disable-select text">Set 5x5 </h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtn5x5" onclick="goSelect4()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="game-button-mode">
|
|
|
|
|
<button class="game-button text" id="playSimple5x5" onclick="showGameF();">SET! 5*5 TEMP</button>
|
|
|
|
|
<button class="game-button text" id="playSimple5x51" onclick="showGameF2();">SET! 5*5 SCORE</button>
|
|
|
|
|
<button class="game-button text" id="playSimple5x5" onclick="showGameF();"> TEMPS</button>
|
|
|
|
|
<button class="game-button text" id="playSimple5x51" onclick="showGameF2();">SCORE</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@ -127,7 +120,7 @@
|
|
|
|
|
<div id="selectModeHyperSet" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<h2 class="mode-title disable-select text" id="selectGameHS">Modes de jeu </h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtnHS" onclick="goSelectHS()" src="vues/images/previous.png">
|
|
|
|
|
<img class="small-btn" id="previousBtnHS" onclick="goBack1()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="game-button-mode">
|
|
|
|
|
<button class="game-button text" id="playSimpleH" onclick="showGameHS0();">Hyper SET! 3*3</button>
|
|
|
|
@ -139,6 +132,78 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="selectModeHyperSet3x3" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<h2 class="mode-title disable-select text" >HyperSet 3X3 </h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtnHS3x3" onclick="goSelectHS0()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="game-button-mode">
|
|
|
|
|
<button class="game-button text" id="playSimpleHS3x3" onclick="showGameHSA();"> TEMPS</button>
|
|
|
|
|
<button class="game-button text" id="playSimpleHS3x31" onclick="showGameHSA2();">SCORE</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="selectModeHyperSet3x4" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<h2 class="mode-title disable-select text" >HyperSet 3x4</h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtnHS3x4" onclick="goSelectHS()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="game-button-mode">
|
|
|
|
|
<button class="game-button text" id="playSimpleHS3x4" onclick="showGameHSB();">TEMPS</button>
|
|
|
|
|
<button class="game-button text" id="playSimpleHS3x41" onclick="showGameHSB2();"> SCORE</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="selectModeHyperSet3x5" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<h2 class="mode-title disable-select text" >HyperSet 3x5</h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtnHS3x5" onclick="goSelectHS1()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="game-button-mode">
|
|
|
|
|
<button class="game-button text" id="playSimpleHS3x5" onclick="showGameHSC();">TEMPS</button>
|
|
|
|
|
<button class="game-button text" id="playSimpleHS3x51" onclick="showGameHSC2();">SCORE</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="selectModeHyperSet4x4" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<h2 class="mode-title disable-select text" >HyperSet 4x4 </h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtnHS4x4" onclick="goSelectHS2()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="game-button-mode">
|
|
|
|
|
<button class="game-button text" id="playSimpleHS4x4" onclick="showGameHSD();"> TEMPS</button>
|
|
|
|
|
<button class="game-button text" id="playSimpleHS4x41" onclick="showGameHSD2();">SCORE</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="selectModeHyperSet4x5" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<h2 class="mode-title disable-select text" >HyperSet 4x5 </h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtnHS4x5" onclick="goSelectHS3()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="game-button-mode">
|
|
|
|
|
<button class="game-button text" id="playSimpleHS4x5" onclick="showGameHSE();"> TEMPS</button>
|
|
|
|
|
<button class="game-button text" id="playSimpleHS4x51" onclick="showGameHSE2();"> SCORE </button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="selectModeHyperSet5x5" class="select-mode-div divs" style="display: none;">
|
|
|
|
|
<h2 class="mode-title disable-select text">HyperSet 5x5 </h2>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtnHS5x5" onclick="goSelectHS4()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="game-button-mode">
|
|
|
|
|
<button class="game-button text" id="playSimpleHS5x5" onclick="showGameHSF();"> TEMP</button>
|
|
|
|
|
<button class="game-button text" id="playSimpleHS5x51" onclick="showGameHSF2();">! SCORE</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -146,24 +211,32 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id='game0' class="wrapper" style="display: none;">
|
|
|
|
|
<h1>Set 3x3 OK</h1>
|
|
|
|
|
|
|
|
|
|
<h1>Set 3x3 </h1>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtn0" onclick="goSelectMode()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<p id="countdown0" class = 'count' ></p>
|
|
|
|
|
<div id="progressBar0">
|
|
|
|
|
<div></div>
|
|
|
|
|
</div>
|
|
|
|
|
<p class = 'text-color'>Nombre de carte = 3; Nombre de critères = 3</p>
|
|
|
|
|
<p class = 'text-color'>Trouvez 3 cartes pour lesquelles chacun des critères est différent ou identique.</p>
|
|
|
|
|
<p class = 'text-color'>Sets trouvés: <span data-display="score0" class="score">0</span></p>
|
|
|
|
|
<p class = 'text-color'>Nombres de Sets: <span data-display="nbSets0" class="nbSets"></span></p>
|
|
|
|
|
<div id="nbsc0">
|
|
|
|
|
<p class = 'text-color'>Mode course au temps tu dois trouver : <span data-display="nbScore0" class="nbSets"> 9 Sets </span></p>
|
|
|
|
|
<input type="number" max = '9' min = '1' placeholder="Sets ?" id="in" >
|
|
|
|
|
<button type="button" onclick="getValuescore();" id="in0">TEST SCORE</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="carte0" class="game-board0" data-display="game-board0"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id='game' class="wrapper" style="display: none;">
|
|
|
|
|
<h1>Set 3x4 OK </h1>
|
|
|
|
|
<h1>Set 3x4 </h1>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtn1" onclick="goSelectMode()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
@ -178,7 +251,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id='game1' class="wrapper" style="display: none;">
|
|
|
|
|
<h1>Set 3x5 OK </h1>
|
|
|
|
|
<h1>Set 3x5 </h1>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtn2" onclick="goSelectMode()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
@ -195,7 +268,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id='game2' class="wrapper" style="display: none;">
|
|
|
|
|
<h1>Set 4x4 OK</h1>
|
|
|
|
|
<h1>Set 4x4 </h1>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtn3" onclick="goSelectMode()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
@ -210,7 +283,7 @@
|
|
|
|
|
<div id="carte2" class="game-board2" data-display="game-board2"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id='game3' class="wrapper" style="display: none;">
|
|
|
|
|
<h1>Set 4x5 Bordures + à regler les images</h1>
|
|
|
|
|
<h1>Set 4x5</h1>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtn4" onclick="goSelectMode()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
@ -226,7 +299,7 @@
|
|
|
|
|
<div id="carte3" class="game-board3" data-display="game-board3"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id='game4' class="wrapper" style="display: none;">
|
|
|
|
|
<h1>Set 5x5 Bordures + à tester+ compteur + à regler les images </h1>
|
|
|
|
|
<h1>Set 5x5 </h1>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" id="previousBtn5" onclick="goSelectMode()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
@ -252,7 +325,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id='gameHS' class="wrapper" style="display: none;">
|
|
|
|
|
<h1>HyperSet 3x4 OK</h1>
|
|
|
|
|
<h1>HyperSet 3x4 </h1>
|
|
|
|
|
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" onclick="goSelectModeHyperSet()" src="vues/images/previous.png">
|
|
|
|
@ -271,7 +344,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id='gameHS0' class="wrapper" style="display: none;">
|
|
|
|
|
<h1>HyperSet 3x3 OK </h1>
|
|
|
|
|
<h1>HyperSet 3x3 </h1>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" onclick="goSelectModeHyperSet()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
@ -286,7 +359,7 @@
|
|
|
|
|
<div id="carteHS0"class="game-boardHS0" data-display="game-boardHS0"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id='gameHS1' class="wrapper" style="display: none;">
|
|
|
|
|
<h1>HyperSet 3x5 OK</h1>
|
|
|
|
|
<h1>HyperSet 3x5 </h1>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" onclick="goSelectModeHyperSet()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
@ -302,7 +375,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id='gameHS2' class="wrapper" style="display: none;">
|
|
|
|
|
<h1>HyperSet 4x4 OK </h1>
|
|
|
|
|
<h1>HyperSet 4x4 </h1>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" onclick="goSelectModeHyperSet()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
@ -318,7 +391,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id='gameHS3' class="wrapper" style="display: none;">
|
|
|
|
|
<h1>HyperSet 4x5 à tester + compteur+ images </h1>
|
|
|
|
|
<h1>HyperSet 4x5 </h1>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" onclick="goSelectModeHyperSet()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
@ -334,7 +407,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id='gameHS4' class="wrapper" style="display: none;">
|
|
|
|
|
<h1>HyperSet 5x5 à tester + compteur+ images </h1>
|
|
|
|
|
<h1>HyperSet 5x5 </h1>
|
|
|
|
|
<div class=" back-btn small-btn">
|
|
|
|
|
<img class="small-btn" onclick="goSelectModeHyperSet()" src="vues/images/previous.png">
|
|
|
|
|
</div>
|
|
|
|
@ -435,6 +508,14 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id='GameWon' class="popup" style="display: none;">
|
|
|
|
|
<div class="popup-content">
|
|
|
|
|
<div class="popup-header">
|
|
|
|
|
<span class="close" onclick="closeGame();">×</span>
|
|
|
|
|
<h1 class="settings-title text dys-font" style="font-family: Arial; line-height: normal;">YOU WON! </h1>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id='GameOver' class="popup" style="display: none;">
|
|
|
|
|