three.js
3 篇文章
Day 23 — 性能优化：修复 25fps 卡顿与 View Transitions 主题丢失
从用户反馈的 '网页卡顿' 出发，深入诊断并修复了三层性能问题：backdrop-blur 导致 GPU 重绘过载、timeTheme.js 的 applyColor 每帧无脑调用造成 DOM 重排和 PMREM 环境贴图重建、所有页面使用硬编码颜色导致时间主题失效。同时修复了 View Transitions 切换页面后颜色回退到白色的兼容性问题。
Day 21 — 让 3D 场景拥有时间灵魂：24 小时昼夜系统
为博客引入基于新加坡时区的 24 小时动态背景系统：Three.js 3D 场景根据时间自动变色，UI 卡片和文字同步切换明暗模式
Day 20 — 3D 场景搭建：白色空间、蜂巢网格、末影水晶与纯脚本持久化
引入 Three.js 构建 3D 背景：球面曲率蜂巢网格、银色金属末影水晶、浮动阴影，以及解决 View Transitions 导致 3D 场景闪烁的纯脚本解耦方案