AI产品精选

Liquid DOM 开源:WebGPU 实现 Apple Liquid Glass 视觉效果

把 Apple visionOS / iOS 26 的 Liquid Glass 视觉效果搬到 Web,基于 WebGPU + 实验性 HTML‑in‑Canvas API 的真正光学合成! 这就是...

精选理由

Web 上复刻 Apple 玻璃效果,参数可调

AI 摘要

Andrew Prifer 开源了 Liquid DOM,一个基于 WebGPU 和实验性 HTML-in-Canvas API 的库,用于在 Web 上复现 Apple visionOS/iOS 26 的 Liquid Glass 视觉效果。它通过场景图的三层模型(Scene-Container-Glass/Html)实现光学合成,支持形状融合、折射(折射率默认 1.5)、色散(RGB 分离)、镜面高光等参数。必须使用 WebGPU 和 Chrome flag canvas-draw-element 才能完整运行。

AI 翻译 · 中文

Andrew Prifer 开源了 Liquid DOM,一个基于 WebGPU 和实验性 HTML-in-Canvas API 的库,用于在 Web 上复现 Apple visionOS/iOS 26 的 Liquid Glass 视觉效果。它通过场景图的三层模型(Scene-Container-Glass/Html)实现光学合成,支持形状融合、折射(折射率默认 1.5)、色散(RGB 分离)、镜面高光等参数。必须使用 WebGPU 和 Chrome flag canvas-draw-element 才能完整运行。

shao__meng把 Apple visionOS / iOS 26 的 Liquid Glass 视觉效果搬到 Web,基于 WebGPU + 实验性 HTML‑in‑Canvas API 的真正光学合成! 这就是 @AndrewPrifer 开源的「Liquid DOM」 github.com/AndrewPrifer/l… 技术前提 · 必须 WebGPU:渲染依赖 navigator.gpu · 必须 Chrome flag:chrome://f