← 开发进度
正常迭代
相对 v0.8.3
v0.8.4
液态玻璃强化重做 + 打轴区空洞修复
2026-10-18 · BENTO EDITION
HIGHLIGHTS · 本版要点
折射模型重做:strength × 长边 → 绝对峰值位移 px(frost 26px / lens 18px),大面板不再稀释、小下拉也能看到明显扭曲;边缘位移曲线 pow(.7) 抬升,棱边更聚拢
抛光厚棱:菲涅尔亮边加宽到 1.5px(顶白 .95 / 底蓝 .32),玻璃 ::after 增加顶左 135° 斜向高光——「厚度 / 挤出」的立体感(仍零外投影)
柔光色池加密:4 组径向色斑、不透明度 .17/.20/.34 → .26/.30/.46 + 新增左上深蓝斑,玻璃边缘折射出的色彩结构肉眼可见;面板底色 .52 → .46 让折射显形
材质分级加强:frost blur 10px / saturate 185%,lens blur 3px / saturate 220%;快捷面板 / 只读条 / 下拉 saturate 205%
开发进度页「不全啊 谁让你跳的」:浏览器滚动恢复自动跳位 + 缓存旧页——scrollRestoration=manual + 四页 no-cache meta
打轴区空洞「为什么同样的问题无数次重复」:.av-wave 改 flex 吸收富余高度 + ResizeObserver 同步画布高度 + 快捷键沉底 + 竖版视频限高 60vh
9
张真实截图
0
新运行时依赖
≈96KB
gzip 构建产物
真折射特写(本版核心)
条纹壁上的玻璃卡:边缘一圈把 48° 斜纹沿径向平滑「挤弯」,顶左抛光厚棱受光,中心位移为 0、文字清晰——本版把峰值位移提到 26px、棱边收窄抬升后,折射肉眼立现。
交互呼吸特写
悬停时通透度提升、模糊加深、高光增强 + 指针跟随径向光斑,全部由 @property 注册的变量迁移平滑插值。
落地页 · 设计理念
原理页 9 组实时演示全部换上强化后的玻璃:折射带更实、厚棱更亮。
落地页 · 首页
编辑式首页的玻璃窗口 mock 与画廊卡同步获得强化折射。
应用内下拉真折射特写
lens 材质(峰值 18px / blur 3px / saturate 220%):字体下拉叠在说明文字上,边缘把背景文字平滑挤弯,中心清晰。
项目 / 流水线
柔光色池加密后,面板边缘折射出的蓝色结构肉眼可见;面板底色略降不透明度。
字幕编辑器(空洞已修)
右栏波形吸收富余高度、快捷键区沉底——侧栏底部与快捷面板齐平,再无空洞。
打轴区左右布局特写
左视频 + 右(波形上 / 快捷面板下)两栏顶部对齐、底部齐平;竖版视频限高 60vh 不再撑出空洞。
权限只读悬浮条
底部居中玻璃胶囊(lens 材质),本版棱边高光加宽后厚度感更明显。
本页为版本化开发进度记录(bento 版式),截图均为真实运行界面。更完整的变更见仓库 CHANGELOG.md 与应用内「更新日志」。