VARIATIONS PROCESSING SUR DIPTYQUE MARYLIN

Outils et langages numériques en STD2A

VARIATIONS PROCESSING SUR DIPTYQUE MARYLIN ^(2h)

Lo giques et lan gage s de pr og ra m mati on

Les fonctions de Processing utilisées :

size () smooth () background () loadImage () tint () notint () colorMode () image() mouseX

Les éléments de langage utilisés :

Variable entière: int var ; Variable image : PImage nom ; Boucle for :

for ( i=0 ; i<10 ; i=i+1 ) {…}

Condition : if (condition) {…}

else {…}

Configuration préalable :

Avant la fonction setup(), déclarer la variable image img0.

Dans la fonction setup ():

 configurer la fenêtre d’affichage : largeur écran en px par 500 px

 appliquer une nuance de gris de 100 pour le fond

 activer l’anti-aliasing

 activer le mode couleur en HSV (HSB)

 Charger l’image « marylin_405X500.png » dans la variable img0.

Phase 1 :

Dans la fonction draw ():

 afficher l’image img0 sur le bord gauche de la fenêtre d’affichage

 couvrir la fenêtre d’affichage de 10 images img0 régulièrement réparties

Phase 2 :

 faire varier la teinte des images sur l’intervalle [0,360]

 ajouter une variation de la transparence sur l’intervalle [210,255]

Phase 3 :

 déclarer et charger l’image « marylin_362X500.jpg »

 trouver une solution pour afficher cette image, sans teinte, à la place de la première image de gauche lorsque le curseur de la souris s’y trouve (il suffit de contrôler que la position sur l’axe des abscisses de la souris, mouseX, est bien sur l’intervalle occupé par la première image de gauche)

 trouver une solution pour obtenir cet effet sur toutes les images de la fenêtre d’affichage

Biblio :

Programming For Artists - Pavel A. Orlov -2015-

Pour la prochaine séance :

 diviser une image en 25 surfaces identiques dont on fera varier la teinte.

Codes couleurs :

Notation HSV :

Pour aller plus loin :

prenez une photo de votre visage, de face et une autre de de ¾ face

traitez vos photos pour obtenir des images en N&B, au format jpg, de hauteur de 500px refaire l’activité précédente avec ces deux nouvelles images

VARIATIONS:

Phase1 :

Phase2 :

Phase3 :