Annonce

>>> Bienvenue sur codelab! >>> Première visite ? >>> quelques mots sur codelab //// partage de liens //// une carte des membres//// (apéros) codelab


#1 2017-04-26 16:53:11 Puzzle sur Processing

Damiendu40
nouveau membre
Date d'inscription: 2017-04-26
Messages: 3

Puzzle sur Processing



Bonjour à tous !
Je suis entrain de faire un puzzle sur processing. En effet, pour le moment mon puzzle fonctionne mais les pièces apparaissent dans l'ordre ! C'est donc un puzzle beaucoup trop facile à mon goût !! J'aimerai savoir comment faire pour que les pièces apparaissent dans un ordre aléatoire !
Merci d'avance
Damien

Voici le code ! wink

PImage[] images = new PImage[17];
float[] X = new float[16];
float[] Y = new float[16];
int[] positionX = new int[16];
int[] positionY = new int[16];
boolean[] tableau = new boolean[16];
int compteur;

void quadrillage(){
  background(255);
  line(0, 0, 940, 0);
  line(0, 90, 940, 90);
  line(0, 180, 940, 180);
  line(0, 270, 940, 270);
  line(0, 360, 940, 360);
  line(0, 0, 0, 360);
  line(235, 0, 235, 360);
  line(470, 0, 470, 360);
  line(705, 0, 705, 360);
  line(940, 0, 940, 360);
  image(images[16],0,450);
}
void placer(int e){
  for(int g=0;g<e;g++){
    image(images[g],X[g],Y[g]);
  }
  for(int h=15;h>e;h--){
    image(images[h],X[h],Y[h]);
  }
}

void setup() {
  compteur = 0;
  background(0);
  size(940, 700);
  fill(255);
  rect(400, 150, 150, 75);
  fill(0);
  text("Cliquez pour jouer !", 420, 180);
  for(int i=0;i<images.length;i++){
    images[i]= loadImage("image"+i+".jpg");  
  }
  for(int y=0;y<X.length;y++){
    X[y]=random(400,940);
  }
  for(int z=0;z<X.length;z++){
    Y[z]=random(370,700);
  }
  for(int a=0;a<positionX.length;a++){
    positionX[a]=a*235;
    if(positionX[a]>705 && compteur<4){
    positionX[a]=(a*235)-(4*235);
    compteur=compteur+1;
    }
    if(positionX[a]>705 && compteur <=8){
    positionX[a]=(a*235)-(8*235);
    compteur=compteur+1;
    }
    if(positionX[a]>705 && compteur <=12){
    positionX[a]=(a*235)-(12*235);
    compteur=compteur+1;
    } 
  }
  for(int b=0;b<positionY.length;b++){
    if(b<=3){
    positionY[b]=0;
    }
    if(b>3 && b<=7){
    positionY[b]=90;
    }
    if(b>7 && b<=11){
    positionY[b]=180;
    }
    if(b>11 && b<=15){
    positionY[b]=270;
    }
  }
}

void draw() {
   if(mouseX<550 || mouseX>400 ){
    if(mouseY<225 || mouseY>150 ){
     if(mousePressed==true){
       int e=0;
       for(int f=0;f<=15;f++){
        if(!tableau[e]){
          quadrillage();
          placer(e);
          image(images[e], X[e], Y[e]);
          X[e]= mouseX; 
          Y[e]= mouseY;
          }
        if(mouseX==positionX[e] && mouseY==positionY[e]){
          tableau[e]= true;
        }
        if(tableau[e]){
        e=e+1;
        }
        if(e==16){
          background(255);
        }
       }
          
             
}
}
}
}

Hors ligne

 

#2 2017-04-27 09:51:22 Re : Puzzle sur Processing

Mushussu
membre
Lieu: Orléans
Date d'inscription: 2012-05-24
Messages: 732

Re: Puzzle sur Processing



Bonjour,

Pour pouvoir t'aider, il faut déjà faire tourner le programme dans ce cas , il faut les images. Envoie le dossier compressé avec les images et le programme en format zip.

Hors ligne

 

#3 2017-04-27 10:17:57 Re : Puzzle sur Processing

Damiendu40
nouveau membre
Date d'inscription: 2017-04-26
Messages: 3

Re: Puzzle sur Processing



Voilà le fichier avec tout ce qu'il faut !

merci d'avance

Hors ligne

 

#4 2017-04-28 03:42:52 Re : Puzzle sur Processing

Mushussu
membre
Lieu: Orléans
Date d'inscription: 2012-05-24
Messages: 732

Re: Puzzle sur Processing



Bonjour,

Il y a un outil fabuleux, ce sont les IntList, ce sont des listes d'entier et dans cette classe, il existe la méthode shuffle() qui mélange les éléments de cette liste.

Voici une proposition de réponse :

PImage[] images = new PImage[17];
float[] X = new float[16];
float[] Y = new float[16];
int[] positionX = new int[16];
int[] positionY = new int[16];
IntList tirage;
boolean[] tableau = new boolean[16];
int compteur;

void quadrillage() {
  background(255);
  line(0, 0, 940, 0);
  line(0, 90, 940, 90);
  line(0, 180, 940, 180);
  line(0, 270, 940, 270);
  line(0, 360, 940, 360);
  line(0, 0, 0, 360);
  line(235, 0, 235, 360);
  line(470, 0, 470, 360);
  line(705, 0, 705, 360);
  line(940, 0, 940, 360);
  image(images[16], 0, 450);
}

void placer(int e) {
  for (int g=0; g<e; g++) {
    image(images[g], X[g], Y[g]);
  }
  for (int h=15; h>e; h--) {
    image(images[h], X[h], Y[h]);
  }
}

void setup() {
  compteur = 0;
  background(0);
  size(940, 700);
  tirage = new IntList();
  for (int i = 0; i < 16; i++) {
    tirage.append(i);
  }
  tirage.shuffle();
  println(tirage);
  fill(255);
  rect(400, 150, 150, 75);
  fill(0);
  text("Cliquez pour jouer !", 420, 180);
  for (int i=0; i<images.length; i++) {
    images[i]= loadImage("image"+i+".jpg");
  }
  for (int y=0; y<X.length; y++) {
    X[y]=random(400, 940);
  }
  for (int z=0; z<X.length; z++) {
    Y[z]=random(370, 700);
  }
  for (int a=0; a<positionX.length; a++) {
    positionX[a]=a*235;
    if (positionX[a]>705 && compteur<4) {
      positionX[a]=(a*235)-(4*235);
      compteur=compteur+1;
    }
    if (positionX[a]>705 && compteur <=8) {
      positionX[a]=(a*235)-(8*235);
      compteur=compteur+1;
    }
    if (positionX[a]>705 && compteur <=12) {
      positionX[a]=(a*235)-(12*235);
      compteur=compteur+1;
    }
  }
  for (int b=0; b<positionY.length; b++) {
    if (b<=3) {
      positionY[b]=0;
    }
    if (b>3 && b<=7) {
      positionY[b]=90;
    }
    if (b>7 && b<=11) {
      positionY[b]=180;
    }
    if (b>11 && b<=15) {
      positionY[b]=270;
    }
  }
}

void draw() {
  if (mouseX<550 || mouseX>400 ) {
    if (mouseY<225 || mouseY>150 ) {
      if (mousePressed==true) {
        int e=0;
        for (int f=0; f<=15; f++) {
          int element = tirage.get(e);
          if (!tableau[element]) {
            quadrillage();
            placer(element);
            image(images[element], X[element], Y[element]);
            X[element]= mouseX; 
            Y[element]= mouseY;
          }
          if (mouseX==positionX[element] && mouseY==positionY[element]) {
            tableau[element]= true;
          }
          if (tableau[element]) {
            e=e+1;
          }
          if (e==16) {
            background(255);
          }
        }
      }
    }
  }
}

Remarques importantes :
Il est préférable d'utiliser des noms de variables explicites, cela aide à la recherche d'erreurs.
Il est utile aussi de commenter son programme pour se rappeler quels sont les fonctions de chaque parties.

Hors ligne

 

#5 2017-04-28 07:56:09 Re : Puzzle sur Processing

Damiendu40
nouveau membre
Date d'inscription: 2017-04-26
Messages: 3

Re: Puzzle sur Processing



Bonjour !

Merci beaucoup de votre aide et du temps que vous m'avez accordé. Je comprend tout à fait cette outil qui m'était auparavant inconnu !
Je prends note des remarques, il est vrai que je n'ai pas fait d’effort sur ce point là pour la simple et bonne raison que je comptait pas le publier ! smile
Encore merci

Bonne journée

Damien

Hors ligne

 

fil rss de cette discussion : rss

Pied de page des forums

Powered by FluxBB

codelab, graphisme & code : emoc / 2008-2017