Circle Randome Movement (P5.js)
Brief
Create a sketch that expresses non-linear movement on the screen.
Openprocessing link:
Problems:
- Not familiar with the coding language
- Not good at Mathematics. Can not calculate the central angle of a circle
- One of the circles is always out of the canvas
Solution:
- Watching tutorials about Random function on YouTube by Daniel Shiffman
- Research online to find the formula calculate the central angle of a circle
- Review the coding to find the bug
Process
The most interesting challenge I encountered is how to make the five
circles move together from different positions. The first two circles are
easy, but when I code five circles together, The rest of the three circles got out of control. I forget "-1" represents the opposite direction at the beginning.
Two circles got out of the frame of canvas and another was always shaking on the y-axis. I tried to adjust my codes a few times and found the circle of the initial position is wrong.