TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

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

7 pointsby getToTheChopin4 months ago
Hi! I&#x27;m Alan, and I built a website that turns images into flowing particle animations.<p>This javascript &#x2F; 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.<p>It uses Sobel edge detection, a Perlin noise flow field, and webGL &#x2F; GLSL for better performance.<p>The tool is completely free and open source (MIT license).<p>Github repo: <a href="https:&#x2F;&#x2F;github.com&#x2F;collidingScopes&#x2F;particular-drift">https:&#x2F;&#x2F;github.com&#x2F;collidingScopes&#x2F;particular-drift</a><p>Let me know of any feedback or suggestions for improvement.

1 comment

nimzoLarsen4 months ago
This runs smoothly even on mobile — nice work. WebGL is very neat.<p>I’ll be exploring your repo, thanks for sharing!