Proseguiamo l’approfondimento su Processing e immagini. Nell’era di Instagram siamo abituati a cambiare l’aspetto delle nostre foto prima di condividerle con gli altri. Le funzioni tint() e filter() – già incluse all’interno del linguaggio – ci consentono di alterare le immagini a nostro piacimento.
La funzione tint()
Questa funzione consente di alterare il colore generale delle foto. L’effetto non è permanente tanto che invocando la funzione noTint() è possibile ritornare all’originale.
I parametri accettati vanno da uno a quattro come specificato nel reference. Prendendo quest’immagine di partenza –chi non ama i gatti? – facciamo qualche esempio:
/*
* Immagini: tint(), filter() e masking
* Federico Pepe, 19.03.2017
* http://blog.federicopepe.com/processing
*/
PImage immagine;
void setup() {
size(640, 535);
immagine = loadImage("cat.jpg");
tint(100);
image(immagine, 0, 0);
}
void draw() {
}
Passiamo a tint() tre parametri: tint(255, 255, 50);. È possibile usare tre valori RGB che HSB in base alla funzione colorMode() precedentemente impostata.
Se avete un background in web design, sappiate che Processing accetta anche valori esadecimali tint(#FF55EE);
È possibile anche sfruttare il parametro della trasparenza alpha.
tint(#FF55EE, 70);
image(immagine, 0, 0);
tint(255, 255, 50, 50);
image(immagine, 0, 0);Questo codice darà il seguente risultato:
Aggiungere un filtro con la funzione filter()
Oltre alla funzione tint(), Processing ha al suo interno la funzione filter() che, come i comuni programmi di grafica come Adobe Photoshop o GIMP, permette di applicare dei filtri alle foto.
I parametri sono otto e devono essere sempre indicati in maiuscolo: THRESHOLD, GRAY, INVERT, POSTERIZE, BLUR, OPAQUE, ERODE e DILATE. Alcuni di essi accettano un secondo parametro mentre altri no.
Mentre la funzione tint() doveva essere dichiarata prima di mostrare l’immagine, la funzione filter() è inserita successivamente, come indicato nel seguente esempio:
/*
* Immagini: tint(), filter() e masking
* Federico Pepe, 19.03.2017
* http://blog.federicopepe.com/processing
*/
PImage immagine;
void setup() {
size(640, 535);
immagine = loadImage("cat.jpg");
tint(100);
image(immagine, 0, 0);
}
void draw() {
}THRESHOLD
Converte i pixel di un’immagine in bianco o nero in base alla soglia impostata che può assumere un valore compreso tra 0 e 1. Se non viene indicato, il valore di default è 0.5.
BLUR
Applica un filtro di sfocatura gaussiana. Il secondo parametro indica il raggio della sfocatura.
POSTERIZE
Limita ciascun canale dell’immagine al numero di colori passati come parametro. I valori accettati vanno da 2 a 255.
GRAY
Converte i colori dell’immagine nel loro valore corrispondente in scala di grigi.
OPAQUE
Imposta il canale trasparenza (alpha) opaco.
INVERT
Inverte il valore di ciascun pixel.
ERODE e DILATE
Il primo riduce le aree illuminate mentre il secondo le aumenta.
Le funzioni che abbiamo visto oggi sono solo l’inizio; prossimamente vedremo come creare i nostri filtri personalizzati andando a lavorare sui singoli pixel.
Leave a Reply