🪢 INTERTWINED with the Shadow🪢
🔗 Interact with the “Intertwined” on p5.js
VIDEO RECORDING
WORK PROCESS
In this project, I followed the same approach I applied last week, where I experimented with different themes while trying out various modifications and combinations of the code learned in class.
Modifying and Testing…
TEST#01: Balls and Spring (Dragging)
Initially, I added a for loop to “call” the class, which resulted in creating a series of balls strung together like a rope. By implementing the drag function, the user can interact with the balls and change their positions. To better visualize the entire motion, I adjusted the transparency of the background and objects. This resulted in different effects on the movement of the balls and the rope.
TEST#02: A Rope with Balls?
Then I attempted to remove the mouseIsPressed condition and adjusted the values of restLength and stiffness (spring constant). It can be observed that the rope becomes more relaxed and exhibits greater flexibility.
TEST#03: Fixed Starting and Ending Point
I managed to experiment with the position of the ball unfixed, but after I did the first two tests, I think it felt a bit visually cluttered. So I tried fixing each end of the rope at different positions on the canvas. As a result, this approach guided the movement of the small ball along a specific trajectory, which looks similar to the effect that two ropes are crossing each other.
