Interaction Lab Documentation 5-Kurt Xu

Recitation 5: Processing Basics

Voeroech I1986

The image is created by Victor Vasarely. I choose this picture because it has a beauty of simplicity and there’s a clear logic in the variation of shapes. In the programming part, I mainly use the function “rotate( )” to accomplish the goal. The code is as follows:

size(800,800);
rectMode(CENTER);

noStroke();
translate(400,400);
background(141,67,64);

fill(90,60,60);
rotate(-PI/40);
rect(0,0,800*0.91,800*0.91);

fill(55,50,52);
rotate(-PI/40*1.2);
rect(0,0,800*0.81,800*0.81);

fill(90,60,60);
rotate(-PI/40*1.4);
rect(0,0,800*0.72,800*0.72);

fill(147,70,60);
rotate(-PI/40*1.42);
rect(0,0,800*0.61,800*0.61);

fill(205,56,63);
rotate(-PI/40*1.5);
rect(0,0,800*0.50,800*0.50);

fill(215,43,69);
rotate(-PI/40);
rect(0,0,800*0.39,800*0.39);

fill(220,103,120);
rotate(-PI/42);
rect(0,0,800*0.28,800*0.28);

fill(233,131,142);
rotate(-PI/40);
rect(0,0,800*0.18,800*0.18);

fill(250,162,158);
rotate(-PI/40*1.5);
rect(0,0,800*0.09,800*0.09);

the result

I think that every painting is created with a impetus and thus have a inner logic inside. The process of programming is an act of immitating that logic with the tool of computer program. In that way, i think drawing in processing is a perfect way to understand the artwork and the thoughts of the author. But imitation is imitation, both the understanding and the artwork itself cannot completely be the same, and that’s the aesthetics of art.

Leave a Reply