https://editor.p5js.org/Siming2024/sketches/wtwZ5_UV_

Geometry feels distant for me now. I tried to improve upon an existing case (splitting the canvas into four rectangles where, when the mouse hovers over specific positions, the rectangles appear) by dividing the rectangles into two triangles. Then, I wanted the triangle colors to layer progressively, creating a gradient effect as the mouse moves clockwise.

The first step was to determine the position range of each triangle, but I realized I had forgotten everything about triangles, such as the relationship between the three sides. But I soon realized that triangle knowledge wasn’t necessary—I needed to write equations for the two diagonals instead.

After solving the triangle issue, I tried to define several variables to create a random gradient effect each time the triangles appeared, but I didn’t succeed. I wanted to set each value in the RGB (color) system to be random, but it didn’t work.

Then I wanted to add a bouncing ball, but I haven’t succeeded yet. Along the way, I found that the ball’s color changes as the triangles appear, which is nice, but not the intended effect. I feel I may have written the code in the wrong order.

Sorry, I feel like I haven't spent much time on ICM. When rushing through assignments, I often miss out on understanding many details (that’s all my fault). But I’m not too troubled by that. I find this process enjoyable. The code sometimes works and sometimes doesn’t work feels a bit mysterious to me (which is…not bad?). Every time the mystery is revealed in class, it’s full of surprising discoveries. I want to set a goal for my learning going forward so that I would be more motivated :)