• Rob George

Week 1: Mondrian in Processing

Updated: Dec 4, 2020

This is my first assignment in my creative coding course. at Montclair State University. We will be using the app Processing throughout the semester. I found this assignment pretty simple mainly because I've had previous knowledge of basic coding. Below is the reference image and the visual of my coding as well as the coding itself.


Reference image of Mondrian's work


Visual of my coding




//canvas

size(512,508);

background(255);


//Grey shapes: in between the black and blue squares

noStroke();

fill(226);

rect(191,323,126,125);

rect(184,484,296,24);




//Group: Colored Shapes


//Bottom yellow rectangle

noStroke();

fill(252,218,110);

rect(0,379,62,129);


//Top yellow rectangle

noStroke();

fill(252,218,110);

rect(314,0,176,187);


//Line 2: Was moved from "horizontal line" group to be placed under the big red square.

stroke(0);

strokeCap(SQUARE);

strokeWeight(9);

line(10,189,487,188);


//Big Red Square

noStroke();

fill(220,47,31);

rect(58,60,257,255);


//Small Red rectangle

noStroke();

fill(220,47,31);

rect(481,388,33,121);


//Black Square

noStroke();

fill(0);

rect(58,319,135,130);


//Smaller Black rectangle

noStroke();

fill(0);

rect(185,446,133,42);


//Blue rectangle

noStroke();

fill(5,45,177);

rect(320,390,161,93);




//Group: Horizontal Lines (top to bottom)


//Line 1

stroke(0);

strokeCap(SQUARE);

strokeWeight(9);

line(10,58,487,58);


//Line 2: Moved to "colored shapes" group to be placed under the Big Red Square.

//stroke(0);

//strokeCap(SQUARE);

//strokeWeight(9);

//line(10,189,490,188);


//Line 3

stroke(0);

strokeCap(SQUARE);

strokeWeight(9);

line(57,319,487,319);


//Line 4

stroke(0);

strokeCap(SQUARE);

strokeWeight(9);

line(7,385,512,385);


//Line 5

stroke(0);

strokeCap(SQUARE);

strokeWeight(9);

line(188,483,483,483);




//Group: Verticle Lines


//Line 1

stroke(0);

strokeCap(SQUARE);

strokeWeight(9);

line(57,55,57,493);


//Line 2

stroke(0);

strokeCap(SQUARE);

strokeWeight(9);

line(123,9,123,60);


//Line 3

stroke(0);

strokeCap(SQUARE);

strokeWeight(9);

line(188,318,188,500);


//Line 4

stroke(0);

strokeCap(SQUARE);

strokeWeight(9);

line(318,6,320,483);


//Line 5

stroke(0);

strokeCap(SQUARE);

strokeWeight(9);

line(403,188,403,320);


//Line 6

stroke(0);

strokeCap(SQUARE);

strokeWeight(9);

line(485,13,485,500);



4 views0 comments