Show HN: Creating flowing particle animations out of images (JS and WebGL)

particular-drift.netlify.app

7 points

a year ago

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.

1 comment