Creating flowing particle animations out of images (JS and WebGL)
Creating flowing particle animations out of images (JS and WebGL)
Hi! I'm Alan, and I built a website that turns images into flowing particle animations. This javascript / WebGL tool creates particle animations out of any image in real-time within the browser, with particles that dynamically respond to edge detection and flow fields. It uses Sobel edge detection, a Perlin noise flow field, and webGL / GLSL for better performance. The tool is completely free and open source (MIT license). Github repo: https://github.com/collidingScopes/particular-drift Let me know of any feedback or suggestions for improvement.
Share cardActual performance
Launch Intel predictions
Analyze your own launch →Correct prediction on native model
Similar products
Doom 1993 Preprocessing Animations
I made some transistor animations
Bounce.js – A tool for generating CSS3 animations
Impulse – Dynamic JS Animations for the Mobile Web
We are creating the Venmo of Ethereum
Creating a Monorepo with Lerna and Yarn Workspaces
Hamilton, a Microframework for Creating Dataframes
The perks of creating dataflows with Hamilton
Binary JellyFish – A mistake while creating Newton Fractal
Dust – Creating Ephemeral Gestures on iOS8