liquid-shape-distortions

在浏览器中实时生成流动迷幻的液体扭曲动画。

开源 🏷️完全免费 🔧 仅开源项目，无在线服务，需自行部署设计创意 🍴 复刻 10 🐛 待处理 5 👀 关注 1

访问官网 ↗ GitHub ↗

GitHub 星标 ★ 112

维护状态低维护

是否开源开源

定价模式 🏷️完全免费开源项目，MIT许可证，完全免费，可自行部署使用。

项目预览

liquid-shape-distortions 项目界面预览图 — 图片来源：项目官网

项目数据

分类设计创意

开发团队collidingScopes

官网地址https://collidingscopes.github.io/liquid-shape-distortions

GitHubhttps://github.com/collidingScopes/liquid-shape-distortions

定价模式🏷️完全免费

价格说明开源项目，MIT许可证，完全免费，可自行部署使用。

访问状态🔧 仅开源项目，无在线服务，需自行部署

是否开源是

开源协议MIT

主要语言JavaScript

技术栈/模型album-art,animation,art,canvas,fluid-simulation,free,generative-art,generator,javascript,open-source,psychedelic,shader,spotify-canvas,trippy,webgl

GitHub 星标★ 112

上线时间2025-03-12 00:00:00

代码更新2025-05-24

仓库体积19.8 MB

本站数据更新2026-11-10

维护状态低维护

收录时间2026-08-09

浏览次数7

项目介绍

这是一个基于WebGL着色器的实时液体形状扭曲动画库，专为在浏览器中创造迷幻视觉效果而设计。它利用液体运动、扭曲、阴影和光照等算法，将简单的几何形状或图像转化为流动、变形、充满活力的动态画面。项目解决了前端开发者难以高效实现复杂GPU加速动画的痛点，提供了简洁的API和实时交互能力，让用户无需深入图形学知识即可快速生成具有艺术感的背景、过渡或视觉焦点。其核心能力包括高性能渲染、参数化控制（如扭曲强度、速度、颜色）以及响应式适配，适合用于创意网站、数字艺术展示和交互式媒体项目。作为早期项目，它展示了WebGL在创意编码领域的巨大潜力，为开发者提供了一个探索视觉新维度的轻量级工具。