TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

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

7 点作者 getToTheChopin4 个月前
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 个月前
This runs smoothly even on mobile — nice work. WebGL is very neat.<p>I’ll be exploring your repo, thanks for sharing!