Turn images into flowing particle animations! Renders real-time in the browser. Free / open source software. Github repo: https://github.com/collidingScopes/particular-drift
Turn images into flowing particle animations! Upload an image, then use the controls to adjust the colors, particle speed, attraction strength, edge detection threshold, flow field movement, 2D vs. 3D noise, etc.
Click the 🎲 button underneath the canvas to randomize all input parameters, this can give interesting colour / movement styles. You can then open the controls at the top right of the screen to fine-tune the parameters one-by-one.
Increasing the attraction strength will make the particles stick to the edges, while increasing the particle speed will cause the particles to become unstuck and flow around the canvas freely.
You can export your creation as an image or video afterwards.
A few hotkeys for the pros:
[r]: randomize all inputs (useful to find interesting parameters for a new image)
[c]: choose random color palette
[space]: pause/play the animation
[enter]: restart the animation
[v]: start and stop video export
[s]: save a screenshot image
[u]: upload new image
This tool is completely free, open source (MIT license), without any paywalls or premium options. You are welcome to use it for personal or commercial purposes.
Github repo: https://github.com/collidingScop...
I'd love to hear any feedback or suggestions. Cheers and happy animating 🌀
Report
Cool animations. Reminds me of some of my night dreams. Not shure if they are beautifull, scary, or just abstract
Report
Amazing work on that. I’m spamming that 🎲 button over and over again and getting bangers each time. Very cool project
@christopher_dean thank you! A few ideas:
- for builders: animated logos, stylish images / gif to supplement landing pages
- for artists: remix and reimagine your art, giving you fresh ideas
- for consumers: bring life to your old photos, making art for your profile picture / header
Report
Congratulations on the launch of Particular Drift! This tool effectively addresses the challenge of creating dynamic visual content without extensive technical knowledge.
What methods does Particular Drift use to ensure real-time performance while handling complex particle animations in the browser?
Report
Looks interesting. Feel like the art style can be used in some horror game scenes lol
@saite_yuan Haha I think I see what you mean. Slow movement with patterns emerging out of randomness -- can be a bit creepy at times 🕸️. Thank you for the feedback Saite!
By the way, if you're working on any projects and want to use this to create art or other assets for it -- please go ahead! This is completely free and open source. I'd love to see what people can come up with
Particular Drift
Cool animations. Reminds me of some of my night dreams. Not shure if they are beautifull, scary, or just abstract
Particular Drift
Particular Drift
Particular Drift