liquid-shape-distortions 是视频领域的开源项目，由 collidingScopes 开发，2025 年首次发布。
它收录于视频分类，该分类目前共有 473 个项目，GitHub 星标数为 110。
项目已超过三个月没有代码更新，维护节奏明显放缓，最近一次代码更新于 2026-09-09。MIT许可证，完全免费，可自行部署使用。
它主要面向的使用场景是：创意网站的背景动画，提升视觉冲击力。同类可对比的替代方案包括 PixiJS、Three.js、ShaderToy。
liquid-shape-distortions
在浏览器中实时生成流动迷幻的液体扭曲动画。
这是一个基于WebGL着色器的实时液体形状扭曲动画库，专为在浏览器中创造迷幻视觉效果而设计。它利用液体运动、扭曲、阴影和光照等算法，将简单的几何形状或图像转化为流动、变形、充满活力的动态画面。项目解决了前端开发者难以高效实现复杂GPU加速动画的痛点，提供了简洁的API和实时交互能力，让用户无需深入图形学知识即可快速生成具有艺术感的背景、过渡或视觉焦点。其核心能力包括高性能渲染、参数化控制（如扭曲强度、速度、颜色）以及响应式适配，适合用于创意网站、数字艺术展示和交互式媒体项目。作为早期项目，它展示了WebGL在创意编码领域的巨大潜力，为开发者提供了一个探索视觉新维度的轻量级工具。
开源
free
设计创意
GitHub 星标
★ 110
维护状态
低维护
是否开源
是
定价模式
free
项目数据
分类设计创意
开发团队collidingScopes
所属国家
定价模式free
价格说明开源项目，MIT许可证，完全免费，可自行部署使用。
访问状态
是否开源是
开源协议MIT
主要语言JavaScript
技术栈/模型album-art,animation,art,canvas,fluid-simulation,free,generative-art,generator,javascript,open-source,psychedelic,shader,spotify-canvas,trippy,webgl
GitHub 星标★ 110
30天Star增速
HF 下载量
上线时间2025-03-12 00:00:00
最近更新2026-09-09 00:00:00
维护状态低维护
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数6
使用教程
核心亮点
- 基于WebGL着色器，性能流畅，可实时交互。
- API简洁，几行代码即可创建复杂液体扭曲效果。
- 支持参数调节，可定制扭曲强度、色彩和运动速度。
不足之处
- 文档和示例较少，上手需要一定WebGL基础。
- 功能相对单一，仅专注于液体扭曲效果，扩展性有限。
适用场景
- 创意网站的背景动画，提升视觉冲击力。
- 数字艺术作品的动态元素，生成迷幻视觉。
- 交互式演示或音乐可视化，增强沉浸感。
替代项目
PixiJS、Three.js、ShaderToy
项目介绍
上一篇：momentumjs
下一篇：CueRecord
同类项目推荐
MoneyPrinterTurbo
开源
输入一句话，高清短视频自动出炉，文案配音全包了
利用 AI 大模型和自动化工作流，根据主题或关键词一键生成高清短视频。Generate HD short ···
seedance-2.0-api
开源
快速上手字节Seedance 2.0，文本/图片一键生成视频
Seedance 2.0 API — text-to-video and image-to-video examples
openscreen
开源
免费无水印录屏做演示，替代 Screen Studio
Record your screen, ship a demo. Free and open-source, GPU-accelerated, no watermark···
MagicDance
开源
一张图+任意动作，生成身份不变的逼真人物视频
[ICML 2024] MagicPose(also known as MagicDance): Realistic Human Poses and Facial Ex···