Task
In order to learn how to work with p5.js, we were given the task of programming simple perspective drawings. We had to arrange graphic elements—lines, shapes, and colors—in a way that created a sense of depth and space.
In the first step, we worked with a fixed coordinate system and defined exact positions and colors for each element. Of course, this had the disadvantage that if you wanted to change the size of the canvas, you would have to manually adjust all the values. So, we learned how to make the code more flexible. Instead of using fixed values, we were asked to use relative measurements so the graphics could automatically adjust to different canvas sizes. We also learned how to calculate colors dynamically to create harmonious color schemes. Compared to the first approach, this made it much easier to adjust or expand the graphics later on.