This is a generative art project which turns images into "force-field" particle animations in real-time. The animation effect uses a force repulsion / self-healing effect.

Live demo: https://collidingscopes.github.io/forcefield/

Upload your own image, open the GUI controls to change the animation parameters, and then use your mouse or touchscreen to activate the animation.

This project is open source (offered under MIT license), so feel free to use it however you wish.

If you liked this and are feeling generous, feel free to buy me a coffee. This would be much appreciated during late-night coding sessions!

This project is coded using Javascript, HTML, and CSS. Video creation and encoding is done using mp4 muxer.

Enormous thanks and credit to the project "1 million particles" by Tezumie, which provided the code foundation for the particle repulsion animation.

Feel free to reach out to discuss, ask questions, or to share your creations! The animations can be easily uploaded to instagram or otherwise -- you can tag me @stereo.drift :)