from Hacker News

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

by getToTheChopin on 1/29/25, 11:46 AM with 1 comments

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.

  • by nimzoLarsen on 1/29/25, 11:51 AM

    This runs smoothly even on mobile — nice work. WebGL is very neat.

    I’ll be exploring your repo, thanks for sharing!