Soni Hahn is a multidisciplinary UX designer based in New York

Week1

Drawing by using 2D primitive shapes

My first drawing with code, Sep. 3, 2014 

My first drawing with code, Sep. 3, 2014 

Right after the first class was over, I tried to get used to the processing tool.  I drew shapes starting from ellipse and line and it looked like a balloon and then I continuously drew one after another by using 2D primitives.

Drawing a grid

While I kept using x- and y-coordinates, I thought it would be easier to draw if there is a grid on the processing canvas. So I searched open sources for a grid and applied it to new one of mine. I could learn about the concept of void setup() and void draw() for the first time

Grid, Sep. 6, 2014

Grid, Sep. 6, 2014

'Reptiles' with processing

After I drew a very basic thing, I kept searching for some examples from the processing website. And I realized that there are a lot of beautiful works which generate patterns. 

I’m not sure why, but the repetition and regularity in those examples made me remind of Escher who is one of my favorite artists. The first drawing that came into my mind was 'Reptiles'. So I decided to try to draw it.

My drawing process is as below.

The one element that I struggled a little bit with using was 'curve()'.  I think I have a lack of understanding of parameters. When I tried to draw a curve line on the reptile's back, it didn't go well as what I thought. 

When I wrote the code like 'curve(341,317,367,342,400,400,456,422)', the curve appeared as below. 

45_s copy.png

While I kept searching for related reference, however, I had found 'curveVertex()' and I could make it with code as below. (Even though I still don't know why it was happening with this code..)

beginShape();
curveVertex(341,317);
curveVertex(341,317);
curveVertex(367,342);
curveVertex(400,400);
curveVertex(456,442);
curveVertex(456,442);
endShape();

The next step is...

- Understanding the exact concept of parameters related to curves and vertex

- Learning how to copy and move an object to make an array of hexagons and reptiles

- Learning how to rotate multiple shapes (e.g. a reptile) at a time

- Learning how to use variables to change the color of an object randomly