Author: | collidingScopes |
---|---|
Views Total: | 31 views |
Official Page: | Go to website |
Last Update: | February 4, 2025 |
License: | MIT |
Preview:

Description:
Particular Drift is a web application that transforms your images into moving particle animations.
It uses JavaScript and WebGL to create dynamic animations where particles follow flow fields and cluster around edges.
With real-time controls and fully client-side processing, you can customize and export your animations as images or videos with ease.
Particular Drift operates entirely in your browser, processing images locally without server uploads. It combines advanced image processing techniques:
- Edge detection through Sobel filters identifies image boundaries
- Perlin and Simplex noise generate natural particle movement
- WebGL and GLSL shaders handle particle physics calculations
- Transform feedback enables efficient updates across particle systems
See It In Action:
How to use it:
1. Clone the Particular Drift repository from GitHub.
git clone https://github.com/collidingScopes/particular-drift.git
2. Navigate into the cloned particular-drift directory. Since this is a frontend application, you can use a simple web server to serve the files.
If you have Python installed, run:
python -m http.server
If you have Node.js installed, you can use a package like serve. If you don’t have serve installed globally, you can run it directly using npx:
npx serve
3. Go to http://localhost:8000
(or the address shown in your terminal after starting the server). Particular Drift should now be running in your browser, and you can start experimenting with your images.
4. Note that exporting is done through the WebCodecs API and mp4-muxer for video files. If you encounter issues with exporting videos, consider using Chrome or Edge for better support, or use external tools like OBS Studio for screen recording.