top of page
Infinity Circle (2023)
p5.js animation & graphic design project
Technique: p5.js
Infinity Circle is an immersive interactive animation I created using p5.js. Users can actively ‘separate’ the particles in the graphic by moving the mouse over it, and when the mouse moves away, the particles will magically return to their original position. Moreover, when users click on the graphic, the particles randomly change colors. The idea is to show that 'infinity' never disappears—it keeps flowing and changing, but always returns to its original form in the end.
​
​
When you click the mouse, the animation will randomly switch to one of three solid-colored infinite circle. Clicking again will return the animation to the infinite circle made up of three colors.
Interact with the infinite circle
bottom of page