Issuu on Google+

Déconstruction d’images realisé sur Processing

Hoekendijk Jefta 2BAC Arts Numérique


Déconstruction d’images realisé sur Processing Déconstruction d’images est une recherche sur la démultiplication et la superposition de parties d’images pour en générer une nouvelle, cela génère un rythme et crée un espace différent à l’origine de confusions dans une image qui de base est organisée. Le travail est realisé sur Processing, A l’aide d’un code pour déconstruire mes images, j’ai démultiplié et superposé des fragments d’images pour en générer une nouvelle. On commence par fragmenter une photo en trois parties sur photoshop par exemple puis on passe sur processing

Photo d’origine

Hoekendijk Jefta 2BAC Arts Numérique


Déconstruction d’images realisé sur Processing

int value = 0; int xm, ym, j, i, o, p; PImage img1, img2, img3; void setup(){ size(800,800); frameRate(30); img1 = loadImage(«1.png»); image(img1, 175, 100); img2 = loadImage(«2.png»); image(img2, 325, 100);

}

Définition des différentes variables

taille de la scène nombre de fois qu’il exécute le code/sec assignement d’une image à une variable placement des différentes images sur la scène

img3 = loadImage(«3.png»); image(img3, 475, 100);

Hoekendijk Jefta 2BAC Arts Numérique


Déconstruction d’images realisé sur Processing void draw(){ xm = mouseX; ym = mouseY;

assignement du déplacement de la souris sur l’axe des X et Y à la variable xm et ym

} void mouseDragged() { if ((473<xm)&&(xm<800)) { if (xm>475) { i=xm; }else { i=475; } image(img3, i, ym); } else if ((325<xm)&&(xm<475)) { i =325; image(img2, i, ym); }

}

else if (xm<325) { if (xm<175) { i=xm; } else { i=175; } image(img1, i, ym); }

définition de 3 zones d’action pour les 3 images pour la première image qui est placée à l’origine à 100 pixel du bord supérieur et 175 pixel du bord gauche, on dit qu’il ne peut pas dépasser 325 pixel sur l’axe des X pour ne pas aller dans la zone de l’image 2 et que si la souris est positionnée dans la zone plus petite que 175 px sur l’axe des X, alors l’image sera positionnée par rapport à la position de la souris et donc il y aura une superposition de cette même image qui sera répétée selon le déplacement de la souris. pour la deuxième image, la zone est très petite car elle ne peut bouger que sur l’axe des Y. pour la troisième image, la zone est définie entre 325 px et la fin de la scène, qui est ici définie à 800 px, et l’image est bloquée à 175 pour ne pas aller dans la zone de l’image deux.

Hoekendijk Jefta 2BAC Arts Numérique


Déconstruction d’images realisé sur Processing void keyPressed() {

la fonction KeyPressed permet de faire une capture au format TIFF quand on presse la touche «S» ou «s» pour que cela fonctionne quand la touche Maj est enfoncée.

if(keyPressed) { if (key == ‘s’ || key == ‘S’) { println(«press»); save(«déconstruction.tif»); } }

printIn nous confirme que l’impression du fichier TIFF a bien réussi et save nous permet de nommer le fichier.

} En images

placement sur la scène

déplacement image 1

déplacement image 2

déplacement image 3

rendu final

Hoekendijk Jefta 2BAC Arts Numérique


Déconstruction d’images realisé sur Processing image de base:

Exemples:


Déconstruction d’images realisé sur Processing image de base:

Exemples:


Déconstruction d’images realisé sur Processing image de base:

Exemples:


Déconstruction d’images realisé sur Processing image de base:

Exemples:


Déconstruction d’images realisé sur Processing image de base:

Exemples:


Déconstruction d'image via Processing