-
-
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
+
+ 
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
-
-
-
-
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ -->
+
+
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
-
+
+
+
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
diff --git a/src/js/main.js b/src/js/main.js
index 1302f24..04ac4e0 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -1,176 +1,74 @@
-//1 = rond
-//-1 = anneau
-
-var carte = [//violet
- "000010020000",
- "000010010000",
- //verte
- "010000000020",
- "020000000010",
- //orange
- "000201000000",
- "000201000000",
- "000002100000",
- "000002100000",
- "000002001000",
- "000002001000",
- //bleu
- "200000000100",
- "200000000100",
- "100000000002",
- "100000000002",
- "201000000000",
- "201000000000",
- //vert orange
- "000001000020",
- "010000002000",
- "010002000000",
- "010002000000",
- "020001000000",
- "020001000000",
- //bleu violet
- "002000010000",
- "000020000100",
- "000000010200",
- "000000010200",
- "000000020100",
- "000000020100",
- //bleu vert
- "000000000210",
- "000000000021",
- "001000000020",
- "001000000020",
- "002000000010",
- "002000000010",
- //violet orange
- "000010002000",
- "000100020000",
- "000000012000",
- "000000012000",
- "000000120000",
- "000000120000",
- //violet vert
- "010000020000",
- "010000020000",
- "020010000000",
- "020010000000",
- "010020000000",
- "010020000000",
- "000010000020",
- "000010000020",
- //orange bleu
- "002000001000",
- "002000001000",
- "000200000100",
- "000200000100",
- "200001000000",
- "200001000000",
- "001200000000",
- "001200000000",
- "001002000000",
- "002001000000",
- "000200000001",
- "000100000002"];
-
-var carteselect = 0;
-var cartesAffiches = [];
-var cartesSelect = [];
-
-//fonction au lancement
-window.onload = function() {
- //partie tirage au sort
- for(var i=1; i<=12;i++){
- var ale = Math.floor(Math.random() * Math.floor(60));
- ale = ale +1;
- var nomcarte = carte+i;
- var macarte = carte[ale-1];
- cartesAffiches.push(macarte);
- generationcarte("card"+i,macarte);
- }
-};
-
-function generationcarte (cartenum, nbcarte) {
- for(var i=0; i<12; i++) {
- if(nbcarte[i] == 1 || nbcarte[i] == 2)
- {
- if(nbcarte[i] == 1){
- var p = document.getElementById(cartenum+" num"+ (i+1));
- var e=document.createElement("div");
- e.setAttribute("id","cercle");
- p.appendChild(e);
- }
- if(nbcarte[i] == 2){
- var p = document.getElementById(cartenum+" num"+ (i+1));
- var e=document.createElement("div");
- var f=document.createElement("div");
- e.setAttribute("id","bague");
- f.setAttribute("id","bague-inté")
- e.appendChild(f);
- p.appendChild(e);
- }
- }
- }
+var mode = 1;
+var nbplayers = 1;
+var lightprima = "#DEDEDE";
+var lightsedonca = "#B7B7B7";
+var lighttercia = "#E6E6E6";
+
+var darkprima = "#474747";
+var darkseconda = "#393939";
+var darktercia = "#606060";
+
+function journuit(){
+ //mode jour
+ if(mode%2 == 0){
+ //changer logo swish
+ document.getElementById("imglogo").src = "imgs/swishjour.png";
+ document.getElementById("imglogo2").src = "imgs/swishjour.png";
+ /*//bouttonjouer
+ document.getElementById("fondinput").style.backgroundColor = lightsedonca;
+ document.getElementById("contourbuttonvalider").style.backgroundColor = lightsedonca;
+ document.getElementById("textjouer").style.color = lightsedonca;
+ document.getElementById("textplus").style.color = lightprima;*/
+ //changer montagnesfond
+ document.getElementById("mount1").src = "imgs/mount1.png";
+ document.getElementById("mount2").src = "imgs/mount2.png";
+ //nuages
+ document.getElementById("cloud").src = "imgs/lightcloud.png";
+ document.getElementById("clic").src = "imgs/clicjour.png";
+ //changer background color
+ //document.getElementById("containplayers").style.color = lightsedonca;
+ //maj couleur principales
+ document.documentElement.style.setProperty('--lightprima',lightprima);
+ document.documentElement.style.setProperty('--lightsedonca',lightsedonca);
+ document.documentElement.style.setProperty('--lighttercia',lighttercia);
+ }
+ //mode nuit
+ else {
+ //changer logo swish
+ document.getElementById("imglogo").src = "imgs/swishnuit.png";
+ document.getElementById("imglogo2").src = "imgs/swishnuit.png";
+ /*//bouttonjouer
+ document.getElementById("fondinput").style.backgroundColor = darkseconda;
+ document.getElementById("contourbuttonvalider").style.backgroundColor = darkseconda;
+ document.getElementById("textjouer").style.color = darkseconda;
+ document.getElementById("textplus").style.color = darkprima;*/
+ //changer montagnesfond
+ document.getElementById("mount1").src = "imgs/darkmount1.png";
+ document.getElementById("mount2").src = "imgs/darkmount2.png";
+ //nuages
+ document.getElementById("cloud").src = "imgs/darkcloud.png";
+ document.getElementById("clic").src = "imgs/clicnuit.png";
+ //mode nuit
+ //document.getElementById("containplayers").style.color = darkseconda;
+ //maj couleur principales
+ document.documentElement.style.setProperty('--lightprima',darkprima);
+ document.documentElement.style.setProperty('--lightsedonca',darkseconda);
+ document.documentElement.style.setProperty('--lighttercia',darktercia);
+ }
+ mode=mode+1;
}
-function ajoutercarte(carte) {
- var lacarte = document.getElementById(carte);
- if(lacarte.style.backgroundColor == "red")
- {
- lacarte.style.backgroundColor = "#bbada0";
- carteselect = carteselect-1;
- //suppression dans les cartes select
- var pos = cartesSelect.indexOf(carte);
- cartesSelect.splice(pos,1);
- }
- else {
- if(carteselect == 5)
- alert("non");
- else {
- lacarte.style.backgroundColor = "red";
- carteselect = carteselect +1;
- //ajout dans les cartes select
- cartesSelect.push(carte);
- }
- }
+function lancerpartie(){
+ document.getElementById("pageAccueil").style.visibility = "hidden";
+ document.getElementById("pageGame").style.visibility = "visible";
}
-function verification(carte1, carte2){
- var carte2_1 = carte2[2]+carte2[1]+carte2[0]+carte2[5]+carte2[4]+carte2[3]+carte2[8]+carte2[7]+carte2[6]+carte2[11]+carte2[10]+carte2[9];
- var carte2_2 = carte2[9]+carte2[10]+carte2[11]+carte2[6]+carte2[7]+carte2[8]+carte2[3]+carte2[4]+carte2[5]+carte2[0]+carte2[1]+carte2[2];
- var carte2_3 = carte2[11]+carte2[10]+carte2[9]+carte2[8]+carte2[7]+carte2[6]+carte2[5]+carte2[4]+carte2[3]+carte2[2]+carte2[1]+carte2[0];
+function retour(){
+ document.getElementById("pageAccueil").style.visibility = "visible";
+ document.getElementById("pageGame").style.visibility = "hidden";
}
-/*
-=== POSSIBILITE ===
-
-123 | 321
-456 | 654
-789 | 987
-ABC | CBA
----------
-ABC | CBA
-789 | 987
-456 | 654
-123 | 321
-
-=== DEROULEMENT ALGO ===
-
-3cartes et +
->Comparer carte1 et carte2
-==> poser une carte 1 sans la toucher
-==> Superposer la carte2 et essayer les 4 cas
-*** SI BON
- Ajouter la carte3+ et la superposer dans tt les cas
- ==> Vérifier qu'il y ait que des 3 || 0
-*** SI PAS BON
- Stoper le jeu
-*/
-
-
-
-
-
@@ -179,7 +77,41 @@ ABC | CBA
+/*
+Je n'avais rien à faire, je me suis amusé à faire l'ajout des joueurs
+function addplayer(){
+ //j'ai mis une limite de 6joueurs, mais c'est à voir
+ if(nbplayers < 7){
+ //création de la div contenant le pseudo
+ var divpseudo = document.createElement('div');
+ divpseudo.id = 'pseudolist';
+ //reprise du pseudo entré par le joueur
+ var pseudo = document.getElementById("inputpseudo").value;
+ //vérification si pseudo vide pour lui donner un pseudo du style "Joueur3"
+ if(pseudo == "")
+ {
+ pseudo = "Joueur " + nbplayers;
+ }
+ //création du text-pseudo
+ var tag = document.createElement("p");
+ tag.className = "pseudojoueur";
+ var text = document.createTextNode(pseudo);
+ tag.appendChild(text);
+ //mise du text dans la division
+ divpseudo.appendChild(tag);
+ //insertion pseudo dans liste
+ document.getElementById("containplayers").appendChild(divpseudo);
+ //remise input vide ;)
+ document.getElementById("inputpseudo").value = "";
+ nbplayers = nbplayers +1;
+ }
+}
+function ajouterplayer(event){
+ if(event.keyCode == 13)
+ addplayer();
+}
+*/
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+