déconstruction d'image via 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




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); img3 = loadImage(«3.png»); image(img3, 475, 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



void draw(){ xm = mouseX; ym = mouseY; } 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); }}

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

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 pasdé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éfinieentre 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.

définition de 3 zones d’action pour les 3 images



void keyPressed() {

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

}

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.

printIn nous confirme que l’impression du fichier TIFF a bien réussiet 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


Exemples:

image de base:

Exemples:

Déconstruction d’images realisé sur Processingimage de base:


Exemples:

image de base:

Exemples:

Déconstruction d’images realisé sur Processingimage de base:

déconstruction d'image via processing

Documents