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

科技回声

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

GitHubTwitter

首页

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

资源链接

HackerNews API原版 HackerNewsNext.js

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

Show HN: turn images into realtime forcefield animations (free and open source)

4 点作者 getToTheChopin6 个月前
This is a generative art project which turns images into &quot;force-field&quot; particle animations in real-time. The animation effect uses a force repulsion &#x2F; self-healing effect.<p>Upload your own image, open the GUI controls to change the animation parameters, and then use your mouse or touchscreen to activate the animation.<p>This project is open source (offered under MIT license), so feel free to use it however you wish.<p>This project is coded using Javascript, HTML, and CSS. Video creation and encoding is done using mp4 muxer. Github repo: <a href="https:&#x2F;&#x2F;github.com&#x2F;collidingScopes&#x2F;forcefield">https:&#x2F;&#x2F;github.com&#x2F;collidingScopes&#x2F;forcefield</a><p>Enormous thanks and credit to the project &quot;1 million particles&quot; by Tezumie, which provided the code foundation for the particle repulsion animation.

2 条评论

earthWindFi6 个月前
I&#x27;m getting a really smooth animation with anything &lt;1,000,000 particles. Very cool to see what can be done with vanilla JS and canvas.
nimzoLarsen6 个月前
Love these types of real-time effects rendered in the browser. Nice work!