Assignment 12: Computer Graphics and Art in Processing
I created two computer art pieces in Processing. Although my ideas came from reading the Computer Graphics and Art, I also explored the different functions in Processing on my own.
1. Rotating Circle
I decided to create a computer graphic that contains a rotating circle with lines coming out from it.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 |
//Nested push and pop // Global angle for rotation float theta = 0; void setup() { size(1000, 700); } void draw() { background(255); stroke(0); // Translate to center of window translate(width/2, height/2); // Loop from 0 to 360 degrees (2*PI radians) for (float i = 0; i < TWO_PI; i += 0.2) { // Push, rotate and draw a line! // The transformation state is saved at the beginning of each cycle through the for loop and restored at the end. // Try commenting out these lines to see the difference! pushMatrix(); rotate(theta + i); line(0, 0, 300, 0); line(0, 100, 300, 0); line(100, 0, 300, 0); line(300, 500, 300, 0); line(500, 300, 300, 0); line(0, 600, 200, 0); line(600, 0, 200, 0); // Loop from 0 to 360 degrees (2*PI radians) for (float j = 0; j < TWO_PI; j += 0.5) { // Push, translate, rotate and draw a line! pushMatrix(); translate(100, 0); rotate(-theta-j); line(0, 0, 50, 0); // We're done with the inside loop, pop! popMatrix(); } // We're done with the outside loop, pop! popMatrix(); } // Increment theta theta += 0.01; } |
2. Black and White Image
I used the image that my friend took when we went to Lebanon during fall break. Since old computers displayed images in black and white, I took that idea to produce this by using Processing.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
PImage img; void setup() { size(1000, 700); img = loadImage("atoka.jpg"); } void draw() { // Draw the image image(img,0,0,1000,700); // Filter the window with a threshold effect // 0.5 means threshold is 50% brightness filter(THRESHOLD,0.6); } |
I used Danief Shiffman’s Learning Processing website to build the base code for both of the above computer graphics and art. I found this website very useful because it provided explanations and had examples from the basics of Processing.