Turn images into flowing particle animations! Renders real-time in the browser.
Free and 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 π
@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
Congrats @gettothechopin on Particular Drift!
I'm Daniel Founder of Digital Products Reviews, a consumer review platform.
We help connect consumers to digital brands in 2 ways:
1. Consumers - they leave reviews on digital brands.
2. Digital Brands - they reply to reviews and engage directly with their consumers.
Getting listed on Digital Products - for free - can help a brand gain more exposure and engagement with existing and new users.
Let's connect and talk about it! :)
Check us out: digitalproductsdp.com
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?
@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
Congratulations on launching Particular Drift! Your tool addresses the need for dynamic visual content creation in a user-friendly manner.
How do you plan to support users in customizing the particle animations to align with their specific creative needs?
@hamza_afzal_butt Thanks Hamza for the comment. Unfortunately you can't export with transparent background at the moment. I'm using mp4 muxer to export the video as mp4 file, and as far as I know it's not possible to use a transparent background on mp4 files.
I'll dig into it and see if I could make it work with another file format like webm.
Thank you for the suggestion!
Particular Drift