https://github.com/collidingscopes/forcefield

Turn photos into forcefield particle animations in real-time. js + canvas, open source
https://github.com/collidingscopes/forcefield

animation art canvas effect generative generative-art html image image-processing javascript js manipulation particle real-time repulsion self-healing spotify spotify-canvas

Last synced: 29 days ago
JSON representation

Turn photos into forcefield particle animations in real-time. js + canvas, open source

• Host: GitHub
• URL: https://github.com/collidingscopes/forcefield
• Owner: collidingScopes
• License: mit
• Created: 2024-11-08T10:14:17.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-11T08:24:57.000Z (3 months ago)
• Last Synced: 2024-11-11T08:28:10.091Z (3 months ago)
• Topics: animation, art, canvas, effect, generative, generative-art, html, image, image-processing, javascript, js, manipulation, particle, real-time, repulsion, self-healing, spotify, spotify-canvas
• Language: JavaScript
• Homepage: https://collidingscopes.github.io/forcefield/
• Size: 4.28 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.MD
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
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 :)