déconstruction d'image via processing
DESCRIPTION
Déconstruction d’images est une recherche sur la démultiplication et la superposition de partie d’image 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.TRANSCRIPT
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
Déconstruction d’images realisé sur Processing
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); 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
Hoekendijk Jefta 2BAC Arts Numérique
Déconstruction d’images realisé sur Processing
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
Hoekendijk Jefta 2BAC Arts Numérique
Déconstruction d’images realisé sur Processing
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.
Hoekendijk Jefta 2BAC Arts Numérique
En images
placement sur la scène déplacement image 1 déplacement image 2
déplacement image 3
rendu final
Déconstruction d’images realisé sur Processing
Exemples:
image de base:
Exemples:
Déconstruction d’images realisé sur Processingimage de base:
Déconstruction d’images realisé sur Processing
Exemples:
image de base:
Exemples:
Déconstruction d’images realisé sur Processingimage de base:
Exemples:
Déconstruction d’images realisé sur Processingimage de base: