Liquid Glass 效果测试
未在播放
提醒事项
现在
下午 3 点 · 设计评审
玻璃材质的折射强度需要再调一版，记得带上参数截图。
9月18日 星期五
9:41
天气
24°
北京 · 多云
移动鼠标 = 移动光源 · 场景内的音量/亮度条可以直接拖
Liquid Glass 参数实验室
复刻 iOS 27「设置 › 外观 › Liquid Glass」的滑块：从 Ultra Clear 到 Fully Tinted，实时预览。光学模型 = 中心清晰 + 边缘折射弯曲 + SVG 真镜面高光。
检测中…
液态玻璃主滑块35
Ultra Clear ←→ Fully Tinted：联动折射、中心清晰度、边缘模糊、饱和、镜面
折射 Refraction
折射强度-55
负 = 凸透镜（边缘外扩） 正 = 凹透镜 0 = 关闭
折射带厚度18 %
弯曲发生在距边缘多宽的范围内；越小越像薄片玻璃
色散 Chromatic8
按位移强度做 RGB 三通道差，所以中心不糊、只在边缘出彩虹边
光学 Optics
中心清晰度80
Apple 效果的关键：100 = 中心完全通透不模糊，0 = 整块磨砂
边缘模糊12 px
饱和度165 %
镜面强度55
SVG feSpecularLighting 算出的真高光，随鼠标（光源）位置变化
高光锐度22
玻璃厚度40
控制边缘隆起的"脊"有多高 —— 决定高光环的宽度
几何 Geometry
圆角28 px
预设
场景
壁纸
