Dieser Seminar-Blog befindet sich noch im Aufbau und wird in den kommenden Tagen entsprechend verfeinert.
Sorry, you are not allowed to register by yourself on this site!
You must either be invited by one of our team member or request an invitation by email at viad.info {at} zhdk {dot} ch.
Bei dieser Aufgabe habe ich die Farbwerte eines Bildes in Farbpunkte aufgerastert (wie Zeitungsdruck). Das Raster lässt mit der Mausbewegung vergrössern und verkleinern. Ein Rasterpunkt besteht aus einem roten, grünen und blauen Kreis die leicht verschoben dargestellt werden. Jeder Rasterpunkt ist ein Objekt der Colordot-Klasse und beinhaltet die Farbwerte, Grösse, Abstand zur Maus etc. Processing…
PImage img; boolean showPic = true; int[] r, g, b; int maxColor; void setup() { img = loadImage("hunde.jpg"); size(img.width, img.height); r = new int[256]; g = new int[256]; b = new int[256]; loadPicture(); noStroke(); smooth(); } void loadPicture() { // new pixels img.loadPixels(); // get pixels for (int x = 0; x < img.width; x++…
Der Filter generiert aus dem Bild durch drücken der Leertaste ein Pixelraster. Dieses Pixelraster lässt sich durch Mausbewegung dazu noch bewegen. PImage img; Pixel[] pixel; int blockWidth, blockHeight; int blockCount = 40; boolean showDogs = true; void setup() { img = loadImage("hunde.jpg"); size(img.width, img.height); blockWidth = img.width / blockCount; blockHeight = img.height / blockCount; loadPicture();…
Bildfilter der Pixel durch Mausclick in Bewegung bringt. PImage img; Pixel[] pixel; void setup() { img = loadImage("hunde.jpg"); size(img.width, img.height); loadPicture(); noStroke(); } void loadPicture() { // new pixels pixel = new Pixel[width * height]; // load picture img.loadPixels(); // get pixels for (int x = 0; x < img.width; x++ ) { for (int…
Wir lesen ein Bild mithilfe von PImage und loadImage() ein und lesen die Farbwerte der Pixel aus dem Pixelarray des Bildes. Ich habe die Farbwerte mit Ellipsen nachgezeichnet, die sich mit der Zeit immer mehr verkleinern. Es wird jeweils mit random() zufällig ein Pixel gelesen und ein entsprechender Kreis gezeichnet. Mit der Zeit wird das…
Einige kleine Aufgaben sollten helfen uns wieder in Processing zurecht zu finden. Zeichnen von Basisformen und rudimentären Animationen.
Zum Einstieg haben wir grundlegende Funktionen in Processing wie Zeichnen, Funktionen, Schleifen und Interaktionen repetiert. LINES ELLIPSE / ALPHAWERT MOUSEPRESSED KEYPRESSED
