Project #2 Form Generator

Please click here to view the code in p5.js.

Design Process

As we all know, the phrase 'Thinking outside the box' is often refers to creative thinking. It is a metaphor that means to think differently, unconventionally, or from a new perspective. Since we started our course, I realized that to develop my project infinitely, I have to be out of the cliché. From this idea, I started to draw the box, which represents creativity. The first graphic I created below had complex 3D shapes and the surfaces' patterns. Then I noticed that I have to create the minimum and the maximum graphic I created had to be the image that I can create using the code. So, unfortunately, I changed my sketch, making it less challenging to transfer it to code.

Meanwhile, I got a better idea while making a scene of the story that I want to visualize using the code. I recently wanted to get out of the creativity box to rest as the time I can relax is getting less and less, and just doing nothing like literally, no thinking & no working. The idea is the box that represents the creativity could get out of another box! I also added the text, 'Let me out!' which can be my current mood. So, I layout my sketch to see which primitive shapes I want to use.

My reflection

It wasn't that challenging for me to do the second assignment to use primitive shapes. I used the 'quad' shape to create the 3D box graphic, unlike the last project. To drawing the quad quickly, I had to draw the box with the graph to indicate the right syntax. I thought it might help to calculate and input the right figures for coding if there is a graph on the top of the preview screen, which can have the hover system.
It is still a lot challenging for me to learn the various type of system inside the coding, I am pleased that as I am learning gradually.