v1.9.2当前版本
- 电视墙整体换新图:五台复古电视(Sony / Panasonic / JVC / Sharp / Philips)+ 木质电视柜,新图去除透明边缘(茶几腿紧贴画面底边)并压缩转 WebP 替换 images/tv-wall.webp(1416×800);五块屏幕玻璃、CRT 玻璃遮罩与机身点击热区全部按新图逐台实测重新定位,大电视玻璃遮罩由 SVG 多边形蒙版简化为外扩圆角矩形;补上了此前缺失的 PC 端点击热区坐标(.tv-hit--*,原热区塌缩导致电视不可点击);桌面端电视墙底对齐视口底部(桌面紧贴浏览器底边、无桌腿,不留下方空白),移动端保持垂直居中;移动端五台电视的裁切 / 文字 / 遮罩同步按新图换算,字号按各屏相对宽度重新计算
- 修复光标放大效果出现「两个圈」的问题:放大(大圈)只保留 .cursor-expand 一个,且仅当光标接触到电视屏幕区域时出现(圈内的明面文字同步换成隐藏文字);大圈激活期间,缓动跟随的外环与圆点会和大圈短暂错位(看起来像两个不重合的圈、圈内露出页面文字),现已随 body.tv-lens-on 整体隐藏,任何时刻场上只有一个大圈;后又修复了挖洞/裁剪与文字 CRT 滤镜(feDisplacementMap)分层导致的「错位矩形杂块 / 第二个圈」——mask 与滤镜改为同层(JS 把挖洞写在带滤镜的子 span 上),大圈与隐藏文字严格重合;其他可交互元素只保留「圆点隐藏 + 外环变大」,不再出现大圈
- 删除第一次下滑出现的半透明遮罩(.home-veil 及其「往上滑」提示):第一次下滑无任何效果,第二次下滑直接切换到网站信息页(js/homeflow.js 状态机由三态简化为两态)
- 光标悬停体验三项微调:① 移除文字 CRT 滤镜里的球面位移(feImage + feDisplacementMap)——悬停挖洞切换会让该位移滤镜重栅格化,文字肉眼可见地「抖一下 / 变球面」,移除后悬停前后文字渲染完全一致(点阵像素化保留);② 光标大圈由 108px 加大到 140px(JS 挖洞半径同步 70px),外环悬停放大 56px → 72px 匹配;③ 电视墙图片裁掉桌腿(1416×800),桌面直接落在画面底边并紧贴浏览器最底部
- 大圈裁切进屏幕 + 悬停雪花:大圈的裁切多边形逐帧从所在屏幕同步(按真实玻璃曲面采样生成),任何时刻都只存在于屏幕玻璃内;屏幕遮罩多边形排除玻璃四周的黑边阴影与机壳,只框住真实显示屏;光标移到某台电视上时,仅该台的屏幕出现黑白雪花噪点(慢速跳动 + 亮度闪烁,reduced-motion 下自动关闭),其他电视与文字保持原样
- 「项目坐标」与「摄影作品精选」板块对调:点大电视「暑假中」打开后先看到「一些项目坐标📃」,下滑才是「摄影作品精选📷」
- 屏幕遮罩精度提升 + 移动端重裁:五块玻璃是不规则曲面而非圆角矩形——脚本沿每块玻璃边界逐行采样 30 点生成多边形 clip-path(同时作用于大圈与花屏层),四角不再漏到机壳上;修正主电视与小电视组的真实接缝(x≈747,此前误切);移动端重排为「上 4 小电视 + 下 1 大电视」,大电视裁块向下延伸到桌面底边(桌子底部留出来,随底对齐贴住视口最底部),字号倍率随新网格同步重算
- 全站版本号统一升级至 v1.9.2(页脚、网站信息弹窗版本标签、更新日志当前版本、README)
- 主页改版:只保留「当前状态」的复古电视墙这一屏,整页不可滚动;删除 Hero 整块(银河星空 canvas、js/galaxy.js、「Hi, Here is / Xiang」大标题与副标题)与板块标题(Now / 当前状态😊)以及绿色网格 / 光晕背景;页脚整体移除(主页不再显示版权 / ICP 备案,版本信息保留在「网站信息」弹窗内)
- 电视墙尺寸微调:PC 端整体略微缩小、移动端整体略微放大,两者都稍微下移一点(高度计算把顶部导航的占用一并预留,任何视口下都不会被压出屏幕)
- 五台电视各加一块覆盖整机的透明点击遮罩(.tv-hit):PC 端按 tv-wall.webp 里每台电视机不透明区域的实测边界定位,移动端直接铺满各自的裁切块;悬停时给出极淡的高亮提示
- 其余板块改为主页内嵌的「二级页」浮层(不是独立页面文件,内容与效果原样保留),点击对应电视打开:大电视「军训中」→ 项目坐标 + 摄影作品精选;「学校」→ 学校;「专业」→ 出现过的地方;「年级」→ 我的技能加点 + 别人怎么评价我;「地址」→ 跳转游戏网站 game.xiang.ink
- 二级页内部是独立滚动容器,滚动行为与普通网页一致(不再有整屏切换);左上角「返回主页」胶囊 + ESC 键关闭;每次打开都会重播板块内的渐显 / 交错入场动画(技能百分比数字也会重新从 0 数起)
- 首屏背景改用新的暗调房间照片:PC 端用横版、竖屏与窄屏(视口比例 ≤ 1:1 或宽 ≤ 720px)用竖版,两张图转 WebP 并压缩(2.4MB / 2.3MB → 93KB / 136KB)后存入 images/bg/
- 移除了导航栏「向下滚动自动隐藏」的行为:分页浏览下导航常驻可见,随时可以跳转
- 浮层内的滚动适配:项目扇形卡的「滚轮切卡」与评价轮播的「滚轮换页」原本占用纵向滚轮,指针只要停在卡片上就滚不动二级页,现统一改为响应横向滚轮 / 触控板左右滑;评价圆点、键盘左右键、触摸左右滑等原有入口全部保留
- 清理死代码与无用文件约 1300 行 CSS / 1.34MB 图片:旧二级页样式(.sub-*)、弹窗旧特性网格与文件树(.ab-feature* / .ab-tree)、奖项统计链接区块(.pj-awards / .pj-stats / .pj-links)、进度条整条特性、无用 keyframes(driftGold / gradientFlow / subPageIn),以及从未被任何页面请求过的旧照片与旧项目配图共 13 张(images/photo/1~7.webp、images/project/detail/g1~g6.webp 等)