1.R Drawing With Code – Documentation Post

Photograph:

Hand-drawn Sketch:

Screenshot of p5.js sketch:

Link to p5.js code:

https://editor.p5js.org/tj1059/sketches/AQWnXplvX

Reflections:

– What are some ways (if any) that drawing on a piece of paper was easier than writing the program?

Changes are easier to make when using pens to draw on a piece of paper, while tiny adjustments in coding require much more work. Specifically, there are settled coordinate axes, therefore every dot has its own location needed to be precisely assigned in coding. Also compared with using pens, it is not that convenient to make details through coding.

– What are some ways (if any) that writing the program was easier than drawing on the piece of paper?”

Geometric patterns are clearer and easier to make through coding, especially when we need to make some similar things (e.g. vases) or regular patterns. 

– Problems you ran into: what was the symptom, what turned out to be the cause, what did you do to try to figure this out? What sources of help did you use? What would you do it differently next time?

One of the problems I run into was to make tiny adjustments in the coordinates of each item. Since my sketch includes many detailed items, the process of drawing turned to be much harder than simply drawing on a piece of paper, therefore cost me a lot of time. Nevertheless, in such process, I found “//” quite helpful since I can first double slash one line first, later try another version with tiny differences, and then remove the slash marks to recover the first try. Besides, after reading the assigned texts, I found that I could actually set variables (such as the size of the item) to avoid some repeated changes (e.g: the location). Therefore next time I’ll try to use more variables both stored in p5.js and assigned by myself to simplify the coding.