Proun meets Processing

Greetings beautiful beings,

Exciting changes happening in the Geography Department at the University of British Columbia. Me along with a handful of Geography undergrads are embarking on an experimental experiential learning project led by Sally Hermansen that involves going off the beaten road and exploring programming as a tool for interactive, user-centered geospatial design (or, in simpler words, mapping and infographics). 

Here is my first creation for the class:

A Processing adaption of an El Lissitzsky Proun drawing 

You can see my code below:

//set size and background colour void setup() { size(650, 650); background(#D1BD9C); //make largest ellipse with a beige fill noStroke(); fill(#D8CEBC); ellipse(325,325,560,560); //use ‘for’ loop to make off-centered concentric circles strokeWeight(2.5); stroke(0); noFill(); for(int i=0; i<18; data-preserve-html-node="true" i=i+1){ ellipse(width/1.7 +i1.6, height/2.3 -i3.1, i13.75, i13.75); }

//make long orange line strokeWeight(4.5); stroke(#D37049); line(167,443,322,319);

//make short orange line strokeWeight(4.5); stroke(#D37049); line(167,443,208,495);

//make shortest blue line strokeWeight(4.5); stroke(#435379); line(208,495,258,457);

//make long gray line strokeWeight(7); stroke(#A09A91); line(262,456,334,344);

//make big quad noStroke(); fill(0); quad(287,377,210,491,258,456,331,343);

//make short blue line strokeWeight(6); stroke(#435379); line(258,457,200,378);

//make long blue line strokeWeight(4.5); stroke(#435379); line(200,378,304,294);

//make small gray line strokeWeight(6); stroke(#89817B); line(197,374,239,313);

//make small quad noStroke(); fill(0); quad(207,329,166,395,194,374,237,311); } void draw() { //print x and y coordinates in a line println(mouseX,mouseY); }