Andrew Prifer 开源了 Liquid DOM，一个基于 WebGPU 和实验性 HTML-in-Canvas API 的库，忠实实现了 Apple visionOS/iOS 的 Liquid Glass 视觉效果。
📝 详细摘要
该推文介绍了一个名为 Liquid DOM 的开源项目，由 Andrew Prifer 开发，旨在将 Apple visionOS/iOS 的 Liquid Glass 视觉效果完整复现到 Web 平台。技术栈要求 WebGPU 和 Chrome 实验性 flag。核心架构采用三层场景图模型（Scene-Container-Glass/Html/Group），Container 作为光学单元，其参数被分为五组（形状与融合、模糊与位移、折射、镜面高光与反射、颜色与阴影），每组对应真实光学概念。该项目支持 Three.js 集成、React API、形状变形、动画、动态折射反射、色散等高级特性。
📊 文章信息
AI 初评：88
来源：meng shao(@shao__meng)
作者：meng shao
分类：软件编程
语言：中文
阅读时间：5 分钟
字数：1142
标签： Liquid DOM, WebGPU, Liquid Glass, 前端开发, 开源项目