...
| Code Block |
|---|
myImage = loadImage("EinBildBild.png");
image(myImage, 0, 0, width, height); |
...
Mit der Funktion tint() könne einfache Bildfilter erstellt werden. Dabei werden die Werte, welche mit tint() angegeben werden immer zum Bild hinzu gemischt. Hier ein Paar Beispiele:
| tint(255); | Originale Darstellung des Bildes |
|
| tint(100); | Etwas mehr Schwarz-Anteile |
|
| tint(255,127); | Transparenz auf 50% |
|
| tint(0,200,127); | Grünlich einfärben |
|
| tint(255,0,0,200); | Rot einfärben und Transparenz auf ca.75% |
|
Array von Bildern
Es lassen sich natürlich auch mehrere Bilder anzeigen. Dazu deklarieren wir ein Array von PImage Objekten und initialisieren es:
| Code Block |
|---|
PImage [] images;
images = new PImage[numOfImages]; |
...
Für die Darstellung der Bilder geben wir dann den gewünschten Index an:
| Code Block |
|---|
image(images[3], 0, 0); |
Aufgaben
...
Lest und versteht Seite 270 – 272 (Convolution Filter) im Buch “Learning Processing” von Daniel Shiffman
Schaut euch die Beispiele zu Bildern unter Generative Gestaltung an
Erstellt ein Beispiel, welches euch das Histogramm eines Bildes visuell wieder gibt. (R,G,B,Brightness)
Erstellt ein Beispiel, welches für bestimmte Helligkeitswerte einen Buchstaben zeichnet
Weiteres
- PImage – Referenz auf processing.org
- Learning Processing – Shiffman Seiten 121 – 137
- Generative-Gestaltung – Code-Beispiele ab P4