Home 零对冲(ZeroHedge)每日HackerNews

Show HN：迷幻动画生成器；你下一次旅程的（艺）术作品
Show HN: Psychedelic animation generator; (p)art of your next trip

原始链接: https://collidingscopes.github.io/liquid-shape-distortions/

释放你内心的艺术家，使用这款免费的、基于浏览器的迷幻动画生成器！灵感来自drum & bass、acid techno和90年代的rave美学，这款工具可以让你创作出具有液体动感、变形和动态光影的迷人视觉效果。 尝试随机化和完整的控制菜单来自定义图案、颜色、动画速度和画布大小。将你的作品导出为图像或视频，用于音乐视频、演唱会海报，或者只是为了配合你喜欢的音乐进行个人欣赏。 操作直观，使用热键进行随机化（[r]）、暂停/播放（[空格]）、截图（[s]）、录制视频（[v]）和切换音乐（[m]）。 使用WebGL着色器和其他开源技术构建，每个动画都是独一无二的，由随机种子和分形噪声驱动。虽然资源密集，但其免费和开源的特性允许个人和商业用途。如果你觉得它有用，可以考虑请开发者Alan喝杯咖啡以示支持。

Hacker News 上的一篇文章展示了 “CollidingScopes”，这是一个使用 WebGL 着色器构建的开源实时迷幻动画生成器。它受到 drum & bass、acid techno 和 90 年代迷幻海报的启发，允许用户直接在浏览器中创建带有液体运动、扭曲形状、阴影和光线的迷幻视觉效果。 用户可以使用详细的控制菜单自定义画布大小、动画速度、图案和颜色，并将其创作导出为图像或视频。动画是使用随机种子位置和分形布朗运动生成的，以确保每次输出都是独一无二的。 欢迎反馈。评论者讨论了该项目的审美，一些人将其与 Google 的 Deep Dream 相比较，并请求添加类似 Milkdrop 的插值过渡等功能。其他评论则讨论了其美学风格，并提到了 Telefon tel aviv 等艺术家。一位用户称赞该项目“很漂亮”。
相关文章
  • Show HN：我做了一个免费动画师。 想想 Adob​​e Illustrator 但用于动画 2024-03-13
  • Show HN：我创建了一个 After Effects 替代方案 2024-07-02
  • （评论） 2024-01-20
  • Animotion – 视觉 CSS 动画应用程序 2023-11-28
  • （评论） 2023-12-04
    • 原文

    Psychedelic animation generator; (p)art of your next trip

    Create psychedelic art using liquid motion, distortion, shadows and light. This tool is free, and works in real-time in the browser.

    This project was inspired by drum & bass / acid techno music, and 90s rave posters.

    Use this to create art for a music video, concert posters, stylized animations in creative projects, or simply to enjoy alongside some fine music.

    Controls / hotkeys:

    • 🎲: randomize all inputs [r]
    • ⏯️: pause/play the animation [space]
    • 📷: save a screenshot image [s]
    • 🎥: start and stop video export [v]
    • 🔊: start/stop music [m]

    Use the full control menu (top-right) to set a custom canvas size, adjust animation speed, control pattern and colours, etc...

    You can export your creation as an image or video afterwards.

    The animation is created with WebGL shaders, starting from a random seed position and mixing in elements of random noise (fractal brownian motion, 3D simplex noise), so each time you re-run it you're creating a unique piece of art.

    This tool is completely free, open source (MIT license), without any paywalls or premium options. You are welcome to use it for personal or commercial purposes.

    If you found this tool useful, feel free to buy me a coffee. My name is Alan, and I enjoy building open source software for art, animation, games, and more. This would be much appreciated during late-night coding sessions!

    Buy Me A Coffee

    The code used to create the animation is resource-intensive, so it may run with some lag if your computer doesn't have enough computing power, too many tabs open, low battery, etc.

    If the video export feature does not work for you, please try a free screen-recording tool such as OBS Studio.

    This project is coded using webgl shaders, vanilla Javascript, HTML5 canvas, and CSS (see github repo). Video creation and encoding is done using mp4 muxer.

    The song used is Fahrenheit Fair Enough by Telefon Tel Aviv.

    If you enjoyed this, you may be interested in my other free / open source projects:

    Feel free to reach out to discuss, ask questions, or just to say hi! You can find me @stereo.drift on instagram, or through the other places below :)

    联系我们 contact @ memedata.com