Documentation Blog — Recitation 5
By Xiaoyi Cai (Mia) Date: 3/29/2021
- Here’s the picture I choose, and it’s from Osamu Sato.
There’re several reasons why I choose this image.
Firstly, I was really attracted by this image. I myself am actually a person who loves the feature of the eye. Furthermore, its symmetrical graphics will give people a strong impact. What’s more, there’s also another important reason. As a newbie using Processing, this image has a little bit of challenge for me, but it’s not that complex, which ensures me to finish it on time.
In my creation, inspired by the image above, I also took the shape of the eye as my main concept. And I made the overall creation symmetric, which was another similarity with the original image. The eyeball consisted of several lines, which made it more mysterious. The outline of the eye was composed of six lines. Around the eye, there’re two circles. One was built by the lines, and the other was built by the arcs. Finally, there’re four triangles consisting of five lines and a circle, which made up the shape of a cross. To achieve my goal, I used the functions of size, background, noStroke, fill, noFill, line, arc, and ellipse, which were taught in the class. Moreover, I also explored some functions that were not taught in the lecture. I used the functions of pushMatrix, popMatrix, translate, rotate, and scale.
Compared with the original works, my creation was a little bit simpler than it. Therefore, I added some colors to my work in order to make it more vivid.
As for this project, I think Processing is not really a convenient drawing machine for me. Rather, I think it will be better if I Can draw it on my own. However, when it comes to more complicated design, in my opinion, it can bring me the convenience to finish the project, and also can make my design more precise and cleaner.
- This is the screenshot of my creation 😊:
- Here’s the code of my creation:
size (600, 600); background(255); //noFill(); noStroke(); fill(205, 241, 247); ellipse(300, 300, 40, 40); line(280, 300, 320, 300); //eye pushMatrix(); translate(300, 300); rotate(0.2); stroke(0); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); rotate(0.2); line(-20, 0, 20, 0); popMatrix(); //lines around the eye line(260, 282, 340, 282); line(260, 318, 340, 318); line(320, 270, 250, 290); line(320, 330, 250, 310); //symmetric line above the eye pushMatrix(); scale(-1, 1); translate(-width, 0); line(320, 270, 250, 290); line(320, 330, 250, 310); popMatrix(); //right lines line(220, 280, 220, 320); line(215, 280, 215, 320); line(210, 280, 210, 320); line(205, 280, 205, 320); pushMatrix(); translate(300, 300); rotate(PI/4); line(-80, -20, -80, 20); line(-85, -20, -85, 20); line(-90, -20, -90, 20); line(-95, -20, -95, 20); rotate(PI/4); line(-80, -20, -80, 20); line(-85, -20, -85, 20); line(-90, -20, -90, 20); line(-95, -20, -95, 20); rotate(PI/4); line(-80, -20, -80, 20); line(-85, -20, -85, 20); line(-90, -20, -90, 20); line(-95, -20, -95, 20); rotate(PI/4); line(-80, -20, -80, 20); line(-85, -20, -85, 20); line(-90, -20, -90, 20); line(-95, -20, -95, 20); rotate(PI/4); line(-80, -20, -80, 20); line(-85, -20, -85, 20); line(-90, -20, -90, 20); line(-95, -20, -95, 20); rotate(PI/4); line(-80, -20, -80, 20); line(-85, -20, -85, 20); line(-90, -20, -90, 20); line(-95, -20, -95, 20); rotate(PI/4); line(-80, -20, -80, 20); line(-85, -20, -85, 20); line(-90, -20, -90, 20); line(-95, -20, -95, 20); rotate(PI/4); line(-80, -20, -80, 20); line(-85, -20, -85, 20); line(-90, -20, -90, 20); line(-95, -20, -95, 20); popMatrix(); //noFill(); //arc(195, 300, 10, 10, radians(90), radians(270)); //arc(195, 300, 20, 20, radians(90), radians(270)); //arc(195, 300, 30, 30, radians(90), radians(270)); //arc(195, 300, 40, 40, radians(90), radians(270)); pushMatrix(); translate(300, 300); rotate (radians(23)); noFill(); arc(-110, 0, 10, 10, radians(90), radians(270)); arc(-110, 0, 20, 20, radians(90), radians(270)); arc(-110, 0, 30, 30, radians(90), radians(270)); arc(-110, 0, 40, 40, radians(90), radians(270)); rotate (radians(45)); noFill(); arc(-110, 0, 10, 10, radians(90), radians(270)); arc(-110, 0, 20, 20, radians(90), radians(270)); arc(-110, 0, 30, 30, radians(90), radians(270)); arc(-110, 0, 40, 40, radians(90), radians(270)); rotate (radians(45)); noFill(); arc(-110, 0, 10, 10, radians(90), radians(270)); arc(-110, 0, 20, 20, radians(90), radians(270)); arc(-110, 0, 30, 30, radians(90), radians(270)); arc(-110, 0, 40, 40, radians(90), radians(270)); rotate (radians(45)); noFill(); arc(-110, 0, 10, 10, radians(90), radians(270)); arc(-110, 0, 20, 20, radians(90), radians(270)); arc(-110, 0, 30, 30, radians(90), radians(270)); arc(-110, 0, 40, 40, radians(90), radians(270)); rotate (radians(45)); noFill(); arc(-110, 0, 10, 10, radians(90), radians(270)); arc(-110, 0, 20, 20, radians(90), radians(270)); arc(-110, 0, 30, 30, radians(90), radians(270)); arc(-110, 0, 40, 40, radians(90), radians(270)); rotate (radians(45)); noFill(); arc(-110, 0, 10, 10, radians(90), radians(270)); arc(-110, 0, 20, 20, radians(90), radians(270)); arc(-110, 0, 30, 30, radians(90), radians(270)); arc(-110, 0, 40, 40, radians(90), radians(270)); rotate (radians(45)); noFill(); arc(-110, 0, 10, 10, radians(90), radians(270)); arc(-110, 0, 20, 20, radians(90), radians(270)); arc(-110, 0, 30, 30, radians(90), radians(270)); arc(-110, 0, 40, 40, radians(90), radians(270)); rotate (radians(45)); noFill(); arc(-110, 0, 10, 10, radians(90), radians(270)); arc(-110, 0, 20, 20, radians(90), radians(270)); arc(-110, 0, 30, 30, radians(90), radians(270)); arc(-110, 0, 40, 40, radians(90), radians(270)); popMatrix(); //angle line(180, 280, 115, 300); line(180, 290, 115, 300); line(180, 300, 115, 300); line(180, 310, 115, 300); line(180, 320, 115, 300); pushMatrix(); translate(300, 300); rotate (radians(90)); line(-120, -20, -185, 0); line(-120, -10, -185, 0); line(-120, 0, -185, 0); line(-120, 10, -185, 0); line(-120, 20, -185, 0); rotate (radians(90)); line(-120, -20, -185, 0); line(-120, -10, -185, 0); line(-120, 0, -185, 0); line(-120, 10, -185, 0); line(-120, 20, -185, 0); rotate (radians(90)); line(-120, -20, -185, 0); line(-120, -10, -185, 0); line(-120, 0, -185, 0); line(-120, 10, -185, 0); line(-120, 20, -185, 0); popMatrix(); fill(255, 251, 139); ellipse(110, 300, 10, 10); pushMatrix(); translate(300, 300); rotate (radians(90)); ellipse(-190, 0, 10, 10); rotate (radians(90)); ellipse(-190, 0, 10, 10); rotate (radians(90)); ellipse(-190, 0, 10, 10); popMatrix();