[Javascool] Projet traitement d'image pour le Bac

Projet traitement d'image pour le Bac [Javascool] - Java - Programmation

Marsh Posté le 01-05-2014 à 01:47:51    

Bonsoir,
 
Etant en Terminale, spécialité ISN (Informatique et Sciences du Numérique), on nous demande de réaliser un projet à présenter à la fin de l'année. Notre prof nous as fait (vaguement) étudié le langage Javascool, et nous as imposé notre projet. Le mien étant le traitement d'image, c'est à dire un truc qui m'est totalement inconnu.
 
Il faut que je prenne une image, et que je propose plusieurs changement : inversion des couleurs(la photo étant en noir et blanc), effet photomaton etc... Avec toujours l'image originale qui reste afficher.
 
Et je sais absolument pas comment faire ça, je suis perdu à tous les niveaux : autant pour charger l'image depuis mon PC et pour l'inversion des couleurs ça va, mais pour l'effet photomaton et l'affichage de l'image originale ET de l'image modifié en même temps je ne sais pas...
Voilà donc où se situe mon problème, comment garder l'image de base afficher ? Et pour l'effet photomaton si quelqu'un a une idée ?
 
Merci d'avance, je sais que c'est pas le projet le plus palpitant mais voilà, c'est pour le baccalauréat et ça nous est imposé...
 
Bonnes soirée.

Message cité 1 fois
Reply

Marsh Posté le 01-05-2014 à 01:47:51   

Reply

Marsh Posté le 01-05-2014 à 11:59:10    

dax003 a écrit :

Bonsoir,
 
Etant en Terminale, spécialité ISN (Informatique et Sciences du Numérique), on nous demande de réaliser un projet à présenter à la fin de l'année. Notre prof nous as fait (vaguement) étudié le langage Javascool, et nous as imposé notre projet. Le mien étant le traitement d'image, c'est à dire un truc qui m'est totalement inconnu.
 
Il faut que je prenne une image, et que je propose plusieurs changement : inversion des couleurs(la photo étant en noir et blanc), effet photomaton etc... Avec toujours l'image originale qui reste afficher.
 
Et je sais absolument pas comment faire ça, je suis perdu à tous les niveaux : autant pour charger l'image depuis mon PC et pour l'inversion des couleurs ça va, mais pour l'effet photomaton et l'affichage de l'image originale ET de l'image modifié en même temps je ne sais pas...
Voilà donc où se situe mon problème, comment garder l'image de base afficher ? Et pour l'effet photomaton si quelqu'un a une idée ?
 
Merci d'avance, je sais que c'est pas le projet le plus palpitant mais voilà, c'est pour le baccalauréat et ça nous est imposé...
 
Bonnes soirée.


 
Pour afficher l'image originale et celle modifiée, le mieux je pense est d'utiliser une image résultat qui contient les deux :

Code :
  1. // http://javascool.gforge.inria.fr/i [...] e.jvs.html
  2. // Voici quelques routines qui permettent de traiter les images sous forme de tableau
  3. // Il faut utiliser reset(width, height, false, false) ou load(name, false, false) pour une image non centrée et non zoomée.
  4. //
  5. // Retourne l'image courante sous forme de tableau monochrome
  6. int[][] getImageArray() {
  7.    int width = getWidth(), height = getHeight(), image[][] = new int[width][height];
  8.   for(int y = 0; y < height; y++)
  9. for(int x = 0; x < width; x++)
  10.   image[x][y] = getPixel(x, y);
  11.  
  12.    return  image;
  13. }
  15. // Retourne l'image courante sous forme de tableau couleur image[x][y][RR, GG, BB]
  16. int[][][] getImageColorArray() {
  17.    int width = getWidth(), height = getHeight(), image[][][] = new int[width][height][3];
  18.    for (int y = 0; y < height; y ++) for (int x = 0; x < width; x ++) image[x][y] = getPixelColor(x, y);
  19.    return  image;
  20. }
  22. // Copie le tableau monochrome dans l'image courante
  23. void setImageArray(int[][] image) {
  24.    int width = image.length, height = image[0].length;
  25.    reset(width, height, false);
  26.    for (int y = 0; y < height; y ++) for (int x = 0; x < width; x ++) setPixel(x, y, image[x][y]);
  27. }
  29. // Copie le tableau couleur image[x][y][RR, GG, BB] dans l'image courante
  30. void setImageColorArray(int[][][] image) {
  31.    int width = image.length, height = image[0].length;
  32.    reset(width, height, false);
  33.    for (int y = 0; y < height; y ++) for (int x = 0; x < width; x ++) setPixel(x, y, image[x][y][0], image[x][y][1], image[x][y][2]);
  34. }
  36. // Redimensionne une image
  37. int[][] resizeimage(int[][] image0, int width, int height) {
  38.    int width0 = image0.length, height0 = image0[0].length;
  39.    int[][] image = new int[width][height];
  40.    for (int y = 0; y < height; y ++) for (int x = 0; x < width; x ++) {
  41.       // Interpolation du pixel en prenant le plus proche voisin
  42.        int x0 = (x * width0) / width, y0 = (y * height0) / height;
  43.       image[x][y] = image0[x0][y0];
  44.    }
  45.    return  image;
  46. }
  48. int[][] filtreInverse(int[][] img) {
  49.    int w = img.length, h = img[0].length;
  50.    int[][] imgInverse = new int[w][h];
  51.    for (int i = 0; i < w; i ++) {
  52.       for (int j = 0; j < h; j ++) {
  53.          imgInverse[w-i-1][j] = img[i][j];
  54.       }
  55.    }
  57.    return imgInverse;
  58. }
  60. void main() {
  61.    load("http://farm3.static.flickr.com/2472/3988198655_d8b12c2328.jpg", false, false);
  62.  
  63.    int[][] imgOriginale = getImageArray();
  64.    sleep(1000);
  65.  
  66.    int[][] imgSymetrie = filtreInverse(imgOriginale);
  67.    int w = imgSymetrie.length, h = imgSymetrie[0].length;
  68.    int[][] imgOriginaleSymetrie = new int[w*2][h];
  70.  
  71.    for (int i = 0; i < w; i ++) {
  72.       for (int j = 0; j < h; j ++) {
  73.        //Copie imgOriginale dans imgOriginaleSymetrie
  74.          imgOriginaleSymetrie[i][j] = imgOriginale[i][j];
  75.          //Copie imgSymetrieginale dans imgOriginaleSymetrie
  76.          imgOriginaleSymetrie[i+w][j] = imgSymetrie[i][j];
  77.       }
  78.    }
  80. setImageArray(imgOriginaleSymetrie);
  81.    //save("test.jpg" );
  82. }


 
Les fonctions au début sont celles de cette page : http://javascool.gforge.inria.fr/i [...] e.jvs.html
On créé ensuite une image résultat de taille (largeur x 2, hauteur) pour contenir les deux images.
 
Le lien de documentation : http://javascool.gforge.inria.fr/v [...] n-etal.pdf

Reply

Marsh Posté le 01-05-2014 à 14:35:11    

Salut, merci de ta réponse !  
 
J'ai déjà vu cette documentation, directement sur Javascool mais je ne comprend pas très bien. Comment je peux faire pour afficher originale et résultat en même temps ?  
 
Désolé j'ai vraiment du mal.
 
Bonne journée.

Message cité 1 fois
Reply

Marsh Posté le 01-05-2014 à 16:15:54    

dax003 a écrit :

Salut, merci de ta réponse !  
 
J'ai déjà vu cette documentation, directement sur Javascool mais je ne comprend pas très bien. Comment je peux faire pour afficher originale et résultat en même temps ?  
 
Désolé j'ai vraiment du mal.
 
Bonne journée.


 
Une première solution : en créant une nouvelle image qui contient l'originale et la nouvelle.
Peut être qu'il existe des fonctions d'affichage mais je ne connais pas javascool.
C'est ce que fait le code listé avec Javascool et le proglet codagePixels.
Par contre il faut que les deux images à assembler aient la même taille avec ce code et en niveau de gris, sinon il faut faire quelques petites modifications.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed