Project 2 Form Generator

Chosen parameterized form: Wassily chair by Marcel Breuer

Design Process

I selected Wassily chair as the basic form for generating. In my sketch, I drew the chair with the front view at the minimum size (normal Wassily chair size)and also maximum size(extended version of the regular chair, the proportion is similar to bench ), I was aimed to change the color of the leather on the chair. I think the biggest challenge for me about transferring 2D sketch into the p5js sketch was that I need to draw the frame of the chair separately, it’s not a continuous line, so the difficult point was making all the frame traveling correspondingly when moving the cursor.

Feature

1.Move your cursor to change the width of the chair. At the same time, the color of the leather on the chair with be changed.

2.The font size and color of "Wassily™" will always changes by itself.

3.If you click on the canvas, the grayscale of the background will be adjusted.

4.If you press any key on the keyboard, the color of author's name will change.

Reflection

1.All the tutorials were very helpful for this assignment, while I have a question about creating color gradient by p5js; as you can see, I was trying to add the color gradient on the floor, my methodology of creating it was kind of silly, basically I just drew several thin lines with different greyscale.

2.Another question that I have was my p5js sketch started on a strange point, it began with an awkward shape and it’s no related to the form that I want. I tried to solve this problem, I set the mouseX to be greater or equal to 40, while it didn’t make any changes.