Week 2: Life Under the Palm Trees

Inspiration:

I was sitting near the library when I looked out the window and saw palm trees. I associate them with this place, with summer, with happiness. I remembered how we decided to count them with my friend when we first arrived, and that there are exactly 36 palms. I liked the geometrical arrangement of palms, so I decided to use them as inspiration for my artwork.

 

 

 

---

 

Process:

I stylized the palms into swirling lines of varying heights using the random function and the for loop to arrange these strokes into a circle. To make them dynamic, I used the rotate function. In order to understand how they work, I watched this video-tutorial.

I divided the screen into identical rectangles, I used two for loops, placed the spinning palms and their trunks in the form of circles there.

It was necessary to do something with the background, and I wanted to add an interactive part. I watched this video to understand how it works. I decided to make a pattern using arc functions, which, if reduced, resembles a tile on the ground, and if increased, it looks like benches located under palm trees. The way the size changes seemed very symbolic to me, and that’s why I called this work “Life under the palm trees”.

---

Result:

---

Code:

//ART WORK

float arcSize = 80;
float yStep = 100;


void setup() {
  size(600, 600);
}

void draw() {
  
  background(224, 224, 224);

  mouseX = constrain(mouseX, 10, width);
  mouseY = constrain(mouseY, 10, height);

  yStep = mouseY;
  arcSize = mouseX;

  noFill();
  stroke(160, 160, 160);
  strokeWeight(5);

  for (int y=0; y<height; y+=yStep) {
    for (int x=0; x<width+arcSize; x+=arcSize) {
      arc(x, y, mouseX, mouseY, 0, TWO_PI);
    }
  }
  
 //grid 

  for (int i=-50; i<width+50; i+=100) {
    for (int j =-50; j<height+50; j+=100) {
      noStroke();
      rectMode(CENTER);
      rect(i, j, 100, 100);
      fill(153, 76, 0);
      ellipse(i, j, 20, 20);
      noFill();
      pushMatrix();
      translate(i, j);
      scale(0.25);

  //palms 

      stroke(76, 153, 0);
      for (int a=0; a<360; a+=1) {
        float x = random(30, 80);
        float y = random(80, 130);
        pushMatrix();
        rotate(radians(a));
        strokeCap(ROUND);
        strokeWeight(4);
        line(x, 0, y, 0);
        popMatrix();
      }
      popMatrix();
    }
  }
}