From bed1053955db57feaf9d305e7d590833ac648c2e Mon Sep 17 00:00:00 2001 From: readhame Date: Fri, 3 Jul 2020 18:33:48 +0200 Subject: [PATCH] hyperset --- HyperSet/.idea/workspace.xml | 2 +- HyperSet/set.php | 4 +- HyperSet/vues/homePage.html | 15 ++++- HyperSet/vues/js/Settings.js | 24 ++++++- HyperSet/vues/js/set.js | 125 +++++++++++++++++++---------------- 5 files changed, 106 insertions(+), 64 deletions(-) diff --git a/HyperSet/.idea/workspace.xml b/HyperSet/.idea/workspace.xml index 087be0c..a80ffc2 100644 --- a/HyperSet/.idea/workspace.xml +++ b/HyperSet/.idea/workspace.xml @@ -109,7 +109,7 @@ - + diff --git a/HyperSet/set.php b/HyperSet/set.php index 071af14..910c11c 100644 --- a/HyperSet/set.php +++ b/HyperSet/set.php @@ -25,7 +25,7 @@ if (isset($_GET['action']) && $_GET['action'] == 'deal') { $_SESSION['deck2'] = new Deck($_GET['action']); $_SESSION['game2'] = new Game($_SESSION['deck2']); $game = $_SESSION['game2']; - echo json_encode($game->start(36)); + echo json_encode($game->start(45)); } else if (isset($_GET['action']) && $_GET['action'] == 'deal3') { $_SESSION['deck3'] = new Deck($_GET['action']); @@ -88,4 +88,4 @@ else if (isset($_GET['action']) && $_GET['action'] == 'submitHS'){ else if (isset($_GET['action']) && $_GET['action'] == 'submitHS0'){ $deck = $_SESSION['deckHS0']; echo json_encode($deck->fourMore()); -} \ No newline at end of file +} diff --git a/HyperSet/vues/homePage.html b/HyperSet/vues/homePage.html index 0fc069d..be0c915 100644 --- a/HyperSet/vues/homePage.html +++ b/HyperSet/vues/homePage.html @@ -60,7 +60,7 @@
- + @@ -118,7 +118,7 @@

Sets found: 0

Number of Sets:

-
+
+ diff --git a/HyperSet/vues/js/Settings.js b/HyperSet/vues/js/Settings.js index aba3dfe..d3a528b 100644 --- a/HyperSet/vues/js/Settings.js +++ b/HyperSet/vues/js/Settings.js @@ -85,12 +85,14 @@ function showGameHS0(){ document.getElementById('selectModeHyperSet').style.display='none'; } -function goSelectModeHyperSet0(){ - document.getElementById('gameHS0').style.display='none'; - document.getElementById('selectModeHyperSet').style.display='block'; +function showGameHS1(){ + document.getElementById('gameHS1').style.display='block'; + document.getElementById('selectModeHyperSet').style.display='none'; } + + function showGame0(){ document.getElementById('game0').style.display='block'; document.getElementById('selectModeSet').style.display='none'; @@ -121,6 +123,9 @@ function showGame4(){ document.getElementById('selectModeSet').style.display='none'; } + + + function showModeGame(){ document.getElementById('selectModeSet').style.display='block'; document.getElementById('selectMode').style.display='none'; @@ -131,6 +136,11 @@ function showModeGame1(){ document.getElementById('selectMode').style.display='none'; } + + + + + function showModeGames(){ document.getElementById('selectMode').style.display='block'; document.getElementById('home').style.display='none'; @@ -219,3 +229,11 @@ function goSelectModeHyperSet(){ document.getElementById('selectModeHyperSet').style.display='block'; document.getElementById('gameHS').style.display='none'; } +function goSelectModeHyperSet0(){ + document.getElementById('gameHS0').style.display='none'; + document.getElementById('selectModeHyperSet').style.display='block'; +} +function goSelectModeHyperSet1(){ + document.getElementById('gameHS1').style.display='none'; + document.getElementById('selectModeHyperSet').style.display='block'; +} diff --git a/HyperSet/vues/js/set.js b/HyperSet/vues/js/set.js index f64b27c..9792e3e 100644 --- a/HyperSet/vues/js/set.js +++ b/HyperSet/vues/js/set.js @@ -82,6 +82,7 @@ var Game = { var dealRequest0; var dealRequestHS; + var dealRequestHS0; // ajax request to get initial set of cards dealRequest = $.ajax({ @@ -176,7 +177,7 @@ var Game = { } }); - dealRequestHS= $.ajax({ + dealRequestHS0= $.ajax({ url: 'set.php?action=dealHS0', type: 'GET', dataType: 'json', @@ -306,7 +307,7 @@ var Game = { self.$board2.append(cardNode); // display 4 cards per row - if ((index+1) % 4 === 0) { + if ((index+1) % 5 === 0) { self.$board2.append($('
')); } @@ -1191,7 +1192,6 @@ var Game = { }, selectCard: function(card) { - console.log(this.selected.length); if (this.selected.length < 3) { $(card).addClass('selected'); this.selected.push(card); @@ -1204,6 +1204,7 @@ var Game = { if (this.selected1.length < 3) { + console.log(this.selected1); $(card).addClass('selected'); this.selected1.push(card); } @@ -1253,6 +1254,7 @@ var Game = { if (this.selectedHS0.length < 4) { $(card).addClass('selected'); this.selectedHS0.push(card); + } }, @@ -1428,6 +1430,8 @@ var Game = { carteCD.splice(0,1,this.selectedHS0[2]); carteCD.splice(1,1,this.selectedHS0[3]); + + carteAC.splice(0,1,this.selectedHS0[0]); carteAC.splice(1,1,this.selectedHS0[2]); carteBD.splice(0,1,this.selectedHS0[1]); @@ -1440,35 +1444,38 @@ var Game = { // modalité de toutes les 4 cartes - var colors1= $.map(this.selectedHS0, function(card) { return card.color;}); - var shapes1 = $.map(this.selectedHS0, function(card) { return card.shape; }); - var numbers1 = $.map(this.selectedHS0, function(card) { return card.number }); + var colors1= $.map(this.selectedHS0, function(el) { return $(el).data("color");}); + var shapes1 = $.map(this.selectedHS0, function(el) { return $(el).data("shape");}); + var numbers1 = $.map(this.selectedHS0, function(el) { return $(el).data("number");}); // modalité des combinaison de carte (ab ac ad ...) pour verifier si forme un set - var colors2= $.map(carteAB, function(card) { return card.color;}); - var shapes2 = $.map(carteAB, function(card) { return card.shape; }); - var numbers2 = $.map(carteAB, function(card) { return card.number }); + var colors2= $.map(carteAB, function(el) { return $(el).data("color");}); + var shapes2 = $.map(carteAB, function(el) { return $(el).data("shape");}); + var numbers2 = $.map(carteAB, function(el) { return $(el).data("number");}); - var colors3= $.map(carteCD, function(card) { return card.color;}); - var shapes3 = $.map(carteCD, function(card) { return card.shape; }); - var numbers3 = $.map(carteCD, function(card) { return card.number }); + var colors3= $.map(carteCD, function(el) { return $(el).data("color");}); + var shapes3 = $.map(carteCD, function(el) { return $(el).data("shape");}); + var numbers3 = $.map(carteCD, function(el) { return $(el).data("number");}); - var colors4= $.map(carteAC, function(card) { return card.color;}); - var shapes4 = $.map(carteAC, function(card) { return card.shape; }); - var numbers4 = $.map(carteAC, function(card) { return card.number }); - var colors5= $.map(carteBD, function(card) { return card.color;}); - var shapes5 = $.map(carteBD, function(card) { return card.shape; }); - var numbers5 = $.map(carteBD, function(card) { return card.number }); + var colors4= $.map(carteAC, function(el) { return $(el).data("color");}); + var shapes4 = $.map(carteAC, function(el) { return $(el).data("shape");}); + var numbers4 = $.map(carteAC, function(el) { return $(el).data("number");}); - var colors6= $.map(carteAD, function(card) { return card.color;}); - var shapes6 = $.map(carteAD, function(card) { return card.shape; }); - var numbers6 = $.map(carteAD, function(card) { return card.number }); + var colors5= $.map(carteBD, function(el) { return $(el).data("color");}); + var shapes5 = $.map(carteBD, function(el) { return $(el).data("shape");}); + var numbers5 = $.map(carteBD, function(el) { return $(el).data("number");}); + + + var colors6= $.map(carteAD, function(el) { return $(el).data("color");}); + var shapes6 = $.map(carteAD, function(el) { return $(el).data("shape");}); + var numbers6 = $.map(carteAD, function(el) { return $(el).data("number");}); + + var colors7= $.map(carteBC, function(el) { return $(el).data("color");}); + var shapes7 = $.map(carteBC, function(el) { return $(el).data("shape");}); + var numbers7 = $.map(carteBC, function(el) { return $(el).data("number");}); - var colors7= $.map(carteBC, function(card) { return card.color;}); - var shapes7 = $.map(carteBC, function(card) { return card.shape; }); - var numbers7 = $.map(carteBC, function(card) { return card.number }); if(colors1[0] === colors1 [1]){ @@ -1775,13 +1782,15 @@ var Game = { } } if(this.isSet(colors2) && this.isSet(shapes2) && this.isSet(numbers2)) { - return this.isSet(colors3) && this.isSet(shapes3) && this.isSet(numbers3) + console.log(colors3, shapes3, numbers3); + return this.isSet(colors3) && this.isSet(shapes3) && this.isSet(numbers3); } if(this.isSet(colors4) && this.isSet(shapes4) && this.isSet(numbers4)){ - return this.isSet(colors5)&& this.isSet(shapes5)&& this.isSet(numbers5) + console.log(colors5,shapes5,numbers5); + return this.isSet(colors5) && this.isSet(shapes5) && this.isSet(numbers5) } - if(this.isSet(colors6) && this.isSet(shapes6) && this.isSet(fills6) && this.isSet(numbers6)) { - return this.isSet(colors7) && this.isSet(shapes7) && this.isSet(numbers7) + if(this.isSet(colors6) && this.isSet(shapes6) && this.isSet(numbers6)) { + return this.isSet(colors7) && this.isSet(shapes7) && this.isSet(numbers7); } }, @@ -1811,45 +1820,45 @@ var Game = { // modalité de toutes les 4 cartes - var colors1= $.map(this.selectedHS, function(card) { return card.color;}); - var shapes1 = $.map(this.selectedHS, function(card) { return card.shape; }); - var fills1= $.map(this.selectedHS, function(card) { return card.fill }); - var numbers1 = $.map(this.selectedHS, function(card) { return card.number }); + var colors1= $.map(this.selectedHS, function(el) { return $(el).data("color");}); + var shapes1 = $.map(this.selectedHS, function(el) { return $(el).data("shape");}); + var fills1= $.map(this.selectedHS,function(el) { return $(el).data("fill");}); + var numbers1 = $.map(this.selectedHS, function(el) { return $(el).data("number");}); // modalité des combinaison de carte (ab ac ad ...) pour verifier si forme un set - var colors2= $.map(carteAB, function(card) { return card.color;}); - var shapes2 = $.map(carteAB, function(card) { return card.shape; }); - var fills2= $.map(carteAB, function(card) { return card.fill }); - var numbers2 = $.map(carteAB, function(card) { return card.number }); + var colors2= $.map(carteAB, function(el) { return $(el).data("color");}); + var shapes2 = $.map(carteAB, function(el) { return $(el).data("shape");}); + var fills2= $.map(carteAB, function(el) { return $(el).data("fill");}); + var numbers2 = $.map(carteAB, function(el) { return $(el).data("number");}); - var colors3= $.map(carteCD, function(card) { return card.color;}); - var shapes3 = $.map(carteCD, function(card) { return card.shape; }); - var fills3= $.map(carteCD, function(card) { return card.fill }); - var numbers3 = $.map(carteCD, function(card) { return card.number }); + var colors3= $.map(carteCD, function(el) { return $(el).data("color");}); + var shapes3 = $.map(carteCD, function(el) { return $(el).data("shape");}); + var fills3= $.map(carteCD, function(el) { return $(el).data("fill");}); + var numbers3 = $.map(carteCD, function(el) { return $(el).data("number");}); - var colors4= $.map(carteAC, function(card) { return card.color;}); - var shapes4 = $.map(carteAC, function(card) { return card.shape; }); - var fills4= $.map(carteAC, function(card) { return card.fill }); - var numbers4 = $.map(carteAC, function(card) { return card.number }); + var colors4= $.map(carteAC, function(el) { return $(el).data("color");}); + var shapes4 = $.map(carteAC, function(el) { return $(el).data("shape");}); + var fills4= $.map(carteAC, function(el) { return $(el).data("fill");}); + var numbers4 = $.map(carteAC, function(el) { return $(el).data("number");}); - var colors5= $.map(carteBD, function(card) { return card.color;}); - var shapes5 = $.map(carteBD, function(card) { return card.shape; }); - var fills5= $.map(carteBD, function(card) { return card.fill }); - var numbers5 = $.map(carteBD, function(card) { return card.number }); + var colors5= $.map(carteBD, function(el) { return $(el).data("color");}); + var shapes5 = $.map(carteBD, function(el) { return $(el).data("shape");}); + var fills5= $.map(carteBD, function(el) { return $(el).data("fill");}); + var numbers5 = $.map(carteBD, function(el) { return $(el).data("number");}); - var colors6= $.map(carteAD, function(card) { return card.color;}); - var shapes6 = $.map(carteAD, function(card) { return card.shape; }); - var fills6= $.map(carteAD, function(card) { return card.fill }); - var numbers6 = $.map(carteAD, function(card) { return card.number }); + var colors6= $.map(carteAD, function(el) { return $(el).data("color");}); + var shapes6 = $.map(carteAD, function(el) { return $(el).data("shape");}); + var fills6= $.map(carteAD, function(el) { return $(el).data("fill");}); + var numbers6 = $.map(carteAD, function(el) { return $(el).data("number");}); - var colors7= $.map(carteBC, function(card) { return card.color;}); - var shapes7 = $.map(carteBC, function(card) { return card.shape; }); - var fills7= $.map(carteBC, function(card) { return card.fill }); - var numbers7 = $.map(carteBC, function(card) { return card.number }); + var colors7= $.map(carteBC, function(el) { return $(el).data("color");}); + var shapes7 = $.map(carteBC, function(el) { return $(el).data("shape");}); + var fills7= $.map(carteBC, function(el) { return $(el).data("fill");}); + var numbers7 = $.map(carteBC, function(el) { return $(el).data("number");}); if(colors1[0] === colors1 [1]){ @@ -2294,10 +2303,14 @@ var Game = { validateSet0: function() { var self = this; + console.log(this.selected0); + var colors = $.map(self.selected0, function(el) { return $(el).data("color");}); var shapes = $.map(self.selected0, function(el) { return $(el).data("shape"); }); var numbers= $.map(self.selected0, function(el) { return $(el).data("number"); }); + console.log(colors); + return (self.isSet(colors) && self.isSet(shapes) && self.isSet(numbers)); },