Motif:
The image I chose is called Formula 15 by Sol LeWitt. The reason why I chose this image was that the combination of those regular and standard shapes and lines created a sense of aesthetics, and it may also be easy to draw with the functions weβve learned in Processing.
Based on the motif, I want my image to be more variable for both color and shape compared with what it used to be. Therefore, I changed the color and the weight of different rectangles, and add not only straight lines but also arcs inside of the rectangles.
My final creation links to the motif in the way that the basic structure is that same, which contains many rectangles of the same size, and many curves and lines inside. However, there are some differences between mine and the motif. The first is that the motif is black-and-white, while mine is more colorful, since different rectangles are filled with different colors, and the color of the strokes are different as well. The second difference is that the rectangles in the motif are of the same weight, while I changed the weight of the strokes in my image. The third difference is that the lines and curves in the motif all start from a corner of a rectangle then end at another corner of a rectangle. In my image, I added some arcs apart from lines to make the whole image more abstract and in a more pop-arted way.
I donβt think drawing in Processing is a good way of realizing my design. The reason is that the shaped drawn by Processing are in a fixed way, and it is really hard to add varieties and irregular patterns. It is also troublesome since you have to think about the position of each point in the axis, which can make the process of drawing inefficient.
Code:
size (800,800);
background (#A8C1BC);
stroke (#ADF074);
strokeWeight(10);
rect (0,0,100,100);
rect (200,0,100,100);
stroke (#090F03);
fill (#70C6B6);
rect (400,0,100,100);
rect (600,0,100,100);
stroke(#F2D73B);
rect (100,100,100,100);
rect (300,100,100,100);
rect (500,100,100,100);
fill (#A6EA40);
rect (700,100,100,100);
stroke(#090F03);
strokeWeight(50);
fill (#5E92B9);
rect (0,200,100,100);
rect (200,200,100,100);
rect (400,200,100,100);
rect (600,200,100,100);
fill (#DEEBF5);
rect (100,300,100,100);
fill (#13171A);
rect (300,300,100,100);
stroke(#709CC6);
strokeWeight(20);
rect (500,300,100,100);
rect (700,300,100,100);
rect (0, 400,100,100);
stroke(#090F03);
rect(200,400,100,100);
fill (#BA7EE3);
rect(400,400,100,100);
stroke (#F26C3B);
rect (600,400,100,100);
stroke (#9B49D3);
line (0,0,100,100);
stroke (#081415);
line (500,100,600,200);
stroke (#E5E862);
strokeWeight (10);
line (100,300,200,400);
stroke(#2856C6);
strokeWeight(5);
noFill();
arc(250,50,100,110,1.1*QUARTER_PI,5*QUARTER_PI);
arc(250,450,150,200,0,1.7*PI);
stroke (#28C659);
fill(#9DDCE8);
arc(350,350,100,100 ,0, 3*QUARTER_PI);
arc(750,150,50,80,2,5*QUARTER_PI);
stroke (#E5AE56);
strokeWeight(1);
fill(#EA8140);
arc(200,300,20,20,0,1.2*PI);
arc(250,350,60,80,1.2*PI, 2*PI);
arc(300,300,50,50,2*PI, 2.5*PI);
arc(450,240,150,150,0,PI);
arc (500,500,30,30,0,1.5*PI);
Sketch:
