dotsFluid.js (Personal work)
Javascript, P5.js
Year: 2025
Random Color:
Press the ‘G’ key to randomize background
Press the ‘F’ key to randomize dots
Adjust Density:
Press ‘A’ to increase dot density
Press ‘S’ to decrease it
Control Frequency:
Use the left arrow (←) to slow down
Use the right arrow (→) to speed it up
Save Frame:
Press the Spacebar to save a PNG to your downloads
By manipulating a simple set of parameters, the user can directly influence the behavior of an array of synchronized dots, creating complex and fluid patterns in real-time. The system’s core is built to be responsive and intuitive, allowing for immediate feedback on every adjustment. This design focuses on the direct relationship between user input and visual output, offering a powerful, hands-on experience in controlling a digital, animated environment.
These frames made me love it even more:
dotsFluid.js (Personal work)
Javascript, P5.js
Year: 2025
Fork ↗
By manipulating a simple set of parameters, the user can directly influence the behavior of an array of synchronized dots, creating complex and fluid patterns in real-time. The system’s core is built to be responsive and intuitive, allowing for immediate feedback on every adjustment. This design focuses on the direct relationship between user input and visual output, offering a powerful, hands-on experience in controlling a digital, animated environment.
To see the full project to the desktop version.
contacto@alejandromunoz.com.ar
All the works above are licensed under Creative Commons Attribution – NonCommercial – NoDerivatives 4.0 International.
The entire site was built with WordPress and runs on LayTheme
Buenos Aires, Argentina © 2025
↑
contacto@alejandromunoz.com.ar
Focused on Product Design, User Interface Design and Design Systems. Working remotely with inclusive and diverse teams.
All the works above are licensed under Creative Commons Attribution – NonCommercial – NoDerivatives 4.0 International.
The entire site was built with WordPress and runs on LayTheme.
© 2025
↑