液态玻璃球体工作室

设计玻璃球动效,并导出透明 PNG、循环 WebM 或独立 HTML。

输入只在当前页面处理,不上传、不保存。

实时预览

WebGL2 着色器渲染器

不会发送输入或设置,所有渲染都在当前浏览器中完成。

正在准备实时预览…

背景

WebM 透明度会因浏览器编码器而异,请在剪辑软件中核对结果。

片段着色器

为网页项目制作玻璃球体

选择预设并调整球体与高光,再导出透明 PNG 用于样机、6 秒循环视频用于动效剪辑,或导出独立 HTML 渲染器。

示例与预期结果

例如选择“极光”并保留透明背景。1024 px 导出会生成 1024 × 640 PNG,球体周围透明。WebM 是否保留透明度取决于浏览器编码器和剪辑软件。