Show HN:迷幻动画生成器;你下一次旅程的(p)art
流动形状扭曲 🌀
使用液体运动、扭曲、阴影和光线创造迷幻艺术。 我建议点击 🎲 按钮直到获得你喜欢的效果。 你也可以使用右上角的完整控件来微调所有参数。
- 🎲: 随机化所有输入 [r]
- ⏯️: 暂停/播放动画 [space]
- 📷: 保存屏幕截图 [s]
- 🎥: 开始/停止视频导出 [v]
- 🔊: 开始/停止音乐 [m]
Go ✨
🎲 | ⏯️ | 📷 | 🎥 | 🔊
---|---|---|---|---
FPS:
视频录制正在进行中。 按 🎥 按钮或 "v" 停止。 视频将保存到您的下载文件夹。
流动形状扭曲 🌀
迷幻动画生成器;你下一次旅程的(p)art
使用液体运动、扭曲、阴影和光线创造迷幻艺术。 这个工具是免费的,并且可以在浏览器中实时运行。
这个项目的灵感来自 drum & bass / acid techno 音乐和 90 年代的锐舞海报。
使用它来为音乐视频、演唱会海报、创意项目中的风格化动画创作艺术,或者仅仅是伴随着美妙的音乐来享受。
控件/热键:
- 🎲: 随机化所有输入 [r]
- ⏯️: 暂停/播放动画 [space]
- 📷: 保存屏幕截图 [s]
- 🎥: 开始和停止视频导出 [v]
- 🔊: 开始/停止音乐 [m]
使用完整的控制菜单(右上角)来设置自定义画布大小,调整动画速度,控制图案和颜色等。 之后,你可以将你的创作导出为图像或视频。 动画是使用 WebGL shaders 创建的,从随机种子位置开始,并混合随机噪声元素(分形布朗运动、3D Simplex 噪声),因此每次重新运行它时,你都在创造一件独特的艺术品。
这个工具是完全免费的、开源的 (MIT license),没有任何付费墙或高级选项。 欢迎你将其用于个人或商业目的。
如果你觉得这个工具有用,请随意请我喝杯咖啡。 我的名字是 Alan,我喜欢为艺术、动画、游戏等构建开源软件。 这在深夜编码时会非常感激!
用于创建动画的代码是资源密集型的,因此如果你的计算机没有足够的计算能力、打开了太多的标签、电池电量低等,它可能会以一定的滞后运行。
如果视频导出功能不适合你,请尝试使用免费的屏幕录制工具,例如 OBS Studio。
这个项目是使用 webgl shaders, vanilla Javascript, HTML5 canvas, 和 CSS 编写的 (查看 GitHub repo)。 视频创建和编码是使用 mp4 muxer 完成的。
使用的歌曲是 Telefon Tel Aviv 的 Fahrenheit Fair Enough。
如果你喜欢这个,你可能会对我的其他免费/开源项目感兴趣:
- Particular Drift: 将照片变成流动的粒子动画
- Liquid Logo: 将 logo 和图标变成液态金属动画
- Video-to-ASCII: 将视频变成 ASCII 像素艺术
- Shape Shimmer: 将照片变成时髦的波浪动画
- Colliding Scopes: 将照片变成万花筒动画
- Manual Brick Breaker: 通过挥动手臂来玩打砖块游戏
欢迎联系我讨论、提问,或者只是打个招呼! 你可以在 Instagram 上找到我 @stereo.drift,或者通过下面的其他地方 :)
| | | 𝕏 |
---|---|---|---|---